fix: 属性面板重复渲染问题 (#134)

* fix: 表格、图表tab切换渲染问题

* fix: 更新问题

---------

Co-authored-by: yxh01132861 <[email protected]>

packages/li-editor/src/widgets/WidgetsPanel/WidgetAttribute/index.tsx

@@ -1,7 +1,7 @@
 import type { Dataset, ImplementWidget, WidgetSchema } from '@antv/li-sdk';
 import classNames from 'classnames';
 import { forOwn, omit } from 'lodash-es';
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useEffect, useMemo } from 'react';
 import { AtomWidgetEmptyContainer } from '../../../constants';
 import { useEditorDatasets, useEditorService, useEditorState } from '../../../hooks';
 import { useWidgets } from './useWidgets';
@@ -38,24 +38,26 @@ const WidgetAttribute: React.FC<WidgetAttributeProps> = (props) => {
 
   // 数据集列表
   const { editorDatasets } = useEditorDatasets();
-  const datasets: Dataset[] = editorDatasets.map((item) => {
-    const columns = item.columns.map((cloumn) => {
-      // TODO: 从 editorDataset 获取 domain 数据
-      let domain: string[] | [number, number] = [];
-      if (cloumn.type === 'string') {
-        const itemValue = item.data.map((_item: any) => _item[cloumn.name]);
-        domain = cloumn.type === 'string' ? [...new Set(itemValue)] : [];
-      }
+  const datasets: Dataset[] = useMemo(() => {
+    return editorDatasets.map((item) => {
+      const columns = item.columns.map((cloumn) => {
+        // TODO: 从 editorDataset 获取 domain 数据
+        let domain: string[] | [number, number] = [];
+        if (cloumn.type === 'string') {
+          const itemValue = item.data.map((_item: any) => _item[cloumn.name]);
+          domain = cloumn.type === 'string' ? [...new Set(itemValue)] : [];
+        }
 
-      return { ...cloumn, domain };
-    });
+        return { ...cloumn, domain };
+      });
 
-    return {
-      ...item.schema,
-      columns: columns,
-      data: [],
-    };
-  });
+      return {
+        ...item.schema,
+        columns: columns,
+        data: [],
+      };
+    });
+  }, [editorDatasets]);
 
   // 服务资产列表
   const services = useMemo(() => appService.getImplementServices(), [appService]);