feat: 更新资产包的dumi案例

packages/gi-assets-basic/src/components/ActivateRelations/index.md

@@ -1,17 +1,36 @@
+---
+title: 元素高亮
+order: 0
+group:
+  title: 基础资产
+  path: /basic
+nav:
+  title: 资产包
+  path: /assets
+  order: 1
+---
+
 ## ActivateRelations 元素高亮
 
 ```jsx
-import TestSDK, { Mock } from '@antv/gi-assets-testing';
 import * as React from 'react';
+import { GISDK_TEST } from '@antv/gi-sdk';
+import * as Assets from '@antv/gi-assets-basic';
 import Asset from './index.tsx';
 
-const App = props => {
+const { registerMeta, info } = Asset;
+
+const App = () => {
   return (
     <div>
-      <TestSDK asset={Asset} />
+      <GISDK_TEST assets={Assets} activeAssets={[info]} />
     </div>
   );
 };
 
 export default App;
 ```
+
+```
+
+```

packages/gi-assets-basic/src/components/CanvasSetting/index.md

@@ -1,17 +1,36 @@
+---
+title: 画布设置
+order: 0
+group:
+  title: 基础资产
+  path: /basic
+nav:
+  title: 资产包
+  path: /assets
+  order: 1
+---
+
 ## CanvasSetting 画布设置
 
 ```jsx
-import TestSDK, { Mock } from '@antv/gi-assets-testing';
 import * as React from 'react';
+import { GISDK_TEST } from '@antv/gi-sdk';
+import * as Assets from '@antv/gi-assets-basic';
 import Asset from './index.tsx';
 
-const App = props => {
+const { registerMeta, info } = Asset;
+
+const App = () => {
   return (
     <div>
-      <TestSDK asset={Asset} />
+      <GISDK_TEST assets={Assets} activeAssets={[info]} />
     </div>
   );
 };
 
 export default App;
 ```
+
+```
+
+```

packages/gi-assets-basic/src/components/ClearCanvas/index.md

@@ -1,17 +1,38 @@
+---
+title: 清除画布
+order: 0
+group:
+  title: 基础资产
+  path: /basic
+nav:
+  title: 资产包
+  path: /assets
+  order: 1
+---
+
 ## ClearCanvas 清除画布
 
 ```jsx
-import TestSDK, { Mock } from '@antv/gi-assets-testing';
 import * as React from 'react';
+import { GISDK_TEST } from '@antv/gi-sdk';
+import * as Assets from '@antv/gi-assets-basic';
 import Asset from './index.tsx';
 
-const App = props => {
+const { registerMeta, info } = Asset;
+
+const App = () => {
   return (
     <div>
-      <TestSDK asset={Asset} />
+      <GISDK_TEST assets={Assets} activeAssets={[info]} />
     </div>
   );
 };
 
 export default App;
 ```
+
+## Default Props
+
+```jsx |  pure
+
+```

packages/gi-assets-basic/src/components/ContextMenu/index.md

@@ -1,17 +0,0 @@
-## ContextMenu 右键菜单
-
-```jsx
-import TestSDK, { Mock } from '@antv/gi-assets-testing';
-import * as React from 'react';
-import Asset from './index.tsx';
-
-const App = props => {
-  return (
-    <div>
-      <TestSDK asset={Asset} type="GICC_MENU" />
-    </div>
-  );
-};
-
-export default App;
-```

packages/gi-assets-basic/src/components/Copyright/index.md

@@ -1,14 +1,27 @@
-## Loading 数据加载动画
+---
+title: 数据加载动画
+order: 0
+group:
+  title: 基础资产
+  path: /basic
+nav:
+  title: 资产包
+  path: /assets
+  order: 1
+---
 
 ```jsx
-import TestSDK, { Mock } from '@antv/gi-assets-testing';
 import * as React from 'react';
+import { GISDK_TEST } from '@antv/gi-sdk';
+import * as Assets from '@antv/gi-assets-basic';
 import Asset from './index.tsx';
 
-const App = props => {
+const { registerMeta, info } = Asset;
+
+const App = () => {
   return (
     <div>
-      <TestSDK asset={Asset} />
+      <GISDK_TEST assets={Assets} activeAssets={[info]} />
     </div>
   );
 };

packages/gi-assets-basic/src/components/DownLoad/index.md

@@ -1,17 +1,36 @@
-## DownLoad 图片下载
+---
+title: 图片下载
+order: 0
+group:
+  title: 基础资产
+  path: /basic
+nav:
+  title: 资产包
+  path: /assets
+  order: 1
+---
+
+## ClearCanvas 清除画布
 
 ```jsx
-import TestSDK, { Mock } from '@antv/gi-assets-testing';
 import * as React from 'react';
+import { GISDK_TEST } from '@antv/gi-sdk';
+import * as Assets from '@antv/gi-assets-basic';
 import Asset from './index.tsx';
 
