📝 docs: 补充文档

arvinxx · Apr 6, 2021 · 2c0ea22 · 2c0ea22
1 parent fa87278
commit 2c0ea22
Show file tree

Hide file tree

Showing 2 changed files with 65 additions and 1 deletion.
diff --git a/docs/components/biz/examples/Mindflow/Demo.tsx b/docs/components/biz/examples/Mindflow/Demo.tsx
@@ -13,7 +13,7 @@ if (process.env.NODE_ENV !== 'production') {
 const { Group } = Radio;
 
 const MindflowDemo = () => {
-  const [type, setType] = useState<'demo' | 'museum'>('demo');
+  const [type, setType] = useState<'demo' | 'museum' | 'thinking'>('thinking');
 
   return (
     <div>
@@ -27,6 +27,7 @@ const MindflowDemo = () => {
         >
           <Radio value={'demo'}>demo</Radio>
           <Radio value={'museum'}>博物馆案例</Radio>
+          <Radio value={'thinking'}>思考案例</Radio>
         </Group>
       </div>
       <Mindflow data={datasource[type]} height={600} />

diff --git a/docs/components/biz/examples/Mindflow/data.ts b/docs/components/biz/examples/Mindflow/data.ts
@@ -112,6 +112,69 @@ export const demo: MindflowData = {
   ],
 };
 
+export const thinking: MindflowData = {
+  nodes: [
+    {
+      id: '1',
+      data: {
+        type: 'question',
+        title: '如何设计 Mindflow',
+      },
+    },
+    {
+      id: '2',
+      data: {
+        type: 'information',
+        title:
+          'https://www.yuque.com/arvinxx/tu0agc/583fa27a-05f6-410f-84a8-304500513d84',
+        infoType: 'url',
+      },
+    },
+    {
+      id: '3',
+      data: {
+        type: 'information',
+        title:
+          'https://gw.alipayobjects.com/zos/antfincdn/w%26UFkCsvSt/7d30e63e-607c-4889-810e-664d8c8ccb08.png',
+        infoType: 'image',
+      },
+    },
+    {
+      id: '4',
+      data: {
+        type: 'idea',
+        title: '信息节点的展开与折叠',
+        description: '发散与收敛交互',
+      },
+    },
+    {
+      id: '5',
+      data: {
+        type: 'idea',
+        title: '在边上展示依据',
+      },
+    },
+  ],
+  edges: [
+    {
+      source: '1',
+      target: '2',
+    },
+    {
+      source: '1',
+      target: '3',
+    },
+    {
+      source: '2',
+      target: '5',
+    },
+    {
+      source: '3',
+      target: '4',
+    },
+  ],
+};
+
 export const museum: MindflowData = {
   nodes: [
     {