chore: update the demo

Author: gaoli

.eslintignore

@@ -1,3 +1,6 @@
-dist
-lib
-es
+/dist
+/lib
+/es
+
+/examples/**/dist
+/node_modules

.gitignore

@@ -1,6 +1,6 @@
-dist
-lib
-es
+/dist
+/lib
+/es
 
-node_modules
+/node_modules
 .eslintcache

.prettierignore

@@ -0,0 +1 @@
+/examples/**/dist

examples/flow/dist/bundle.js

@@ -0,0 +1,17 @@
+:global {
+  #root {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+}
+
+.editor {
+  display: flex;
+  flex: 1;
+
+  &-bd {
+    flex: 1;
+  }
+}

examples/flow/src/index.less

@@ -1,4 +1,47 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import GGEditor, { Flow } from '../../../lib';
+import styles from './index.less';
 
-ReactDOM.render(<div />, document.getElementById('root'));
+const data = {
+  nodes: [
+    {
+      id: '0',
+      label: '起止节点',
+      x: 55,
+      y: 55,
+    },
+    {
+      id: '1',
+      label: '结束节点',
+      x: 55,
+      y: 255,
+    },
+  ],
+  edges: [
+    {
+      source: '0',
+      target: '1',
+      startPoint: {
+        x: 1,
+        y: 1,
+      },
+      endPoint: {
+        x: 2,
+        y: 3,
+      },
+    },
+  ],
+};
+
+class Index extends React.Component {
+  render() {
+    return (
+      <GGEditor className={styles.editor}>
+        <Flow className={styles.editorBd} data={data} />
+      </GGEditor>
+    );
+  }
+}
+
+ReactDOM.render(<Index />, document.getElementById('root'));

examples/flow/src/index.tsx

@@ -0,0 +1 @@
+declare module '*.less';

examples/index.d.ts

@@ -0,0 +1,17 @@
+:global {
+  #root {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+}
+
+.editor {
+  display: flex;
+  flex: 1;
+
+  &-bd {
+    flex: 1;
+  }
+}

examples/mind/dist/bundle.js

@@ -1,4 +1,31 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import GGEditor, { Mind } from '../../../lib';
+import styles from './index.less';
 
-ReactDOM.render(<div />, document.getElementById('root'));
+const data = {
+  label: '中心主题',
+  children: [
+    {
+      label: '分支主题 1',
+    },
+    {
+      label: '分支主题 2',
+    },
+    {
+      label: '分支主题 3',
+    },
+  ],
+};
+
+class Index extends React.Component {
+  render() {
+    return (
+      <GGEditor className={styles.editor}>
+        <Mind className={styles.editorBd} data={data} />
+      </GGEditor>
+    );
+  }
+}
+
+ReactDOM.render(<Index />, document.getElementById('root'));

examples/mind/src/index.less

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "target": "esnext",
+    "jsx": "react",
+    "noImplicitThis": true
+  }
+}

examples/mind/src/index.tsx

@@ -29,6 +29,7 @@ function start(example) {
       format: 'umd',
       globals: {
         react: 'React',
+        'react-dom': 'ReactDOM',
       },
     },
     plugins: [
@@ -41,11 +42,7 @@ function start(example) {
       resolve(),
       commonjs(),
       typescript({
-        tsconfigOverride: {
-          compilerOptions: {
-            declaration: false,
-          },
-        },
+        tsconfig: 'examples/tsconfig.json',
       }),
       babel(),
       serve({