From 5ec1f62f8d040a7dccc94e4028807ae63a3a64d2 Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Fri, 16 Apr 2021 15:53:01 +0800
Subject: [PATCH] refactor: update some

---
 README.md                                     |   2 +-
 README.zh-CN.md                               |   2 +-
 src/components/FlowChart/src/AddPanel.vue     | 115 ----------------
 src/components/FlowChart/src/Control.vue      | 129 ++++++++++++++----
 .../src/{ => assets}/background/click.png     | Bin
 .../src/{ => assets}/background/download.png  | Bin
 .../src/{ => assets}/background/end.png       | Bin
 .../src/{ => assets}/background/push.png      | Bin
 .../src/{ => assets}/background/start.png     | Bin
 .../src/{ => assets}/background/time.png      | Bin
 .../src/{ => assets}/background/user.png      | Bin
 .../src/assets/iconfont/iconfont.css          |  45 ++++++
 .../src/assets/iconfont/iconfont.eot          | Bin 0 -> 3408 bytes
 .../FlowChart/src/assets/iconfont/iconfont.js |   1 +
 .../src/assets/iconfont/iconfont.json         |  58 ++++++++
 .../src/assets/iconfont/iconfont.svg          |  47 +++++++
 .../src/assets/iconfont/iconfont.ttf          | Bin 0 -> 3240 bytes
 .../src/assets/iconfont/iconfont.woff         | Bin 0 -> 2136 bytes
 .../src/assets/iconfont/iconfont.woff2        | Bin 0 -> 1652 bytes
 src/utils/operate/index.ts                    |   2 +-
 src/views/flow-chart/index.vue                |   7 +-
 21 files changed, 260 insertions(+), 148 deletions(-)
 delete mode 100644 src/components/FlowChart/src/AddPanel.vue
 rename src/components/FlowChart/src/{ => assets}/background/click.png (100%)
 rename src/components/FlowChart/src/{ => assets}/background/download.png (100%)
 rename src/components/FlowChart/src/{ => assets}/background/end.png (100%)
 rename src/components/FlowChart/src/{ => assets}/background/push.png (100%)
 rename src/components/FlowChart/src/{ => assets}/background/start.png (100%)
 rename src/components/FlowChart/src/{ => assets}/background/time.png (100%)
 rename src/components/FlowChart/src/{ => assets}/background/user.png (100%)
 create mode 100644 src/components/FlowChart/src/assets/iconfont/iconfont.css
 create mode 100644 src/components/FlowChart/src/assets/iconfont/iconfont.eot
 create mode 100644 src/components/FlowChart/src/assets/iconfont/iconfont.js
 create mode 100644 src/components/FlowChart/src/assets/iconfont/iconfont.json
 create mode 100644 src/components/FlowChart/src/assets/iconfont/iconfont.svg
 create mode 100644 src/components/FlowChart/src/assets/iconfont/iconfont.ttf
 create mode 100644 src/components/FlowChart/src/assets/iconfont/iconfont.woff
 create mode 100644 src/components/FlowChart/src/assets/iconfont/iconfont.woff2

diff --git a/README.md b/README.md
index a99a103e7..19f2aac12 100644
--- a/README.md
+++ b/README.md
@@ -51,7 +51,7 @@ npm install
 - run
 
 ```bash
-yarn serve
+npm run serve
 ```
 
 - build
diff --git a/README.zh-CN.md b/README.zh-CN.md
index 9f6413c6f..959c574d1 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -51,7 +51,7 @@ npm install
 - 运行
 
 ```bash
-yarn serve
+npm run serve
 ```
 
 - 打包
diff --git a/src/components/FlowChart/src/AddPanel.vue b/src/components/FlowChart/src/AddPanel.vue
deleted file mode 100644
index d61ba14f1..000000000
--- a/src/components/FlowChart/src/AddPanel.vue
+++ /dev/null
@@ -1,115 +0,0 @@
-<template>
-  <el-tabs tab-position="left">
-    <el-tab-pane label="添加动作">
-      <div v-for="item in nodeList" :key="item.type">
-        <el-button
-          class="add-node-btn"
-          type="primary"
-          size="mini"
-          @click="$_addNode(item)"
-        >{{item.label}}</el-button>
-      </div>
-    </el-tab-pane>
-    <el-tab-pane label="添加组">
-      <el-button class="add-node-btn" type="primary" size="mini" @click="$_addTempalte">模板</el-button>
-    </el-tab-pane>
-  </el-tabs>
-</template>
-
-<script>
-export default {
-  name: 'AddPanel',
-  props: {
-    nodeData: Object,
-    lf: Object || String
-  },
-  data() {
-    return {
-      nodeList: [
-        {
-          type: 'user',
-          label: '用户'
-        },
-        {
-          type: 'push',
-          label: '推送'
-        }
-      ]
-    }
-  },
-  methods: {
-    $_addNode(item) {
-      const { lf, nodeData } = this.$props
-      const { id, x, y } = nodeData
-      const nextNode = lf.addNode({
-        type: item.type,
-        x: x + 150,
-        y: y + 150
-      })
-      const nextId = nextNode.id
-      lf.createEdge({ sourceNodeId: id, targetNodeId: nextId })
-      this.$emit('addNodeFinish')
-    },
-    $_addTempalte() {
-      const { lf, nodeData } = this.$props
-      const { id, x, y } = nodeData
-      const timeNode = lf.addNode({
-        type: 'download',
-        x,
-        y: y + 150
-      })
-      const userNode = lf.addNode({
-        type: 'user',
-        x: x + 150,
-        y: y + 150
-      })
-      const pushNode = lf.addNode({
-        type: 'push',
-        x: x + 150,
-        y: y + 300,
-        properties: {}
-      })
-      const endNode = lf.addNode({
-        type: 'end',
-        x: x + 300,
-        y: y + 150
-      })
-      const endNode2 = lf.addNode({
-        type: 'end',
-        x: x + 300,
-        y: y + 300
-      })
-      lf.createEdge({ sourceNodeId: id, targetNodeId: timeNode.id })
-      lf.createEdge({ sourceNodeId: timeNode.id, targetNodeId: userNode.id })
-      lf.createEdge({
-        sourceNodeId: userNode.id,
-        targetNodeId: endNode.id,
-        endPoint: { x: x + 280, y: y + 150 },
-        text: {
-          value: 'Y',
-          x: x + 230,
-          y: y + 140
-        }
-      })
-      lf.createEdge({
-        sourceNodeId: userNode.id,
-        targetNodeId: pushNode.id,
-        text: {
-          value: 'N',
-          x: x + 160,
-          y: y + 230
-        }
-      })
-      lf.createEdge({ sourceNodeId: pushNode.id, targetNodeId: endNode2.id, endPoint: { x: x + 280, y: y + 300 } })
-      this.$emit('addNodeFinish')
-    }
-  }
-}
-</script>
-
-<style scoped>
-.add-node-btn {
-  margin-bottom: 10px;
-  margin-right: 20px;
-}
-</style>
diff --git a/src/components/FlowChart/src/Control.vue b/src/components/FlowChart/src/Control.vue
index 3b57f33f6..5cb78315d 100644
--- a/src/components/FlowChart/src/Control.vue
+++ b/src/components/FlowChart/src/Control.vue
@@ -1,7 +1,21 @@
 <template>