-const App = props => {
+const { registerMeta, info } = Asset;
+
+const App = () => {
   return (
     <div>
-      <TestSDK asset={Asset} />
+      <GISDK_TEST assets={Assets} activeAssets={[info]} />
     </div>
   );
 };
 
 export default App;
 ```
+
+```
+
+```

packages/gi-assets-basic/src/components/FilterPanel/Component.tsx

@@ -58,7 +58,9 @@ const FilterPanel: React.FunctionComponent<FilterPanelProps> = props => {
   useEffect(() => {
     if (!enableInfoDetect) return;
     setSorttedProperties({
+      //@ts-ignore
       node: utils.getPropertyRanks(propertyGraphData, 'node'),
+      //@ts-ignore
       edge: utils.getPropertyRanks(propertyGraphData, 'edge'),
     });
   }, [propertyGraphData, enableInfoDetect]);
@@ -216,6 +218,7 @@ const FilterPanel: React.FunctionComponent<FilterPanelProps> = props => {
         const { propertyName } = item;
         const id = nanoid();
         const chartData = getChartData(source, propertyName, itemType);
+        //@ts-ignore
         const sorttedValues = utils.getPropertyValueRanks(propertyGraphData, itemType, propertyName);
         let hasOutlier = false;
         const selectOptions = [...chartData.keys()].map(key => {

packages/gi-assets-basic/src/components/FilterPanel/index.md

@@ -0,0 +1,34 @@
+---
+title: 筛选面板
+order: 0
+group:
+  title: 基础资产
+  path: /basic
+nav:
+  title: 资产包
+  path: /assets
+  order: 1
+---
+
+## FilterPanel 筛选面板
+
+```jsx
+import * as React from 'react';
+
+import { GISDK_TEST } from '@antv/gi-sdk';
+
+import * as Assets from '@antv/gi-assets-basic';
+import Asset from './index.tsx';
+
+const { registerMeta, info } = Asset;
+
+const App = () => {
+  return (
+    <div>
+      <GISDK_TEST assets={Assets} activeAssets={[info]} />
+    </div>
+  );
+};
+
+export default App;
+```

packages/gi-assets-basic/src/components/FitCenter/Component.tsx

@@ -13,8 +13,9 @@ const FitCenter: React.FunctionComponent<IProps> = props => {
     <GIAComponent
       GIAC={GIAC}
       onClick={() => {
+        //@ts-ignore
         graph.fitCenter({
-          'duration':100,
+          duration: 100,
         });
       }}
     />

packages/gi-assets-basic/src/components/FitCenter/index.md

@@ -1,17 +1,36 @@
+---
+title: 居中
+order: 0
+group:
+  title: 基础资产
+  path: /basic
+nav:
+  title: 资产包
+  path: /assets
+  order: 1
+---
+
 ## FitCenter 居中
 
 ```jsx
-import TestSDK, { Mock } from '@antv/gi-assets-testing';
 import * as React from 'react';
+import { GISDK_TEST } from '@antv/gi-sdk';
+import * as Assets from '@antv/gi-assets-basic';
 import Asset from './index.tsx';
 
-const App = props => {
+const { registerMeta, info } = Asset;
+
+const App = () => {
   return (
     <div>
-      <TestSDK asset={Asset} />
+      <GISDK_TEST assets={Assets} activeAssets={[info]} />
     </div>
   );
 };
 
 export default App;
 ```
+
+```
+
+```

packages/gi-assets-basic/src/components/FitCenterView/index.md

@@ -1,17 +1,36 @@
+---
+title: 自适应
+order: 0
+group:
+  title: 基础资产
+  path: /basic
+nav:
+  title: 资产包
+  path: /assets
+  order: 1
+---
+
 ## FitView 自适应
 
 ```jsx
-import TestSDK, { Mock } from '@antv/gi-assets-testing';
 import * as React from 'react';
+import { GISDK_TEST } from '@antv/gi-sdk';
+import * as Assets from '@antv/gi-assets-basic';
 import Asset from './index.tsx';
 
-const App = props => {
+const { registerMeta, info } = Asset;
+
+const App = () => {
   return (
     <div>
-      <TestSDK asset={Asset} />
+      <GISDK_TEST assets={Assets} activeAssets={[info]} />
     </div>
   );
 };
 
 export default App;
 ```
+
+```
+
+```

packages/gi-assets-basic/src/components/FitView/index.md

@@ -1,17 +1,36 @@
+---
+title: 自适应
+order: 0
+group:
+  title: 基础资产
+  path: /basic
+nav:
+  title: 资产包
+  path: /assets
+  order: 1
+---
+
 ## FitView 自适应
 
 ```jsx
-import TestSDK, { Mock } from '@antv/gi-assets-testing';
 import * as React from 'react';
+import { GISDK_TEST } from '@antv/gi-sdk';
+import * as Assets from '@antv/gi-assets-basic';
 import Asset from './index.tsx';
 
-const App = props => {
+const { registerMeta, info } = Asset;
+
+const App = () => {
   return (
     <div>
-      <TestSDK asset={Asset} />
+      <GISDK_TEST assets={Assets} activeAssets={[info]} />
     </div>
   );
 };
 
 export default App;
 ```
+
+```
+
+```