-  <div>
-    <el-button-group>
-      <el-button size="small" @click="$_zoomIn">放大</el-button>
+  <div class="control-container">
+    <ul>
+      <li
+        v-for="(item,key) in titleLists"
+        :key="key"
+        :title="item.text"
+        :style="{background: focusIndex === key ? '#ccc' : ''}"
+        @mouseenter.prevent="onEnter(key)"
+        @mouseleave.prevent="focusIndex = -1"
+      >
+        <button ref="controlButton" @click="onControl(item,key)">
+          <span :class="'iconfont ' + item.icon"></span>
+          <p>{{ item.text }}</p>
+        </button>
+      </li>
+    </ul>
+    <!-- <el-button size="small" @click="$_zoomIn">放大</el-button>
       <el-button size="small" @click="$_zoomOut">缩小</el-button>
       <el-button size="small" @click="$_zoomReset">大小适应</el-button>
       <el-button size="small" @click="$_translateRest">定位还原</el-button>
@@ -10,65 +24,128 @@
       <el-button size="small" @click="$_redo" :disabled="redoDisable">下一步(ctrl+y)</el-button>
       <el-button size="small" @click="$_download">下载图片</el-button>
       <el-button size="small" @click="$_catData">查看数据</el-button>
-      <el-button v-if="catTurboData" size="small" @click="$_catTurboData">查看turbo数据</el-button>
-    </el-button-group>
+    <el-button v-if="catTurboData" size="small" @click="$_catTurboData">查看turbo数据</el-button>-->
   </div>
 </template>
 
 <script>
 export default {
-  name: 'Control',
+  name: "Control",
   props: {
     lf: Object || String,
-    catTurboData: Boolean
+    catTurboData: Boolean,
   },
   data() {
     return {
       undoDisable: true,
       redoDisable: true,
-    }
+      focusIndex: -1,
+      titleLists: [
+        {
+          icon: "icon-zoom-out-hs",
+          text: "缩小",
+        },
+        {
+          icon: "icon-enlarge-hs",
+          text: "放大",
+        },
+        {
+          icon: "icon-full-screen-hs",
+          text: "适应",
+        },
+        {
+          icon: "icon-previous-hs",
+          text: "上一步",
+        },
+        {
+          icon: "icon-next-step-hs",
+          text: "下一步",
+        },
+      ],
+    };
   },
   mounted() {
-    this.$props.lf.on('history:change', ({ data: { undoAble, redoAble } }) => {
-      this.$data.undoDisable = !undoAble
-      this.$data.redoDisable = !redoAble
-    })
+    this.$props.lf.on("history:change", ({ data: { undoAble, redoAble } }) => {
+      this.$data.undoDisable = !undoAble;
+      this.$data.redoDisable = !redoAble;
+    });
   },
   methods: {
+    onControl(item, key) {
+      ["zoom", "zoom", "resetZoom", "undo", "redo"].forEach((v, i) => {
+        let domControl = this.$props.lf;
+        if (key === 1) {
+          domControl.zoom(true);
+        }
+        if (key === i) {
+          domControl[v]();
+        }
+      });
+    },
+    onEnter(key) {
+      this.focusIndex = key;
+    },
     $_zoomIn() {
-      this.$props.lf.zoom(true)
+      this.$props.lf.zoom(true);
     },
     $_zoomOut() {
-      this.$props.lf.zoom(false)
+      this.$props.lf.zoom(false);
     },
     $_zoomReset() {
-      this.$props.lf.resetZoom()
+      this.$props.lf.resetZoom();
     },
     $_translateRest() {
-      this.$props.lf.resetTranslate()
+      this.$props.lf.resetTranslate();
     },
     $_reset() {
-      this.$props.lf.resetZoom()
-      this.$props.lf.resetTranslate()
+      this.$props.lf.resetZoom();
+      this.$props.lf.resetTranslate();
     },
     $_undo() {
-      this.$props.lf.undo()
+      this.$props.lf.undo();
     },
     $_redo() {
-      this.$props.lf.redo()
+      this.$props.lf.redo();
     },
     $_download() {
-      this.$props.lf.getSnapshot()
+      this.$props.lf.getSnapshot();
     },
     $_catData() {
-      this.$emit('catData')
+      this.$emit("catData");
     },
     $_catTurboData() {
-      this.$emit('catTurboData')
-    }
-  }
-}
+      this.$emit("catTurboData");
+    },
+  },
+};
 </script>
 
 <style scoped>
+@import "./assets/iconfont/iconfont.css";
+.control-container {
+  position: absolute;
+  right: 20px;
+  background: hsla(0, 0%, 100%, 0.8);
+  box-shadow: 0 1px 4px rgb(0 0 0 / 30%);
+  border-radius: 5px;
+}
+.iconfont {
+  font-size: 25px;
+}
+.control-container p {
+  margin: 0;
+  font-size: 12px;
+}
+.control-container ul {
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  margin: 2px;
+}
+.control-container ul li {
+  width: 60px;
+  text-align: center;
+  cursor: pointer;
+  /* pointer-events: none; */
+}
 </style>
diff --git a/src/components/FlowChart/src/background/click.png b/src/components/FlowChart/src/assets/background/click.png
similarity index 100%
rename from src/components/FlowChart/src/background/click.png
rename to src/components/FlowChart/src/assets/background/click.png
diff --git a/src/components/FlowChart/src/background/download.png b/src/components/FlowChart/src/assets/background/download.png
similarity index 100%
rename from src/components/FlowChart/src/background/download.png
rename to src/components/FlowChart/src/assets/background/download.png
diff --git a/src/components/FlowChart/src/background/end.png b/src/components/FlowChart/src/assets/background/end.png
similarity index 100%
rename from src/components/FlowChart/src/background/end.png
rename to src/components/FlowChart/src/assets/background/end.png
diff --git a/src/components/FlowChart/src/background/push.png b/src/components/FlowChart/src/assets/background/push.png
similarity index 100%
rename from src/components/FlowChart/src/background/push.png
rename to src/components/FlowChart/src/assets/background/push.png
diff --git a/src/components/FlowChart/src/background/start.png b/src/components/FlowChart/src/assets/background/start.png
similarity index 100%
rename from src/components/FlowChart/src/background/start.png
rename to src/components/FlowChart/src/assets/background/start.png
diff --git a/src/components/FlowChart/src/background/time.png b/src/components/FlowChart/src/assets/background/time.png
similarity index 100%
rename from src/components/FlowChart/src/background/time.png
rename to src/components/FlowChart/src/assets/background/time.png
diff --git a/src/components/FlowChart/src/background/user.png b/src/components/FlowChart/src/assets/background/user.png
similarity index 100%
rename from src/components/FlowChart/src/background/user.png
rename to src/components/FlowChart/src/assets/background/user.png
diff --git a/src/components/FlowChart/src/assets/iconfont/iconfont.css b/src/components/FlowChart/src/assets/iconfont/iconfont.css
new file mode 100644
index 000000000..f4c83794b
--- /dev/null
+++ b/src/components/FlowChart/src/assets/iconfont/iconfont.css
@@ -0,0 +1,45 @@
+@font-face {font-family: "iconfont";
+  src: url('iconfont.eot?t=1618544337340'); /* IE9 */
+  src: url('iconfont.eot?t=1618544337340#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAZ0AAsAAAAADKgAAAYmAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDZAqLQIldATYCJAMgCxIABCAFhG0HgQkb6ApRlA9Sk+xngd1wXQyjTXRCW7pkEvLB0N9/pZhyo7nvIIK1Nisnipg3omjUREiURDXNNEL/jDRCI5H/riTu/9q0D5OakT05VaM3E4kMJI2QhanZillesmYnVT0pD5+399suTrCEkjDhqLtAxyURhIU6Ser/1tp8aDPgI2g7ex2ah+Q7i0rI+Gy9rSNYOtEEdPFQVkrlj/1c3oZFk6Sv/bYQqWUunsgkk8QRkrgkCJEKpUcO8zx0cFLQr+x6CEiNi0BN2YWV4MwJhmDEqhdU4BwR8oIOEXPCjGMzcoKDuLmnLwLw6vy9vMCFM6ggIW50umRpIbVW14U29L/QmIZgqDs5cD0JDKwCHFIylReQ51yFpO+XKBwDcjHltbq9801mxdeFzX8inbguoAq1yCWzpH95JuRUJIC0EDPH5nNGtIkkA4GgvROBocpEEKLCCBwVj0BRF/CJHFYhEo9WCbF1TCdgEEgF0A0Ee8NxioIeN97QzQqFMd2tdfIJC3KeK0T3eJYu0J07g6BVbCB0IiDVDNsQ1mFcbNxDCTk6IWEb2ShHfHxUlvAjkfj0mHDhC56GAL4CWMUgQXgEywDxuH0TBAD7gDZuRqtx7KWpnyTbushlJUpytdfnUvoS/pXG880npIYe3wueUdIJoa9HlRgdsYiF5QJv8C2zjIbzXERGQmwH0QylmjJfC4evBB8UUKQZMsAMG2aWMU6nc6s9m7X4Thn0gTfomgnm5d0qwX4v0rQH3GZn4Ajp8F2VeUcTTARpA+FfyLcpc+T05bOemT2fny8EH8Vn4LPFh3htyOtB3jDSJj34IpEQ3HNboUdasWNDQifcA8BfPPkTe6YaWp0nF/IrhQHGW2D5HTO7O2zfTH3+gxip/NioTs9VwUXL7T3AbzTxHa3qSu1e4EZTfZl/QiC2c7UI5jZ/ET938pSH8Z8IPBwU0NopeLgB7h6Kvp0GVCOw72KAjKFA71sPKX7/9g+Js/AmNfj8/o28sqNVdSTVI93p08F3v/75zqw8W79vb0RVaCTrw6aNntrQwCtbzzDKosTRFMjp/WFqtpZUEGxsi6P8L09byvlyrrvUJ6/ZFJR/X32mbUmndlduWjbdnwnY2ZBHo8OIKIVDUJah62hi4aKdSoqZsWypN7d0w6nsAzb12tWrqZOl12+W/W7YyLFxDy/7U369cgFF85PUVevYahz8y/HS9ZGrbv7saR0sn5MfEzhinC2Dizcv5xHycyChG33pcskigbRkvXnDaurRjRuIeDdu4rnSgPQ/L196FHQg6FGs7266c82aTtDT1jU0CqzWoG2Ndf91wRo1g/0wo9b4VPtV+2iwl/fjvxq4f83CBZeYgx6njp8mb7jzou9FfPdwBBpffvyUx6XARoc/1umGwtrl034lryLH/YCEwly/XrrckYHsd+/YWY/u3EGI085rV6RD5+Bw7dqnoAvBjzifw3S3zdaNZL/dRnfz7XZup232DX4VtD6Cn+AzkqFgBq6unr/gwtCDuydN51fk76ocHS/nN25Y/WqMe1fzBRgEQHPEjqE0gIbkR1CKM/zYUukn9ItRVMHwLfuO1kaP2mlUivpAUpbb8f5wZS1eib+cs3/qlD9r8DU2NEccqhPVFos3SRGSKtb4hyJEcX6VZhArj8Y+edgVpHICKD9tt8ddsvuYpNLZfQGoyBiY2CzKm1chkFmHUGwbUityTs70kCCSE2DZZADRaSeo0heYTpdQ3vwIAv0+QagzEKTOQnnOzHzoXTMkrCJYy6q7Wb1GNPO6hLi6keVYaDeqpDDFGarGkqy3sLFRMXFPDjZjqYsD5A6BI4RneUk0sdlwM2w0iqxFEtuwhkTpCLHER0fzWQ+I0ogmcLVPgqkQmBZLrdvC1tMQmfGTE66J3y+HCdoZqUgFBd/Y1TCJTL92VqwoMRVQOUxzpYJTiZd1EHAIyXmskS4RmbCySY4ZpVPEsmRv1QbTIKLoGtgt4kVTI74qM2p4tulMzwFS4qPiUDFxCSSUSGJJKJd2ozFS1kgYmyN1snOnimh0brybVuw0G0WV9iF3xeYjFAg4LcEi4Q692C7TUI8omiJRZAN3M+4ikTLBlosAAAA=') format('woff2'),
+  url('iconfont.woff?t=1618544337340') format('woff'),
+  url('iconfont.ttf?t=1618544337340') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('iconfont.svg?t=1618544337340#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-full-screen-hs:before {
+  content: "\e656";
+}
+
+.icon-watch-hs:before {
+  content: "\e766";
+}
+
+.icon-download-hs:before {
+  content: "\e6af";
+}
+
+.icon-enlarge-hs:before {
+  content: "\e765";
+}
+
+.icon-previous-hs:before {
+  content: "\e84c";
+}
+
+.icon-zoom-out-hs:before {
+  content: "\e744";
+}
+
+.icon-next-step-hs:before {
+  content: "\e84b";
+}
+
diff --git a/src/components/FlowChart/src/assets/iconfont/iconfont.eot b/src/components/FlowChart/src/assets/iconfont/iconfont.eot
new file mode 100644
index 0000000000000000000000000000000000000000..c77503fb24dace951637bda878f4ddb30d4d8881
GIT binary patch
literal 3408
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
Qa&fNKHB&22gRtNHUwcLy4gdfE

literal 0
HcmV?d00001

diff --git a/src/components/FlowChart/src/assets/iconfont/iconfont.js b/src/components/FlowChart/src/assets/iconfont/iconfont.js
new file mode 100644
index 000000000..357339c31
--- /dev/null
+++ b/src/components/FlowChart/src/assets/iconfont/iconfont.js
@@ -0,0 +1 @@
+!function(c){var t,e,o,a,n,l,i='<svg><symbol id="icon-full-screen-hs" viewBox="0 0 1024 1024"><path d="M960.605 932.345v-240.231c0.045-7.2-2.723-14.445-8.213-19.98-11.115-11.047-29.002-11.047-40.071 0-5.535 5.535-8.303 12.757-8.303 19.98v171.923l-351.99-352.035 351.99-352.013v171.855c0 7.245 2.767 14.49 8.303 20.002 11.070 11.070 28.957 11.070 40.071 0 5.49-5.511 8.257-12.78 8.213-20.002v-240.187c0.045-7.223-2.723-14.468-8.213-20.003-5.58-5.511-12.803-8.279-20.025-8.302h-240.233c-7.222 0-14.467 2.79-19.98 8.302-11.115 11.049-11.115 28.957 0 40.050 5.511 5.535 12.735 8.302 19.98 8.279h171.9l-352.013 352.013-352.012-352.035h171.855c7.268 0.022 14.49-2.745 20.025-8.279 11.070-11.047 11.070-29.002 0-40.050-5.49-5.511-12.758-8.279-20.025-8.303h-240.187c-7.268 0-14.513 2.79-20.025 8.303-5.513 5.558-8.279 12.803-8.279 20.048v240.165c0 7.245 2.79 14.512 8.279 20.002 11.070 11.070 28.98 11.070 40.028 0 5.513-5.511 8.279-12.713 8.279-20.002v-171.855l352.058 352.012-352.035 352.035v-171.922c0-7.2-2.745-14.445-8.279-19.98-11.070-11.047-29.002-11.047-40.028 0-5.558 5.535-8.279 12.757-8.279 19.98v240.231c0 7.223 2.79 14.468 8.279 20.048 5.535 5.468 12.757 8.279 20.025 8.279h240.188c7.268 0 14.49-2.745 20.025-8.279 11.070-11.047 11.070-29.002 0-40.050-5.535-5.535-12.78-8.257-20.025-8.257h-171.877l352.012-352.035 352.013 352.035h-171.9c-7.222 0-14.467 2.768-19.98 8.257-11.115 11.049-11.115 29.002 0 40.050 5.511 5.468 12.735 8.279 19.98 8.279h240.255c7.2 0 14.445-2.813 20.025-8.279 5.467-5.602 8.19-12.825 8.19-20.048z"  ></path></symbol><symbol id="icon-watch-hs" viewBox="0 0 1024 1024"><path d="M511.08 630.42c0.39-0.09 0.8-0.14 1.2-0.2h-0.52zM651 490.5c0 0.2-0.09 0.4-0.13 0.59s0 0.14 0 0.2c0.03-0.29 0.07-0.53 0.13-0.79zM471.17 630.42l-0.84-0.18h-0.31c0.38 0.03 0.77 0.1 1.15 0.18zM331.49 449v0.36c0.08-0.51 0.16-1 0.23-1.52-0.12 0.37-0.19 0.78-0.23 1.16zM468.88 630.1l1.14 0.11c-0.83-0.13-1.67-0.23-2.5-0.36a10 10 0 0 0 1.36 0.25zM331.57 492.78a11.92 11.92 0 0 0 0.24 1.36c-0.13-0.87-0.24-1.76-0.38-2.64 0.05 0.43 0.09 0.86 0.14 1.28zM331.25 490.5c0.07 0.33 0.13 0.66 0.18 1v-0.23zM331.25 450.58c0.05-0.26 0.1-0.5 0.15-0.73s0-0.34 0.05-0.51c-0.06 0.42-0.12 0.84-0.2 1.24zM650.84 491.41v-0.12c-0.07 0.41-0.13 0.83-0.19 1.24 0.09-0.4 0.15-0.8 0.19-1.12z"  ></path><path d="M512 65C264.66 65 65 264.66 65 512s199.66 447 447 447 447-199.66 447-447S759.34 65 512 65z m213.38 684.87c-8.76 9.55-25 8.88-33.91 0l-12.3-12.3q-42.64-42.63-85.28-85.28a200 200 0 0 1-59.3 22.52 214 214 0 0 1-131.48-14.95c-37.52-16.92-69.56-46.36-90.86-81.46-22-36.33-32.73-80.15-29.4-122.54a213.12 213.12 0 0 1 48.3-119.42c54.37-66.3 150.16-92.22 230.58-62.43a214.42 214.42 0 0 1 100.68 77.16c24.62 34.5 37.4 77.11 37.56 119.37a235.67 235.67 0 0 1-2.92 34.06c-6.88 45.84-30.52 87.73-64.1 118.92l5.81 5.81L725.38 716c9.48 9.43 8.79 24.3 0 33.87z"  ></path><path d="M635.31 542.1c1.2-2.36 2.34-4.74 3.44-7.15 0.28-0.61 0.54-1.22 0.81-1.83 1.5-3.86 3-7.72 4.25-11.67a183.83 183.83 0 0 0 6.56-26.9c0.11-0.66 0.2-1.34 0.29-2-0.35 1.85-0.91 3.8 0.21-1.44 0.24-2.18 0.45-4.37 0.61-6.56 0.35-4.66 0.51-9.32 0.52-14s-0.17-9.33-0.52-14q-0.26-3.45-0.64-6.88v-0.08c-1-6-0.2-1.67 0 0 0 0.31 0.11 0.63 0.17 1-0.16-0.89-0.27-1.8-0.41-2.7a182.65 182.65 0 0 0-6.6-27.62c-1.38-4.27-3-8.41-4.59-12.61-0.32-0.71-0.63-1.42-1-2.13-0.92-2-1.87-4-2.87-6a184.55 184.55 0 0 0-13.85-23.12c-1.11-1.58-7-8.66-1.71-2.52-1.42-1.65-2.72-3.42-4.12-5.09q-4.2-5-8.75-9.73c-6.1-6.32-12.78-11.79-19.44-17.49 6.14 5.26-0.94-0.6-2.52-1.71-1.79-1.26-3.6-2.48-5.43-3.68q-5.52-3.59-11.27-6.78-6.07-3.36-12.38-6.26c-0.75-0.35-1.51-0.68-2.26-1-1.64-0.62-3.25-1.3-4.9-1.9a181.3 181.3 0 0 0-27.13-7.74c-2.67-0.55-5.36-1-8.05-1.46-0.9-0.14-1.81-0.25-2.71-0.41l1 0.17c1.67 0.2 6 1 0 0H512q-6.56-0.75-13.15-1a188.34 188.34 0 0 0-28.4 1c-1.1 0.2-2.25 0.31-3.34 0.49-2.24 0.37-4.48 0.78-6.7 1.24q-6.63 1.35-13.14 3.18c-4.29 1.21-8.55 2.58-12.75 4.1-2 0.72-4 1.51-6 2.28l-1.84 0.82a185.92 185.92 0 0 0-24.25 13.32q-3.3 2.16-6.51 4.44c-0.74 0.53-3.82 2.89-3.93 2.93-0.71 0.57-1.41 1.14-2.1 1.72q-2.52 2.1-5 4.27a186.27 186.27 0 0 0-18.65 19.25c-1.32 1.58-6.2 9-2 2.31-1.16 1.83-2.62 3.53-3.86 5.3q-3.78 5.37-7.17 11T346.94 399q-1.5 3-2.89 5.95c-0.86 1.86-3.23 8.91-0.78 1.56-3 8.94-6.46 17.52-8.69 26.72q-1.68 6.94-2.82 14c0 0.21-0.05 0.42-0.08 0.62 0.29-1.51 0.67-2.55-0.28 2-0.2 1.77-0.38 3.54-0.53 5.32a188.09 188.09 0 0 0-0.11 29.36c0.17 2.25 0.41 4.49 0.65 6.74 0.8 3.86 0.63 3.81 0.4 2.87l0.06 0.41q1.06 6.38 2.56 12.66a200.32 200.32 0 0 0 8.27 26c0.46 1 0.89 2 1.35 3q1.4 3 2.89 6 3 5.86 6.39 11.53 3.56 5.89 7.54 11.54c1.13 1.59 2.44 3.11 3.49 4.76-4.09-6.45-0.21-0.31 1.12 1.3a185.34 185.34 0 0 0 19 19.82q2.92 2.63 5.95 5.13c1.62 1.33 7.76 5.22 1.31 1.12 3.49 2.22 6.72 4.91 10.18 7.19a184.79 184.79 0 0 0 23.59 13.12c1 0.48 2.06 0.93 3.09 1.4 2 0.76 3.94 1.54 5.92 2.26 4.2 1.52 8.46 2.89 12.75 4.1s8.72 2.29 13.14 3.18c2.22 0.46 4.46 0.87 6.7 1.24l0.41 0.06c-0.93-0.22-1-0.39 2.81 0.39a200.31 200.31 0 0 0 27.82 1q6.83-0.25 13.61-1c4.64-1 3.6-0.58 2.08-0.28l0.62-0.09c2-0.33 4-0.69 6-1.08a183.29 183.29 0 0 0 27.22-7.55c2.26-0.81 4.49-1.87 6.76-2.64 0.75-0.34 1.51-0.67 2.25-1q5.7-2.64 11.2-5.66c7.94-4.37 15-9.82 22.58-14.65-6.69 4.25 0.74-0.64 2.31-2s3.32-2.83 4.95-4.29q4.86-4.38 9.4-9.08 4.79-5 9.17-10.23c1.26-1.51 2.43-3.1 3.7-4.59-5.06 5.91-0.2 0.17 1-1.45a185.86 185.86 0 0 0 14.31-23.66z"  ></path><path d="M512.68 630.18l1.16-0.19-1.56 0.23z"  ></path></symbol><symbol id="icon-download-hs" viewBox="0 0 1024 1024"><path d="M200 834h632v88a8 8 0 0 1-8 8H192v-88a8 8 0 0 1 8-8z m239-262.037V185c0-13.255 10.745-24 24-24h104v401.473l141.997-137.148c9.534-9.209 24.728-8.945 33.936 0.59l0.004 0.003 72.205 74.799-304.959 294.546c-9.534 9.208-24.728 8.944-33.936-0.59l-0.003-0.004-71.859-74.44-0.063 0.062-205.587-212.927c-9.206-9.534-8.941-24.724 0.59-33.932l74.782-72.246L439 571.963z"  ></path></symbol><symbol id="icon-enlarge-hs" viewBox="0 0 1024 1024"><path d="M945.159 867.61l-206.543-206.538c49.578-63.772 79.108-143.903 79.108-230.953 0-207.97-168.58-376.547-376.639-376.547-207.97 0-376.547 168.577-376.547 376.547 0 208.038 168.577 376.614 376.547 376.614 87.059 0 167.197-29.532 230.973-79.108l206.543 206.544c9.171 9.17 21.227 13.802 33.278 13.802s24.106-4.629 33.28-13.802c18.431-18.43 18.431-48.215 0-66.559v0zM158.701 430.119c0-155.737 126.65-282.39 282.39-282.39 155.826 0 282.477 126.65 282.477 282.39 0 155.805-126.65 282.458-282.477 282.458-155.739 0-282.39-126.65-282.39-282.458v0z"  ></path><path d="M579.708 389.853h-98.352v-98.352c0-22.272-17.991-40.268-40.268-40.352-22.185 0.086-40.267 18.078-40.267 40.352v98.352h-98.352c-22.272 0-40.268 17.991-40.268 40.179 0 22.272 17.991 40.352 40.268 40.352h98.352v98.352c0 22.252 18.080 40.246 40.267 40.333 22.274-0.086 40.268-18.080 40.268-40.333v-98.352h98.352c22.272 0 40.355-18.079 40.267-40.352 0-22.187-17.991-40.179-40.267-40.179v0z"  ></path></symbol><symbol id="icon-previous-hs" viewBox="0 0 1024 1024"><path d="M814.933333 482.133333C716.8 384 597.333333 328.533333 460.8 315.733333V128c0-17.066667-8.533333-34.133333-25.6-38.4-17.066667-8.533333-34.133333-4.266667-46.933333 8.533333L29.866667 473.6c-17.066667 17.066667-17.066667 42.666667 0 59.733333l358.4 392.533334c8.533333 8.533333 21.333333 12.8 34.133333 12.8 4.266667 0 8.533333 0 17.066667-4.266667 17.066667-4.266667 25.6-21.333333 25.6-38.4v-204.8c68.266667-8.533333 128-4.266667 192 12.8 76.8 21.333333 170.666667 93.866667 273.066666 213.333333 12.8 12.8 29.866667 21.333333 51.2 12.8 17.066667-8.533333 29.866667-25.6 25.6-42.666666-21.333333-162.133333-85.333333-298.666667-192-405.333334z"  ></path></symbol><symbol id="icon-zoom-out-hs" viewBox="0 0 1024 1024"><path d="M951.643 877.547l-210.337-210.335c50.487-64.946 80.56-146.547 80.56-235.199 0-211.793-171.681-383.472-383.563-383.472-211.792 0-383.471 171.679-383.471 383.472 0 211.862 171.679 383.538 383.471 383.538 88.661 0 170.271-30.075 235.218-80.56l210.337 210.339c9.34 9.339 21.614 14.055 33.89 14.055s24.551-4.716 33.892-14.055c18.77-18.77 18.77-49.101 0-67.781v0zM150.725 432.011c0-158.601 128.978-287.58 287.58-287.58 158.691 0 287.671 128.978 287.671 287.58 0 158.668-128.978 287.651-287.671 287.651-158.601 0-287.58-128.978-287.58-287.651v0z"  ></path><path d="M397.297 391.004h-100.16c-22.683 0-41.008 18.324-41.008 40.919 0 22.683 18.324 41.094 41.008 41.094h282.333c22.683 0 41.095-18.412 41.007-41.094 0-22.595-18.324-40.919-41.007-40.919v0h-182.173z"  ></path></symbol><symbol id="icon-next-step-hs" viewBox="0 0 1024 1024"><path d="M209.066667 482.133333c98.133333-98.133333 213.333333-153.6 349.866666-166.4V128c0-17.066667 8.533333-34.133333 25.6-38.4 17.066667-8.533333 34.133333-4.266667 46.933334 8.533333l358.4 375.466667c17.066667 17.066667 17.066667 42.666667 0 59.733333l-358.4 392.533334c-8.533333 8.533333-21.333333 12.8-29.866667 12.8-4.266667 0-8.533333 0-17.066667-4.266667-17.066667-4.266667-25.6-21.333333-25.6-38.4v-204.8c-68.266667-8.533333-128-4.266667-192 12.8-76.8 21.333333-170.666667 93.866667-273.066666 213.333333-8.533333 17.066667-29.866667 21.333333-46.933334 12.8-17.066667-8.533333-29.866667-25.6-25.6-42.666666 17.066667-162.133333 81.066667-298.666667 187.733334-405.333334z"  ></path></symbol></svg>',s=(s=document.getElementsByTagName("script"))[s.length-1].getAttribute("data-injectcss");if(s&&!c.__iconfont__svg__cssinject__){c.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(c){console&&console.log(c)}}function h(){n||(n=!0,o())}t=function(){var c,t,e,o;(o=document.createElement("div")).innerHTML=i,i=null,(e=o.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",c=e,(t=document.body).firstChild?(o=c,(e=t.firstChild).parentNode.insertBefore(o,e)):t.appendChild(c))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(t,0):(e=function(){document.removeEventListener("DOMContentLoaded",e,!1),t()},document.addEventListener("DOMContentLoaded",e,!1)):document.attachEvent&&(o=t,a=c.document,n=!1,(l=function(){try{a.documentElement.doScroll("left")}catch(c){return void setTimeout(l,50)}h()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,h())})}(window);
\ No newline at end of file
diff --git a/src/components/FlowChart/src/assets/iconfont/iconfont.json b/src/components/FlowChart/src/assets/iconfont/iconfont.json
new file mode 100644
index 000000000..6f91abb60
--- /dev/null
+++ b/src/components/FlowChart/src/assets/iconfont/iconfont.json
@@ -0,0 +1,58 @@
+{
+  "id": "2491438",
+  "name": "liu'c'tu",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "755619",
+      "name": "自适应图标",
+      "font_class": "full-screen-hs",
+      "unicode": "e656",
+      "unicode_decimal": 58966
+    },
+    {
+      "icon_id": "14445801",
+      "name": "查看",
+      "font_class": "watch-hs",
+      "unicode": "e766",
+      "unicode_decimal": 59238
+    },
+    {
+      "icon_id": "9712640",
+      "name": "下载",
+      "font_class": "download-hs",
+      "unicode": "e6af",
+      "unicode_decimal": 59055
+    },
+    {
+      "icon_id": "1029099",
+      "name": "放大",
+      "font_class": "enlarge-hs",
+      "unicode": "e765",
+      "unicode_decimal": 59237
+    },
+    {
+      "icon_id": "20017362",
+      "name": "上一步",
+      "font_class": "previous-hs",
+      "unicode": "e84c",
+      "unicode_decimal": 59468
+    },
+    {
+      "icon_id": "1010015",
+      "name": "缩小",
+      "font_class": "zoom-out-hs",
+      "unicode": "e744",
+      "unicode_decimal": 59204
+    },
+    {
+      "icon_id": "20017363",
+      "name": "下一步",
+      "font_class": "next-step-hs",
+      "unicode": "e84b",
+      "unicode_decimal": 59467
+    }
+  ]
+}
diff --git a/src/components/FlowChart/src/assets/iconfont/iconfont.svg b/src/components/FlowChart/src/assets/iconfont/iconfont.svg
new file mode 100644
index 000000000..657d7c73f
--- /dev/null
+++ b/src/components/FlowChart/src/assets/iconfont/iconfont.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<!--
+2013-9-30: Created.
+-->
+<svg>
+<metadata>
+Created by iconfont
+</metadata>
+<defs>
+
+<font id="iconfont" horiz-adv-x="1024" >
+  <font-face
+    font-family="iconfont"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1024"
+    ascent="896"
+    descent="-128"
+  />
+    <missing-glyph />
+    
+    <glyph glyph-name="full-screen-hs" unicode="&#58966;" d="M960.605-36.34500000000003v240.231c0.045 7.2-2.723 14.445-8.213 19.98-11.115 11.047-29.002 11.047-40.071 0-5.535-5.535-8.303-12.757-8.303-19.98v-171.923l-351.99 352.035 351.99 352.013v-171.855c0-7.245 2.767-14.49 8.303-20.002 11.07-11.07 28.957-11.07 40.071 0 5.49 5.511 8.257 12.78 8.213 20.002v240.187c0.045 7.223-2.723 14.468-8.213 20.003-5.58 5.511-12.803 8.279-20.025 8.302h-240.233c-7.222 0-14.467-2.79-19.98-8.302-11.115-11.049-11.115-28.957 0-40.05 5.511-5.535 12.735-8.302 19.98-8.279h171.9l-352.013-352.013-352.012 352.035h171.855c7.268-0.022 14.49 2.745 20.025 8.279 11.07 11.047 11.07 29.002 0 40.05-5.49 5.511-12.758 8.279-20.025 8.303h-240.187c-7.268 0-14.513-2.79-20.025-8.303-5.513-5.558-8.279-12.803-8.279-20.048v-240.165c0-7.245 2.79-14.512 8.279-20.002 11.07-11.07 28.98-11.07 40.028 0 5.513 5.511 8.279 12.713 8.279 20.002v171.855l352.058-352.012-352.035-352.035v171.922c0 7.2-2.745 14.445-8.279 19.98-11.07 11.047-29.002 11.047-40.028 0-5.558-5.535-8.279-12.757-8.279-19.98v-240.231c0-7.223 2.79-14.468 8.279-20.048 5.535-5.468 12.757-8.279 20.025-8.279h240.188c7.268 0 14.49 2.745 20.025 8.279 11.07 11.047 11.07 29.002 0 40.05-5.535 5.535-12.78 8.257-20.025 8.257h-171.877l352.012 352.035 352.013-352.035h-171.9c-7.222 0-14.467-2.768-19.98-8.257-11.115-11.049-11.115-29.002 0-40.05 5.511-5.468 12.735-8.279 19.98-8.279h240.255c7.2 0 14.445 2.813 20.025 8.279 5.467 5.602 8.19 12.825 8.19 20.048z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="watch-hs" unicode="&#59238;" d="M511.08 265.58000000000004c0.39 0.09 0.8 0.14 1.2 0.2h-0.52zM651 405.5c0-0.2-0.09-0.4-0.13-0.59s0-0.14 0-0.2c0.03 0.29 0.07 0.53 0.13 0.79zM471.17 265.58000000000004l-0.84 0.18h-0.31c0.38-0.03 0.77-0.1 1.15-0.18zM331.49 447v-0.36c0.08 0.51 0.16 1 0.23 1.52-0.12-0.37-0.19-0.78-0.23-1.16zM468.88 265.9l1.14-0.11c-0.83 0.13-1.67 0.23-2.5 0.36a10 10 0 0 1 1.36-0.25zM331.57 403.22a11.92 11.92 0 0 1 0.24-1.36c-0.13 0.87-0.24 1.76-0.38 2.64 0.05-0.43 0.09-0.86 0.14-1.28zM331.25 405.5c0.07-0.33 0.13-0.66 0.18-1v0.23zM331.25 445.42c0.05 0.26 0.1 0.5 0.15 0.73s0 0.34 0.05 0.51c-0.06-0.42-0.12-0.84-0.2-1.24zM650.84 404.59v0.12c-0.07-0.41-0.13-0.83-0.19-1.24 0.09 0.4 0.15 0.8 0.19 1.12zM512 831C264.66 831 65 631.3399999999999 65 384s199.66-447 447-447 447 199.66 447 447S759.34 831 512 831z m213.38-684.87c-8.76-9.55-25-8.88-33.91 0l-12.3 12.3q-42.64 42.63-85.28 85.28a200 200 0 0 0-59.3-22.52 214 214 0 0 0-131.48 14.95c-37.52 16.92-69.56 46.36-90.86 81.46-22 36.33-32.73 80.15-29.4 122.54a213.12 213.12 0 0 0 48.3 119.42c54.37 66.3 150.16 92.22 230.58 62.43a214.42 214.42 0 0 0 100.68-77.16c24.62-34.5 37.4-77.11 37.56-119.37a235.67 235.67 0 0 0-2.92-34.06c-6.88-45.84-30.52-87.73-64.1-118.92l5.81-5.81L725.38 180c9.48-9.43 8.79-24.3 0-33.87zM635.31 353.9c1.2 2.36 2.34 4.74 3.44 7.15 0.28 0.61 0.54 1.22 0.81 1.83 1.5 3.86 3 7.72 4.25 11.67a183.83 183.83 0 0 1 6.56 26.9c0.11 0.66 0.2 1.34 0.29 2-0.35-1.85-0.91-3.8 0.21 1.44 0.24 2.18 0.45 4.37 0.61 6.56 0.35 4.66 0.51 9.32 0.52 14s-0.17 9.33-0.52 14q-0.26 3.45-0.64 6.88v0.08c-1 6-0.2 1.67 0 0 0-0.31 0.11-0.63 0.17-1-0.16 0.89-0.27 1.8-0.41 2.7a182.65 182.65 0 0 1-6.6 27.62c-1.38 4.27-3 8.41-4.59 12.61-0.32 0.71-0.63 1.42-1 2.13-0.92 2-1.87 4-2.87 6a184.55 184.55 0 0 1-13.85 23.12c-1.11 1.58-7 8.66-1.71 2.52-1.42 1.65-2.72 3.42-4.12 5.09q-4.2 5-8.75 9.73c-6.1 6.32-12.78 11.79-19.44 17.49 6.14-5.26-0.94 0.6-2.52 1.71-1.79 1.26-3.6 2.48-5.43 3.68q-5.52 3.59-11.27 6.78-6.07 3.36-12.38 6.26c-0.75 0.35-1.51 0.68-2.26 1-1.64 0.62-3.25 1.3-4.9 1.9a181.3 181.3 0 0 1-27.13 7.74c-2.67 0.55-5.36 1-8.05 1.46-0.9 0.14-1.81 0.25-2.71 0.41l1-0.17c1.67-0.2 6-1 0 0H512q-6.56 0.75-13.15 1a188.34 188.34 0 0 1-28.4-1c-1.1-0.2-2.25-0.31-3.34-0.49-2.24-0.37-4.48-0.78-6.7-1.24q-6.63-1.35-13.14-3.18c-4.29-1.21-8.55-2.58-12.75-4.1-2-0.72-4-1.51-6-2.28l-1.84-0.82a185.92 185.92 0 0 1-24.25-13.32q-3.3-2.16-6.51-4.44c-0.74-0.53-3.82-2.89-3.93-2.93-0.71-0.57-1.41-1.14-2.1-1.72q-2.52-2.1-5-4.27a186.27 186.27 0 0 1-18.65-19.25c-1.32-1.58-6.2-9-2-2.31-1.16-1.83-2.62-3.53-3.86-5.3q-3.78-5.37-7.17-11T346.94 497q-1.5-3-2.89-5.95c-0.86-1.86-3.23-8.91-0.78-1.56-3-8.94-6.46-17.52-8.69-26.72q-1.68-6.94-2.82-14c0-0.21-0.05-0.42-0.08-0.62 0.29 1.51 0.67 2.55-0.28-2-0.2-1.77-0.38-3.54-0.53-5.32a188.09 188.09 0 0 1-0.11-29.36c0.17-2.25 0.41-4.49 0.65-6.74 0.8-3.86 0.63-3.81 0.4-2.87l0.06-0.41q1.06-6.38 2.56-12.66a200.32 200.32 0 0 1 8.27-26c0.46-1 0.89-2 1.35-3q1.4-3 2.89-6 3-5.86 6.39-11.53 3.56-5.89 7.54-11.54c1.13-1.59 2.44-3.11 3.49-4.76-4.09 6.45-0.21 0.31 1.12-1.3a185.34 185.34 0 0 1 19-19.82q2.92-2.63 5.95-5.13c1.62-1.33 7.76-5.22 1.31-1.12 3.49-2.22 6.72-4.91 10.18-7.19a184.79 184.79 0 0 1 23.59-13.12c1-0.48 2.06-0.93 3.09-1.4 2-0.76 3.94-1.54 5.92-2.26 4.2-1.52 8.46-2.89 12.75-4.1s8.72-2.29 13.14-3.18c2.22-0.46 4.46-0.87 6.7-1.24l0.41-0.06c-0.93 0.22-1 0.39 2.81-0.39a200.31 200.31 0 0 1 27.82-1q6.83 0.25 13.61 1c4.64 1 3.6 0.58 2.08 0.28l0.62 0.09c2 0.33 4 0.69 6 1.08a183.29 183.29 0 0 1 27.22 7.55c2.26 0.81 4.49 1.87 6.76 2.64 0.75 0.34 1.51 0.67 2.25 1q5.7 2.64 11.2 5.66c7.94 4.37 15 9.82 22.58 14.65-6.69-4.25 0.74 0.64 2.31 2s3.32 2.83 4.95 4.29q4.86 4.38 9.4 9.08 4.79 5 9.17 10.23c1.26 1.51 2.43 3.1 3.7 4.59-5.06-5.91-0.2-0.17 1 1.45a185.86 185.86 0 0 1 14.31 23.66zM512.68 265.82000000000005l1.16 0.19-1.56-0.23z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="download-hs" unicode="&#59055;" d="M200 62h632v-88a8 8 0 0 0-8-8H192v88a8 8 0 0 0 8 8z m239 262.037V711c0 13.255 10.745 24 24 24h104v-401.473l141.997 137.148c9.534 9.209 24.728 8.945 33.936-0.59l0.004-0.003 72.205-74.799-304.959-294.546c-9.534-9.208-24.728-8.944-33.936 0.59l-0.003 0.004-71.859 74.44-0.063-0.062-205.587 212.927c-9.206 9.534-8.941 24.724 0.59 33.932l74.782 72.246L439 324.03700000000003z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="enlarge-hs" unicode="&#59237;" d="M945.159 28.389999999999986l-206.543 206.538c49.578 63.772 79.108 143.903 79.108 230.953 0 207.97-168.58 376.547-376.639 376.547-207.97 0-376.547-168.577-376.547-376.547 0-208.038 168.577-376.614 376.547-376.614 87.059 0 167.197 29.532 230.973 79.108l206.543-206.544c9.171-9.17 21.227-13.802 33.278-13.802s24.106 4.629 33.28 13.802c18.431 18.43 18.431 48.215 0 66.559v0zM158.701 465.881c0 155.737 126.65 282.39 282.39 282.39 155.826 0 282.477-126.65 282.477-282.39 0-155.805-126.65-282.458-282.477-282.458-155.739 0-282.39 126.65-282.39 282.458v0zM579.708 506.147h-98.352v98.352c0 22.272-17.991 40.268-40.268 40.352-22.185-0.086-40.267-18.078-40.267-40.352v-98.352h-98.352c-22.272 0-40.268-17.991-40.268-40.179 0-22.272 17.991-40.352 40.268-40.352h98.352v-98.352c0-22.252 18.08-40.246 40.267-40.333 22.274 0.086 40.268 18.08 40.268 40.333v98.352h98.352c22.272 0 40.355 18.079 40.267 40.352 0 22.187-17.991 40.179-40.267 40.179v0z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="previous-hs" unicode="&#59468;" d="M814.933333 413.866667C716.8 512 597.333333 567.4666669999999 460.8 580.266667V768c0 17.066667-8.533333 34.133333-25.6 38.4-17.066667 8.533333-34.133333 4.266667-46.933333-8.533333L29.866667 422.4c-17.066667-17.066667-17.066667-42.666667 0-59.733333l358.4-392.533334c8.533333-8.533333 21.333333-12.8 34.133333-12.8 4.266667 0 8.533333 0 17.066667 4.266667 17.066667 4.266667 25.6 21.333333 25.6 38.4v204.8c68.266667 8.533333 128 4.266667 192-12.8 76.8-21.333333 170.666667-93.866667 273.066666-213.333333 12.8-12.8 29.866667-21.333333 51.2-12.8 17.066667 8.533333 29.866667 25.6 25.6 42.666666-21.333333 162.133333-85.333333 298.666667-192 405.333334z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="zoom-out-hs" unicode="&#59204;" d="M951.643 18.452999999999975l-210.337 210.335c50.487 64.946 80.56 146.547 80.56 235.199 0 211.793-171.681 383.472-383.563 383.472-211.792 0-383.471-171.679-383.471-383.472 0-211.862 171.679-383.538 383.471-383.538 88.661 0 170.271 30.075 235.218 80.56l210.337-210.339c9.34-9.339 21.614-14.055 33.89-14.055s24.551 4.716 33.892 14.055c18.77 18.77 18.77 49.101 0 67.781v0zM150.725 463.989c0 158.601 128.978 287.58 287.58 287.58 158.691 0 287.671-128.978 287.671-287.58 0-158.668-128.978-287.651-287.671-287.651-158.601 0-287.58 128.978-287.58 287.651v0zM397.297 504.996h-100.16c-22.683 0-41.008-18.324-41.008-40.919 0-22.683 18.324-41.094 41.008-41.094h282.333c22.683 0 41.095 18.412 41.007 41.094 0 22.595-18.324 40.919-41.007 40.919v0h-182.173z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="next-step-hs" unicode="&#59467;" d="M209.066667 413.866667c98.133333 98.133333 213.333333 153.6 349.866666 166.4V768c0 17.066667 8.533333 34.133333 25.6 38.4 17.066667 8.533333 34.133333 4.266667 46.933334-8.533333l358.4-375.466667c17.066667-17.066667 17.066667-42.666667 0-59.733333l-358.4-392.533334c-8.533333-8.533333-21.333333-12.8-29.866667-12.8-4.266667 0-8.533333 0-17.066667 4.266667-17.066667 4.266667-25.6 21.333333-25.6 38.4v204.8c-68.266667 8.533333-128 4.266667-192-12.8-76.8-21.333333-170.666667-93.866667-273.066666-213.333333-8.533333-17.066667-29.866667-21.333333-46.933334-12.8-17.066667 8.533333-29.866667 25.6-25.6 42.666666 17.066667 162.133333 81.066667 298.666667 187.733334 405.333334z"  horiz-adv-x="1024" />
+
+    
+
+
+  </font>
+</defs></svg>
diff --git a/src/components/FlowChart/src/assets/iconfont/iconfont.ttf b/src/components/FlowChart/src/assets/iconfont/iconfont.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..b332ae7da76f676ca4423391844bbe32f343007b
GIT binary patch
literal 3240
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
B3043A

literal 0
HcmV?d00001

diff --git a/src/components/FlowChart/src/assets/iconfont/iconfont.woff b/src/components/FlowChart/src/assets/iconfont/iconfont.woff
new file mode 100644
index 0000000000000000000000000000000000000000..0743a93816f708988df8c4ff487921c4c29b1957
GIT binary patch
literal 2136
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

literal 0
HcmV?d00001

diff --git a/src/components/FlowChart/src/assets/iconfont/iconfont.woff2 b/src/components/FlowChart/src/assets/iconfont/iconfont.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..98f6f354f9fd069b238834f62a926305d6d5feba
GIT binary patch
literal 1652
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

literal 0
HcmV?d00001

diff --git a/src/utils/operate/index.ts b/src/utils/operate/index.ts
index e53c5a6e8..b328131b0 100644
--- a/src/utils/operate/index.ts
+++ b/src/utils/operate/index.ts
@@ -3,7 +3,7 @@ export const hasClass = (ele: Element, cls: string): any => {
 }
 
 export const addClass = (ele: Element, cls: string, extracls?: string): any => {
-  if (!hasClass(ele, cls)) ele.className += ' ' + cls
+  if (!hasClass(ele, cls)) ele.className += (' ' + cls).trim()
   if (extracls) {
     if (!hasClass(ele, extracls)) ele.className += ' ' + extracls
   }
diff --git a/src/views/flow-chart/index.vue b/src/views/flow-chart/index.vue
index 398b607b1..9d662a4b9 100644
--- a/src/views/flow-chart/index.vue
+++ b/src/views/flow-chart/index.vue
@@ -94,7 +94,7 @@ export default {
 </script>
 <style>
 .logic-flow-view {
-  height: 100vh;
+  height: 100%;
   position: relative;
 }
 .demo-title {
@@ -103,15 +103,14 @@ export default {
 }
 .demo-control {
   position: absolute;
-  top: 50px;
-  right: 100px;
+  top: 10px;
+  right: 20px;
   z-index: 2;
 }
 #LF-Turbo {
   width: 100vw;
   height: 85%;
   outline: none;
-  margin: 10px 0 0 10px;
 }
 .time-plus {
   cursor: pointer;