diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 0000000..0c7da02
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1,5 @@
+*.md
+.vscode
+.idea
+dist
+node_modules
\ No newline at end of file
diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 0000000..682d754
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,59 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    node: true,
+    es6: true
+  },
+  parser: 'vue-eslint-parser',
+  parserOptions: {
+    parser: '@typescript-eslint/parser',
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    jsxPragma: 'React',
+    ecmaFeatures: {
+      jsx: true
+    }
+  },
+  extends: [
+    'plugin:vue/vue3-recommended',
+    'plugin:@typescript-eslint/recommended',
+    'prettier',
+    'plugin:prettier/recommended' // 一定要放在最后。因为 extends 中后引入的规则会覆盖前面的规则。
+  ],
+  rules: {
+    // @typescript-eslint
+    '@typescript-eslint/explicit-function-return-type': 'off', // 需要函数和类方法的显式返回类型
+    '@typescript-eslint/no-explicit-any': 'off', // 禁止使用该 any 类型
+    '@typescript-eslint/no-var-requires': 'off', // 不允许使用 require 语句，除了在 import 语句中
+    '@typescript-eslint/no-empty-function': 'off', // 禁止空函数
+    '@typescript-eslint/no-use-before-define': 'off', // 在定义之前禁止使用变量
+    '@typescript-eslint/ban-ts-comment': 'off', // 禁止 @ts-<directive> 使用评论或在指令后要求描述
+    '@typescript-eslint/ban-types': 'off', // 禁止使用特定类型
+    '@typescript-eslint/no-non-null-assertion': 'off', // '!'不允许使用后缀运算符的非空断言
+    '@typescript-eslint/explicit-module-boundary-types': 'off', // 需要导出函数和类的公共类方法的显式返回和参数类型
+    '@typescript-eslint/no-unused-vars': [
+      'error',
+      {
+        argsIgnorePattern: '^_',
+        varsIgnorePattern: '^_'
+      }
+    ], // 禁止未使用的变量
+    // vue
+    'vue/custom-event-name-casing': 'off', // 为自定义事件名称强制使用特定大小写
+    'vue/attributes-order': 'off', // 强制执行属性顺序
+    'vue/one-component-per-file': 'off', // 强制每个组件都应该在自己的文件中
+    'vue/html-closing-bracket-newline': 'off', // 在标签的右括号之前要求或禁止换行
+    'vue/multiline-html-element-content-newline': 'off', // 在多行元素的内容之前和之后需要换行符
+    'vue/singleline-html-element-content-newline': 'off', // 在单行元素的内容之前和之后需要换行符
+    'vue/attribute-hyphenation': 'off', // 对模板中的自定义组件强制执行属性命名样式
+    'vue/require-default-prop': 'off', // 需要 props 的默认值
+    'vue/html-indent': ['error', 2], // 在<template>中强制一致缩进
+    'vue/html-self-closing': 'off', // 执行自闭合的风格
+    'vue/max-attributes-per-line': 'off', // 强制每行属性的最大数量
+    'vue/multi-word-component-names': 'off', // 是否开启组件命名规则校验（强制多个单词以驼峰或'-'链接的命名规则）
+    // ESLint
+    'no-use-before-define': 'off', // 禁止在变量定义之前使用它们
+    'space-before-function-paren': 'off' // 强制在 function的左括号之前使用一致的空格
+  }
+};
diff --git a/.gitignore b/.gitignore
index d451ff1..a547bf3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
 node_modules
-.DS_Store
 dist
 dist-ssr
 *.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/.husky/.gitignore b/.husky/.gitignore
new file mode 100644
index 0000000..31354ec
--- /dev/null
+++ b/.husky/.gitignore
@@ -0,0 +1 @@
+_
diff --git a/.husky/commit-msg b/.husky/commit-msg
new file mode 100644
index 0000000..5a85000
--- /dev/null
+++ b/.husky/commit-msg
@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx --no -- commitlint --edit $1
diff --git a/.husky/common.sh b/.husky/common.sh
new file mode 100644
index 0000000..9d5129b
--- /dev/null
+++ b/.husky/common.sh
@@ -0,0 +1,9 @@
+#!/bin/sh
+command_exists () {
+  command -v "$1" >/dev/null 2>&1
+}
+
+# Workaround for Windows 10, Git Bash and Yarn
+if command_exists winpty && test -t 1; then
+  exec < /dev/tty
+fi
diff --git a/.husky/pre-commit b/.husky/pre-commit
new file mode 100644
index 0000000..6aeb8f2
--- /dev/null
+++ b/.husky/pre-commit
@@ -0,0 +1,5 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx lint-staged
+npx lint-staged
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..6b4b5fd
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,3 @@
+/node_modules/**
+/dist*
+/public/*
\ No newline at end of file
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index 3dc5b08..a7cea0b 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,3 +1,3 @@
 {
-  "recommendations": ["johnsoncodehk.volar"]
+  "recommendations": ["Vue.volar"]
 }
diff --git a/LICENSE b/LICENSE
deleted file mode 100644
index 678a316..0000000
--- a/LICENSE
+++ /dev/null
@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2022 咬轮猫
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
diff --git a/commitlint.config.js b/commitlint.config.js
new file mode 100644
index 0000000..422b194
--- /dev/null
+++ b/commitlint.config.js
@@ -0,0 +1 @@
+module.exports = { extends: ['@commitlint/config-conventional'] };
diff --git a/index.html b/index.html
index 41aaaa6..11603f8 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>vue-webtopo-svgeditor</title>
+    <title>Vite App</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/package-lock.json b/package-lock.json
deleted file mode 100644
index de38871..0000000
--- a/package-lock.json
+++ /dev/null
@@ -1,1587 +0,0 @@
-{
-  "name": "vue-webtopo-svgeditor",
-  "version": "0.0.0",
-  "lockfileVersion": 1,
-  "requires": true,
-  "dependencies": {
-    "@babel/helper-validator-identifier": {
-      "version": "7.15.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.15.7.tgz",
-      "integrity": "sha512-K4JvCtQqad9OY2+yTU8w+E82ywk/fe+ELNlt1G8z3bVGlZfn/hOcQQsUhGhW/N+tb3fxK800wLtKOE/aM0m72w=="
-    },
-    "@babel/parser": {
-      "version": "7.15.7",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.15.7.tgz",
-      "integrity": "sha512-rycZXvQ+xS9QyIcJ9HXeDWf1uxqlbVFAUq0Rq0dbc50Zb/+wUe/ehyfzGfm9KZZF0kBejYgxltBXocP+gKdL2g=="
-    },
-    "@babel/types": {
-      "version": "7.15.6",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.15.6.tgz",
-      "integrity": "sha512-BPU+7QhqNjmWyDO0/vitH/CuhpV8ZmK1wpKva8nuyNF5MJfuRNWMc+hc14+u9xT93kvykMdncrJT19h74uB1Ig==",
-      "requires": {
-        "@babel/helper-validator-identifier": "^7.14.9",
-        "to-fast-properties": "^2.0.0"
-      }
-    },
-    "@css-render/plugin-bem": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/@css-render/plugin-bem/-/plugin-bem-0.15.6.tgz",
-      "integrity": "sha512-tz6PgYyP8CDa30JsaqK8q5MSg8/dICDi8QifzURlrWGIfAcLrToNX7Hum6lAvtD2rNHTKF9g12Hto4NVg/fdZA==",
-      "dev": true,
-      "requires": {
-        "css-render": "~0.15.6"
-      }
-    },
-    "@css-render/vue3-ssr": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/@css-render/vue3-ssr/-/vue3-ssr-0.15.6.tgz",
-      "integrity": "sha512-aBb5tIezKlM7PycXoek/46oGO3kRg5Y+FgE3RGGKwvv8CAnLhdk5b3UM0LDIRfXdI+vxA/kSgk4pz9f7nDqGjA==",
-      "dev": true
-    },
-    "@emmetio/abbreviation": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/@emmetio/abbreviation/-/abbreviation-2.2.2.tgz",
-      "integrity": "sha512-TtE/dBnkTCct8+LntkqVrwqQao6EnPAs1YN3cUgxOxTaBlesBCY37ROUAVZrRlG64GNnVShdl/b70RfAI3w5lw==",
-      "dev": true,
-      "requires": {
-        "@emmetio/scanner": "^1.0.0"
-      }
-    },
-    "@emmetio/css-abbreviation": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/@emmetio/css-abbreviation/-/css-abbreviation-2.1.4.tgz",
-      "integrity": "sha512-qk9L60Y+uRtM5CPbB0y+QNl/1XKE09mSO+AhhSauIfr2YOx/ta3NJw2d8RtCFxgzHeRqFRr8jgyzThbu+MZ4Uw==",
-      "dev": true,
-      "requires": {
-        "@emmetio/scanner": "^1.0.0"
-      }
-    },
-    "@emmetio/scanner": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@emmetio/scanner/-/scanner-1.0.0.tgz",
-      "integrity": "sha512-8HqW8EVqjnCmWXVpqAOZf+EGESdkR27odcMMMGefgKXtar00SoYNSryGv//TELI4T3QFsECo78p+0lmalk/CFA==",
-      "dev": true
-    },
-    "@emotion/hash": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz",
-      "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==",
-      "dev": true
-    },
-    "@jest/types": {
-      "version": "26.6.2",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-26.6.2.tgz",
-      "integrity": "sha512-fC6QCp7Sc5sX6g8Tvbmj4XUTbyrik0akgRy03yjXbQaBWWNWGE7SGtJk98m0N8nzegD/7SggrUlivxo5ax4KWQ==",
-      "dev": true,
-      "requires": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^15.0.0",
-        "chalk": "^4.0.0"
-      }
-    },
-    "@types/estree": {
-      "version": "0.0.48",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.48.tgz",
-      "integrity": "sha512-LfZwXoGUDo0C3me81HXgkBg5CTQYb6xzEl+fNmbO4JdRiSKQ8A0GD1OBBvKAIsbCUgoyAty7m99GqqMQe784ew==",
-      "dev": true
-    },
-    "@types/istanbul-lib-coverage": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.3.tgz",
-      "integrity": "sha512-sz7iLqvVUg1gIedBOvlkxPlc8/uVzyS5OwGz1cKjXzkl3FpL3al0crU8YGU1WoHkxn0Wxbw5tyi6hvzJKNzFsw==",
-      "dev": true
-    },
-    "@types/istanbul-lib-report": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz",
-      "integrity": "sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==",
-      "dev": true,
-      "requires": {
-        "@types/istanbul-lib-coverage": "*"
-      }
-    },
-    "@types/istanbul-reports": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.1.tgz",
-      "integrity": "sha512-c3mAZEuK0lvBp8tmuL74XRKn1+y2dcwOUpH7x4WrF6gk1GIgiluDRgMYQtw2OFcBvAJWlt6ASU3tSqxp0Uu0Aw==",
-      "dev": true,
-      "requires": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "@types/jest": {
-      "version": "26.0.24",
-      "resolved": "https://registry.npmjs.org/@types/jest/-/jest-26.0.24.tgz",
-      "integrity": "sha512-E/X5Vib8BWqZNRlDxj9vYXhsDwPYbPINqKF9BsnSoon4RQ0D9moEuLD8txgyypFLH7J4+Lho9Nr/c8H0Fi+17w==",
-      "dev": true,
-      "requires": {
-        "jest-diff": "^26.0.0",
-        "pretty-format": "^26.0.0"
-      }
-    },
-    "@types/lodash": {
-      "version": "4.14.173",
-      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.173.tgz",
-      "integrity": "sha512-vv0CAYoaEjCw/mLy96GBTnRoZrSxkGE0BKzKimdR8P3OzrNYNvBgtW7p055A+E8C31vXNUhWKoFCbhq7gbyhFg==",
-      "dev": true
-    },
-    "@types/lodash-es": {
-      "version": "4.17.5",
-      "resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.5.tgz",
-      "integrity": "sha512-SHBoI8/0aoMQWAgUHMQ599VM6ZiSKg8sh/0cFqqlQQMyY9uEplc0ULU5yQNzcvdR4ZKa0ey8+vFmahuRbOCT1A==",
-      "dev": true,
-      "requires": {
-        "@types/lodash": "*"
-      }
-    },
-    "@types/node": {
-      "version": "14.14.45",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-14.14.45.tgz",
-      "integrity": "sha512-DssMqTV9UnnoxDWu959sDLZzfvqCF0qDNRjaWeYSui9xkFe61kKo4l1TWNTQONpuXEm+gLMRvdlzvNHBamzmEw==",
-      "dev": true
-    },
-    "@types/yargs": {
-      "version": "15.0.14",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-15.0.14.tgz",
-      "integrity": "sha512-yEJzHoxf6SyQGhBhIYGXQDSCkJjB6HohDShto7m8vaKg9Yp0Yn8+71J9eakh2bnPg6BfsH9PRMhiRTZnd4eXGQ==",
-      "dev": true,
-      "requires": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "@types/yargs-parser": {
-      "version": "20.2.1",
-      "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-20.2.1.tgz",
-      "integrity": "sha512-7tFImggNeNBVMsn0vLrpn1H1uPrUBdnARPTpZoitY37ZrdJREzf7I16tMrlK3hen349gr1NYh8CmZQa7CTG6Aw==",
-      "dev": true
-    },
-    "@vicons/fluent": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/@vicons/fluent/-/fluent-0.11.0.tgz",
-      "integrity": "sha512-5sbdKLijk5/PBtsapDjBodskSCrfOsqOlpCbXQ33pZmY0VZ62N46Yq6SFJXHyUgFhjvReRrFe4wCGVAktchHFg==",
-      "dev": true
-    },
-    "@vitejs/plugin-vue": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-1.6.2.tgz",
-      "integrity": "sha512-Pf+dqkT4pWPfziPm51VtDXsPwE74CEGRiK6Vgm5EDBewHw1EgcxG7V2ZI/Yqj5gcDy5nVtjgx0AbsTL+F3gddg==",
-      "dev": true
-    },
-    "@volar/code-gen": {
-      "version": "0.27.14",
-      "resolved": "https://registry.npmjs.org/@volar/code-gen/-/code-gen-0.27.14.tgz",
-      "integrity": "sha512-RVu9CNuaiJxBWKU8J7xJogrSlEjOnJS/hVP0zhSYRcOXmnpb0EI/zf111bV2Ng9fj7kP/MQCmCVRikIAJf/wAw==",
-      "dev": true,
-      "requires": {
-        "@volar/shared": "^0.27.14",
-        "@volar/source-map": "^0.27.14"
-      }
-    },
-    "@volar/html2pug": {
-      "version": "0.27.13",
-      "resolved": "https://registry.npmjs.org/@volar/html2pug/-/html2pug-0.27.13.tgz",
-      "integrity": "sha512-3NYgNA5F3PDsKbbpOrVdGy2S7ZYmZIbFmbp1A/27DDzjj/uIC9Pj7HXVvbYOzi8HcOxUPt0BMrh4TVzBUaCFww==",
-      "dev": true,
-      "requires": {
-        "domelementtype": "^2.2.0",
-        "domhandler": "^4.2.0",
-        "htmlparser2": "^6.1.0",
-        "pug": "^3.0.2"
-      }
-    },
-    "@volar/shared": {
-      "version": "0.27.14",
-      "resolved": "https://registry.npmjs.org/@volar/shared/-/shared-0.27.14.tgz",
-      "integrity": "sha512-yIz0ak2oQ3w1wWmMq2nuDlAjoW51tqNTJl8xMrhI04to/ebg8fnq8Y4jvvSjTZrFm4I4a4E0PfyTTXf3gdX8Zg==",
-      "dev": true,
-      "requires": {
-        "upath": "^2.0.1",
-        "vscode-jsonrpc": "^8.0.0-next.2",
-        "vscode-uri": "^3.0.2"
-      }
-    },
-    "@volar/source-map": {
-      "version": "0.27.14",
-      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-0.27.14.tgz",
-      "integrity": "sha512-NNNj6ltDRhHN7AYvka3JbJyeNUpAbIUitvaElTIYph6XM+JRYFDpDu72dmJ0ZlIQ7MwcvcxRkwGpli9udiqtig==",
-      "dev": true,
-      "requires": {
-        "@volar/shared": "^0.27.14"
-      }
-    },
-    "@volar/transforms": {
-      "version": "0.27.14",
-      "resolved": "https://registry.npmjs.org/@volar/transforms/-/transforms-0.27.14.tgz",
-      "integrity": "sha512-sKUGlfIwtG/ZHy/cUs03O+enXgwFPsec00XvbxTH0+Bje3NMFUmzT2s+Uvyq88bxH2HDcGB2kkXiPz5MpUJqfg==",
-      "dev": true,
-      "requires": {
-        "@volar/shared": "^0.27.14",
-        "vscode-languageserver": "^8.0.0-next.2"
-      }
-    },
-    "@vscode/emmet-helper": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@vscode/emmet-helper/-/emmet-helper-2.7.0.tgz",
-      "integrity": "sha512-LL7MoKNLUQASacQROO7hBdx5IAxsEnA0UdJFd9xXyf3sBQgz8NE3QEfo3IezE7uin8W2fkG2+EXMst3oqK6+KQ==",
-      "dev": true,
-      "requires": {
-        "emmet": "^2.3.0",
-        "jsonc-parser": "^2.3.0",
-        "vscode-languageserver-textdocument": "^1.0.1",
-        "vscode-languageserver-types": "^3.15.1",
-        "vscode-nls": "^5.0.0",
-        "vscode-uri": "^2.1.2"
-      },
-      "dependencies": {
-        "vscode-languageserver-types": {
-          "version": "3.16.0",
-          "resolved": "https://registry.npmjs.org/vscode-languageserver-types/-/vscode-languageserver-types-3.16.0.tgz",
-          "integrity": "sha512-k8luDIWJWyenLc5ToFQQMaSrqCHiLwyKPHKPQZ5zz21vM+vIVUSvsRpcbiECH4WR88K2XZqc4ScRcZ7nk/jbeA==",
-          "dev": true
-        },
-        "vscode-uri": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-2.1.2.tgz",
-          "integrity": "sha512-8TEXQxlldWAuIODdukIb+TR5s+9Ds40eSJrw+1iDDA9IFORPjMELarNQE3myz5XIkWWpdprmJjm1/SxMlWOC8A==",
-          "dev": true
-        }
-      }
-    },
-    "@vue/compiler-core": {
-      "version": "3.2.12",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.12.tgz",
-      "integrity": "sha512-IGJ0JmrAaAl5KBBegPAKkoXvsfDFgN/h7K1t/+0MxqpZF1fTDVUOp3tG7q9gWa7fwzGEaIsPhjtT5C3qztdLKg==",
-      "requires": {
-        "@babel/parser": "^7.15.0",
-        "@babel/types": "^7.15.0",
-        "@vue/shared": "3.2.12",
-        "estree-walker": "^2.0.2",
-        "source-map": "^0.6.1"
-      }
-    },
-    "@vue/compiler-dom": {
-      "version": "3.2.12",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.12.tgz",
-      "integrity": "sha512-MulvKilA2USm8ubPfvXvNY55HVTn+zHERsXeNg437TXrmM4FRCis6zjWW47QZ3ZyxEkCdqOmuiFCtXbpnuthyw==",
-      "requires": {
-        "@vue/compiler-core": "3.2.12",
-        "@vue/shared": "3.2.12"
-      }
-    },
-    "@vue/compiler-sfc": {
-      "version": "3.2.12",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.12.tgz",
-      "integrity": "sha512-EjzeMQ7H2ICj+JRw2buSFXTocdCg8e5yWQTlNM/6h/u68sTwMbIfiOJBFEwBhG/wCG7Nb6Nnz888AfHTU3hdrA==",
-      "dev": true,
-      "requires": {
-        "@babel/parser": "^7.15.0",
-        "@babel/types": "^7.15.0",
-        "@types/estree": "^0.0.48",
-        "@vue/compiler-core": "3.2.12",
-        "@vue/compiler-dom": "3.2.12",
-        "@vue/compiler-ssr": "3.2.12",
-        "@vue/ref-transform": "3.2.12",
-        "@vue/shared": "3.2.12",
-        "consolidate": "^0.16.0",
-        "estree-walker": "^2.0.2",
-        "hash-sum": "^2.0.0",
-        "lru-cache": "^5.1.1",
-        "magic-string": "^0.25.7",
-        "merge-source-map": "^1.1.0",
-        "postcss": "^8.1.10",
-        "postcss-modules": "^4.0.0",
-        "postcss-selector-parser": "^6.0.4",
-        "source-map": "^0.6.1"
-      }
-    },
-    "@vue/compiler-ssr": {
-      "version": "3.2.12",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.12.tgz",
-      "integrity": "sha512-sY+VbLQ17FPr1CgirnqEgY+jbC7wI5c2Ma6u8le0+b4UKMYF9urI2pybAZc1nKz6O78FWA3OSnQFxTTLppe+9Q==",
-      "dev": true,
-      "requires": {
-        "@vue/compiler-dom": "3.2.12",
-        "@vue/shared": "3.2.12"
-      }
-    },
-    "@vue/reactivity": {
-      "version": "3.2.12",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.12.tgz",
-      "integrity": "sha512-Lr5CTQjFm5mT/6DGnVNhptmba/Qg1DbD6eNWWmiHLMlpPt4q2ww9A2orEjVw0qNcdTJ04JLPEVAz5jhTZTCfIg==",
-      "requires": {
-        "@vue/shared": "3.2.12"
-      }
-    },
-    "@vue/ref-transform": {
-      "version": "3.2.12",
-      "resolved": "https://registry.npmjs.org/@vue/ref-transform/-/ref-transform-3.2.12.tgz",
-      "integrity": "sha512-lS7TDda61iSf3ljokXVfN0VbOsQdmpST6MZLjxzBydFCECCJaEAr6o+K8VZ7NhUCSrl+gKXHpdXxmcvwdk66aQ==",
-      "dev": true,
-      "requires": {
-        "@babel/parser": "^7.15.0",
-        "@vue/compiler-core": "3.2.12",
-        "@vue/shared": "3.2.12",
-        "estree-walker": "^2.0.2",
-        "magic-string": "^0.25.7"
-      }
-    },
-    "@vue/runtime-core": {
-      "version": "3.2.12",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.12.tgz",
-      "integrity": "sha512-LO+ztgcmsomavYUaSq7BTteh8pmnUmvUnXUFVYdlcg3VCdYRS0ImlclpYsNHqjAk2gU+H09dr2PP0kL961xUfQ==",
-      "requires": {
-        "@vue/reactivity": "3.2.12",
-        "@vue/shared": "3.2.12"
-      }
-    },
-    "@vue/runtime-dom": {
-      "version": "3.2.12",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.12.tgz",
-      "integrity": "sha512-+NSDqivgihvoPYbKFDmzFu1tW7SOzwc7r0b7T8vsJtooVPGxwtfAFZ6wyLtteOXXrCpyTR3kpyTCIp31uY7aJg==",
-      "requires": {
-        "@vue/runtime-core": "3.2.12",
-        "@vue/shared": "3.2.12",
-        "csstype": "^2.6.8"
-      }
-    },
-    "@vue/shared": {
-      "version": "3.2.12",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.12.tgz",
-      "integrity": "sha512-5CkaifUCJwcTuru7FDwKFacPJuEoGUTw0LKSa5bw40B23s0TS+MGlYR1285nbV/ju3QUGlA6d6PD+GJkWy7uFg=="
-    },
-    "acorn": {
-      "version": "7.4.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
-      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
-      "dev": true
-    },
-    "ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true
-    },
-    "ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "requires": {
-        "color-convert": "^2.0.1"
-      }
-    },
-    "asap": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
-      "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=",
-      "dev": true
-    },
-    "assert-never": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/assert-never/-/assert-never-1.2.1.tgz",
-      "integrity": "sha512-TaTivMB6pYI1kXwrFlEhLeGfOqoDNdTxjCdwRfFFkEA30Eu+k48W34nlok2EYWJfFFzqaEmichdNM7th6M5HNw==",
-      "dev": true
-    },
-    "async-validator": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.0.3.tgz",
-      "integrity": "sha512-LVoIbJNHPKsO7FMLamo88uxdrvayGkF3vLTMTeiN3CqAbP3qSafLRc6yx3Sq9lHkiEOLNpoA2jwwnfGDdu1SMQ==",
-      "dev": true
-    },
-    "axios": {
-      "version": "0.22.0",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-0.22.0.tgz",
-      "integrity": "sha512-Z0U3uhqQeg1oNcihswf4ZD57O3NrR1+ZXhxaROaWpDmsDTx7T2HNBV2ulBtie2hwJptu8UvgnJoK+BIqdzh/1w==",
-      "requires": {
-        "follow-redirects": "^1.14.4"
-      }
-    },
-    "babel-walk": {
-      "version": "3.0.0-canary-5",
-      "resolved": "https://registry.npmjs.org/babel-walk/-/babel-walk-3.0.0-canary-5.tgz",
-      "integrity": "sha512-GAwkz0AihzY5bkwIY5QDR+LvsRQgB/B+1foMPvi0FZPMl5fjD7ICiznUiBdLYMH1QYe6vqu4gWYytZOccLouFw==",
-      "dev": true,
-      "requires": {
-        "@babel/types": "^7.9.6"
-      }
-    },
-    "big.js": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
-      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
-      "dev": true
-    },
-    "bluebird": {
-      "version": "3.7.2",
-      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
-      "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==",
-      "dev": true
-    },
-    "call-bind": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
-      "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
-      "dev": true,
-      "requires": {
-        "function-bind": "^1.1.1",
-        "get-intrinsic": "^1.0.2"
-      }
-    },
-    "chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "requires": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      }
-    },
-    "character-parser": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/character-parser/-/character-parser-2.2.0.tgz",
-      "integrity": "sha1-x84o821LzZdE5f/CxfzeHHMmH8A=",
-      "dev": true,
-      "requires": {
-        "is-regex": "^1.0.3"
-      }
-    },
-    "color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "requires": {
-        "color-name": "~1.1.4"
-      }
-    },
-    "color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true
-    },
-    "colorette": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.4.0.tgz",
-      "integrity": "sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==",
-      "dev": true
-    },
-    "consolidate": {
-      "version": "0.16.0",
-      "resolved": "https://registry.npmjs.org/consolidate/-/consolidate-0.16.0.tgz",
-      "integrity": "sha512-Nhl1wzCslqXYTJVDyJCu3ODohy9OfBMB5uD2BiBTzd7w+QY0lBzafkR8y8755yMYHAaMD4NuzbAw03/xzfw+eQ==",
-      "dev": true,
-      "requires": {
-        "bluebird": "^3.7.2"
-      }
-    },
-    "constantinople": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/constantinople/-/constantinople-4.0.1.tgz",
-      "integrity": "sha512-vCrqcSIq4//Gx74TXXCGnHpulY1dskqLTFGDmhrGxzeXL8lF8kvXv6mpNWlJj1uD4DW23D4ljAqbY4RRaaUZIw==",
-      "dev": true,
-      "requires": {
-        "@babel/parser": "^7.6.0",
-        "@babel/types": "^7.6.1"
-      }
-    },
-    "css-render": {
-      "version": "0.15.6",
-      "resolved": "https://registry.npmjs.org/css-render/-/css-render-0.15.6.tgz",
-      "integrity": "sha512-YTfTgDtR+BIqtVWRTkzjQ8RROp1IbZsm1ihzO8FUw2LMi76TaFRBchy2VEyU7ltdvjQs+W0a4YRPqdntU21kig==",
-      "dev": true,
-      "requires": {
-        "@emotion/hash": "~0.8.0",
-        "@types/node": "~14.14.31",
-        "csstype": "~3.0.5"
-      },
-      "dependencies": {
-        "csstype": {
-          "version": "3.0.9",
-          "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.9.tgz",
-          "integrity": "sha512-rpw6JPxK6Rfg1zLOYCSwle2GFOOsnjmDYDaBwEcwoOg4qlsIVCN789VkBZDJAGi4T07gI4YSutR43t9Zz4Lzuw==",
-          "dev": true
-        }
-      }
-    },
-    "cssesc": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "dev": true
-    },
-    "csstype": {
-      "version": "2.6.18",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.18.tgz",
-      "integrity": "sha512-RSU6Hyeg14am3Ah4VZEmeX8H7kLwEEirXe6aU2IPfKNvhXwTflK5HQRDNI0ypQXoqmm+QPyG2IaPuQE5zMwSIQ=="
-    },
-    "date-fns": {
-      "version": "2.24.0",
-      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.24.0.tgz",
-      "integrity": "sha512-6ujwvwgPID6zbI0o7UbURi2vlLDR9uP26+tW6Lg+Ji3w7dd0i3DOcjcClLjLPranT60SSEFBwdSyYwn/ZkPIuw==",
-      "dev": true
-    },
-    "date-fns-tz": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/date-fns-tz/-/date-fns-tz-1.1.6.tgz",
-      "integrity": "sha512-nyy+URfFI3KUY7udEJozcoftju+KduaqkVfwyTIE0traBiVye09QnyWKLZK7drRr5h9B7sPJITmQnS3U6YOdQg==",
-      "dev": true
-    },
-    "diff-sequences": {
-      "version": "26.6.2",
-      "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-26.6.2.tgz",
-      "integrity": "sha512-Mv/TDa3nZ9sbc5soK+OoA74BsS3mL37yixCvUAQkiuA4Wz6YtwP/K47n2rv2ovzHZvoiQeA5FTQOschKkEwB0Q==",
-      "dev": true
-    },
-    "doctypes": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/doctypes/-/doctypes-1.1.0.tgz",
-      "integrity": "sha1-6oCxBqh1OHdOijpKWv4pPeSJ4Kk=",
-      "dev": true
-    },
-    "dom-serializer": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.3.2.tgz",
-      "integrity": "sha512-5c54Bk5Dw4qAxNOI1pFEizPSjVsx5+bpJKmL2kPn8JhBUq2q09tTCa3mjijun2NfK78NMouDYNMBkOrPZiS+ig==",
-      "dev": true,
-      "requires": {
-        "domelementtype": "^2.0.1",
-        "domhandler": "^4.2.0",
-        "entities": "^2.0.0"
-      }
-    },
-    "domelementtype": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.2.0.tgz",
-      "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==",
-      "dev": true
-    },
-    "domhandler": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.2.2.tgz",
-      "integrity": "sha512-PzE9aBMsdZO8TK4BnuJwH0QT41wgMbRzuZrHUcpYncEjmQazq8QEaBWgLG7ZyC/DAZKEgglpIA6j4Qn/HmxS3w==",
-      "dev": true,
-      "requires": {
-        "domelementtype": "^2.2.0"
-      }
-    },
-    "domutils": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
-      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
-      "dev": true,
-      "requires": {
-        "dom-serializer": "^1.0.1",
-        "domelementtype": "^2.2.0",
-        "domhandler": "^4.2.0"
-      }
-    },
-    "echarts": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.2.1.tgz",
-      "integrity": "sha512-OJ79b22eqRfbSV8vYmDKmA+XWfNbr0Uk/OafWcFNIGDWti2Uw9A6eVCiJLmqPa9Sk+EWL+t5v26aak0z3gxiZw==",
-      "requires": {
-        "tslib": "2.3.0",
-        "zrender": "5.2.1"
-      }
-    },
-    "emmet": {
-      "version": "2.3.4",
-      "resolved": "https://registry.npmjs.org/emmet/-/emmet-2.3.4.tgz",
-      "integrity": "sha512-3IqSwmO+N2ZGeuhDyhV/TIOJFUbkChi53bcasSNRE7Yd+4eorbbYz4e53TpMECt38NtYkZNupQCZRlwdAYA42A==",
-      "dev": true,
-      "requires": {
-        "@emmetio/abbreviation": "^2.2.2",
-        "@emmetio/css-abbreviation": "^2.1.4"
-      }
-    },
-    "emojis-list": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
-      "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
-      "dev": true
-    },
-    "entities": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
-      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
-      "dev": true
-    },
-    "esbuild": {
-      "version": "0.12.28",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.12.28.tgz",
-      "integrity": "sha512-pZ0FrWZXlvQOATlp14lRSk1N9GkeJ3vLIwOcUoo3ICQn9WNR4rWoNi81pbn6sC1iYUy7QPqNzI3+AEzokwyVcA==",
-      "dev": true
-    },
-    "estree-walker": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
-    },
-    "evtd": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/evtd/-/evtd-0.2.2.tgz",
-      "integrity": "sha512-YRUY9BHnnOmeeaOOLlIfUEp3itg4oFEd+uWPGMs0m4WUJaGcEgxFx8PLRRQaaDKvN2B+19lYzhATILGfXuprnA==",
-      "dev": true
-    },
-    "follow-redirects": {
-      "version": "1.14.4",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.4.tgz",
-      "integrity": "sha512-zwGkiSXC1MUJG/qmeIFH2HBJx9u0V46QGUe3YR1fXG8bXQxq7fLj0RjLZQ5nubr9qNJUZrH+xUcwXEoXNpfS+g=="
-    },
-    "fsevents": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "dev": true,
-      "optional": true
-    },
-    "function-bind": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-      "dev": true
-    },
-    "generic-names": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/generic-names/-/generic-names-2.0.1.tgz",
-      "integrity": "sha512-kPCHWa1m9wGG/OwQpeweTwM/PYiQLrUIxXbt/P4Nic3LbGjCP0YwrALHW1uNLKZ0LIMg+RF+XRlj2ekT9ZlZAQ==",
-      "dev": true,
-      "requires": {
-        "loader-utils": "^1.1.0"
-      }
-    },
-    "get-intrinsic": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.1.tgz",
-      "integrity": "sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==",
-      "dev": true,
-      "requires": {
-        "function-bind": "^1.1.1",
-        "has": "^1.0.3",
-        "has-symbols": "^1.0.1"
-      }
-    },
-    "has": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
-      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-      "dev": true,
-      "requires": {
-        "function-bind": "^1.1.1"
-      }
-    },
-    "has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true
-    },
-    "has-symbols": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.2.tgz",
-      "integrity": "sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==",
-      "dev": true
-    },
-    "has-tostringtag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
-      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
-      "dev": true,
-      "requires": {
-        "has-symbols": "^1.0.2"
-      }
-    },
-    "hash-sum": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-2.0.0.tgz",
-      "integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==",
-      "dev": true
-    },
-    "highlight.js": {
-      "version": "11.2.0",
-      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.2.0.tgz",
-      "integrity": "sha512-JOySjtOEcyG8s4MLR2MNbLUyaXqUunmSnL2kdV/KuGJOmHZuAR5xC54Ko7goAXBWNhf09Vy3B+U7vR62UZ/0iw==",
-      "dev": true
-    },
-    "htmlparser2": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
-      "integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==",
-      "dev": true,
-      "requires": {
-        "domelementtype": "^2.0.1",
-        "domhandler": "^4.0.0",
-        "domutils": "^2.5.2",
-        "entities": "^2.0.0"
-      }
-    },
-    "icss-replace-symbols": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz",
-      "integrity": "sha1-Bupvg2ead0njhs/h/oEq5dsiPe0=",
-      "dev": true
-    },
-    "icss-utils": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
-      "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
-      "dev": true
-    },
-    "is-core-module": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.6.0.tgz",
-      "integrity": "sha512-wShG8vs60jKfPWpF2KZRaAtvt3a20OAn7+IJ6hLPECpSABLcKtFKTTI4ZtH5QcBruBHlq+WsdHWyz0BCZW7svQ==",
-      "dev": true,
-      "requires": {
-        "has": "^1.0.3"
-      }
-    },
-    "is-expression": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/is-expression/-/is-expression-4.0.0.tgz",
-      "integrity": "sha512-zMIXX63sxzG3XrkHkrAPvm/OVZVSCPNkwMHU8oTX7/U3AL78I0QXCEICXUM13BIa8TYGZ68PiTKfQz3yaTNr4A==",
-      "dev": true,
-      "requires": {
-        "acorn": "^7.1.1",
-        "object-assign": "^4.1.1"
-      }
-    },
-    "is-promise": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.2.2.tgz",
-      "integrity": "sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==",
-      "dev": true
-    },
-    "is-regex": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
-      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
-      "dev": true,
-      "requires": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      }
-    },
-    "jest-diff": {
-      "version": "26.6.2",
-      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-26.6.2.tgz",
-      "integrity": "sha512-6m+9Z3Gv9wN0WFVasqjCL/06+EFCMTqDEUl/b87HYK2rAPTyfz4ZIuSlPhY51PIQRWx5TaxeF1qmXKe9gfN3sA==",
-      "dev": true,
-      "requires": {
-        "chalk": "^4.0.0",
-        "diff-sequences": "^26.6.2",
-        "jest-get-type": "^26.3.0",
-        "pretty-format": "^26.6.2"
-      }
-    },
-    "jest-get-type": {
-      "version": "26.3.0",
-      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-26.3.0.tgz",
-      "integrity": "sha512-TpfaviN1R2pQWkIihlfEanwOXK0zcxrKEE4MlU6Tn7keoXdN6/3gK/xl0yEh8DOunn5pOVGKf8hB4R9gVh04ig==",
-      "dev": true
-    },
-    "js-stringify": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/js-stringify/-/js-stringify-1.0.2.tgz",
-      "integrity": "sha1-Fzb939lyTyijaCrcYjCufk6Weds=",
-      "dev": true
-    },
-    "json5": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-      "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
-      "dev": true,
-      "requires": {
-        "minimist": "^1.2.0"
-      }
-    },
-    "jsonc-parser": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-2.3.1.tgz",
-      "integrity": "sha512-H8jvkz1O50L3dMZCsLqiuB2tA7muqbSg1AtGEkN0leAqGjsUzDJir3Zwr02BhqdcITPg3ei3mZ+HjMocAknhhg==",
-      "dev": true
-    },
-    "jstransformer": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/jstransformer/-/jstransformer-1.0.0.tgz",
-      "integrity": "sha1-7Yvwkh4vPx7U1cGkT2hwntJHIsM=",
-      "dev": true,
-      "requires": {
-        "is-promise": "^2.0.0",
-        "promise": "^7.0.1"
-      }
-    },
-    "loader-utils": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
-      "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
-      "dev": true,
-      "requires": {
-        "big.js": "^5.2.2",
-        "emojis-list": "^3.0.0",
-        "json5": "^1.0.1"
-      }
-    },
-    "lodash": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-      "dev": true
-    },
-    "lodash-es": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
-      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
-      "dev": true
-    },
-    "lodash.camelcase": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
-      "integrity": "sha1-soqmKIorn8ZRA1x3EfZathkDMaY=",
-      "dev": true
-    },
-    "lru-cache": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
-      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
-      "dev": true,
-      "requires": {
-        "yallist": "^3.0.2"
-      }
-    },
-    "magic-string": {
-      "version": "0.25.7",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.7.tgz",
-      "integrity": "sha512-4CrMT5DOHTDk4HYDlzmwu4FVCcIYI8gauveasrdCu2IKIFOJ3f0v/8MDGJCDL9oD2ppz/Av1b0Nj345H9M+XIA==",
-      "dev": true,
-      "requires": {
-        "sourcemap-codec": "^1.4.4"
-      }
-    },
-    "merge-source-map": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/merge-source-map/-/merge-source-map-1.1.0.tgz",
-      "integrity": "sha512-Qkcp7P2ygktpMPh2mCQZaf3jhN6D3Z/qVZHSdWvQ+2Ef5HgRAPBO57A77+ENm0CPx2+1Ce/MYKi3ymqdfuqibw==",
-      "dev": true,
-      "requires": {
-        "source-map": "^0.6.1"
-      }
-    },
-    "minimist": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
-      "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
-      "dev": true
-    },
-    "naive-ui": {
-      "version": "2.18.2",
-      "resolved": "https://registry.npmjs.org/naive-ui/-/naive-ui-2.18.2.tgz",
-      "integrity": "sha512-BiVq9ME4+zp2DOhqpnkQLBAE69T6x4OqImZ6FLoNs0HgvP8r8nq4+fumdxHWi7bp+QaLVIXkHh8Bb3IP4Gl1KA==",
-      "dev": true,
-      "requires": {
-        "@css-render/plugin-bem": "^0.15.6",
-        "@css-render/vue3-ssr": "^0.15.6",
-        "@types/lodash": "^4.14.170",
-        "@types/lodash-es": "^4.17.4",
-        "async-validator": "^4.0.1",
-        "css-render": "^0.15.6",
-        "date-fns": "^2.19.0",
-        "date-fns-tz": "^1.1.6",
-        "evtd": "^0.2.2",
-        "highlight.js": "^11.0.1",
-        "lodash": "^4.17.21",
-        "lodash-es": "^4.17.21",
-        "seemly": "^0.3.1",
-        "treemate": "^0.3.4",
-        "vdirs": "^0.1.4",
-        "vfonts": "^0.1.0",
-        "vooks": "^0.2.6",
-        "vueuc": "^0.4.9"
-      }
-    },
-    "nanoid": {
-      "version": "3.1.25",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.25.tgz",
-      "integrity": "sha512-rdwtIXaXCLFAQbnfqDRnI6jaRHp9fTcYBjtFKE8eezcZ7LuLjhUaQGNeMXf1HmRoCH32CLz6XwX0TtxEOS/A3Q==",
-      "dev": true
-    },
-    "object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
-      "dev": true
-    },
-    "path-parse": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-      "dev": true
-    },
-    "postcss": {
-      "version": "8.3.6",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.6.tgz",
-      "integrity": "sha512-wG1cc/JhRgdqB6WHEuyLTedf3KIRuD0hG6ldkFEZNCjRxiC+3i6kkWUUbiJQayP28iwG35cEmAbe98585BYV0A==",
-      "dev": true,
-      "requires": {
-        "colorette": "^1.2.2",
-        "nanoid": "^3.1.23",
-        "source-map-js": "^0.6.2"
-      }
-    },
-    "postcss-modules": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/postcss-modules/-/postcss-modules-4.2.2.tgz",
-      "integrity": "sha512-/H08MGEmaalv/OU8j6bUKi/kZr2kqGF6huAW8m9UAgOLWtpFdhA14+gPBoymtqyv+D4MLsmqaF2zvIegdCxJXg==",
-      "dev": true,
-      "requires": {
-        "generic-names": "^2.0.1",
-        "icss-replace-symbols": "^1.1.0",
-        "lodash.camelcase": "^4.3.0",
-        "postcss-modules-extract-imports": "^3.0.0",
-        "postcss-modules-local-by-default": "^4.0.0",
-        "postcss-modules-scope": "^3.0.0",
-        "postcss-modules-values": "^4.0.0",
-        "string-hash": "^1.1.1"
-      }
-    },
-    "postcss-modules-extract-imports": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
-      "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==",
-      "dev": true
-    },
-    "postcss-modules-local-by-default": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.0.tgz",
-      "integrity": "sha512-sT7ihtmGSF9yhm6ggikHdV0hlziDTX7oFoXtuVWeDd3hHObNkcHRo9V3yg7vCAY7cONyxJC/XXCmmiHHcvX7bQ==",
-      "dev": true,
-      "requires": {
-        "icss-utils": "^5.0.0",
-        "postcss-selector-parser": "^6.0.2",
-        "postcss-value-parser": "^4.1.0"
-      }
-    },
-    "postcss-modules-scope": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz",
-      "integrity": "sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==",
-      "dev": true,
-      "requires": {
-        "postcss-selector-parser": "^6.0.4"
-      }
-    },
-    "postcss-modules-values": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz",
-      "integrity": "sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==",
-      "dev": true,
-      "requires": {
-        "icss-utils": "^5.0.0"
-      }
-    },
-    "postcss-selector-parser": {
-      "version": "6.0.6",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.6.tgz",
-      "integrity": "sha512-9LXrvaaX3+mcv5xkg5kFwqSzSH1JIObIx51PrndZwlmznwXRfxMddDvo9gve3gVR8ZTKgoFDdWkbRFmEhT4PMg==",
-      "dev": true,
-      "requires": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      }
-    },
-    "postcss-value-parser": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz",
-      "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==",
-      "dev": true
-    },
-    "pretty-format": {
-      "version": "26.6.2",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-26.6.2.tgz",
-      "integrity": "sha512-7AeGuCYNGmycyQbCqd/3PWH4eOoX/OiCa0uphp57NVTeAGdJGaAliecxwBDHYQCIvrW7aDBZCYeNTP/WX69mkg==",
-      "dev": true,
-      "requires": {
-        "@jest/types": "^26.6.2",
-        "ansi-regex": "^5.0.0",
-        "ansi-styles": "^4.0.0",
-        "react-is": "^17.0.1"
-      }
-    },
-    "promise": {
-      "version": "7.3.1",
-      "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
-      "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==",
-      "dev": true,
-      "requires": {
-        "asap": "~2.0.3"
-      }
-    },
-    "pug": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/pug/-/pug-3.0.2.tgz",
-      "integrity": "sha512-bp0I/hiK1D1vChHh6EfDxtndHji55XP/ZJKwsRqrz6lRia6ZC2OZbdAymlxdVFwd1L70ebrVJw4/eZ79skrIaw==",
-      "dev": true,
-      "requires": {
-        "pug-code-gen": "^3.0.2",
-        "pug-filters": "^4.0.0",
-        "pug-lexer": "^5.0.1",
-        "pug-linker": "^4.0.0",
-        "pug-load": "^3.0.0",
-        "pug-parser": "^6.0.0",
-        "pug-runtime": "^3.0.1",
-        "pug-strip-comments": "^2.0.0"
-      }
-    },
-    "pug-attrs": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/pug-attrs/-/pug-attrs-3.0.0.tgz",
-      "integrity": "sha512-azINV9dUtzPMFQktvTXciNAfAuVh/L/JCl0vtPCwvOA21uZrC08K/UnmrL+SXGEVc1FwzjW62+xw5S/uaLj6cA==",
-      "dev": true,
-      "requires": {
-        "constantinople": "^4.0.1",
-        "js-stringify": "^1.0.2",
-        "pug-runtime": "^3.0.0"
-      }
-    },
-    "pug-code-gen": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/pug-code-gen/-/pug-code-gen-3.0.2.tgz",
-      "integrity": "sha512-nJMhW16MbiGRiyR4miDTQMRWDgKplnHyeLvioEJYbk1RsPI3FuA3saEP8uwnTb2nTJEKBU90NFVWJBk4OU5qyg==",
-      "dev": true,
-      "requires": {
-        "constantinople": "^4.0.1",
-        "doctypes": "^1.1.0",
-        "js-stringify": "^1.0.2",
-        "pug-attrs": "^3.0.0",
-        "pug-error": "^2.0.0",
-        "pug-runtime": "^3.0.0",
-        "void-elements": "^3.1.0",
-        "with": "^7.0.0"
-      }
-    },
-    "pug-error": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/pug-error/-/pug-error-2.0.0.tgz",
-      "integrity": "sha512-sjiUsi9M4RAGHktC1drQfCr5C5eriu24Lfbt4s+7SykztEOwVZtbFk1RRq0tzLxcMxMYTBR+zMQaG07J/btayQ==",
-      "dev": true
-    },
-    "pug-filters": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/pug-filters/-/pug-filters-4.0.0.tgz",
-      "integrity": "sha512-yeNFtq5Yxmfz0f9z2rMXGw/8/4i1cCFecw/Q7+D0V2DdtII5UvqE12VaZ2AY7ri6o5RNXiweGH79OCq+2RQU4A==",
-      "dev": true,
-      "requires": {
-        "constantinople": "^4.0.1",
-        "jstransformer": "1.0.0",
-        "pug-error": "^2.0.0",
-        "pug-walk": "^2.0.0",
-        "resolve": "^1.15.1"
-      }
-    },
-    "pug-lexer": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/pug-lexer/-/pug-lexer-5.0.1.tgz",
-      "integrity": "sha512-0I6C62+keXlZPZkOJeVam9aBLVP2EnbeDw3An+k0/QlqdwH6rv8284nko14Na7c0TtqtogfWXcRoFE4O4Ff20w==",
-      "dev": true,
-      "requires": {
-        "character-parser": "^2.2.0",
-        "is-expression": "^4.0.0",
-        "pug-error": "^2.0.0"
-      }
-    },
-    "pug-linker": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/pug-linker/-/pug-linker-4.0.0.tgz",
-      "integrity": "sha512-gjD1yzp0yxbQqnzBAdlhbgoJL5qIFJw78juN1NpTLt/mfPJ5VgC4BvkoD3G23qKzJtIIXBbcCt6FioLSFLOHdw==",
-      "dev": true,
-      "requires": {
-        "pug-error": "^2.0.0",
-        "pug-walk": "^2.0.0"
-      }
-    },
-    "pug-load": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/pug-load/-/pug-load-3.0.0.tgz",
-      "integrity": "sha512-OCjTEnhLWZBvS4zni/WUMjH2YSUosnsmjGBB1An7CsKQarYSWQ0GCVyd4eQPMFJqZ8w9xgs01QdiZXKVjk92EQ==",
-      "dev": true,
-      "requires": {
-        "object-assign": "^4.1.1",
-        "pug-walk": "^2.0.0"
-      }
-    },
-    "pug-parser": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/pug-parser/-/pug-parser-6.0.0.tgz",
-      "integrity": "sha512-ukiYM/9cH6Cml+AOl5kETtM9NR3WulyVP2y4HOU45DyMim1IeP/OOiyEWRr6qk5I5klpsBnbuHpwKmTx6WURnw==",
-      "dev": true,
-      "requires": {
-        "pug-error": "^2.0.0",
-        "token-stream": "1.0.0"
-      }
-    },
-    "pug-runtime": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/pug-runtime/-/pug-runtime-3.0.1.tgz",
-      "integrity": "sha512-L50zbvrQ35TkpHwv0G6aLSuueDRwc/97XdY8kL3tOT0FmhgG7UypU3VztfV/LATAvmUfYi4wNxSajhSAeNN+Kg==",
-      "dev": true
-    },
-    "pug-strip-comments": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/pug-strip-comments/-/pug-strip-comments-2.0.0.tgz",
-      "integrity": "sha512-zo8DsDpH7eTkPHCXFeAk1xZXJbyoTfdPlNR0bK7rpOMuhBYb0f5qUVCO1xlsitYd3w5FQTK7zpNVKb3rZoUrrQ==",
-      "dev": true,
-      "requires": {
-        "pug-error": "^2.0.0"
-      }
-    },
-    "pug-walk": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/pug-walk/-/pug-walk-2.0.0.tgz",
-      "integrity": "sha512-yYELe9Q5q9IQhuvqsZNwA5hfPkMJ8u92bQLIMcsMxf/VADjNtEYptU+inlufAFYcWdHlwNfZOEnOOQrZrcyJCQ==",
-      "dev": true
-    },
-    "react-is": {
-      "version": "17.0.2",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
-      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
-      "dev": true
-    },
-    "request-light": {
-      "version": "0.5.4",
-      "resolved": "https://registry.npmjs.org/request-light/-/request-light-0.5.4.tgz",
-      "integrity": "sha512-t3566CMweOFlUk7Y1DJMu5OrtpoZEb6aSTsLQVT3wtrIEJ5NhcY9G/Oqxvjllzl4a15zXfFlcr9q40LbLVQJqw==",
-      "dev": true
-    },
-    "resize-detector": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/resize-detector/-/resize-detector-0.3.0.tgz",
-      "integrity": "sha512-R/tCuvuOHQ8o2boRP6vgx8hXCCy87H1eY9V5imBYeVNyNVpuL9ciReSccLj2gDcax9+2weXy3bc8Vv+NRXeEvQ==",
-      "dev": true
-    },
-    "resize-observer-polyfill": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
-      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==",
-      "dev": true
-    },
-    "resolve": {
-      "version": "1.20.0",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
-      "integrity": "sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==",
-      "dev": true,
-      "requires": {
-        "is-core-module": "^2.2.0",
-        "path-parse": "^1.0.6"
-      }
-    },
-    "rollup": {
-      "version": "2.56.3",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.56.3.tgz",
-      "integrity": "sha512-Au92NuznFklgQCUcV96iXlxUbHuB1vQMaH76DHl5M11TotjOHwqk9CwcrT78+Tnv4FN9uTBxq6p4EJoYkpyekg==",
-      "dev": true,
-      "requires": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "seemly": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/seemly/-/seemly-0.3.1.tgz",
-      "integrity": "sha512-7P4+IJU9SIP6EBl2jjVitbgrHPb0MqWRy4j2iXGOUiDrHpdG3tH/3j5Xpyv1qWAY3IBrCKOkmVXEfwTsT4UzDg==",
-      "dev": true,
-      "requires": {
-        "@types/jest": "^26.0.20"
-      }
-    },
-    "semver": {
-      "version": "7.3.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
-      "dev": true,
-      "requires": {
-        "lru-cache": "^6.0.0"
-      },
-      "dependencies": {
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "dev": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true
-        }
-      }
-    },
-    "source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-    },
-    "source-map-js": {
-      "version": "0.6.2",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-0.6.2.tgz",
-      "integrity": "sha512-/3GptzWzu0+0MBQFrDKzw/DvvMTUORvgY6k6jd/VS6iCR4RDTKWH6v6WPwQoUO8667uQEf9Oe38DxAYWY5F/Ug==",
-      "dev": true
-    },
-    "sourcemap-codec": {
-      "version": "1.4.8",
-      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
-      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
-      "dev": true
-    },
-    "string-hash": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/string-hash/-/string-hash-1.1.3.tgz",
-      "integrity": "sha1-6Kr8CsGFW0Zmkp7X3RJ1311sgRs=",
-      "dev": true
-    },
-    "supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "requires": {
-        "has-flag": "^4.0.0"
-      }
-    },
-    "to-fast-properties": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
-      "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4="
-    },
-    "token-stream": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/token-stream/-/token-stream-1.0.0.tgz",
-      "integrity": "sha1-zCAOqyYT9BZtJ/+a/HylbUnfbrQ=",
-      "dev": true
-    },
-    "treemate": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmjs.org/treemate/-/treemate-0.3.5.tgz",
-      "integrity": "sha512-lg9Xu6urOjIX1hI8AZ2sYwI8tFEqWMmivpT+p/oNdJqIOwrsCEp7whRRovsjU+HPC1WPkHXsfR3mzoXR6TfLmA==",
-      "dev": true
-    },
-    "tslib": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
-      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
-    },
-    "typescript": {
-      "version": "4.4.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.4.3.tgz",
-      "integrity": "sha512-4xfscpisVgqqDfPaJo5vkd+Qd/ItkoagnHpufr+i2QCHBsNYp+G7UAoyFl8aPtx879u38wPV65rZ8qbGZijalA==",
-      "dev": true
-    },
-    "upath": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/upath/-/upath-2.0.1.tgz",
-      "integrity": "sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==",
-      "dev": true
-    },
-    "util-deprecate": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
-      "dev": true
-    },
-    "vdirs": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/vdirs/-/vdirs-0.1.4.tgz",
-      "integrity": "sha512-g2wJgE8hj/ruqEnGFEXFVC8IR4kRaPDr7Cl+SSy+A8kmNr47rL1l+0wMi51amlrTL6eQsRk+wcl4bjjfPXNzZQ==",
-      "dev": true,
-      "requires": {
-        "@types/node": "^14.14.10",
-        "evtd": "^0.2.2"
-      }
-    },
-    "vfonts": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/vfonts/-/vfonts-0.1.0.tgz",
-      "integrity": "sha512-vQBcvntBlnAPonAkGNM8iJ9NxE3PucA+V2W95xiN75YJKxirLJvOws2kEyOEO45T4N+YTbQOCR2m77Y05pfVhQ==",
-      "dev": true
-    },
-    "vite": {
-      "version": "2.5.8",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-2.5.8.tgz",
-      "integrity": "sha512-2GRsLrmMsFI0u31WTtkGbKvEIJO4I9qDltma3QiyDJEk14IzjM35OCElAFHFs2VlL7h2qX5AdHbwfEhnmwhQgw==",
-      "dev": true,
-      "requires": {
-        "esbuild": "^0.12.17",
-        "fsevents": "~2.3.2",
-        "postcss": "^8.3.6",
-        "resolve": "^1.20.0",
-        "rollup": "^2.38.5"
-      }
-    },
-    "void-elements": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
-      "integrity": "sha1-YU9/v42AHwu18GYfWy9XhXUOTwk=",
-      "dev": true
-    },
-    "vooks": {
-      "version": "0.2.8",
-      "resolved": "https://registry.npmjs.org/vooks/-/vooks-0.2.8.tgz",
-      "integrity": "sha512-d+MHX5mTHeNZn0XTILMUKjpxS1+dUKCI/kw9+LnvfHzCawL8bZ1itViAbWfwJI246uSc47rL3ECPgPMyS8wQrQ==",
-      "dev": true,
-      "requires": {
-        "evtd": "^0.2.2"
-      }
-    },
-    "vscode-css-languageservice": {
-      "version": "5.1.5",
-      "resolved": "https://registry.npmjs.org/vscode-css-languageservice/-/vscode-css-languageservice-5.1.5.tgz",
-      "integrity": "sha512-c1hhsbnZ7bBvj10vMDLmkOk/n9r0rXQYDj4kbBi59bZaaEZ3e81zURx76/618NZM5NytlZmGfvmxQtB7mb03Ow==",
-      "dev": true,
-      "requires": {
-        "vscode-languageserver-textdocument": "^1.0.1",
-        "vscode-languageserver-types": "^3.16.0",
-        "vscode-nls": "^5.0.0",
-        "vscode-uri": "^3.0.2"
-      },
-      "dependencies": {
-        "vscode-languageserver-types": {
-          "version": "3.16.0",
-          "resolved": "https://registry.npmjs.org/vscode-languageserver-types/-/vscode-languageserver-types-3.16.0.tgz",
-          "integrity": "sha512-k8luDIWJWyenLc5ToFQQMaSrqCHiLwyKPHKPQZ5zz21vM+vIVUSvsRpcbiECH4WR88K2XZqc4ScRcZ7nk/jbeA==",
-          "dev": true
-        }
-      }
-    },
-    "vscode-html-languageservice": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/vscode-html-languageservice/-/vscode-html-languageservice-4.0.8.tgz",
-      "integrity": "sha512-VJ4boG3uOD5Ls0pCvml7ZkHY+f1uDuxr+wR39XrerPr7qQFAu91DRTBuOzBsp6lV3x5Vz2S835AS2ZzLNmezbg==",
-      "dev": true,
-      "requires": {
-        "vscode-languageserver-textdocument": "^1.0.1",
-        "vscode-languageserver-types": "^3.16.0",
-        "vscode-nls": "^5.0.0",
-        "vscode-uri": "^3.0.2"
-      },
-      "dependencies": {
-        "vscode-languageserver-types": {
-          "version": "3.16.0",
-          "resolved": "https://registry.npmjs.org/vscode-languageserver-types/-/vscode-languageserver-types-3.16.0.tgz",
-          "integrity": "sha512-k8luDIWJWyenLc5ToFQQMaSrqCHiLwyKPHKPQZ5zz21vM+vIVUSvsRpcbiECH4WR88K2XZqc4ScRcZ7nk/jbeA==",
-          "dev": true
-        }
-      }
-    },
-    "vscode-json-languageservice": {
-      "version": "4.1.7",
-      "resolved": "https://registry.npmjs.org/vscode-json-languageservice/-/vscode-json-languageservice-4.1.7.tgz",
-      "integrity": "sha512-cwG5TwZyHYthsk2aS3W1dVgVP6Vwn3o+zscwN58uMgZt/nKuyxd9vdEB1F58Ix+S5kSKAnkUCP6hvulcoImQQQ==",
-      "dev": true,
-      "requires": {
-        "jsonc-parser": "^3.0.0",
-        "vscode-languageserver-textdocument": "^1.0.1",
-        "vscode-languageserver-types": "^3.16.0",
-        "vscode-nls": "^5.0.0",
-        "vscode-uri": "^3.0.2"
-      },
-      "dependencies": {
-        "jsonc-parser": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.0.0.tgz",
-          "integrity": "sha512-fQzRfAbIBnR0IQvftw9FJveWiHp72Fg20giDrHz6TdfB12UH/uue0D3hm57UB5KgAVuniLMCaS8P1IMj9NR7cA==",
-          "dev": true
-        },
-        "vscode-languageserver-types": {
-          "version": "3.16.0",
-          "resolved": "https://registry.npmjs.org/vscode-languageserver-types/-/vscode-languageserver-types-3.16.0.tgz",
-          "integrity": "sha512-k8luDIWJWyenLc5ToFQQMaSrqCHiLwyKPHKPQZ5zz21vM+vIVUSvsRpcbiECH4WR88K2XZqc4ScRcZ7nk/jbeA==",
-          "dev": true
-        }
-      }
-    },
-    "vscode-jsonrpc": {
-      "version": "8.0.0-next.2",
-      "resolved": "https://registry.npmjs.org/vscode-jsonrpc/-/vscode-jsonrpc-8.0.0-next.2.tgz",
-      "integrity": "sha512-gxUyTBAjmwGkiHW/UaRScre2s4i98P8M7gnc3VB4DrVQUm3vQ0idi2cN9nbkfcjATx+uEt8C22j+MLN/8UzsJA==",
-      "dev": true
-    },
-    "vscode-languageserver": {
-      "version": "8.0.0-next.2",
-      "resolved": "https://registry.npmjs.org/vscode-languageserver/-/vscode-languageserver-8.0.0-next.2.tgz",
-      "integrity": "sha512-7qCEXTeGZKkI8BGvlKh0JPXTY7BaWoiwQYKCcGaUgnMs34wt6F/yaKcxoC3XIouBBVyRxiI6Ml/JdztM3XYEaA==",
-      "dev": true,
-      "requires": {
-        "vscode-languageserver-protocol": "3.17.0-next.8"
-      }
-    },
-    "vscode-languageserver-protocol": {
-      "version": "3.17.0-next.8",
-      "resolved": "https://registry.npmjs.org/vscode-languageserver-protocol/-/vscode-languageserver-protocol-3.17.0-next.8.tgz",
-      "integrity": "sha512-P89vSuJ+FA5JzFmcOoZN13Ig1yd6LsiPOig0O5m5BSGuO/rplQegCd9J0wKpaTy7trf/SYHRoypnbUBdzy14sg==",
-      "dev": true,
-      "requires": {
-        "vscode-jsonrpc": "8.0.0-next.2",
-        "vscode-languageserver-types": "3.17.0-next.3"
-      }
-    },
-    "vscode-languageserver-textdocument": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.1.tgz",
-      "integrity": "sha512-UIcJDjX7IFkck7cSkNNyzIz5FyvpQfY7sdzVy+wkKN/BLaD4DQ0ppXQrKePomCxTS7RrolK1I0pey0bG9eh8dA==",
-      "dev": true
-    },
-    "vscode-languageserver-types": {
-      "version": "3.17.0-next.3",
-      "resolved": "https://registry.npmjs.org/vscode-languageserver-types/-/vscode-languageserver-types-3.17.0-next.3.tgz",
-      "integrity": "sha512-VQcXnhKYxUW6OiRMhG++SzmZYMJwusXknJGd+FfdOnS1yHAo734OHyR0e2eEHDlv0/oWc8RZPgx/VKSKyondVg==",
-      "dev": true
-    },
-    "vscode-nls": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/vscode-nls/-/vscode-nls-5.0.0.tgz",
-      "integrity": "sha512-u0Lw+IYlgbEJFF6/qAqG2d1jQmJl0eyAGJHoAJqr2HT4M2BNuQYSEiSE75f52pXHSJm8AlTjnLLbBFPrdz2hpA==",
-      "dev": true
-    },
-    "vscode-pug-languageservice": {
-      "version": "0.27.21",
-      "resolved": "https://registry.npmjs.org/vscode-pug-languageservice/-/vscode-pug-languageservice-0.27.21.tgz",
-      "integrity": "sha512-nk8jZ0m9vugE3LHLZHJ74Q/QrXTd6wAUXRdlATCix/1GS3PDkVMeafh2+170UDN7tmjuLNrx2fK0v9mFY0YJkw==",
-      "dev": true,
-      "requires": {
-        "@volar/code-gen": "^0.27.14",
-        "@volar/shared": "^0.27.14",
-        "@volar/source-map": "^0.27.14",
-        "@volar/transforms": "^0.27.14",
-        "pug-lexer": "^5.0.1",
-        "pug-parser": "^6.0.0",
-        "vscode-languageserver": "^8.0.0-next.2"
-      }
-    },
-    "vscode-typescript-languageservice": {
-      "version": "0.27.20",
-      "resolved": "https://registry.npmjs.org/vscode-typescript-languageservice/-/vscode-typescript-languageservice-0.27.20.tgz",
-      "integrity": "sha512-PPxf7KYfvLq3gDyq+L76cUSXJMwmbVJtLiCKHIGU3d1mzV1hpLcneallE7O1F2v/fBrl3ajuko+a0wb/id6z5g==",
-      "dev": true,
-      "requires": {
-        "@volar/shared": "^0.27.14",
-        "semver": "^7.3.5",
-        "upath": "^2.0.1",
-        "vscode-languageserver": "^8.0.0-next.2",
-        "vscode-languageserver-textdocument": "^1.0.1"
-      }
-    },
-    "vscode-uri": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.0.2.tgz",
-      "integrity": "sha512-jkjy6pjU1fxUvI51P+gCsxg1u2n8LSt0W6KrCNQceaziKzff74GoWmjVG46KieVzybO1sttPQmYfrwSHey7GUA==",
-      "dev": true
-    },
-    "vscode-vue-languageservice": {
-      "version": "0.27.21",
-      "resolved": "https://registry.npmjs.org/vscode-vue-languageservice/-/vscode-vue-languageservice-0.27.21.tgz",
-      "integrity": "sha512-AIJfk9QOAVOx8S8Bo3TYl+AIUNbKFGgoHDSK3rP1+kSwmI1pgtYEH88eYvTf+RIt707wdBb5QdjFedihasdVog==",
-      "dev": true,
-      "requires": {
-        "@volar/code-gen": "^0.27.14",
-        "@volar/html2pug": "^0.27.13",
-        "@volar/shared": "^0.27.14",
-        "@volar/source-map": "^0.27.14",
-        "@volar/transforms": "^0.27.14",
-        "@vscode/emmet-helper": "^2.7.0",
-        "@vue/compiler-dom": "^3.2.6",
-        "@vue/reactivity": "^3.2.6",
-        "@vue/shared": "^3.2.6",
-        "request-light": "^0.5.4",
-        "upath": "^2.0.1",
-        "vscode-css-languageservice": "^5.1.4",
-        "vscode-html-languageservice": "^4.0.7",
-        "vscode-json-languageservice": "^4.1.7",
-        "vscode-languageserver": "^8.0.0-next.2",
-        "vscode-languageserver-textdocument": "^1.0.1",
-        "vscode-pug-languageservice": "^0.27.21",
-        "vscode-typescript-languageservice": "^0.27.20"
-      }
-    },
-    "vue": {
-      "version": "3.2.12",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.12.tgz",
-      "integrity": "sha512-VV14HtubmB56uuQaSvLkJZgoocPiN8CJI3zZA9y8h7q/Z5hcknDIFkbq5d8ku0ukZ6AJPQqMsZWcq0qryF0jgg==",
-      "requires": {
-        "@vue/compiler-dom": "3.2.12",
-        "@vue/runtime-dom": "3.2.12",
-        "@vue/shared": "3.2.12"
-      }
-    },
-    "vue-demi": {
-      "version": "0.11.4",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.11.4.tgz",
-      "integrity": "sha512-/3xFwzSykLW2HiiLie43a+FFgNOcokbBJ+fzvFXd0r2T8MYohqvphUyDQ8lbAwzQ3Dlcrb1c9ykifGkhSIAk6A==",
-      "dev": true
-    },
-    "vue-echarts": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/vue-echarts/-/vue-echarts-6.0.0.tgz",
-      "integrity": "sha512-eB3fnnu8Oc+kwVTlBz95o/rliTbWIiUdxTG7vRQIIgRpINWW07WLSPm+UhlD6FZ/P8IqCoVG87pJeLRKsaHeMw==",
-      "dev": true,
-      "requires": {
-        "resize-detector": "^0.3.0",
-        "vue-demi": "^0.11.2"
-      }
-    },
-    "vue-tsc": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-0.2.3.tgz",
-      "integrity": "sha512-0ahxAnQolmv6EOnv5zxeMi4vCpM4PkhjU70i/EI44OzMWq4OErjLZhEh8EXOLtMx6FBRuuqS5fiBXcuqLpoL7Q==",
-      "dev": true,
-      "requires": {
-        "vscode-vue-languageservice": "^0.27.0"
-      }
-    },
-    "vueuc": {
-      "version": "0.4.10",
-      "resolved": "https://registry.npmjs.org/vueuc/-/vueuc-0.4.10.tgz",
-      "integrity": "sha512-d/GITEBOtrkMyhJPB72SNYeO7rYrsTYMlJ+uT7bwuTT1ag15O63vwUesqhY7Vf65FybJRcQwUtGAYShDOqRiJQ==",
-      "dev": true,
-      "requires": {
-        "css-render": "^0.15.3",
-        "evtd": "^0.2.2",
-        "resize-observer-polyfill": "^1.5.1",
-        "seemly": "^0.3.1",
-        "vdirs": "^0.1.4",
-        "vooks": "^0.2.4"
-      }
-    },
-    "with": {
-      "version": "7.0.2",
-      "resolved": "https://registry.npmjs.org/with/-/with-7.0.2.tgz",
-      "integrity": "sha512-RNGKj82nUPg3g5ygxkQl0R937xLyho1J24ItRCBTr/m1YnZkzJy1hUiHUJrc/VlsDQzsCnInEGSg3bci0Lmd4w==",
-      "dev": true,
-      "requires": {
-        "@babel/parser": "^7.9.6",
-        "@babel/types": "^7.9.6",
-        "assert-never": "^1.2.1",
-        "babel-walk": "3.0.0-canary-5"
-      }
-    },
-    "yallist": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
-      "dev": true
-    },
-    "zrender": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.2.1.tgz",
-      "integrity": "sha512-M3bPGZuyLTNBC6LiNKXJwSCtglMp8XUEqEBG+2MdICDI3d1s500Y4P0CzldQGsqpRVB7fkvf3BKQQRxsEaTlsw==",
-      "requires": {
-        "tslib": "2.3.0"
-      }
-    }
-  }
-}
diff --git a/package.json b/package.json
index 5fc44b9..dac99db 100644
--- a/package.json
+++ b/package.json
@@ -1,39 +1,40 @@
 {
   "name": "vue-webtopo-svgeditor",
-  "version": "0.0.4",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/vue-webtopo-svgeditor.es.ts",
-  "main": "./dist/vue-webtopo-svgeditor.umd.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/vue-webtopo-svgeditor.es.ts",
-      "require": "./dist/vue-webtopo-svgeditor.umd.ts"
-    },
-    "./dist/style.css": {
-      "import": "./dist/style.css",
-      "require": "./dist/style.css"
-    }
-  },
+  "version": "0.0.5",
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc --noEmit && vite build",
-    "serve": "vite preview"
+    "preview": "vite preview",
+    "lint:eslint": "eslint --fix --ext .js,.ts,.vue,.tsx ./src",
+    "preinstall": "npx only-allow pnpm",
+    "postinstall": "husky install"
   },
   "dependencies": {
-    "axios": "^0.22.0",
-    "vue": "^3.2.6"
+    "vue": "^3.2.25",
+    "vue-router": "4"
   },
   "devDependencies": {
-    "@vicons/fluent": "^0.11.0",
-    "@vitejs/plugin-vue": "^1.6.1",
-    "@vue/compiler-sfc": "^3.2.6",
-    "naive-ui": "^2.18.2",
-    "typescript": "^4.3.2",
-    "vite": "^2.5.4",
-    "echarts": "^5.2.1",
-    "vue-echarts": "^6.0.0",
-    "vue-tsc": "^0.2.2"
+    "@commitlint/cli": "^17.0.3",
+    "@commitlint/config-conventional": "^17.0.3",
+    "@typescript-eslint/eslint-plugin": "^5.30.5",
+    "@typescript-eslint/parser": "^5.30.5",
+    "@vitejs/plugin-vue": "^2.3.3",
+    "eslint": "^8.19.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-define-config": "^1.5.1",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-vue": "^9.2.0",
+    "husky": "^8.0.1",
+    "prettier": "^2.7.1",
+    "typescript": "^4.5.4",
+    "vite": "^2.9.9",
+    "vite-plugin-eslint": "^1.6.1",
+    "vue-eslint-parser": "^9.0.3",
+    "vue-tsc": "^0.34.7"
+  },
+  "lint-staged": {
+    "*.{js,jsx,vue,ts,tsx}": [
+      "pnpm run lint:eslint"
+    ]
   }
-}
\ No newline at end of file
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
new file mode 100644
index 0000000..b9530ad
--- /dev/null
+++ b/pnpm-lock.yaml
@@ -0,0 +1,2582 @@
+lockfileVersion: 5.3
+
+specifiers:
+  '@commitlint/cli': ^17.0.3
+  '@commitlint/config-conventional': ^17.0.3
+  '@typescript-eslint/eslint-plugin': ^5.30.5
+  '@typescript-eslint/parser': ^5.30.5
+  '@vitejs/plugin-vue': ^2.3.3
+  eslint: ^8.19.0
+  eslint-config-prettier: ^8.5.0
+  eslint-define-config: ^1.5.1
+  eslint-plugin-prettier: ^4.2.1
+  eslint-plugin-vue: ^9.2.0
+  husky: ^8.0.1
+  prettier: ^2.7.1
+  typescript: ^4.5.4
+  vite: ^2.9.9
+  vite-plugin-eslint: ^1.6.1
+  vue: ^3.2.25
+  vue-eslint-parser: ^9.0.3
+  vue-router: '4'
+  vue-tsc: ^0.34.7
+
+dependencies:
+  vue: 3.2.37
+  vue-router: 4.1.1_vue@3.2.37
+
+devDependencies:
+  '@commitlint/cli': 17.0.3
+  '@commitlint/config-conventional': 17.0.3
+  '@typescript-eslint/eslint-plugin': 5.30.5_f646e16e2de31e818e163bded4698d6b
+  '@typescript-eslint/parser': 5.30.5_eslint@8.19.0+typescript@4.7.4
+  '@vitejs/plugin-vue': 2.3.3_vite@2.9.13+vue@3.2.37
+  eslint: 8.19.0
+  eslint-config-prettier: 8.5.0_eslint@8.19.0
+  eslint-define-config: 1.5.1
+  eslint-plugin-prettier: 4.2.1_fd2e32b7574349919aac0818c3f895ea
+  eslint-plugin-vue: 9.2.0_eslint@8.19.0
+  husky: 8.0.1
+  prettier: 2.7.1
+  typescript: 4.7.4
+  vite: 2.9.13
+  vite-plugin-eslint: 1.6.1_eslint@8.19.0+vite@2.9.13
+  vue-eslint-parser: 9.0.3_eslint@8.19.0
+  vue-tsc: 0.34.17_typescript@4.7.4
+
+packages:
+
+  /@babel/code-frame/7.18.6:
+    resolution: {integrity: sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/highlight': 7.18.6
+    dev: true
+
+  /@babel/helper-validator-identifier/7.18.6:
+    resolution: {integrity: sha512-MmetCkz9ej86nJQV+sFCxoGGrUbU3q02kgLciwkrt9QqEB7cP39oKEY0PakknEO0Gu20SskMRi+AYZ3b1TpN9g==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /@babel/highlight/7.18.6:
+    resolution: {integrity: sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-validator-identifier': 7.18.6
+      chalk: 2.4.2
+      js-tokens: 4.0.0
+    dev: true
+
+  /@babel/parser/7.18.6:
+    resolution: {integrity: sha512-uQVSa9jJUe/G/304lXspfWVpKpK4euFLgGiMQFOCpM/bgcAdeoHwi/OQz23O9GK2osz26ZiXRRV9aV+Yl1O8tw==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  /@commitlint/cli/17.0.3:
+    resolution: {integrity: sha512-oAo2vi5d8QZnAbtU5+0cR2j+A7PO8zuccux65R/EycwvsZrDVyW518FFrnJK2UQxbRtHFFIG+NjQ6vOiJV0Q8A==}
+    engines: {node: '>=v14'}
+    hasBin: true
+    dependencies:
+      '@commitlint/format': 17.0.0
+      '@commitlint/lint': 17.0.3
+      '@commitlint/load': 17.0.3
+      '@commitlint/read': 17.0.0
+      '@commitlint/types': 17.0.0
+      execa: 5.1.1
+      lodash: 4.17.21
+      resolve-from: 5.0.0
+      resolve-global: 1.0.0
+      yargs: 17.5.1
+    transitivePeerDependencies:
+      - '@swc/core'
+      - '@swc/wasm'
+    dev: true
+
+  /@commitlint/config-conventional/17.0.3:
+    resolution: {integrity: sha512-HCnzTm5ATwwwzNVq5Y57poS0a1oOOcd5pc1MmBpLbGmSysc4i7F/++JuwtdFPu16sgM3H9J/j2zznRLOSGVO2A==}
+    engines: {node: '>=v14'}
+    dependencies:
+      conventional-changelog-conventionalcommits: 5.0.0
+    dev: true
+
+  /@commitlint/config-validator/17.0.3:
+    resolution: {integrity: sha512-3tLRPQJKapksGE7Kee9axv+9z5I2GDHitDH4q63q7NmNA0wkB+DAorJ0RHz2/K00Zb1/MVdHzhCga34FJvDihQ==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/types': 17.0.0
+      ajv: 8.11.0
+    dev: true
+
+  /@commitlint/ensure/17.0.0:
+    resolution: {integrity: sha512-M2hkJnNXvEni59S0QPOnqCKIK52G1XyXBGw51mvh7OXDudCmZ9tZiIPpU882p475Mhx48Ien1MbWjCP1zlyC0A==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/types': 17.0.0
+      lodash: 4.17.21
+    dev: true
+
+  /@commitlint/execute-rule/17.0.0:
+    resolution: {integrity: sha512-nVjL/w/zuqjCqSJm8UfpNaw66V9WzuJtQvEnCrK4jDw6qKTmZB+1JQ8m6BQVZbNBcwfYdDNKnhIhqI0Rk7lgpQ==}
+    engines: {node: '>=v14'}
+    dev: true
+
+  /@commitlint/format/17.0.0:
+    resolution: {integrity: sha512-MZzJv7rBp/r6ZQJDEodoZvdRM0vXu1PfQvMTNWFb8jFraxnISMTnPBWMMjr2G/puoMashwaNM//fl7j8gGV5lA==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/types': 17.0.0
+      chalk: 4.1.2
+    dev: true
+
+  /@commitlint/is-ignored/17.0.3:
+    resolution: {integrity: sha512-/wgCXAvPtFTQZxsVxj7owLeRf5wwzcXLaYmrZPR4a87iD4sCvUIRl1/ogYrtOyUmHwWfQsvjqIB4mWE/SqWSnA==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/types': 17.0.0
+      semver: 7.3.7
+    dev: true
+
+  /@commitlint/lint/17.0.3:
+    resolution: {integrity: sha512-2o1fk7JUdxBUgszyt41sHC/8Nd5PXNpkmuOo9jvGIjDHzOwXyV0PSdbEVTH3xGz9NEmjohFHr5l+N+T9fcxong==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/is-ignored': 17.0.3
+      '@commitlint/parse': 17.0.0
+      '@commitlint/rules': 17.0.0
+      '@commitlint/types': 17.0.0
+    dev: true
+
+  /@commitlint/load/17.0.3:
+    resolution: {integrity: sha512-3Dhvr7GcKbKa/ey4QJ5MZH3+J7QFlARohUow6hftQyNjzoXXROm+RwpBes4dDFrXG1xDw9QPXA7uzrOShCd4bw==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/config-validator': 17.0.3
+      '@commitlint/execute-rule': 17.0.0
+      '@commitlint/resolve-extends': 17.0.3
+      '@commitlint/types': 17.0.0
+      '@types/node': 18.0.3
+      chalk: 4.1.2
+      cosmiconfig: 7.0.1
+      cosmiconfig-typescript-loader: 2.0.2_2dd5d46eecda2aef953638919121af58
+      lodash: 4.17.21
+      resolve-from: 5.0.0
+      typescript: 4.7.4
+    transitivePeerDependencies:
+      - '@swc/core'
+      - '@swc/wasm'
+    dev: true
+
+  /@commitlint/message/17.0.0:
+    resolution: {integrity: sha512-LpcwYtN+lBlfZijHUdVr8aNFTVpHjuHI52BnfoV01TF7iSLnia0jttzpLkrLmI8HNQz6Vhr9UrxDWtKZiMGsBw==}
+    engines: {node: '>=v14'}
+    dev: true
+
+  /@commitlint/parse/17.0.0:
+    resolution: {integrity: sha512-cKcpfTIQYDG1ywTIr5AG0RAiLBr1gudqEsmAGCTtj8ffDChbBRxm6xXs2nv7GvmJN7msOt7vOKleLvcMmRa1+A==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/types': 17.0.0
+      conventional-changelog-angular: 5.0.13
+      conventional-commits-parser: 3.2.4
+    dev: true
+
+  /@commitlint/read/17.0.0:
+    resolution: {integrity: sha512-zkuOdZayKX3J6F6mPnVMzohK3OBrsEdOByIqp4zQjA9VLw1hMsDEFQ18rKgUc2adkZar+4S01QrFreDCfZgbxA==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/top-level': 17.0.0
+      '@commitlint/types': 17.0.0
+      fs-extra: 10.1.0
+      git-raw-commits: 2.0.11
+    dev: true
+
+  /@commitlint/resolve-extends/17.0.3:
+    resolution: {integrity: sha512-H/RFMvrcBeJCMdnVC4i8I94108UDccIHrTke2tyQEg9nXQnR5/Hd6MhyNWkREvcrxh9Y+33JLb+PiPiaBxCtBA==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/config-validator': 17.0.3
+      '@commitlint/types': 17.0.0
+      import-fresh: 3.3.0
+      lodash: 4.17.21
+      resolve-from: 5.0.0
+      resolve-global: 1.0.0
+    dev: true
+
+  /@commitlint/rules/17.0.0:
+    resolution: {integrity: sha512-45nIy3dERKXWpnwX9HeBzK5SepHwlDxdGBfmedXhL30fmFCkJOdxHyOJsh0+B0RaVsLGT01NELpfzJUmtpDwdQ==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/ensure': 17.0.0
+      '@commitlint/message': 17.0.0
+      '@commitlint/to-lines': 17.0.0
+      '@commitlint/types': 17.0.0
+      execa: 5.1.1
+    dev: true
+
+  /@commitlint/to-lines/17.0.0:
+    resolution: {integrity: sha512-nEi4YEz04Rf2upFbpnEorG8iymyH7o9jYIVFBG1QdzebbIFET3ir+8kQvCZuBE5pKCtViE4XBUsRZz139uFrRQ==}
+    engines: {node: '>=v14'}
+    dev: true
+
+  /@commitlint/top-level/17.0.0:
+    resolution: {integrity: sha512-dZrEP1PBJvodNWYPOYiLWf6XZergdksKQaT6i1KSROLdjf5Ai0brLOv5/P+CPxBeoj3vBxK4Ax8H1Pg9t7sHIQ==}
+    engines: {node: '>=v14'}
+    dependencies:
+      find-up: 5.0.0
+    dev: true
+
+  /@commitlint/types/17.0.0:
+    resolution: {integrity: sha512-hBAw6U+SkAT5h47zDMeOu3HSiD0SODw4Aq7rRNh1ceUmL7GyLKYhPbUvlRWqZ65XjBLPHZhFyQlRaPNz8qvUyQ==}
+    engines: {node: '>=v14'}
+    dependencies:
+      chalk: 4.1.2
+    dev: true
+
+  /@cspotcode/source-map-support/0.8.1:
+    resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.9
+    dev: true
+
+  /@eslint/eslintrc/1.3.0:
+    resolution: {integrity: sha512-UWW0TMTmk2d7hLcWD1/e2g5HDM/HQ3csaLSqXCfqwh4uNDuNqlaKWXmEsL4Cs41Z0KnILNvwbHAah3C2yt06kw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.3.4
+      espree: 9.3.2
+      globals: 13.16.0
+      ignore: 5.2.0
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@humanwhocodes/config-array/0.9.5:
+    resolution: {integrity: sha512-ObyMyWxZiCu/yTisA7uzx81s40xR2fD5Cg/2Kq7G02ajkNubJf6BopgDTmDyc3U7sXpNKM8cYOw7s7Tyr+DnCw==}
+    engines: {node: '>=10.10.0'}
+    dependencies:
+      '@humanwhocodes/object-schema': 1.2.1
+      debug: 4.3.4
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@humanwhocodes/object-schema/1.2.1:
+    resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
+    dev: true
+
+  /@jridgewell/resolve-uri/3.1.0:
+    resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==}
+    engines: {node: '>=6.0.0'}
+    dev: true
+
+  /@jridgewell/sourcemap-codec/1.4.14:
+    resolution: {integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==}
+    dev: true
+
+  /@jridgewell/trace-mapping/0.3.9:
+    resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.0
+      '@jridgewell/sourcemap-codec': 1.4.14
+    dev: true
+
+  /@nodelib/fs.scandir/2.1.5:
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+    dev: true
+
+  /@nodelib/fs.stat/2.0.5:
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /@nodelib/fs.walk/1.2.8:
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.13.0
+    dev: true
+
+  /@rollup/pluginutils/4.2.1:
+    resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==}
+    engines: {node: '>= 8.0.0'}
+    dependencies:
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+    dev: true
+
+  /@tsconfig/node10/1.0.9:
+    resolution: {integrity: sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==}
+    dev: true
+
+  /@tsconfig/node12/1.0.11:
+    resolution: {integrity: sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==}
+    dev: true
+
+  /@tsconfig/node14/1.0.3:
+    resolution: {integrity: sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==}
+    dev: true
+
+  /@tsconfig/node16/1.0.3:
+    resolution: {integrity: sha512-yOlFc+7UtL/89t2ZhjPvvB/DeAr3r+Dq58IgzsFkOAvVC6NMJXmCGjbptdXdR9qsX7pKcTL+s87FtYREi2dEEQ==}
+    dev: true
+
+  /@types/eslint/8.4.5:
+    resolution: {integrity: sha512-dhsC09y1gpJWnK+Ff4SGvCuSnk9DaU0BJZSzOwa6GVSg65XtTugLBITDAAzRU5duGBoXBHpdR/9jHGxJjNflJQ==}
+    dependencies:
+      '@types/estree': 0.0.52
+      '@types/json-schema': 7.0.11
+    dev: true
+
+  /@types/estree/0.0.52:
+    resolution: {integrity: sha512-BZWrtCU0bMVAIliIV+HJO1f1PR41M7NKjfxrFJwwhKI1KwhwOxYw1SXg9ao+CIMt774nFuGiG6eU+udtbEI9oQ==}
+    dev: true
+
+  /@types/json-schema/7.0.11:
+    resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==}
+    dev: true
+
+  /@types/minimist/1.2.2:
+    resolution: {integrity: sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==}
+    dev: true
+
+  /@types/node/18.0.3:
+    resolution: {integrity: sha512-HzNRZtp4eepNitP+BD6k2L6DROIDG4Q0fm4x+dwfsr6LGmROENnok75VGw40628xf+iR24WeMFcHuuBDUAzzsQ==}
+    dev: true
+
+  /@types/normalize-package-data/2.4.1:
+    resolution: {integrity: sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==}
+    dev: true
+
+  /@types/parse-json/4.0.0:
+    resolution: {integrity: sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==}
+    dev: true
+
+  /@typescript-eslint/eslint-plugin/5.30.5_f646e16e2de31e818e163bded4698d6b:
+    resolution: {integrity: sha512-lftkqRoBvc28VFXEoRgyZuztyVUQ04JvUnATSPtIRFAccbXTWL6DEtXGYMcbg998kXw1NLUJm7rTQ9eUt+q6Ig==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^5.0.0
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 5.30.5_eslint@8.19.0+typescript@4.7.4
+      '@typescript-eslint/scope-manager': 5.30.5
+      '@typescript-eslint/type-utils': 5.30.5_eslint@8.19.0+typescript@4.7.4
+      '@typescript-eslint/utils': 5.30.5_eslint@8.19.0+typescript@4.7.4
+      debug: 4.3.4
+      eslint: 8.19.0
+      functional-red-black-tree: 1.0.1
+      ignore: 5.2.0
+      regexpp: 3.2.0
+      semver: 7.3.7
+      tsutils: 3.21.0_typescript@4.7.4
+      typescript: 4.7.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/parser/5.30.5_eslint@8.19.0+typescript@4.7.4:
+    resolution: {integrity: sha512-zj251pcPXI8GO9NDKWWmygP6+UjwWmrdf9qMW/L/uQJBM/0XbU2inxe5io/234y/RCvwpKEYjZ6c1YrXERkK4Q==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/scope-manager': 5.30.5
+      '@typescript-eslint/types': 5.30.5
+      '@typescript-eslint/typescript-estree': 5.30.5_typescript@4.7.4
+      debug: 4.3.4
+      eslint: 8.19.0
+      typescript: 4.7.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/scope-manager/5.30.5:
+    resolution: {integrity: sha512-NJ6F+YHHFT/30isRe2UTmIGGAiXKckCyMnIV58cE3JkHmaD6e5zyEYm5hBDv0Wbin+IC0T1FWJpD3YqHUG/Ydg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      '@typescript-eslint/types': 5.30.5
+      '@typescript-eslint/visitor-keys': 5.30.5
+    dev: true
+
+  /@typescript-eslint/type-utils/5.30.5_eslint@8.19.0+typescript@4.7.4:
+    resolution: {integrity: sha512-k9+ejlv1GgwN1nN7XjVtyCgE0BTzhzT1YsQF0rv4Vfj2U9xnslBgMYYvcEYAFVdvhuEscELJsB7lDkN7WusErw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '*'
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/utils': 5.30.5_eslint@8.19.0+typescript@4.7.4
+      debug: 4.3.4
+      eslint: 8.19.0
+      tsutils: 3.21.0_typescript@4.7.4
+      typescript: 4.7.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/types/5.30.5:
+    resolution: {integrity: sha512-kZ80w/M2AvsbRvOr3PjaNh6qEW1LFqs2pLdo2s5R38B2HYXG8Z0PP48/4+j1QHJFL3ssHIbJ4odPRS8PlHrFfw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  /@typescript-eslint/typescript-estree/5.30.5_typescript@4.7.4:
+    resolution: {integrity: sha512-qGTc7QZC801kbYjAr4AgdOfnokpwStqyhSbiQvqGBLixniAKyH+ib2qXIVo4P9NgGzwyfD9I0nlJN7D91E1VpQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': 5.30.5
+      '@typescript-eslint/visitor-keys': 5.30.5
+      debug: 4.3.4
+      globby: 11.1.0
+      is-glob: 4.0.3
+      semver: 7.3.7
+      tsutils: 3.21.0_typescript@4.7.4
+      typescript: 4.7.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/utils/5.30.5_eslint@8.19.0+typescript@4.7.4:
+    resolution: {integrity: sha512-o4SSUH9IkuA7AYIfAvatldovurqTAHrfzPApOZvdUq01hHojZojCFXx06D/aFpKCgWbMPRdJBWAC3sWp3itwTA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      '@types/json-schema': 7.0.11
+      '@typescript-eslint/scope-manager': 5.30.5
+      '@typescript-eslint/types': 5.30.5
+      '@typescript-eslint/typescript-estree': 5.30.5_typescript@4.7.4
+      eslint: 8.19.0
+      eslint-scope: 5.1.1
+      eslint-utils: 3.0.0_eslint@8.19.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@typescript-eslint/visitor-keys/5.30.5:
+    resolution: {integrity: sha512-D+xtGo9HUMELzWIUqcQc0p2PO4NyvTrgIOK/VnSH083+8sq0tiLozNRKuLarwHYGRuA6TVBQSuuLwJUDWd3aaA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      '@typescript-eslint/types': 5.30.5
+      eslint-visitor-keys: 3.3.0
+    dev: true
+
+  /@vitejs/plugin-vue/2.3.3_vite@2.9.13+vue@3.2.37:
+    resolution: {integrity: sha512-SmQLDyhz+6lGJhPELsBdzXGc+AcaT8stgkbiTFGpXPe8Tl1tJaBw1A6pxDqDuRsVkD8uscrkx3hA7QDOoKYtyw==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      vite: ^2.5.10
+      vue: ^3.2.25
+    dependencies:
+      vite: 2.9.13
+      vue: 3.2.37
+    dev: true
+
+  /@volar/code-gen/0.34.17:
+    resolution: {integrity: sha512-rHR7BA71BJ/4S7xUOPMPiB7uk6iU9oTWpEMZxFi5VGC9iJmDncE82WzU5iYpcbOBCVHsOjMh0+5CGMgdO6SaPA==}
+    dependencies:
+      '@volar/source-map': 0.34.17
+    dev: true
+
+  /@volar/source-map/0.34.17:
+    resolution: {integrity: sha512-3yn1IMXJGGWB/G817/VFlFMi8oh5pmE7VzUqvgMZMrppaZpKj6/juvJIEiXNxRsgWc0RxIO8OSp4htdPUg1Raw==}
+    dev: true
+
+  /@volar/vue-code-gen/0.34.17:
+    resolution: {integrity: sha512-17pzcK29fyFWUc+C82J3JYSnA+jy3QNrIldb9kPaP9Itbik05ZjEIyEue9FjhgIAuHeYSn4LDM5s6nGjxyfhsQ==}
+    dependencies:
+      '@volar/code-gen': 0.34.17
+      '@volar/source-map': 0.34.17
+      '@vue/compiler-core': 3.2.37
+      '@vue/compiler-dom': 3.2.37
+      '@vue/shared': 3.2.37
+    dev: true
+
+  /@volar/vue-typescript/0.34.17:
+    resolution: {integrity: sha512-U0YSVIBPRWVPmgJHNa4nrfq88+oS+tmyZNxmnfajIw9A/GOGZQiKXHC0k09SVvbYXlsjgJ6NIjhm9NuAhGRQjg==}
+    dependencies:
+      '@volar/code-gen': 0.34.17
+      '@volar/source-map': 0.34.17
+      '@volar/vue-code-gen': 0.34.17
+      '@vue/compiler-sfc': 3.2.37
+      '@vue/reactivity': 3.2.37
+    dev: true
+
+  /@vue/compiler-core/3.2.37:
+    resolution: {integrity: sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==}
+    dependencies:
+      '@babel/parser': 7.18.6
+      '@vue/shared': 3.2.37
+      estree-walker: 2.0.2
+      source-map: 0.6.1
+
+  /@vue/compiler-dom/3.2.37:
+    resolution: {integrity: sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==}
+    dependencies:
+      '@vue/compiler-core': 3.2.37
+      '@vue/shared': 3.2.37
+
+  /@vue/compiler-sfc/3.2.37:
+    resolution: {integrity: sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==}
+    dependencies:
+      '@babel/parser': 7.18.6
+      '@vue/compiler-core': 3.2.37
+      '@vue/compiler-dom': 3.2.37
+      '@vue/compiler-ssr': 3.2.37
+      '@vue/reactivity-transform': 3.2.37
+      '@vue/shared': 3.2.37
+      estree-walker: 2.0.2
+      magic-string: 0.25.9
+      postcss: 8.4.14
+      source-map: 0.6.1
+
+  /@vue/compiler-ssr/3.2.37:
+    resolution: {integrity: sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==}
+    dependencies:
+      '@vue/compiler-dom': 3.2.37
+      '@vue/shared': 3.2.37
+
+  /@vue/devtools-api/6.2.0:
+    resolution: {integrity: sha512-pF1G4wky+hkifDiZSWn8xfuLOJI1ZXtuambpBEYaf7Xaf6zC/pM29rvAGpd3qaGXnr4BAXU1Pxz/VfvBGwexGA==}
+    dev: false
+
+  /@vue/reactivity-transform/3.2.37:
+    resolution: {integrity: sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==}
+    dependencies:
+      '@babel/parser': 7.18.6
+      '@vue/compiler-core': 3.2.37
+      '@vue/shared': 3.2.37
+      estree-walker: 2.0.2
+      magic-string: 0.25.9
+
+  /@vue/reactivity/3.2.37:
+    resolution: {integrity: sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==}
+    dependencies:
+      '@vue/shared': 3.2.37
+
+  /@vue/runtime-core/3.2.37:
+    resolution: {integrity: sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==}
+    dependencies:
+      '@vue/reactivity': 3.2.37
+      '@vue/shared': 3.2.37
+    dev: false
+
+  /@vue/runtime-dom/3.2.37:
+    resolution: {integrity: sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==}
+    dependencies:
+      '@vue/runtime-core': 3.2.37
+      '@vue/shared': 3.2.37
+      csstype: 2.6.20
+    dev: false
+
+  /@vue/server-renderer/3.2.37_vue@3.2.37:
+    resolution: {integrity: sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==}
+    peerDependencies:
+      vue: 3.2.37
+    dependencies:
+      '@vue/compiler-ssr': 3.2.37
+      '@vue/shared': 3.2.37
+      vue: 3.2.37
+    dev: false
+
+  /@vue/shared/3.2.37:
+    resolution: {integrity: sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==}
+
+  /JSONStream/1.3.5:
+    resolution: {integrity: sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==}
+    hasBin: true
+    dependencies:
+      jsonparse: 1.3.1
+      through: 2.3.8
+    dev: true
+
+  /acorn-jsx/5.3.2_acorn@8.7.1:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      acorn: 8.7.1
+    dev: true
+
+  /acorn-walk/8.2.0:
+    resolution: {integrity: sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==}
+    engines: {node: '>=0.4.0'}
+    dev: true
+
+  /acorn/8.7.1:
+    resolution: {integrity: sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+    dev: true
+
+  /ajv/6.12.6:
+    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+    dev: true
+
+  /ajv/8.11.0:
+    resolution: {integrity: sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==}
+    dependencies:
+      fast-deep-equal: 3.1.3
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+      uri-js: 4.4.1
+    dev: true
+
+  /ansi-regex/5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /ansi-styles/3.2.1:
+    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
+    engines: {node: '>=4'}
+    dependencies:
+      color-convert: 1.9.3
+    dev: true
+
+  /ansi-styles/4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+    dependencies:
+      color-convert: 2.0.1
+    dev: true
+
+  /arg/4.1.3:
+    resolution: {integrity: sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==}
+    dev: true
+
+  /argparse/2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+    dev: true
+
+  /array-ify/1.0.0:
+    resolution: {integrity: sha512-c5AMf34bKdvPhQ7tBGhqkgKNUzMr4WUs+WDtC2ZUGOUncbxKMTvqxYctiseW3+L4bA8ec+GcZ6/A/FW4m8ukng==}
+    dev: true
+
+  /array-union/2.1.0:
+    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /arrify/1.0.1:
+    resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /balanced-match/1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+    dev: true
+
+  /boolbase/1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
+    dev: true
+
+  /brace-expansion/1.1.11:
+    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
+    dev: true
+
+  /braces/3.0.2:
+    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
+    engines: {node: '>=8'}
+    dependencies:
+      fill-range: 7.0.1
+    dev: true
+
+  /callsites/3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /camelcase-keys/6.2.2:
+    resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==}
+    engines: {node: '>=8'}
+    dependencies:
+      camelcase: 5.3.1
+      map-obj: 4.3.0
+      quick-lru: 4.0.1
+    dev: true
+
+  /camelcase/5.3.1:
+    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /chalk/2.4.2:
+    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
+    engines: {node: '>=4'}
+    dependencies:
+      ansi-styles: 3.2.1
+      escape-string-regexp: 1.0.5
+      supports-color: 5.5.0
+    dev: true
+
+  /chalk/4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+    dev: true
+
+  /cliui/7.0.4:
+    resolution: {integrity: sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==}
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+    dev: true
+
+  /color-convert/1.9.3:
+    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
+    dependencies:
+      color-name: 1.1.3
+    dev: true
+
+  /color-convert/2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+    dependencies:
+      color-name: 1.1.4
+    dev: true
+
+  /color-name/1.1.3:
+    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
+    dev: true
+
+  /color-name/1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+    dev: true
+
+  /compare-func/2.0.0:
+    resolution: {integrity: sha512-zHig5N+tPWARooBnb0Zx1MFcdfpyJrfTJ3Y5L+IFvUm8rM74hHz66z0gw0x4tijh5CorKkKUCnW82R2vmpeCRA==}
+    dependencies:
+      array-ify: 1.0.0
+      dot-prop: 5.3.0
+    dev: true
+
+  /concat-map/0.0.1:
+    resolution: {integrity: sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=}
+    dev: true
+
+  /conventional-changelog-angular/5.0.13:
+    resolution: {integrity: sha512-i/gipMxs7s8L/QeuavPF2hLnJgH6pEZAttySB6aiQLWcX3puWDL3ACVmvBhJGxnAy52Qc15ua26BufY6KpmrVA==}
+    engines: {node: '>=10'}
+    dependencies:
+      compare-func: 2.0.0
+      q: 1.5.1
+    dev: true
+
+  /conventional-changelog-conventionalcommits/5.0.0:
+    resolution: {integrity: sha512-lCDbA+ZqVFQGUj7h9QBKoIpLhl8iihkO0nCTyRNzuXtcd7ubODpYB04IFy31JloiJgG0Uovu8ot8oxRzn7Nwtw==}
+    engines: {node: '>=10'}
+    dependencies:
+      compare-func: 2.0.0
+      lodash: 4.17.21
+      q: 1.5.1
+    dev: true
+
+  /conventional-commits-parser/3.2.4:
+    resolution: {integrity: sha512-nK7sAtfi+QXbxHCYfhpZsfRtaitZLIA6889kFIouLvz6repszQDgxBu7wf2WbU+Dco7sAnNCJYERCwt54WPC2Q==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      is-text-path: 1.0.1
+      JSONStream: 1.3.5
+      lodash: 4.17.21
+      meow: 8.1.2
+      split2: 3.2.2
+      through2: 4.0.2
+    dev: true
+
+  /cosmiconfig-typescript-loader/2.0.2_2dd5d46eecda2aef953638919121af58:
+    resolution: {integrity: sha512-KmE+bMjWMXJbkWCeY4FJX/npHuZPNr9XF9q9CIQ/bpFwi1qHfCmSiKarrCcRa0LO4fWjk93pVoeRtJAkTGcYNw==}
+    engines: {node: '>=12', npm: '>=6'}
+    peerDependencies:
+      '@types/node': '*'
+      typescript: '>=3'
+    dependencies:
+      '@types/node': 18.0.3
+      cosmiconfig: 7.0.1
+      ts-node: 10.8.2_2dd5d46eecda2aef953638919121af58
+      typescript: 4.7.4
+    transitivePeerDependencies:
+      - '@swc/core'
+      - '@swc/wasm'
+    dev: true
+
+  /cosmiconfig/7.0.1:
+    resolution: {integrity: sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      '@types/parse-json': 4.0.0
+      import-fresh: 3.3.0
+      parse-json: 5.2.0
+      path-type: 4.0.0
+      yaml: 1.10.2
+    dev: true
+
+  /create-require/1.1.1:
+    resolution: {integrity: sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==}
+    dev: true
+
+  /cross-spawn/7.0.3:
+    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
+    engines: {node: '>= 8'}
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+    dev: true
+
+  /cssesc/3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+    dev: true
+
+  /csstype/2.6.20:
+    resolution: {integrity: sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA==}
+    dev: false
+
+  /dargs/7.0.0:
+    resolution: {integrity: sha512-2iy1EkLdlBzQGvbweYRFxmFath8+K7+AKB0TlhHWkNuH+TmovaMH/Wp7V7R4u7f4SnX3OgLsU9t1NI9ioDnUpg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /debug/4.3.4:
+    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.1.2
+    dev: true
+
+  /decamelize-keys/1.1.0:
+    resolution: {integrity: sha512-ocLWuYzRPoS9bfiSdDd3cxvrzovVMZnRDVEzAs+hWIVXGDbHxWMECij2OBuyB/An0FFW/nLuq6Kv1i/YC5Qfzg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      decamelize: 1.2.0
+      map-obj: 1.0.1
+    dev: true
+
+  /decamelize/1.2.0:
+    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /deep-is/0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+    dev: true
+
+  /diff/4.0.2:
+    resolution: {integrity: sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==}
+    engines: {node: '>=0.3.1'}
+    dev: true
+
+  /dir-glob/3.0.1:
+    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
+    engines: {node: '>=8'}
+    dependencies:
+      path-type: 4.0.0
+    dev: true
+
+  /doctrine/3.0.0:
+    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      esutils: 2.0.3
+    dev: true
+
+  /dot-prop/5.3.0:
+    resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==}
+    engines: {node: '>=8'}
+    dependencies:
+      is-obj: 2.0.0
+    dev: true
+
+  /emoji-regex/8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+    dev: true
+
+  /error-ex/1.3.2:
+    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
+    dependencies:
+      is-arrayish: 0.2.1
+    dev: true
+
+  /esbuild-android-64/0.14.48:
+    resolution: {integrity: sha512-3aMjboap/kqwCUpGWIjsk20TtxVoKck8/4Tu19rubh7t5Ra0Yrpg30Mt1QXXlipOazrEceGeWurXKeFJgkPOUg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-android-arm64/0.14.48:
+    resolution: {integrity: sha512-vptI3K0wGALiDq+EvRuZotZrJqkYkN5282iAfcffjI5lmGG9G1ta/CIVauhY42MBXwEgDJkweiDcDMRLzBZC4g==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-darwin-64/0.14.48:
+    resolution: {integrity: sha512-gGQZa4+hab2Va/Zww94YbshLuWteyKGD3+EsVon8EWTWhnHFRm5N9NbALNbwi/7hQ/hM1Zm4FuHg+k6BLsl5UA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-darwin-arm64/0.14.48:
+    resolution: {integrity: sha512-bFjnNEXjhZT+IZ8RvRGNJthLWNHV5JkCtuOFOnjvo5pC0sk2/QVk0Qc06g2PV3J0TcU6kaPC3RN9yy9w2PSLEA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-freebsd-64/0.14.48:
+    resolution: {integrity: sha512-1NOlwRxmOsnPcWOGTB10JKAkYSb2nue0oM1AfHWunW/mv3wERfJmnYlGzL3UAOIUXZqW8GeA2mv+QGwq7DToqA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-freebsd-arm64/0.14.48:
+    resolution: {integrity: sha512-gXqKdO8wabVcYtluAbikDH2jhXp+Klq5oCD5qbVyUG6tFiGhrC9oczKq3vIrrtwcxDQqK6+HDYK8Zrd4bCA9Gw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-32/0.14.48:
+    resolution: {integrity: sha512-ghGyDfS289z/LReZQUuuKq9KlTiTspxL8SITBFQFAFRA/IkIvDpnZnCAKTCjGXAmUqroMQfKJXMxyjJA69c/nQ==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-64/0.14.48:
+    resolution: {integrity: sha512-vni3p/gppLMVZLghI7oMqbOZdGmLbbKR23XFARKnszCIBpEMEDxOMNIKPmMItQrmH/iJrL1z8Jt2nynY0bE1ug==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-arm/0.14.48:
+    resolution: {integrity: sha512-+VfSV7Akh1XUiDNXgqgY1cUP1i2vjI+BmlyXRfVz5AfV3jbpde8JTs5Q9sYgaoq5cWfuKfoZB/QkGOI+QcL1Tw==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-arm64/0.14.48:
+    resolution: {integrity: sha512-3CFsOlpoxlKPRevEHq8aAntgYGYkE1N9yRYAcPyng/p4Wyx0tPR5SBYsxLKcgPB9mR8chHEhtWYz6EZ+H199Zw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-mips64le/0.14.48:
+    resolution: {integrity: sha512-cs0uOiRlPp6ymknDnjajCgvDMSsLw5mST2UXh+ZIrXTj2Ifyf2aAP3Iw4DiqgnyYLV2O/v/yWBJx+WfmKEpNLA==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-ppc64le/0.14.48:
+    resolution: {integrity: sha512-+2F0vJMkuI0Wie/wcSPDCqXvSFEELH7Jubxb7mpWrA/4NpT+/byjxDz0gG6R1WJoeDefcrMfpBx4GFNN1JQorQ==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-riscv64/0.14.48:
+    resolution: {integrity: sha512-BmaK/GfEE+5F2/QDrIXteFGKnVHGxlnK9MjdVKMTfvtmudjY3k2t8NtlY4qemKSizc+QwyombGWTBDc76rxePA==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-s390x/0.14.48:
+    resolution: {integrity: sha512-tndw/0B9jiCL+KWKo0TSMaUm5UWBLsfCKVdbfMlb3d5LeV9WbijZ8Ordia8SAYv38VSJWOEt6eDCdOx8LqkC4g==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-netbsd-64/0.14.48:
+    resolution: {integrity: sha512-V9hgXfwf/T901Lr1wkOfoevtyNkrxmMcRHyticybBUHookznipMOHoF41Al68QBsqBxnITCEpjjd4yAos7z9Tw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-openbsd-64/0.14.48:
+    resolution: {integrity: sha512-+IHf4JcbnnBl4T52egorXMatil/za0awqzg2Vy6FBgPcBpisDWT2sVz/tNdrK9kAqj+GZG/jZdrOkj7wsrNTKA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-sunos-64/0.14.48:
+    resolution: {integrity: sha512-77m8bsr5wOpOWbGi9KSqDphcq6dFeJyun8TA+12JW/GAjyfTwVtOnN8DOt6DSPUfEV+ltVMNqtXUeTeMAxl5KA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-windows-32/0.14.48:
+    resolution: {integrity: sha512-EPgRuTPP8vK9maxpTGDe5lSoIBHGKO/AuxDncg5O3NkrPeLNdvvK8oywB0zGaAZXxYWfNNSHskvvDgmfVTguhg==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-windows-64/0.14.48:
+    resolution: {integrity: sha512-YmpXjdT1q0b8ictSdGwH3M8VCoqPpK1/UArze3X199w6u8hUx3V8BhAi1WjbsfDYRBanVVtduAhh2sirImtAvA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-windows-arm64/0.14.48:
+    resolution: {integrity: sha512-HHaOMCsCXp0rz5BT2crTka6MPWVno121NKApsGs/OIW5QC0ggC69YMGs1aJct9/9FSUF4A1xNE/cLvgB5svR4g==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild/0.14.48:
+    resolution: {integrity: sha512-w6N1Yn5MtqK2U1/WZTX9ZqUVb8IOLZkZ5AdHkT6x3cHDMVsYWC7WPdiLmx19w3i4Rwzy5LqsEMtVihG3e4rFzA==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      esbuild-android-64: 0.14.48
+      esbuild-android-arm64: 0.14.48
+      esbuild-darwin-64: 0.14.48
+      esbuild-darwin-arm64: 0.14.48
+      esbuild-freebsd-64: 0.14.48
+      esbuild-freebsd-arm64: 0.14.48
+      esbuild-linux-32: 0.14.48
+      esbuild-linux-64: 0.14.48
+      esbuild-linux-arm: 0.14.48
+      esbuild-linux-arm64: 0.14.48
+      esbuild-linux-mips64le: 0.14.48
+      esbuild-linux-ppc64le: 0.14.48
+      esbuild-linux-riscv64: 0.14.48
+      esbuild-linux-s390x: 0.14.48
+      esbuild-netbsd-64: 0.14.48
+      esbuild-openbsd-64: 0.14.48
+      esbuild-sunos-64: 0.14.48
+      esbuild-windows-32: 0.14.48
+      esbuild-windows-64: 0.14.48
+      esbuild-windows-arm64: 0.14.48
+    dev: true
+
+  /escalade/3.1.1:
+    resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /escape-string-regexp/1.0.5:
+    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
+    engines: {node: '>=0.8.0'}
+    dev: true
+
+  /escape-string-regexp/4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /eslint-config-prettier/8.5.0_eslint@8.19.0:
+    resolution: {integrity: sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+    dependencies:
+      eslint: 8.19.0
+    dev: true
+
+  /eslint-define-config/1.5.1:
+    resolution: {integrity: sha512-6gxrmN7aKGffaO8dCtMMKyo3IxbWymMQ248p4lf8GbaFRcLsqOXHFdUhhM0Hcy1NudvnpwHcfbDf7Nh9pIm1TA==}
+    engines: {node: '>= 14.6.0', npm: '>= 6.0.0', pnpm: '>= 7.0.0'}
+    dev: true
+
+  /eslint-plugin-prettier/4.2.1_fd2e32b7574349919aac0818c3f895ea:
+    resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      eslint: '>=7.28.0'
+      eslint-config-prettier: '*'
+      prettier: '>=2.0.0'
+    peerDependenciesMeta:
+      eslint-config-prettier:
+        optional: true
+    dependencies:
+      eslint: 8.19.0
+      eslint-config-prettier: 8.5.0_eslint@8.19.0
+      prettier: 2.7.1
+      prettier-linter-helpers: 1.0.0
+    dev: true
+
+  /eslint-plugin-vue/9.2.0_eslint@8.19.0:
+    resolution: {integrity: sha512-W2hc+NUXoce8sZtWgZ45miQTy6jNyuSdub5aZ1IBune4JDeAyzucYX0TzkrQ1jMO52sNUDYlCIHDoaNePe0p5g==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      eslint: 8.19.0
+      eslint-utils: 3.0.0_eslint@8.19.0
+      natural-compare: 1.4.0
+      nth-check: 2.1.1
+      postcss-selector-parser: 6.0.10
+      semver: 7.3.7
+      vue-eslint-parser: 9.0.3_eslint@8.19.0
+      xml-name-validator: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-scope/5.1.1:
+    resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
+    engines: {node: '>=8.0.0'}
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 4.3.0
+    dev: true
+
+  /eslint-scope/7.1.1:
+    resolution: {integrity: sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+    dev: true
+
+  /eslint-utils/3.0.0_eslint@8.19.0:
+    resolution: {integrity: sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==}
+    engines: {node: ^10.0.0 || ^12.0.0 || >= 14.0.0}
+    peerDependencies:
+      eslint: '>=5'
+    dependencies:
+      eslint: 8.19.0
+      eslint-visitor-keys: 2.1.0
+    dev: true
+
+  /eslint-visitor-keys/2.1.0:
+    resolution: {integrity: sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /eslint-visitor-keys/3.3.0:
+    resolution: {integrity: sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  /eslint/8.19.0:
+    resolution: {integrity: sha512-SXOPj3x9VKvPe81TjjUJCYlV4oJjQw68Uek+AM0X4p+33dj2HY5bpTZOgnQHcG2eAm1mtCU9uNMnJi7exU/kYw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      '@eslint/eslintrc': 1.3.0
+      '@humanwhocodes/config-array': 0.9.5
+      ajv: 6.12.6
+      chalk: 4.1.2
+      cross-spawn: 7.0.3
+      debug: 4.3.4
+      doctrine: 3.0.0
+      escape-string-regexp: 4.0.0
+      eslint-scope: 7.1.1
+      eslint-utils: 3.0.0_eslint@8.19.0
+      eslint-visitor-keys: 3.3.0
+      espree: 9.3.2
+      esquery: 1.4.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 6.0.1
+      functional-red-black-tree: 1.0.1
+      glob-parent: 6.0.2
+      globals: 13.16.0
+      ignore: 5.2.0
+      import-fresh: 3.3.0
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      js-yaml: 4.1.0
+      json-stable-stringify-without-jsonify: 1.0.1
+      levn: 0.4.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.2
+      natural-compare: 1.4.0
+      optionator: 0.9.1
+      regexpp: 3.2.0
+      strip-ansi: 6.0.1
+      strip-json-comments: 3.1.1
+      text-table: 0.2.0
+      v8-compile-cache: 2.3.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /espree/9.3.2:
+    resolution: {integrity: sha512-D211tC7ZwouTIuY5x9XnS0E9sWNChB7IYKX/Xp5eQj3nFXhqmiUDB9q27y76oFl8jTg3pXcQx/bpxMfs3CIZbA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      acorn: 8.7.1
+      acorn-jsx: 5.3.2_acorn@8.7.1
+      eslint-visitor-keys: 3.3.0
+    dev: true
+
+  /esquery/1.4.0:
+    resolution: {integrity: sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==}
+    engines: {node: '>=0.10'}
+    dependencies:
+      estraverse: 5.3.0
+    dev: true
+
+  /esrecurse/4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+    dependencies:
+      estraverse: 5.3.0
+    dev: true
+
+  /estraverse/4.3.0:
+    resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==}
+    engines: {node: '>=4.0'}
+    dev: true
+
+  /estraverse/5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+    dev: true
+
+  /estree-walker/2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
+  /esutils/2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /execa/5.1.1:
+    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
+    engines: {node: '>=10'}
+    dependencies:
+      cross-spawn: 7.0.3
+      get-stream: 6.0.1
+      human-signals: 2.1.0
+      is-stream: 2.0.1
+      merge-stream: 2.0.0
+      npm-run-path: 4.0.1
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+      strip-final-newline: 2.0.0
+    dev: true
+
+  /fast-deep-equal/3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+    dev: true
+
+  /fast-diff/1.2.0:
+    resolution: {integrity: sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==}
+    dev: true
+
+  /fast-glob/3.2.11:
+    resolution: {integrity: sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==}
+    engines: {node: '>=8.6.0'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.5
+    dev: true
+
+  /fast-json-stable-stringify/2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+    dev: true
+
+  /fast-levenshtein/2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+    dev: true
+
+  /fastq/1.13.0:
+    resolution: {integrity: sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==}
+    dependencies:
+      reusify: 1.0.4
+    dev: true
+
+  /file-entry-cache/6.0.1:
+    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
+    engines: {node: ^10.12.0 || >=12.0.0}
+    dependencies:
+      flat-cache: 3.0.4
+    dev: true
+
+  /fill-range/7.0.1:
+    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      to-regex-range: 5.0.1
+    dev: true
+
+  /find-up/4.1.0:
+    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
+    engines: {node: '>=8'}
+    dependencies:
+      locate-path: 5.0.0
+      path-exists: 4.0.0
+    dev: true
+
+  /find-up/5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+    dev: true
+
+  /flat-cache/3.0.4:
+    resolution: {integrity: sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==}
+    engines: {node: ^10.12.0 || >=12.0.0}
+    dependencies:
+      flatted: 3.2.6
+      rimraf: 3.0.2
+    dev: true
+
+  /flatted/3.2.6:
+    resolution: {integrity: sha512-0sQoMh9s0BYsm+12Huy/rkKxVu4R1+r96YX5cG44rHV0pQ6iC3Q+mkoMFaGWObMFYQxCVT+ssG1ksneA2MI9KQ==}
+    dev: true
+
+  /fs-extra/10.1.0:
+    resolution: {integrity: sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      graceful-fs: 4.2.10
+      jsonfile: 6.1.0
+      universalify: 2.0.0
+    dev: true
+
+  /fs.realpath/1.0.0:
+    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
+    dev: true
+
+  /fsevents/2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /function-bind/1.1.1:
+    resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
+    dev: true
+
+  /functional-red-black-tree/1.0.1:
+    resolution: {integrity: sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==}
+    dev: true
+
+  /get-caller-file/2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+    dev: true
+
+  /get-stream/6.0.1:
+    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /git-raw-commits/2.0.11:
+    resolution: {integrity: sha512-VnctFhw+xfj8Va1xtfEqCUD2XDrbAPSJx+hSrE5K7fGdjZruW7XV+QOrN7LF/RJyvspRiD2I0asWsxFp0ya26A==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      dargs: 7.0.0
+      lodash: 4.17.21
+      meow: 8.1.2
+      split2: 3.2.2
+      through2: 4.0.2
+    dev: true
+
+  /glob-parent/5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+    dependencies:
+      is-glob: 4.0.3
+    dev: true
+
+  /glob-parent/6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+    dependencies:
+      is-glob: 4.0.3
+    dev: true
+
+  /glob/7.2.3:
+    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+    dependencies:
+      fs.realpath: 1.0.0
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 3.1.2
+      once: 1.4.0
+      path-is-absolute: 1.0.1
+    dev: true
+
+  /global-dirs/0.1.1:
+    resolution: {integrity: sha512-NknMLn7F2J7aflwFOlGdNIuCDpN3VGoSoB+aap3KABFWbHVn1TCgFC+np23J8W2BiZbjfEw3BFBycSMv1AFblg==}
+    engines: {node: '>=4'}
+    dependencies:
+      ini: 1.3.8
+    dev: true
+
+  /globals/13.16.0:
+    resolution: {integrity: sha512-A1lrQfpNF+McdPOnnFqY3kSN0AFTy485bTi1bkLk4mVPODIUEcSfhHgRqA+QdXPksrSTTztYXx37NFV+GpGk3Q==}
+    engines: {node: '>=8'}
+    dependencies:
+      type-fest: 0.20.2
+    dev: true
+
+  /globby/11.1.0:
+    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
+    engines: {node: '>=10'}
+    dependencies:
+      array-union: 2.1.0
+      dir-glob: 3.0.1
+      fast-glob: 3.2.11
+      ignore: 5.2.0
+      merge2: 1.4.1
+      slash: 3.0.0
+    dev: true
+
+  /graceful-fs/4.2.10:
+    resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
+    dev: true
+
+  /hard-rejection/2.1.0:
+    resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /has-flag/3.0.0:
+    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /has-flag/4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /has/1.0.3:
+    resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
+    engines: {node: '>= 0.4.0'}
+    dependencies:
+      function-bind: 1.1.1
+    dev: true
+
+  /hosted-git-info/2.8.9:
+    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
+    dev: true
+
+  /hosted-git-info/4.1.0:
+    resolution: {integrity: sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==}
+    engines: {node: '>=10'}
+    dependencies:
+      lru-cache: 6.0.0
+    dev: true
+
+  /human-signals/2.1.0:
+    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
+    engines: {node: '>=10.17.0'}
+    dev: true
+
+  /husky/8.0.1:
+    resolution: {integrity: sha512-xs7/chUH/CKdOCs7Zy0Aev9e/dKOMZf3K1Az1nar3tzlv0jfqnYtu235bstsWTmXOR0EfINrPa97yy4Lz6RiKw==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dev: true
+
+  /ignore/5.2.0:
+    resolution: {integrity: sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==}
+    engines: {node: '>= 4'}
+    dev: true
+
+  /import-fresh/3.3.0:
+    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
+    engines: {node: '>=6'}
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+    dev: true
+
+  /imurmurhash/0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+    dev: true
+
+  /indent-string/4.0.0:
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /inflight/1.0.6:
+    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+    dependencies:
+      once: 1.4.0
+      wrappy: 1.0.2
+    dev: true
+
+  /inherits/2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+    dev: true
+
+  /ini/1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+    dev: true
+
+  /is-arrayish/0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+    dev: true
+
+  /is-core-module/2.9.0:
+    resolution: {integrity: sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==}
+    dependencies:
+      has: 1.0.3
+    dev: true
+
+  /is-extglob/2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-fullwidth-code-point/3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /is-glob/4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-extglob: 2.1.1
+    dev: true
+
+  /is-number/7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+    dev: true
+
+  /is-obj/2.0.0:
+    resolution: {integrity: sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /is-plain-obj/1.1.0:
+    resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-stream/2.0.1:
+    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /is-text-path/1.0.1:
+    resolution: {integrity: sha512-xFuJpne9oFz5qDaodwmmG08e3CawH/2ZV8Qqza1Ko7Sk8POWbkRdwIoAWVhqvq0XeUzANEhKo2n0IXUGBm7A/w==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      text-extensions: 1.9.0
+    dev: true
+
+  /isexe/2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+    dev: true
+
+  /js-tokens/4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+    dev: true
+
+  /js-yaml/4.1.0:
+    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+    hasBin: true
+    dependencies:
+      argparse: 2.0.1
+    dev: true
+
+  /json-parse-even-better-errors/2.3.1:
+    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+    dev: true
+
+  /json-schema-traverse/0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+    dev: true
+
+  /json-schema-traverse/1.0.0:
+    resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
+    dev: true
+
+  /json-stable-stringify-without-jsonify/1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+    dev: true
+
+  /jsonfile/6.1.0:
+    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
+    dependencies:
+      universalify: 2.0.0
+    optionalDependencies:
+      graceful-fs: 4.2.10
+    dev: true
+
+  /jsonparse/1.3.1:
+    resolution: {integrity: sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==}
+    engines: {'0': node >= 0.2.0}
+    dev: true
+
+  /kind-of/6.0.3:
+    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /levn/0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+    dev: true
+
+  /lines-and-columns/1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+    dev: true
+
+  /locate-path/5.0.0:
+    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
+    engines: {node: '>=8'}
+    dependencies:
+      p-locate: 4.1.0
+    dev: true
+
+  /locate-path/6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+    dependencies:
+      p-locate: 5.0.0
+    dev: true
+
+  /lodash.merge/4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+    dev: true
+
+  /lodash/4.17.21:
+    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
+    dev: true
+
+  /lru-cache/6.0.0:
+    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
+    engines: {node: '>=10'}
+    dependencies:
+      yallist: 4.0.0
+    dev: true
+
+  /magic-string/0.25.9:
+    resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
+    dependencies:
+      sourcemap-codec: 1.4.8
+
+  /make-error/1.3.6:
+    resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}
+    dev: true
+
+  /map-obj/1.0.1:
+    resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /map-obj/4.3.0:
+    resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /meow/8.1.2:
+    resolution: {integrity: sha512-r85E3NdZ+mpYk1C6RjPFEMSE+s1iZMuHtsHAqY0DT3jZczl0diWUZ8g6oU7h0M9cD2EL+PzaYghhCLzR0ZNn5Q==}
+    engines: {node: '>=10'}
+    dependencies:
+      '@types/minimist': 1.2.2
+      camelcase-keys: 6.2.2
+      decamelize-keys: 1.1.0
+      hard-rejection: 2.1.0
+      minimist-options: 4.1.0
+      normalize-package-data: 3.0.3
+      read-pkg-up: 7.0.1
+      redent: 3.0.0
+      trim-newlines: 3.0.1
+      type-fest: 0.18.1
+      yargs-parser: 20.2.9
+    dev: true
+
+  /merge-stream/2.0.0:
+    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+    dev: true
+
+  /merge2/1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /micromatch/4.0.5:
+    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
+    engines: {node: '>=8.6'}
+    dependencies:
+      braces: 3.0.2
+      picomatch: 2.3.1
+    dev: true
+
+  /mimic-fn/2.1.0:
+    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /min-indent/1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /minimatch/3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+    dependencies:
+      brace-expansion: 1.1.11
+    dev: true
+
+  /minimist-options/4.1.0:
+    resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
+    engines: {node: '>= 6'}
+    dependencies:
+      arrify: 1.0.1
+      is-plain-obj: 1.1.0
+      kind-of: 6.0.3
+    dev: true
+
+  /ms/2.1.2:
+    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
+    dev: true
+
+  /nanoid/3.3.4:
+    resolution: {integrity: sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  /natural-compare/1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+    dev: true
+
+  /normalize-package-data/2.5.0:
+    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
+    dependencies:
+      hosted-git-info: 2.8.9
+      resolve: 1.22.1
+      semver: 5.7.1
+      validate-npm-package-license: 3.0.4
+    dev: true
+
+  /normalize-package-data/3.0.3:
+    resolution: {integrity: sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==}
+    engines: {node: '>=10'}
+    dependencies:
+      hosted-git-info: 4.1.0
+      is-core-module: 2.9.0
+      semver: 7.3.7
+      validate-npm-package-license: 3.0.4
+    dev: true
+
+  /npm-run-path/4.0.1:
+    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
+    engines: {node: '>=8'}
+    dependencies:
+      path-key: 3.1.1
+    dev: true
+
+  /nth-check/2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+    dependencies:
+      boolbase: 1.0.0
+    dev: true
+
+  /once/1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+    dependencies:
+      wrappy: 1.0.2
+    dev: true
+
+  /onetime/5.1.2:
+    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
+    engines: {node: '>=6'}
+    dependencies:
+      mimic-fn: 2.1.0
+    dev: true
+
+  /optionator/0.9.1:
+    resolution: {integrity: sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.3
+    dev: true
+
+  /p-limit/2.3.0:
+    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
+    engines: {node: '>=6'}
+    dependencies:
+      p-try: 2.2.0
+    dev: true
+
+  /p-limit/3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      yocto-queue: 0.1.0
+    dev: true
+
+  /p-locate/4.1.0:
+    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
+    engines: {node: '>=8'}
+    dependencies:
+      p-limit: 2.3.0
+    dev: true
+
+  /p-locate/5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+    dependencies:
+      p-limit: 3.1.0
+    dev: true
+
+  /p-try/2.2.0:
+    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /parent-module/1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+    dependencies:
+      callsites: 3.1.0
+    dev: true
+
+  /parse-json/5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+    engines: {node: '>=8'}
+    dependencies:
+      '@babel/code-frame': 7.18.6
+      error-ex: 1.3.2
+      json-parse-even-better-errors: 2.3.1
+      lines-and-columns: 1.2.4
+    dev: true
+
+  /path-exists/4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /path-is-absolute/1.0.1:
+    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /path-key/3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /path-parse/1.0.7:
+    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+    dev: true
+
+  /path-type/4.0.0:
+    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /picocolors/1.0.0:
+    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
+
+  /picomatch/2.3.1:
+    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+    engines: {node: '>=8.6'}
+    dev: true
+
+  /postcss-selector-parser/6.0.10:
+    resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==}
+    engines: {node: '>=4'}
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+    dev: true
+
+  /postcss/8.4.14:
+    resolution: {integrity: sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==}
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.4
+      picocolors: 1.0.0
+      source-map-js: 1.0.2
+
+  /prelude-ls/1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+    dev: true
+
+  /prettier-linter-helpers/1.0.0:
+    resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      fast-diff: 1.2.0
+    dev: true
+
+  /prettier/2.7.1:
+    resolution: {integrity: sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+    dev: true
+
+  /punycode/2.1.1:
+    resolution: {integrity: sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /q/1.5.1:
+    resolution: {integrity: sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==}
+    engines: {node: '>=0.6.0', teleport: '>=0.2.0'}
+    dev: true
+
+  /queue-microtask/1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+    dev: true
+
+  /quick-lru/4.0.1:
+    resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /read-pkg-up/7.0.1:
+    resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
+    engines: {node: '>=8'}
+    dependencies:
+      find-up: 4.1.0
+      read-pkg: 5.2.0
+      type-fest: 0.8.1
+    dev: true
+
+  /read-pkg/5.2.0:
+    resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
+    engines: {node: '>=8'}
+    dependencies:
+      '@types/normalize-package-data': 2.4.1
+      normalize-package-data: 2.5.0
+      parse-json: 5.2.0
+      type-fest: 0.6.0
+    dev: true
+
+  /readable-stream/3.6.0:
+    resolution: {integrity: sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==}
+    engines: {node: '>= 6'}
+    dependencies:
+      inherits: 2.0.4
+      string_decoder: 1.3.0
+      util-deprecate: 1.0.2
+    dev: true
+
+  /redent/3.0.0:
+    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
+    engines: {node: '>=8'}
+    dependencies:
+      indent-string: 4.0.0
+      strip-indent: 3.0.0
+    dev: true
+
+  /regexpp/3.2.0:
+    resolution: {integrity: sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /require-directory/2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /require-from-string/2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /resolve-from/4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /resolve-from/5.0.0:
+    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /resolve-global/1.0.0:
+    resolution: {integrity: sha512-zFa12V4OLtT5XUX/Q4VLvTfBf+Ok0SPc1FNGM/z9ctUdiU618qwKpWnd0CHs3+RqROfyEg/DhuHbMWYqcgljEw==}
+    engines: {node: '>=8'}
+    dependencies:
+      global-dirs: 0.1.1
+    dev: true
+
+  /resolve/1.22.1:
+    resolution: {integrity: sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==}
+    hasBin: true
+    dependencies:
+      is-core-module: 2.9.0
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+    dev: true
+
+  /reusify/1.0.4:
+    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+    dev: true
+
+  /rimraf/3.0.2:
+    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
+    hasBin: true
+    dependencies:
+      glob: 7.2.3
+    dev: true
+
+  /rollup/2.75.7:
+    resolution: {integrity: sha512-VSE1iy0eaAYNCxEXaleThdFXqZJ42qDBatAwrfnPlENEZ8erQ+0LYX4JXOLPceWfZpV1VtZwZ3dFCuOZiSyFtQ==}
+    engines: {node: '>=10.0.0'}
+    hasBin: true
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
+  /run-parallel/1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+    dependencies:
+      queue-microtask: 1.2.3
+    dev: true
+
+  /safe-buffer/5.2.1:
+    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
+    dev: true
+
+  /semver/5.7.1:
+    resolution: {integrity: sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==}
+    hasBin: true
+    dev: true
+
+  /semver/7.3.7:
+    resolution: {integrity: sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      lru-cache: 6.0.0
+    dev: true
+
+  /shebang-command/2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+    dependencies:
+      shebang-regex: 3.0.0
+    dev: true
+
+  /shebang-regex/3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /signal-exit/3.0.7:
+    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+    dev: true
+
+  /slash/3.0.0:
+    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /source-map-js/1.0.2:
+    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
+    engines: {node: '>=0.10.0'}
+
+  /source-map/0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+
+  /sourcemap-codec/1.4.8:
+    resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
+
+  /spdx-correct/3.1.1:
+    resolution: {integrity: sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==}
+    dependencies:
+      spdx-expression-parse: 3.0.1
+      spdx-license-ids: 3.0.11
+    dev: true
+
+  /spdx-exceptions/2.3.0:
+    resolution: {integrity: sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==}
+    dev: true
+
+  /spdx-expression-parse/3.0.1:
+    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
+    dependencies:
+      spdx-exceptions: 2.3.0
+      spdx-license-ids: 3.0.11
+    dev: true
+
+  /spdx-license-ids/3.0.11:
+    resolution: {integrity: sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==}
+    dev: true
+
+  /split2/3.2.2:
+    resolution: {integrity: sha512-9NThjpgZnifTkJpzTZ7Eue85S49QwpNhZTq6GRJwObb6jnLFNGB7Qm73V5HewTROPyxD0C29xqmaI68bQtV+hg==}
+    dependencies:
+      readable-stream: 3.6.0
+    dev: true
+
+  /string-width/4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+    dev: true
+
+  /string_decoder/1.3.0:
+    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
+    dependencies:
+      safe-buffer: 5.2.1
+    dev: true
+
+  /strip-ansi/6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+    dependencies:
+      ansi-regex: 5.0.1
+    dev: true
+
+  /strip-final-newline/2.0.0:
+    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /strip-indent/3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      min-indent: 1.0.1
+    dev: true
+
+  /strip-json-comments/3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /supports-color/5.5.0:
+    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
+    engines: {node: '>=4'}
+    dependencies:
+      has-flag: 3.0.0
+    dev: true
+
+  /supports-color/7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+    dependencies:
+      has-flag: 4.0.0
+    dev: true
+
+  /supports-preserve-symlinks-flag/1.0.0:
+    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /text-extensions/1.9.0:
+    resolution: {integrity: sha512-wiBrwC1EhBelW12Zy26JeOUkQ5mRu+5o8rpsJk5+2t+Y5vE7e842qtZDQ2g1NpX/29HdyFeJ4nSIhI47ENSxlQ==}
+    engines: {node: '>=0.10'}
+    dev: true
+
+  /text-table/0.2.0:
+    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
+    dev: true
+
+  /through/2.3.8:
+    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
+    dev: true
+
+  /through2/4.0.2:
+    resolution: {integrity: sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==}
+    dependencies:
+      readable-stream: 3.6.0
+    dev: true
+
+  /to-regex-range/5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+    dependencies:
+      is-number: 7.0.0
+    dev: true
+
+  /trim-newlines/3.0.1:
+    resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /ts-node/10.8.2_2dd5d46eecda2aef953638919121af58:
+    resolution: {integrity: sha512-LYdGnoGddf1D6v8REPtIH+5iq/gTDuZqv2/UJUU7tKjuEU8xVZorBM+buCGNjj+pGEud+sOoM4CX3/YzINpENA==}
+    hasBin: true
+    peerDependencies:
+      '@swc/core': '>=1.2.50'
+      '@swc/wasm': '>=1.2.50'
+      '@types/node': '*'
+      typescript: '>=2.7'
+    peerDependenciesMeta:
+      '@swc/core':
+        optional: true
+      '@swc/wasm':
+        optional: true
+    dependencies:
+      '@cspotcode/source-map-support': 0.8.1
+      '@tsconfig/node10': 1.0.9
+      '@tsconfig/node12': 1.0.11
+      '@tsconfig/node14': 1.0.3
+      '@tsconfig/node16': 1.0.3
+      '@types/node': 18.0.3
+      acorn: 8.7.1
+      acorn-walk: 8.2.0
+      arg: 4.1.3
+      create-require: 1.1.1
+      diff: 4.0.2
+      make-error: 1.3.6
+      typescript: 4.7.4
+      v8-compile-cache-lib: 3.0.1
+      yn: 3.1.1
+    dev: true
+
+  /tslib/1.14.1:
+    resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
+    dev: true
+
+  /tsutils/3.21.0_typescript@4.7.4:
+    resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
+    engines: {node: '>= 6'}
+    peerDependencies:
+      typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
+    dependencies:
+      tslib: 1.14.1
+      typescript: 4.7.4
+    dev: true
+
+  /type-check/0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      prelude-ls: 1.2.1
+    dev: true
+
+  /type-fest/0.18.1:
+    resolution: {integrity: sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /type-fest/0.20.2:
+    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /type-fest/0.6.0:
+    resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /type-fest/0.8.1:
+    resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /typescript/4.7.4:
+    resolution: {integrity: sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==}
+    engines: {node: '>=4.2.0'}
+    hasBin: true
+    dev: true
+
+  /universalify/2.0.0:
+    resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==}
+    engines: {node: '>= 10.0.0'}
+    dev: true
+
+  /uri-js/4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+    dependencies:
+      punycode: 2.1.1
+    dev: true
+
+  /util-deprecate/1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+    dev: true
+
+  /v8-compile-cache-lib/3.0.1:
+    resolution: {integrity: sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==}
+    dev: true
+
+  /v8-compile-cache/2.3.0:
+    resolution: {integrity: sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==}
+    dev: true
+
+  /validate-npm-package-license/3.0.4:
+    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
+    dependencies:
+      spdx-correct: 3.1.1
+      spdx-expression-parse: 3.0.1
+    dev: true
+
+  /vite-plugin-eslint/1.6.1_eslint@8.19.0+vite@2.9.13:
+    resolution: {integrity: sha512-wXwGJ222zjlllHmmPXX6oSU8DbmYjnA6HHBYbOLT8WAc73j4/YAtBQHCVSoHOTPiT4TPzsuZSvputWwc86BweQ==}
+    peerDependencies:
+      eslint: '>=7'
+      vite: ^2.0.0
+    dependencies:
+      '@rollup/pluginutils': 4.2.1
+      '@types/eslint': 8.4.5
+      eslint: 8.19.0
+      rollup: 2.75.7
+      vite: 2.9.13
+    dev: true
+
+  /vite/2.9.13:
+    resolution: {integrity: sha512-AsOBAaT0AD7Mhe8DuK+/kE4aWYFMx/i0ZNi98hJclxb4e0OhQcZYUrvLjIaQ8e59Ui7txcvKMiJC1yftqpQoDw==}
+    engines: {node: '>=12.2.0'}
+    hasBin: true
+    peerDependencies:
+      less: '*'
+      sass: '*'
+      stylus: '*'
+    peerDependenciesMeta:
+      less:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+    dependencies:
+      esbuild: 0.14.48
+      postcss: 8.4.14
+      resolve: 1.22.1
+      rollup: 2.75.7
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
+  /vue-eslint-parser/9.0.3_eslint@8.19.0:
+    resolution: {integrity: sha512-yL+ZDb+9T0ELG4VIFo/2anAOz8SvBdlqEnQnvJ3M7Scq56DvtjY0VY88bByRZB0D4J0u8olBcfrXTVONXsh4og==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=6.0.0'
+    dependencies:
+      debug: 4.3.4
+      eslint: 8.19.0
+      eslint-scope: 7.1.1
+      eslint-visitor-keys: 3.3.0
+      espree: 9.3.2
+      esquery: 1.4.0
+      lodash: 4.17.21
+      semver: 7.3.7
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /vue-router/4.1.1_vue@3.2.37:
+    resolution: {integrity: sha512-Wp1mEf2xCwT0ez7o9JvgpfBp9JGnVb+dPERzXDbugTatzJAJ60VWOhJKifQty85k+jOreoFHER4r5fu062PhPw==}
+    peerDependencies:
+      vue: ^3.2.0
+    dependencies:
+      '@vue/devtools-api': 6.2.0
+      vue: 3.2.37
+    dev: false
+
+  /vue-tsc/0.34.17_typescript@4.7.4:
+    resolution: {integrity: sha512-jzUXky44ZLHC4daaJag7FQr3idlPYN719/K1eObGljz5KaS2UnVGTU/XSYCd7d6ampYYg4OsyalbHyJIxV0aEQ==}
+    hasBin: true
+    peerDependencies:
+      typescript: '*'
+    dependencies:
+      '@volar/vue-typescript': 0.34.17
+      typescript: 4.7.4
+    dev: true
+
+  /vue/3.2.37:
+    resolution: {integrity: sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==}
+    dependencies:
+      '@vue/compiler-dom': 3.2.37
+      '@vue/compiler-sfc': 3.2.37
+      '@vue/runtime-dom': 3.2.37
+      '@vue/server-renderer': 3.2.37_vue@3.2.37
+      '@vue/shared': 3.2.37
+    dev: false
+
+  /which/2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+    dependencies:
+      isexe: 2.0.0
+    dev: true
+
+  /word-wrap/1.2.3:
+    resolution: {integrity: sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /wrap-ansi/7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+    dev: true
+
+  /wrappy/1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+    dev: true
+
+  /xml-name-validator/4.0.0:
+    resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /y18n/5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /yallist/4.0.0:
+    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
+    dev: true
+
+  /yaml/1.10.2:
+    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
+    engines: {node: '>= 6'}
+    dev: true
+
+  /yargs-parser/20.2.9:
+    resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /yargs-parser/21.0.1:
+    resolution: {integrity: sha512-9BK1jFpLzJROCI5TzwZL/TU4gqjK5xiHV/RfWLOahrjAko/e4DJkRDZQXfvqAsiZzzYhgAzbgz6lg48jcm4GLg==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /yargs/17.5.1:
+    resolution: {integrity: sha512-t6YAJcxDkNX7NFYiVtKvWUz8l+PaKTLiL63mJYWR2GnHq2gjEWISzsLp9wg3aY36dY1j+gfIEL3pIF+XlJJfbA==}
+    engines: {node: '>=12'}
+    dependencies:
+      cliui: 7.0.4
+      escalade: 3.1.1
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 21.0.1
+    dev: true
+
+  /yn/3.1.1:
+    resolution: {integrity: sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /yocto-queue/0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+    dev: true
diff --git a/prettier.config.js b/prettier.config.js
new file mode 100644
index 0000000..1aefcce
--- /dev/null
+++ b/prettier.config.js
@@ -0,0 +1,20 @@
+module.exports = {
+  printWidth: 100, // 最大行长规则通常设置为 100 或 120
+  tabWidth: 2, // 指定每个标签缩进级别的空格数。
+  useTabs: false, // 使用制表符而不是空格缩进行。
+  semi: true, // true（默认）: 在每条语句的末尾添加一个分号。false：仅在可能导致 ASI 失败的行的开头添加分号。
+  vueIndentScriptAndStyle: true, // Vue 文件脚本和样式标签缩进
+  singleQuote: true, // 使用单引号而不是双引号
+  quoteProps: 'as-needed', // 引用对象中的属性时，仅在需要时在对象属性周围添加引号。
+  bracketSpacing: true, // 在对象文字中的括号之间打印空格。
+  trailingComma: 'none', // "none":没有尾随逗号。"es5": 在 ES5 中有效的尾随逗号（对象、数组等），TypeScript 中的类型参数中没有尾随逗号。"all"- 尽可能使用尾随逗号。
+  bracketSameLine: false, // 将>多行 HTML（HTML、JSX、Vue、Angular）元素放在最后一行的末尾，而不是单独放在下一行（不适用于自闭合元素）。
+  jsxSingleQuote: false, // 在 JSX 中使用单引号而不是双引号。
+  arrowParens: 'always', // 在唯一的箭头函数参数周围始终包含括号。
+  insertPragma: false, // 插入编译指示
+  requirePragma: false, // 需要编译指示
+  proseWrap: 'never', // 如果散文超过打印宽度，则换行
+  htmlWhitespaceSensitivity: 'strict', // 所有标签周围的空格（或缺少空格）被认为是重要的。
+  endOfLine: 'lf', // 确保在文本文件中仅使用 ( \n)换行，常见于 Linux 和 macOS 以及 git repos 内部。
+  rangeStart: 0 // 格式化文件时，回到包含所选语句的第一行的开头。
+};
diff --git a/public/AlternatorSvg.png b/public/AlternatorSvg.png
deleted file mode 100644
index 0e71ab1..0000000
Binary files a/public/AlternatorSvg.png and /dev/null differ
diff --git a/public/ArrowDownSvg.png b/public/ArrowDownSvg.png
deleted file mode 100644
index f939a3f..0000000
Binary files a/public/ArrowDownSvg.png and /dev/null differ
diff --git a/public/ArrowUpSvg.png b/public/ArrowUpSvg.png
deleted file mode 100644
index 926bb31..0000000
Binary files a/public/ArrowUpSvg.png and /dev/null differ
diff --git a/public/ChemicalFeederSvg.png b/public/ChemicalFeederSvg.png
deleted file mode 100644
index 8de894b..0000000
Binary files a/public/ChemicalFeederSvg.png and /dev/null differ
diff --git a/public/CircuitBreakerSvg.png b/public/CircuitBreakerSvg.png
deleted file mode 100644
index a1f4b0d..0000000
Binary files a/public/CircuitBreakerSvg.png and /dev/null differ
diff --git a/public/ConnHorizontalLineSvg.png b/public/ConnHorizontalLineSvg.png
deleted file mode 100644
index f71c0fe..0000000
Binary files a/public/ConnHorizontalLineSvg.png and /dev/null differ
diff --git a/public/CoolingTowerSvg.png b/public/CoolingTowerSvg.png
deleted file mode 100644
index 91ef9d8..0000000
Binary files a/public/CoolingTowerSvg.png and /dev/null differ
diff --git a/public/DoubleWindingSvg.png b/public/DoubleWindingSvg.png
deleted file mode 100644
index 03eae5d..0000000
Binary files a/public/DoubleWindingSvg.png and /dev/null differ
diff --git a/public/DoubleWindingSvgB.png b/public/DoubleWindingSvgB.png
deleted file mode 100644
index d3c604a..0000000
Binary files a/public/DoubleWindingSvgB.png and /dev/null differ
diff --git a/public/ECharts_BasicBar.png b/public/ECharts_BasicBar.png
deleted file mode 100644
index 950b5c4..0000000
Binary files a/public/ECharts_BasicBar.png and /dev/null differ
diff --git a/public/ECharts_PieSvg.png b/public/ECharts_PieSvg.png
deleted file mode 100644
index 9f8b1f6..0000000
Binary files a/public/ECharts_PieSvg.png and /dev/null differ
diff --git a/public/GGJSvg.png b/public/GGJSvg.png
deleted file mode 100644
index 3430824..0000000
Binary files a/public/GGJSvg.png and /dev/null differ
diff --git a/public/GroundGraySvg.png b/public/GroundGraySvg.png
deleted file mode 100644
index 7f872ad..0000000
Binary files a/public/GroundGraySvg.png and /dev/null differ
diff --git a/public/InterfaceReturn.json b/public/InterfaceReturn.json
deleted file mode 100644
index f88414f..0000000
--- a/public/InterfaceReturn.json
+++ /dev/null
@@ -1,1034 +0,0 @@
-[
-  {
-    "type": "AlternatorSvg",
-    "title": "发电机",
-    "panel_class": "common",
-    "template": "<ellipse cx=\"50\" cy=\"50\" rx=\"35\" ry=\"35\" fill=\"none\" :stroke=\"prop_data.extend_attr.stroke_color_a.val\" :stroke-width=\"prop_data.extend_attr.stroke_width_a.val\" :transform=\"prop_data.extend_attr.transform_a.val\"></ellipse><path d=\"M30,50 C30,44 34,40 40,40 46,40 50,44 50,50 M50,50 C50,56 54,60 60,60 66,60 70,56 70,50 \" fill=\"none\" :stroke=\"prop_data.extend_attr.stroke_color_b.val\" :stroke-width=\"prop_data.extend_attr.stroke_width_b.val\" :transform=\"prop_data.extend_attr.transform_b.val\"></path>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "stroke_color_a": {
-        "title": "外轮廓颜色",
-        "val": "#FF0000",
-        "type": "colorinputbox"
-      },
-      "stroke_color_b": {
-        "title": "内轮廓颜色",
-        "val": "#FF0000",
-        "type": "colorinputbox"
-      },
-      "stroke_width_a": {
-        "title": "外轮廓厚度",
-        "val": 2,
-        "type": "numberinputbox"
-      },
-      "stroke_width_b": {
-        "title": "内轮廓厚度",
-        "val": 2,
-        "type": "numberinputbox"
-      },
-      "transform_a": {
-        "title": "外中心点坐标",
-        "val": "translate(-50,-50)",
-        "type": "textinputbox"
-      },
-      "transform_b": {
-        "title": "内中心点坐标",
-        "val": "translate(-50,-50)",
-        "type": "textinputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/AlternatorSvg.png"
-  },
-  {
-    "type": "ArrowDownSvg",
-    "title": "箭头向下",
-    "panel_class": "common",
-    "template": "<polygon  points=\"0,-8 5,0 10,-8\" :fill=\"prop_data.extend_attr.color.val\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-5,0)\"></polygon>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "填充颜色",
-        "val": "#FF0000",
-        "type": "colorinputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/ArrowDownSvg.png"
-  },
-  {
-    "type": "ArrowUpSvg",
-    "title": "箭头向上",
-    "panel_class": "common",
-    "template": "<polygon  points=\"0,8 5,0 10,8\" :fill=\"prop_data.extend_attr.color.val\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-5,0)\"></polygon>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "填充颜色",
-        "val": "#FF0000",
-        "type": "colorinputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/ArrowUpSvg.png"
-  },
-  {
-    "type": "CircuitBreakerSvg",
-    "title": "断路器",
-    "panel_class": "common",
-    "template": "<rect x=\"0\" y=\"0\" width=\"20\" height=\"40\" :fill=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" :stroke=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" stroke-width=\"2\" transform=\"translate(-10,-20)\"></rect>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "switch": {
-        "title": "类型",
-        "val": {
-          "selectval": "{\"fill\":\"#FF0000\"}",
-          "ridiogroup": [
-            {
-              "value": "{\"fill\":\"#FF0000\"}",
-              "label": "断开"
-            },
-            {
-              "value": "{\"fill\":\"#00FF00\"}",
-              "label": "连接"
-            }
-          ]
-        },
-        "type": "radiogroup"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/CircuitBreakerSvg.png"
-  },
-  {
-    "type": "DoubleWindingSvg",
-    "title": "双绕组变压器",
-    "panel_class": "common",
-    "template": "<ellipse cx=\"0\" cy=\"-20\" rx=\"25\" ry=\"25\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" ></ellipse>     <ellipse  cx=\"0\" cy=\"20\" rx=\"25\" ry=\"25\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" ></ellipse>     <polygon  points=\"10,-30 0,-10 -10,-30\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></polygon>     <line  x1=\"0\" y1=\"20\" x2=\"0\" y2=\"35\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line>     <line  x1=\"0\" y1=\"20\" x2=\"-10\" y2=\"10\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line>     <line  x1=\"0\" y1=\"20\" x2=\"10\" y2=\"10\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "填充颜色",
-        "val": "#FF0000",
-        "type": "colorinputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/DoubleWindingSvg.png"
-  },
-  {
-    "type": "GGJSvg",
-    "title": "电容柜",
-    "panel_class": "common",
-    "template": "<line x1=\"0.5\" y1=\"-25\" x2=\"-9.5\" y2=\"-13\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" ></line> <line  x1=\"0.5\" y1=\"-26\" x2=\"9.5\" y2=\"-13\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" ></line> <line  x1=\"-12\" y1=\"-17\" x2=\"-6\" y2=\"-8\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line  x1=\"-15\" y1=\"-12\" x2=\"-9\" y2=\"-3\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <polyline  points=\"-13,-8 -22,3 -22,5\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" ></polyline> <line x1=\"-21\" y1=\"4\" x2=\"-4\" y2=\"4\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" ></line> <line x1=\"-5\" y1=\"-2\" x2=\"-5\" y2=\"11\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" ></line> <line x1=\"3\" y1=\"-2\" x2=\"3\" y2=\"11\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" ></line> <line x1=\"4\" y1=\"4\" x2=\"21\" y2=\"4\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" ></line> <polyline  points=\"13,-8 22,3 22,5\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" ></polyline> <line  x1=\"14\" y1=\"-12\" x2=\"8\" y2=\"-3\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line  x1=\"12\" y1=\"-17\" x2=\"6\" y2=\"-8\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "填充颜色",
-        "val": "#FF0000",
-        "type": "colorinputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/GGJSvg.png"
-  },
-  {
-    "type": "GroundGraySvg",
-    "title": "接地灰白",
-    "panel_class": "common",
-    "template": "<line x1=\"9\" y1=\"9\" x2=\"9\" y2=\"0\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-9,-6)\"></line> <line x1=\"0\" y1=\"9\" x2=\"18\" y2=\"9\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-9,-6)\"></line> <line x1=\"3\" y1=\"15\" x2=\"15\" y2=\"15\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-9,-6)\"></line> <line x1=\"6\" y1=\"21\" x2=\"12\" y2=\"21\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-9,-6)\"></line>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "填充颜色",
-        "val": "#CCCCCC",
-        "type": "colorinputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/GroundGraySvg.png"
-  },
-  {
-    "type": "IsolatingSwitchSvg",
-    "title": "隔离开关",
-    "panel_class": "common",
-    "template": "<line x1=\"0\" y1=\"-20\" x2=\"0\" y2=\"0\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"-10\" y1=\"0\" x2=\"6\" y2=\"0\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"0\" y1=\"20\" x2=\"-10\" y2=\"5\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"0\" y1=\"40\" x2=\"0\" y2=\"20\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> ",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "填充颜色",
-        "val": "#FF0000",
-        "type": "colorinputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/IsolatingSwitchSvg.png"
-  },
-  {
-    "type": "LightningArresterSvg",
-    "title": "避雷器",
-    "panel_class": "common",
-    "template": "<rect x=\"-7\" y=\"-14\" width=\"15\" height=\"35\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></rect> <line x1=\"0\" y1=\"-21\" x2=\"0\" y2=\"0\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"0\" y1=\"21\" x2=\"0\" y2=\"28\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <polyline points=\"-1,-7 0,0 1,-7\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></polyline>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "填充颜色",
-        "val": "#FF0000",
-        "type": "colorinputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/LightningArresterSvg.png"
-  },
-  {
-    "type": "PolylineSvg",
-    "title": "多段折线",
-    "panel_class": "common",
-    "template": "<polyline points=\"0,7 13,-7 26,7\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-13,0)\"></polyline> <polyline points=\"0,7 13,-7 26,7\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-13,8)\"></polyline> ",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "填充颜色",
-        "val": "#FF0000",
-        "type": "colorinputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/PolylineSvg.png"
-  },
-  {
-    "type": "RectSvg",
-    "title": "长方形",
-    "panel_class": "common",
-    "template": "<rect x=\"-5\" y=\"-15\" width=\"10\" height=\"30\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" stroke-linecap=\"round\"></rect>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "填充颜色",
-        "val": "#FF0000",
-        "type": "colorinputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/RectSvg.png"
-  },
-  {
-    "type": "SignalLampSvg",
-    "title": "信号灯",
-    "panel_class": "common",
-    "template": "<ellipse cx=\"7\" cy=\"22\" rx=\"12\" ry=\"12\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-7,-22)\"></ellipse> <line x1=\"0\" y1=\"30\" x2=\"15\" y2=\"15\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-7,-22)\"></line> <line x1=\"15\" y1=\"30\" x2=\"0\" y2=\"15\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-7,-22)\"></line>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "填充颜色",
-        "val": "#FF0000",
-        "type": "colorinputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/SignalLampSvg.png"
-  },
-  {
-    "type": "StandardCapacitorSvg",
-    "title": "标准电容器",
-    "panel_class": "common",
-    "template": "<line x1=\"0\" y1=\"-12\" x2=\"0\" y2=\"-3\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"-9\" y1=\"-3\" x2=\"9\" y2=\"-3\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"-9\" y1=\"3\" x2=\"9\" y2=\"3\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"0\" y1=\"12\" x2=\"0\" y2=\"3\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "填充颜色",
-        "val": "#FF0000",
-        "type": "colorinputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/StandardCapacitorSvg.png"
-  },
-  {
-    "type": "StandardReactanceSvg",
-    "title": "标准电抗",
-    "panel_class": "common",
-    "template": "<path d=\"M18,63 V36 H33 C33,42 27,51 18,51 9,51 3,42 3,36 3,27 9,21 18,21 V6 V21\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-18,-36)\"></path>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "填充颜色",
-        "val": "#FF0000",
-        "type": "colorinputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/StandardReactanceSvg.png"
-  },
-  {
-    "type": "TextSvg",
-    "title": "文字",
-    "panel_class": "common",
-    "template": "<text x=\"0\" y=\"0\" :font-family=\"prop_data.extend_attr.font_family.val.selectval\" :font-size=\"prop_data.extend_attr.font_size.val\" :fill=\"prop_data.extend_attr.color.val\">{{prop_data.extend_attr.text.val}}</text>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "文字颜色",
-        "val": "#FF0000",
-        "type": "colorinputbox"
-      },
-      "font_size": {
-        "title": "字体大小",
-        "val": 15,
-        "type": "numberinputbox"
-      },
-      "font_family": {
-        "title": "字体样式",
-        "val": {
-          "selectval": "Microsoft YaHei",
-          "selectgroup": [
-            {
-              "value": "Microsoft YaHei",
-              "label": "微软雅黑"
-            },
-            {
-              "value": "NSimSun",
-              "label": "新宋体"
-            }
-          ]
-        },
-        "type": "select"
-      },
-      "text": {
-        "title": "文字内容",
-        "val": "文字",
-        "type": "textinputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/TextSvg.png"
-  },
-  {
-    "type": "TransformerTriphaseOpenSvg",
-    "title": "三相互感器",
-    "panel_class": "common",
-    "template": "<ellipse cx=\"0\" cy=\"0\" rx=\"10\" ry=\"10\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></ellipse> <line x1=\"-2\" y1=\"-6\" x2=\"-2\" y2=\"6\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"-2\" y1=\"-6\" x2=\"4\" y2=\"0\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"4\" y1=\"2\" x2=\"-2\" y2=\"6\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "填充颜色",
-        "val": "#FF0000",
-        "type": "colorinputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/TransformerTriphaseOpenSvg.png"
-  },
-  {
-    "type": "TransformerYSvg",
-    "title": "电流互感器Y",
-    "panel_class": "common",
-    "template": "<ellipse cx=\"0\" cy=\"0\" rx=\"10\" ry=\"10\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></ellipse> <line x1=\"5\" y1=\"-5\" x2=\"0\" y2=\"0\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"-5\" y1=\"-5\" x2=\"0\" y2=\"0\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"5\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "填充颜色",
-        "val": "#FF0000",
-        "type": "colorinputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/TransformerYSvg.png"
-  },
-  {
-    "type": "TwoCircleSvg",
-    "title": "双圆",
-    "panel_class": "common",
-    "template": "<ellipse cx=\"0\" cy=\"-4.5\" rx=\"6\" ry=\"6\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></ellipse> <ellipse cx=\"0\" cy=\"4.5\" rx=\"6\" ry=\"6\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></ellipse>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "填充颜色",
-        "val": "#FF0000",
-        "type": "colorinputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/TwoCircleSvg.png"
-  },
-  {
-    "type": "WireBreakSvg",
-    "title": "电线开关",
-    "panel_class": "common",
-    "template": "<line x1=\"0\" y1=\"-40\" x2=\"0\" y2=\"-15\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"0\" y1=\"15\" :x2=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).x2\" y2=\"-15\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"0\" y1=\"45\" x2=\"0\" y2=\"15\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "颜色",
-        "val": "#FF0000",
-        "type": "colorinputbox"
-      },
-      "switch": {
-        "title": "类型",
-        "val": {
-          "selectval": "{\"x2\":-10}",
-          "ridiogroup": [
-            {
-              "value": "{\"x2\":-10}",
-              "label": "断开"
-            },
-            {
-              "value": "{\"x2\":0}",
-              "label": "连接"
-            }
-          ]
-        },
-        "type": "radiogroup"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/WireBreakSvg.png"
-  },
-  {
-    "type": "ConnLineSvg",
-    "title": "连接线",
-    "panel_class": "draw",
-    "template": "<line :x1=\"prop_data.extend_attr.startpoint_x.val\" :y1=\"prop_data.extend_attr.startpoint_y.val\" :x2=\"prop_data.extend_attr.endpoint_x.val\" :y2=\"prop_data.extend_attr.endpoint_y.val\" :fill=\"prop_data.extend_attr.color.val\" :stroke=\"prop_data.extend_attr.color.val\"  stroke-width=\"2\" :class=\"prop_data.extend_attr.svg_line_ani.val.selectval\"></line>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "颜色",
-        "val": "#FF0000",
-        "type": "colorinputbox"
-      },
-      "startpoint_x": {
-        "title": "起点x相对坐标",
-        "val": 0,
-        "type": "numberinputbox"
-      },
-      "startpoint_y": {
-        "title": "起点y相对坐标",
-        "val": 0,
-        "type": "numberinputbox"
-      },
-      "endpoint_x": {
-        "title": "终点x相对坐标",
-        "val": 0,
-        "type": "numberinputbox"
-      },
-      "endpoint_y": {
-        "title": "终点y相对坐标",
-        "val": 0,
-        "type": "numberinputbox"
-      },
-      "svg_line_ani": {
-        "title": "电流效果",
-        "val": {
-          "selectval": "",
-          "selectgroup": [
-            {
-              "value": "",
-              "label": "无"
-            },
-            {
-              "value": "svg_ani_flow",
-              "label": "正向"
-            },
-            {
-              "value": "svg_ani_flow_back",
-              "label": "反向"
-            },
-            {
-              "value": "svg_ani_flow_stop",
-              "label": "停止"
-            }
-          ]
-        },
-        "type": "select"
-      }
-    },
-    "create_type": "draw",
-    "priview_img": "/VerticalLineSvg.png"
-  },
-  {
-    "type": "ConnHorizontalLineSvg",
-    "title": "连接线-横线",
-    "panel_class": "draw",
-    "template": "<line :x1=\"prop_data.extend_attr.startpoint_x.val\" y1=\"0\" :x2=\"prop_data.extend_attr.endpoint_x.val\" y2=\"0\" :fill=\"prop_data.extend_attr.color.val\" :stroke=\"prop_data.extend_attr.color.val\"  stroke-width=\"2\" :class=\"prop_data.extend_attr.svg_line_ani.val.selectval\"></line>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "颜色",
-        "val": "#FF0000",
-        "type": "colorinputbox"
-      },
-      "startpoint_x": {
-        "title": "起点x相对坐标",
-        "val": 0,
-        "type": "numberinputbox"
-      },
-      "endpoint_x": {
-        "title": "终点x相对坐标",
-        "val": 0,
-        "type": "numberinputbox"
-      },
-      "svg_line_ani": {
-        "title": "电流效果",
-        "val": {
-          "selectval": "",
-          "selectgroup": [
-            {
-              "value": "",
-              "label": "无"
-            },
-            {
-              "value": "svg_ani_flow",
-              "label": "正向"
-            },
-            {
-              "value": "svg_ani_flow_back",
-              "label": "反向"
-            },
-            {
-              "value": "svg_ani_flow_stop",
-              "label": "停止"
-            }
-          ]
-        },
-        "type": "select"
-      }
-    },
-    "create_type": "click",
-    "priview_img": "/ConnHorizontalLineSvg.png"
-  },
-  {
-    "type": "ConnVerticalLineSvg",
-    "title": "连接线-竖线",
-    "panel_class": "draw",
-    "template": "<line x1=\"0\" :y1=\"prop_data.extend_attr.startpoint_y.val\" x2=\"0\" :y2=\"prop_data.extend_attr.endpoint_y.val\" :fill=\"prop_data.extend_attr.color.val\" :stroke=\"prop_data.extend_attr.color.val\"  stroke-width=\"2\" :class=\"prop_data.extend_attr.svg_line_ani.val.selectval\"></line>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "颜色",
-        "val": "#FF0000",
-        "type": "colorinputbox"
-      },
-      "startpoint_y": {
-        "title": "起点y相对坐标",
-        "val": 0,
-        "type": "numberinputbox"
-      },
-      "endpoint_y": {
-        "title": "终点y相对坐标",
-        "val": 0,
-        "type": "numberinputbox"
-      },
-      "svg_line_ani": {
-        "title": "电流效果",
-        "val": {
-          "selectval": "",
-          "selectgroup": [
-            {
-              "value": "",
-              "label": "无"
-            },
-            {
-              "value": "svg_ani_flow",
-              "label": "正向"
-            },
-            {
-              "value": "svg_ani_flow_back",
-              "label": "反向"
-            },
-            {
-              "value": "svg_ani_flow_stop",
-              "label": "停止"
-            }
-          ]
-        },
-        "type": "select"
-      }
-    },
-    "create_type": "click",
-    "priview_img": "/VerticalLineSvg.png"
-  },
-  {
-    "type": "EchartsPieSvg",
-    "title": "Echart饼图",
-    "panel_class": "chart",
-    "template": "<foreignObject x=\"0\" y=\"0\" width=\"600\" height=\"500\"> <v-chart :option=\"JSON.parse(prop_data.extend_attr.echarts_option.val)\" /></foreignObject>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "echarts_option": {
-        "title": "饼图数据",
-        "val": "{\"title\":{\"text\":\"某站点用户访问来源\",\"subtext\":\"纯属虚构\",\"left\":\"center\"},\"tooltip\":{\"trigger\":\"item\"},\"legend\":{\"orient\":\"vertical\",\"left\":\"left\"},\"series\":[{\"name\":\"访问来源\",\"type\":\"pie\",\"radius\":\"50%\",\"data\":[{\"value\":1048,\"name\":\"搜索引擎\"},{\"value\":735,\"name\":\"直接访问\"},{\"value\":580,\"name\":\"邮件营销\"},{\"value\":484,\"name\":\"联盟广告\"},{\"value\":300,\"name\":\"视频广告\"}],\"emphasis\":{\"itemStyle\":{\"shadowBlur\":10,\"shadowOffsetX\":0,\"shadowColor\":\"rgba(0, 0, 0, 0.5)\"}}}]}",
-        "type": "textareainputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/ECharts_PieSvg.png"
-  },
-  {
-    "type": "EchartsBasicBarSvg",
-    "title": "Echart基础柱状图",
-    "panel_class": "chart",
-    "template": "<foreignObject x=\"0\" y=\"0\" width=\"400\" height=\"400\"> <v-chart :option=\"JSON.parse(prop_data.extend_attr.echarts_option.val)\" /></foreignObject>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "echarts_option": {
-        "title": "柱状图数据",
-        "val": "{\"xAxis\":{\"type\":\"category\",\"data\":[\"Mon\",\"Tue\",\"Wed\",\"Thu\",\"Fri\",\"Sat\",\"Sun\"]},\"yAxis\":{\"type\":\"value\"},\"series\":[{\"data\":[120,200,150,80,70,110,130],\"type\":\"bar\"}]}",
-        "type": "textareainputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/ECharts_BasicBar.png"
-  },
-  {
-    "type": "TestAddSvg",
-    "title": "测试新增心形",
-    "panel_class": "common",
-    "template": "<path :fill=\"prop_data.extend_attr.color.val\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"5\" style=\"pointer-events:inherit\" d=\"m143.72081869586242,163.35565803158485 c14.617751633754164,-41.93617271978648 71.89058180534832,0 0,53.91793635401125 c-71.89058180534832,-53.91793635401125 -14.617751633754164,-95.85410907379776 0,-53.91793635401125 z\"  fill-opacity=\"1\" stroke-opacity=\"1\" transform=\"translate(-145,-180)\"></path>    ",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "心形颜色",
-        "val": "#FF0000",
-        "type": "colorinputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "http://svg.yaolm.top/test.png"
-  },
-  {
-    "type": "PipelineSvg",
-    "title": "管道",
-    "panel_class": "draw",
-    "template": "<line :x1=\"prop_data.extend_attr.startpoint_x.val\" :y1=\"prop_data.extend_attr.startpoint_y.val\" :x2=\"prop_data.extend_attr.endpoint_x.val\" :y2=\"prop_data.extend_attr.endpoint_y.val\"  :stroke=\"prop_data.extend_attr.o_color.val\" :stroke-width=\"prop_data.extend_attr.o_width.val\"></line><line :x1=\"prop_data.extend_attr.startpoint_x.val\" :y1=\"prop_data.extend_attr.startpoint_y.val\" :x2=\"prop_data.extend_attr.endpoint_x.val\" :y2=\"prop_data.extend_attr.endpoint_y.val\"  :stroke=\"prop_data.extend_attr.i_color.val\" :stroke-width=\"prop_data.extend_attr.i_width.val\" :class=\"prop_data.extend_attr.svg_line_ani.val.selectval\"></line>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "o_color": {
-        "title": "管道颜色",
-        "val": "#0a7ae2",
-        "type": "colorinputbox"
-      },
-      "i_color": {
-        "title": "水流颜色",
-        "val": "#119bfa",
-        "type": "colorinputbox"
-      },
-      "startpoint_x": {
-        "title": "起点x相对坐标",
-        "val": 0,
-        "type": "numberinputbox"
-      },
-      "startpoint_y": {
-        "title": "起点y相对坐标",
-        "val": 0,
-        "type": "numberinputbox"
-      },
-      "endpoint_x": {
-        "title": "终点x相对坐标",
-        "val": 0,
-        "type": "numberinputbox"
-      },
-      "endpoint_y": {
-        "title": "终点y相对坐标",
-        "val": 0,
-        "type": "numberinputbox"
-      },
-      "o_width": {
-        "title": "管道宽度",
-        "val": 10,
-        "type": "numberinputbox"
-      },
-      "i_width": {
-        "title": "水流宽度",
-        "val": 5,
-        "type": "numberinputbox"
-      },
-      "svg_line_ani": {
-        "title": "水流效果",
-        "val": {
-          "selectval": "svg_ani_flow",
-          "selectgroup": [
-            {
-              "value": "",
-              "label": "无"
-            },
-            {
-              "value": "svg_ani_flow",
-              "label": "正向"
-            },
-            {
-              "value": "svg_ani_flow_back",
-              "label": "反向"
-            },
-            {
-              "value": "svg_ani_flow_stop",
-              "label": "停止"
-            }
-          ]
-        },
-        "type": "select"
-      }
-    },
-    "create_type": "draw",
-    "priview_img": "/Pipeline_V_Svg.png"
-  },
-  {
-    "type": "Pipeline_H_Svg",
-    "title": "管道-横向",
-    "panel_class": "draw",
-    "template": "<line :x1=\"prop_data.extend_attr.startpoint_x.val\" :y1=\"0\" :x2=\"prop_data.extend_attr.endpoint_x.val\" :y2=\"0\"  :stroke=\"prop_data.extend_attr.o_color.val\" :stroke-width=\"prop_data.extend_attr.o_width.val\"></line><line :x1=\"prop_data.extend_attr.startpoint_x.val\" :y1=\"0\" :x2=\"prop_data.extend_attr.endpoint_x.val\" :y2=\"0\"  :stroke=\"prop_data.extend_attr.i_color.val\" :stroke-width=\"prop_data.extend_attr.i_width.val\" :class=\"prop_data.extend_attr.svg_line_ani.val.selectval\"></line>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "o_color": {
-        "title": "管道颜色",
-        "val": "#0a7ae2",
-        "type": "colorinputbox"
-      },
-      "i_color": {
-        "title": "水流颜色",
-        "val": "#119bfa",
-        "type": "colorinputbox"
-      },
-      "startpoint_x": {
-        "title": "起点x相对坐标",
-        "val": 0,
-        "type": "numberinputbox"
-      },
-      "endpoint_x": {
-        "title": "终点x相对坐标",
-        "val": 0,
-        "type": "numberinputbox"
-      },
-      "o_width": {
-        "title": "管道宽度",
-        "val": 10,
-        "type": "numberinputbox"
-      },
-      "i_width": {
-        "title": "水流宽度",
-        "val": 5,
-        "type": "numberinputbox"
-      },
-      "svg_line_ani": {
-        "title": "水流效果",
-        "val": {
-          "selectval": "svg_ani_flow",
-          "selectgroup": [
-            {
-              "value": "",
-              "label": "无"
-            },
-            {
-              "value": "svg_ani_flow",
-              "label": "正向"
-            },
-            {
-              "value": "svg_ani_flow_back",
-              "label": "反向"
-            },
-            {
-              "value": "svg_ani_flow_stop",
-              "label": "停止"
-            }
-          ]
-        },
-        "type": "select"
-      }
-    },
-    "create_type": "draw",
-    "priview_img": "/Pipeline_H_Svg.png"
-  },
-  {
-    "type": "Pipeline_V_Svg",
-    "title": "管道-纵向",
-    "panel_class": "draw",
-    "template": "<line :x1=\"0\" :y1=\"prop_data.extend_attr.startpoint_y.val\" :x2=\"0\" :y2=\"prop_data.extend_attr.endpoint_y.val\"  :stroke=\"prop_data.extend_attr.o_color.val\" :stroke-width=\"prop_data.extend_attr.o_width.val\"></line><line :x1=\"0\" :y1=\"prop_data.extend_attr.startpoint_y.val\" :x2=\"0\" :y2=\"prop_data.extend_attr.endpoint_y.val\"  :stroke=\"prop_data.extend_attr.i_color.val\" :stroke-width=\"prop_data.extend_attr.i_width.val\" :class=\"prop_data.extend_attr.svg_line_ani.val.selectval\"></line>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "o_color": {
-        "title": "管道颜色",
-        "val": "#0a7ae2",
-        "type": "colorinputbox"
-      },
-      "i_color": {
-        "title": "水流颜色",
-        "val": "#119bfa",
-        "type": "colorinputbox"
-      },
-      "startpoint_y": {
-        "title": "起点y相对坐标",
-        "val": 0,
-        "type": "numberinputbox"
-      },
-      "endpoint_y": {
-        "title": "终点y相对坐标",
-        "val": 0,
-        "type": "numberinputbox"
-      },
-      "o_width": {
-        "title": "管道宽度",
-        "val": 10,
-        "type": "numberinputbox"
-      },
-      "i_width": {
-        "title": "水流宽度",
-        "val": 5,
-        "type": "numberinputbox"
-      },
-      "svg_line_ani": {
-        "title": "水流效果",
-        "val": {
-          "selectval": "svg_ani_flow",
-          "selectgroup": [
-            {
-              "value": "",
-              "label": "无"
-            },
-            {
-              "value": "svg_ani_flow",
-              "label": "正向"
-            },
-            {
-              "value": "svg_ani_flow_back",
-              "label": "反向"
-            },
-            {
-              "value": "svg_ani_flow_stop",
-              "label": "停止"
-            }
-          ]
-        },
-        "type": "select"
-      }
-    },
-    "create_type": "draw",
-    "priview_img": "/Pipeline_V_Svg.png"
-  },
-  {
-    "type": "ReservoirSvg",
-    "title": "蓄水池",
-    "panel_class": "common",
-    "template": "<g transform=\"translate(50,100)rotate(180)scale(1)\"><rect  x=\"0\" y=\"65\" :width=\"prop_data.extend_attr.width.val\" :height=\"prop_data.extend_attr.height.val\" fill=\"#000000\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"4\"></rect><line x1=\"8\" :y1=\"(prop_data.extend_attr.height.val+65)\" :x2=\"(prop_data.extend_attr.width.val-8)\" :y2=\"(prop_data.extend_attr.height.val+65)\" stroke=\"#000000\" stroke-width=\"5\"></line><rect  x=\"2\" y=\"65\" :width=\"(prop_data.extend_attr.width.val-4)\" :height=\"(prop_data.extend_attr.height.val-20)\" :fill=\"prop_data.extend_attr.f_color.val\" :class=\"prop_data.extend_attr.svg_fill_ani.val.selectval\"></rect></g>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "边框颜色",
-        "val": "#FFFFFF",
-        "type": "colorinputbox"
-      },
-      "f_color": {
-        "title": "填充颜色",
-        "val": "#37cfe7",
-        "type": "colorinputbox"
-      },
-      "width": {
-        "title": "宽度",
-        "val": 100,
-        "type": "numberinputbox"
-      },
-      "height": {
-        "title": "高度",
-        "val": 60,
-        "type": "numberinputbox"
-      },
-      "svg_fill_ani": {
-        "title": "填充效果",
-        "val": {
-          "selectval": "svg_ani_fill_h40",
-          "selectgroup": [
-            {
-              "value": "",
-              "label": "无"
-            },
-            {
-              "value": "svg_ani_fill_h40",
-              "label": "正向"
-            }
-          ]
-        },
-        "type": "select"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/ReservoirSvg.png"
-  },
-  {
-    "type": "WaterPipeValveSvg",
-    "title": "水管阀",
-    "panel_class": "common",
-    "template": "<ellipse cx=\"0\" cy=\"-12\" :fill=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" :stroke=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" rx=\"20\" ry=\"2\"/><rect :fill=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" :stroke=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" height=\"9\"    width=\"6\" x=\"-2\" y=\"-12\"/><rect :fill=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" :stroke=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" height=\"5\"   width=\"19\" x=\"-8\" y=\"-6\"/><rect :fill=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" :stroke=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" height=\"12\"  width=\"39\" x=\"-19\" y=\"-1\"/><rect :fill=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" :stroke=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" height=\"20\"  width=\"11\" x=\"-30\" y=\"-6\"/><rect :fill=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" :stroke=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" height=\"20\"   width=\"11\" x=\"20\" y=\"-6\"/>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "switch": {
-        "title": "类型",
-        "val": {
-          "selectval": "{\"fill\":\"#FF0000\"}",
-          "ridiogroup": [
-            {
-              "value": "{\"fill\":\"#FF0000\"}",
-              "label": "关阀"
-            },
-            {
-              "value": "{\"fill\":\"#00FF00\"}",
-              "label": "开阀"
-            }
-          ]
-        },
-        "type": "radiogroup"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/WaterPipeValveSvg.png"
-  },
-  {
-    "type": "RightAnglePipeSvg",
-    "title": "直角管道",
-    "panel_class": "common",
-    "template": "<path :fill=\"prop_data.extend_attr.color.val\" d=\"m-2.84801,-8.56044l7.8889,0l0,0c4.35692,0 7.8889,3.75583 7.8889,8.38889c0,4.63306 -3.53198,8.38889 -7.8889,8.38889l-7.8889,0l0,-16.77778z\"/><rect :fill=\"prop_data.extend_attr.color.val\" x=\"-16.07021\" y=\"-8.56044\" width=\"15.84921\" height=\"16\" /><rect :fill=\"prop_data.extend_attr.color.val\" x=\"-3.07021\" y=\"1.6548\" width=\"16\" height=\"16\"/>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "管道颜色",
-        "val": "#0a7ae2",
-        "type": "colorinputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/RightAnglePipeSvg.png"
-  },
-  {
-    "type": "CoolingTowerSvg",
-    "title": "冷却塔",
-    "panel_class": "common",
-    "template": "<rect transform=\"translate(-375 -210)\" height=\"6.35115\" width=\"30\" y=\"182.99916\" x=\"362.03168\" :fill=\"prop_data.extend_attr.color.val\"/><path transform=\"translate(-375 -210)\" d=\"m351.12388,196.27079l0,-3.62923l0,0c0,-2.00437 11.75252,-3.62923 26.24999,-3.62923c14.49747,0 26.24999,1.62486 26.24999,3.62923l0,3.62923l-52.49998,0z\" :fill=\"prop_data.extend_attr.color.val\"/><rect transform=\"translate(-375 -210)\" height=\"18.14613\" width=\"45.46875\" y=\"196.60876\" x=\"354.06293\" :fill=\"prop_data.extend_attr.color.val\"/><path transform=\"translate(-375 -210)\" d=\"m339.11917,231.98921l14.0625,-16.7852l46.875,0l14.06249,16.7852l-74.99999,0z\" :fill=\"prop_data.extend_attr.color.val\"/>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "冷却塔颜色",
-        "val": "#E6EEFAFF",
-        "type": "colorinputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/CoolingTowerSvg.png"
-  },
-  {
-    "type": "ChemicalFeederSvg",
-    "title": "化学加料器",
-    "panel_class": "common",
-    "template": "<path transform=\"translate(-460,-171)\" d=\"m490.83794,134.8702c0,3.4359 -13.80016,6.22125 -30.82353,6.22125m30.82353,-6.22125l0,0c0,3.4359 -13.80016,6.22125 -30.82353,6.22125c-17.02336,0 -30.82351,-2.78534 -30.82351,-6.22125m0,0l0,0c0,-3.4359 13.80016,-6.22125 30.82351,-6.22125c17.02336,0 30.82353,2.78535 30.82353,6.22125l0,24.885c0,3.4359 -13.80016,6.22124 -30.82353,6.22124c-17.02336,0 -30.82351,-2.78534 -30.82351,-6.22124l0,-24.885z\" :fill=\"prop_data.extend_attr.color.val\"/><path transform=\"translate(-460,-171)\" d=\"m473.3227,122.35395c0,1.53294 -5.47793,2.77564 -12.23531,2.77564m12.23531,-2.77564l0,0c0,1.53294 -5.47793,2.77564 -12.23531,2.77564c-6.75737,0 -12.2353,-1.24269 -12.2353,-2.77564m0,0l0,0c0,-1.53294 5.47793,-2.77564 12.2353,-2.77564c6.75737,0 12.23531,1.2427 12.23531,2.77564l0,11.10255c0,1.53294 -5.47793,2.77563 -12.23531,2.77563c-6.75737,0 -12.2353,-1.24269 -12.2353,-2.77563l0,-11.10255z\" :fill=\"prop_data.extend_attr.color.val\"/><rect transform=\"translate(-460,-171)\" height=\"4.59415\" width=\"30.58823\" y=\"164.03918\" x=\"444.22147\" :fill=\"prop_data.extend_attr.color.val\"/><rect transform=\"translate(-460,-171)\" height=\"49.9614\" width=\"94.11762\" y=\"167.63333\" x=\"412.69207\" :fill=\"prop_data.extend_attr.color.val\"/><path transform=\"translate(-460,-171)\" d=\"m500.73203,173.02074l13.76468,0l4.58824,18.6637l-4.58824,18.66378l-13.76468,0l4.58823,-18.66378l-4.58823,-18.6637z\" :fill=\"prop_data.extend_attr.color.val\"/><path transform=\"translate(-460,-171)\" d=\"m417.43793,210.92252l-13.76468,0l-4.58823,-18.6637l4.58823,-18.66379l13.76468,0l-4.58823,18.66379l4.58823,18.6637z\" :fill=\"prop_data.extend_attr.color.val\"/>",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "color": {
-        "title": "化学加料器",
-        "val": "#E6EEFAFF",
-        "type": "colorinputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/ChemicalFeederSvg.png"
-  },
-  {
-    "type": "RectangleSvg",
-    "title": "矩形",
-    "panel_class": "common",
-    "template": "<rect :width=\"prop_data.extend_attr.width.val\" :height=\"prop_data.extend_attr.height.val\" :fill=\"prop_data.extend_attr.fill_color.val\" :stroke-width=\"prop_data.extend_attr.stroke_width.val\"  :stroke=\"prop_data.extend_attr.stroke_color.val\" />",
-    "props": [
-      "prop_data"
-    ],
-    "extend_attr": {
-      "width": {
-        "title": "矩形宽度",
-        "val": 80,
-        "type": "numberinputbox"
-      },
-      "height": {
-        "title": "矩形高度",
-        "val": 30,
-        "type": "numberinputbox"
-      },
-      "fill_color": {
-        "title": "填充颜色",
-        "val": "#000000",
-        "type": "colorinputbox"
-      },
-      "stroke_width": {
-        "title": "边框宽度",
-        "val": 2,
-        "type": "numberinputbox"
-      },      
-      "stroke_color": {
-        "title": "边框颜色",
-        "val": "#FFFFFF",
-        "type": "colorinputbox"
-      }
-    },
-    "create_type": "draggable",
-    "priview_img": "/RectangleSvg.png"
-  }
-]
\ No newline at end of file
diff --git a/public/IsolatingSwitchSvg.png b/public/IsolatingSwitchSvg.png
deleted file mode 100644
index 66e5968..0000000
Binary files a/public/IsolatingSwitchSvg.png and /dev/null differ
diff --git a/public/LightningArresterSvg.png b/public/LightningArresterSvg.png
deleted file mode 100644
index 20a5fd8..0000000
Binary files a/public/LightningArresterSvg.png and /dev/null differ
diff --git a/public/Pipeline_H_Svg.png b/public/Pipeline_H_Svg.png
deleted file mode 100644
index ca52c39..0000000
Binary files a/public/Pipeline_H_Svg.png and /dev/null differ
diff --git a/public/Pipeline_V_Svg.png b/public/Pipeline_V_Svg.png
deleted file mode 100644
index 2857cd8..0000000
Binary files a/public/Pipeline_V_Svg.png and /dev/null differ
diff --git a/public/PolylineSvg.png b/public/PolylineSvg.png
deleted file mode 100644
index b94dfaf..0000000
Binary files a/public/PolylineSvg.png and /dev/null differ
diff --git a/public/RectSvg.png b/public/RectSvg.png
deleted file mode 100644
index 4078b6e..0000000
Binary files a/public/RectSvg.png and /dev/null differ
diff --git a/public/RectangleSvg.png b/public/RectangleSvg.png
deleted file mode 100644
index df09790..0000000
Binary files a/public/RectangleSvg.png and /dev/null differ
diff --git a/public/ReservoirSvg.png b/public/ReservoirSvg.png
deleted file mode 100644
index 19ef64e..0000000
Binary files a/public/ReservoirSvg.png and /dev/null differ
diff --git a/public/RightAnglePipeSvg.png b/public/RightAnglePipeSvg.png
deleted file mode 100644
index a259104..0000000
Binary files a/public/RightAnglePipeSvg.png and /dev/null differ
diff --git a/public/SignalLampSvg.png b/public/SignalLampSvg.png
deleted file mode 100644
index 519446e..0000000
Binary files a/public/SignalLampSvg.png and /dev/null differ
diff --git a/public/StandardCapacitorSvg.png b/public/StandardCapacitorSvg.png
deleted file mode 100644
index a143588..0000000
Binary files a/public/StandardCapacitorSvg.png and /dev/null differ
diff --git a/public/StandardReactanceSvg.png b/public/StandardReactanceSvg.png
deleted file mode 100644
index 7633d87..0000000
Binary files a/public/StandardReactanceSvg.png and /dev/null differ
diff --git a/public/TextSvg.png b/public/TextSvg.png
deleted file mode 100644
index d3d6922..0000000
Binary files a/public/TextSvg.png and /dev/null differ
diff --git a/public/TransformerTriphaseOpenSvg.png b/public/TransformerTriphaseOpenSvg.png
deleted file mode 100644
index e601a16..0000000
Binary files a/public/TransformerTriphaseOpenSvg.png and /dev/null differ
diff --git a/public/TransformerYSvg.png b/public/TransformerYSvg.png
deleted file mode 100644
index 38ce203..0000000
Binary files a/public/TransformerYSvg.png and /dev/null differ
diff --git a/public/TwoCircleSvg.png b/public/TwoCircleSvg.png
deleted file mode 100644
index 3a0d937..0000000
Binary files a/public/TwoCircleSvg.png and /dev/null differ
diff --git a/public/VerticalLineSvg.png b/public/VerticalLineSvg.png
deleted file mode 100644
index f6efceb..0000000
Binary files a/public/VerticalLineSvg.png and /dev/null differ
diff --git a/public/WaterPipeValveSvg.png b/public/WaterPipeValveSvg.png
deleted file mode 100644
index 9d79200..0000000
Binary files a/public/WaterPipeValveSvg.png and /dev/null differ
diff --git a/public/WireBreakSvg.png b/public/WireBreakSvg.png
deleted file mode 100644
index 0c2b27f..0000000
Binary files a/public/WireBreakSvg.png and /dev/null differ
diff --git a/public/example.json b/public/example.json
deleted file mode 100644
index a5c6a8b..0000000
--- a/public/example.json
+++ /dev/null
@@ -1,3170 +0,0 @@
-[
-	{
-		"id": "1635556854467",
-		"type": "TextSvg",
-		"title": "文字",
-		"svgPositionX": 829,
-		"svgPositionY": 57,
-		"angle": 0,
-		"size": 3,
-		"extend_attr": {
-			"color": {
-				"title": "文字颜色",
-				"val": "#FFF200FF",
-				"type": "colorinputbox"
-			},
-			"font_size": {
-				"title": "字体大小",
-				"val": 15,
-				"type": "numberinputbox"
-			},
-			"font_family": {
-				"title": "字体样式",
-				"val": {
-					"selectval": "Microsoft YaHei",
-					"selectgroup": [
-						{
-							"value": "Microsoft YaHei",
-							"label": "微软雅黑"
-						},
-						{
-							"value": "NSimSun",
-							"label": "新宋体"
-						}
-					]
-				},
-				"type": "select"
-			},
-			"text": {
-				"title": "文字内容",
-				"val": "演示监控系统",
-				"type": "textinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635556944468",
-		"type": "ConnHorizontalLineSvg",
-		"title": "连接线-横线",
-		"svgPositionX": 56,
-		"svgPositionY": 136,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_x": {
-				"title": "起点x相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_x": {
-				"title": "终点x相对坐标",
-				"val": 475,
-				"type": "numberinputbox"
-			},
-			"svg_line_ani": {
-				"title": "电流效果",
-				"val": {
-					"selectval": "svg_ani_flow",
-					"selectgroup": [
-						{
-							"value": "",
-							"label": "无"
-						},
-						{
-							"value": "svg_ani_flow",
-							"label": "正向"
-						},
-						{
-							"value": "svg_ani_flow_back",
-							"label": "反向"
-						},
-						{
-							"value": "svg_ani_flow_stop",
-							"label": "停止"
-						}
-					]
-				},
-				"type": "select"
-			}
-		}
-	},
-	{
-		"id": "1635556970843",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线",
-		"svgPositionX": 56,
-		"svgPositionY": 135,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 470,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635556988089",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线",
-		"svgPositionX": 130,
-		"svgPositionY": 138,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 416,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635557011355",
-		"type": "PolylineSvg",
-		"title": "多段折线",
-		"svgPositionX": 130,
-		"svgPositionY": 173,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635557016918",
-		"type": "CircuitBreakerSvg",
-		"title": "断路器",
-		"svgPositionX": 131,
-		"svgPositionY": 212,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"switch": {
-				"title": "类型",
-				"val": {
-					"selectval": "{\"fill\":\"#FF0000\"}",
-					"ridiogroup": [
-						{
-							"value": "{\"fill\":\"#FF0000\"}",
-							"label": "断开"
-						},
-						{
-							"value": "{\"fill\":\"#00FF00\"}",
-							"label": "连接"
-						}
-					]
-				},
-				"type": "radiogroup"
-			}
-		}
-	},
-	{
-		"id": "1635557028385",
-		"type": "PolylineSvg",
-		"title": "多段折线",
-		"svgPositionX": 130,
-		"svgPositionY": 250,
-		"angle": 180,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635557063525",
-		"type": "ArrowDownSvg",
-		"title": "箭头向下",
-		"svgPositionX": 130,
-		"svgPositionY": 474,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635557080603",
-		"type": "ConnHorizontalLineSvg",
-		"title": "连接线-横线",
-		"svgPositionX": 90,
-		"svgPositionY": 427,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_x": {
-				"title": "起点x相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_x": {
-				"title": "终点x相对坐标",
-				"val": 83,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635557101863",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线",
-		"svgPositionX": 172,
-		"svgPositionY": 428,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 29,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635557117775",
-		"type": "StandardCapacitorSvg",
-		"title": "标准电容器",
-		"svgPositionX": 172,
-		"svgPositionY": 466,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635557133315",
-		"type": "SignalLampSvg",
-		"title": "信号灯",
-		"svgPositionX": 172,
-		"svgPositionY": 490,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635557143537",
-		"type": "GroundGraySvg",
-		"title": "接地灰白",
-		"svgPositionX": 171,
-		"svgPositionY": 511,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#CCCCCC",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635557161556",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线",
-		"svgPositionX": 90,
-		"svgPositionY": 427,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 38,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635557169614",
-		"type": "LightningArresterSvg",
-		"title": "避雷器",
-		"svgPositionX": 90,
-		"svgPositionY": 485,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635557181065",
-		"type": "GroundGraySvg",
-		"title": "接地灰白",
-		"svgPositionX": 90,
-		"svgPositionY": 517,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#CCCCCC",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635557195802",
-		"type": "TextSvg",
-		"title": "文字",
-		"svgPositionX": 113,
-		"svgPositionY": 566,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "文字颜色",
-				"val": "#FFFB00FF",
-				"type": "colorinputbox"
-			},
-			"font_size": {
-				"title": "字体大小",
-				"val": 11,
-				"type": "numberinputbox"
-			},
-			"font_family": {
-				"title": "字体样式",
-				"val": {
-					"selectval": "Microsoft YaHei",
-					"selectgroup": [
-						{
-							"value": "Microsoft YaHei",
-							"label": "微软雅黑"
-						},
-						{
-							"value": "NSimSun",
-							"label": "新宋体"
-						}
-					]
-				},
-				"type": "select"
-			},
-			"text": {
-				"title": "文字内容",
-				"val": "进线柜",
-				"type": "textinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635557262881",
-		"type": "ConnHorizontalLineSvg",
-		"title": "连接线-横线",
-		"svgPositionX": 56,
-		"svgPositionY": 606,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#51FF00FF",
-				"type": "colorinputbox"
-			},
-			"startpoint_x": {
-				"title": "起点x相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_x": {
-				"title": "终点x相对坐标",
-				"val": 626,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635557289014",
-		"type": "DoubleWindingSvg",
-		"title": "双绕组变压器",
-		"svgPositionX": 728,
-		"svgPositionY": 607,
-		"angle": 90,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635557373942",
-		"type": "EchartsPieSvg",
-		"title": "Echart饼图",
-		"svgPositionX": 87,
-		"svgPositionY": 612,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"echarts_option": {
-				"title": "饼图数据",
-				"val": "{\"title\":{\"text\":\"某单位各场所报警占比\",\"subtext\":\"纯属虚构\",\"left\":\"center\"},\"tooltip\":{\"trigger\":\"item\"},\"legend\":{\"orient\":\"vertical\",\"left\":\"left\"},\"series\":[{\"name\":\"访问来源\",\"type\":\"pie\",\"radius\":\"50%\",\"data\":[{\"value\":1048,\"name\":\"办公楼A\"},{\"value\":735,\"name\":\"办公楼B\"},{\"value\":580,\"name\":\"保安室\"},{\"value\":484,\"name\":\"地下车库\"},{\"value\":300,\"name\":\"食堂\"}],\"emphasis\":{\"itemStyle\":{\"shadowBlur\":10,\"shadowOffsetX\":0,\"shadowColor\":\"rgba(0, 0, 0, 0.5)\"}}}]}",
-				"type": "textareainputbox"
-			}
-		}
-	},
-	{
-		"id": "1635558259583",
-		"type": "EchartsBasicBarSvg",
-		"title": "Echart基础柱状图",
-		"svgPositionX": 1172,
-		"svgPositionY": 630,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"echarts_option": {
-				"title": "柱状图数据",
-				"val": "{\"title\":{\"text\":\"某单位各楼层用电量监控\",\"subtext\":\"纯属虚构\",\"left\":\"center\"},\"xAxis\":{\"type\":\"category\",\"data\":[\"一楼\",\"二楼\",\"三楼\",\"四楼\",\"五楼\",\"六楼\",\"七楼\"]},\"yAxis\":{\"type\":\"value\"},\"series\":[{\"data\":[120,200,150,80,70,110,130],\"type\":\"bar\"}]}",
-				"type": "textareainputbox"
-			}
-		}
-	},
-	{
-		"id": "1635558550289",
-		"type": "ConnHorizontalLineSvg",
-		"title": "连接线-横线",
-		"svgPositionX": 775,
-		"svgPositionY": 605,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_x": {
-				"title": "起点x相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_x": {
-				"title": "终点x相对坐标",
-				"val": 166,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635558687187",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线",
-		"svgPositionX": 940,
-		"svgPositionY": 542,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 63,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635558688878",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线",
-		"svgPositionX": 936,
-		"svgPositionY": 583,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635558712071",
-		"type": "StandardReactanceSvg",
-		"title": "标准电抗",
-		"svgPositionX": 940,
-		"svgPositionY": 516,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635558721492",
-		"type": "SignalLampSvg",
-		"title": "信号灯",
-		"svgPositionX": 940,
-		"svgPositionY": 474,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635558740451",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线",
-		"svgPositionX": 940,
-		"svgPositionY": 143,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 318,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635558760794",
-		"type": "PolylineSvg",
-		"title": "多段折线",
-		"svgPositionX": 940,
-		"svgPositionY": 185,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635558766505",
-		"type": "CircuitBreakerSvg",
-		"title": "断路器",
-		"svgPositionX": 940,
-		"svgPositionY": 224,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"switch": {
-				"title": "类型",
-				"val": {
-					"selectval": "{\"fill\":\"#FF0000\"}",
-					"ridiogroup": [
-						{
-							"value": "{\"fill\":\"#FF0000\"}",
-							"label": "断开"
-						},
-						{
-							"value": "{\"fill\":\"#00FF00\"}",
-							"label": "连接"
-						}
-					]
-				},
-				"type": "radiogroup"
-			}
-		}
-	},
-	{
-		"id": "1635558774476",
-		"type": "PolylineSvg",
-		"title": "多段折线",
-		"svgPositionX": 940,
-		"svgPositionY": 268,
-		"angle": 180,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635558806205",
-		"type": "ConnHorizontalLineSvg",
-		"title": "连接线-横线",
-		"svgPositionX": 756,
-		"svgPositionY": 141,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_x": {
-				"title": "起点x相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_x": {
-				"title": "终点x相对坐标",
-				"val": 378,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635558835553",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线",
-		"svgPositionX": 775,
-		"svgPositionY": 142,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 117,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635558845601",
-		"type": "PolylineSvg",
-		"title": "多段折线",
-		"svgPositionX": 775,
-		"svgPositionY": 171,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635558849864",
-		"type": "PolylineSvg",
-		"title": "多段折线",
-		"svgPositionX": 775,
-		"svgPositionY": 234,
-		"angle": 180,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635558868444",
-		"type": "ConnHorizontalLineSvg",
-		"title": "连接线-横线",
-		"svgPositionX": 536,
-		"svgPositionY": 260,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_x": {
-				"title": "起点x相对坐标",
-				"val": -6,
-				"type": "numberinputbox"
-			},
-			"endpoint_x": {
-				"title": "终点x相对坐标",
-				"val": 240,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635558912749",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线",
-		"svgPositionX": 530,
-		"svgPositionY": 137,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 123,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635558959407",
-		"type": "PolylineSvg",
-		"title": "多段折线",
-		"svgPositionX": 530,
-		"svgPositionY": 160,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635558965024",
-		"type": "CircuitBreakerSvg",
-		"title": "断路器",
-		"svgPositionX": 530,
-		"svgPositionY": 199,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"switch": {
-				"title": "类型",
-				"val": {
-					"selectval": "{\"fill\":\"#FF0000\"}",
-					"ridiogroup": [
-						{
-							"value": "{\"fill\":\"#FF0000\"}",
-							"label": "断开"
-						},
-						{
-							"value": "{\"fill\":\"#00FF00\"}",
-							"label": "连接"
-						}
-					]
-				},
-				"type": "radiogroup"
-			}
-		}
-	},
-	{
-		"id": "1635558974660",
-		"type": "PolylineSvg",
-		"title": "多段折线",
-		"svgPositionX": 530,
-		"svgPositionY": 238,
-		"angle": 180,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635559046320",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线",
-		"svgPositionX": 388,
-		"svgPositionY": 137,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 131,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559059551",
-		"type": "PolylineSvg",
-		"title": "多段折线",
-		"svgPositionX": 388,
-		"svgPositionY": 160,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635559065648",
-		"type": "CircuitBreakerSvg",
-		"title": "断路器",
-		"svgPositionX": 389,
-		"svgPositionY": 199,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"switch": {
-				"title": "类型",
-				"val": {
-					"selectval": "{\"fill\":\"#FF0000\"}",
-					"ridiogroup": [
-						{
-							"value": "{\"fill\":\"#FF0000\"}",
-							"label": "断开"
-						},
-						{
-							"value": "{\"fill\":\"#00FF00\"}",
-							"label": "连接"
-						}
-					]
-				},
-				"type": "radiogroup"
-			}
-		}
-	},
-	{
-		"id": "1635559073094",
-		"type": "PolylineSvg",
-		"title": "多段折线",
-		"svgPositionX": 388,
-		"svgPositionY": 239,
-		"angle": 180,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635559112983",
-		"type": "StandardCapacitorSvg",
-		"title": "标准电容器",
-		"svgPositionX": 388,
-		"svgPositionY": 279,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635559123797",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线",
-		"svgPositionX": 388,
-		"svgPositionY": 291,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 184,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559129564",
-		"type": "ConnHorizontalLineSvg",
-		"title": "连接线-横线",
-		"svgPositionX": 324,
-		"svgPositionY": 372,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_x": {
-				"title": "起点x相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_x": {
-				"title": "终点x相对坐标",
-				"val": 133,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559147799",
-		"type": "TransformerYSvg",
-		"title": "电流互感器Y",
-		"svgPositionX": 460,
-		"svgPositionY": 431,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635559157655",
-		"type": "TransformerYSvg",
-		"title": "电流互感器Y",
-		"svgPositionX": 452,
-		"svgPositionY": 451,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635559172598",
-		"type": "TransformerTriphaseOpenSvg",
-		"title": "三相互感器",
-		"svgPositionX": 470,
-		"svgPositionY": 451,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635559180753",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线",
-		"svgPositionX": 456,
-		"svgPositionY": 373,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 47,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559192384",
-		"type": "ConnHorizontalLineSvg",
-		"title": "连接线-横线",
-		"svgPositionX": 390,
-		"svgPositionY": 448,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_x": {
-				"title": "起点x相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_x": {
-				"title": "终点x相对坐标",
-				"val": 51,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559194700",
-		"type": "ConnHorizontalLineSvg",
-		"title": "连接线-横线",
-		"svgPositionX": 533,
-		"svgPositionY": 448,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_x": {
-				"title": "起点x相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_x": {
-				"title": "终点x相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559207993",
-		"type": "ConnHorizontalLineSvg",
-		"title": "连接线-横线",
-		"svgPositionX": 389,
-		"svgPositionY": 426,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_x": {
-				"title": "起点x相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_x": {
-				"title": "终点x相对坐标",
-				"val": 60,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559223145",
-		"type": "GroundGraySvg",
-		"title": "接地灰白",
-		"svgPositionX": 388,
-		"svgPositionY": 481,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#CCCCCC",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635559244944",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线",
-		"svgPositionX": 324,
-		"svgPositionY": 371,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 156,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559252463",
-		"type": "RectSvg",
-		"title": "长方形",
-		"svgPositionX": 324,
-		"svgPositionY": 415,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635559285005",
-		"type": "ConnHorizontalLineSvg",
-		"title": "连接线-横线",
-		"svgPositionX": 267,
-		"svgPositionY": 526,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_x": {
-				"title": "起点x相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_x": {
-				"title": "终点x相对坐标",
-				"val": 116,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559303280",
-		"type": "TwoCircleSvg",
-		"title": "双圆",
-		"svgPositionX": 265,
-		"svgPositionY": 526,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635559309733",
-		"type": "TwoCircleSvg",
-		"title": "双圆",
-		"svgPositionX": 388,
-		"svgPositionY": 527,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635559369015",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线",
-		"svgPositionX": 1107,
-		"svgPositionY": 143,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 369,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559388816",
-		"type": "ConnHorizontalLineSvg",
-		"title": "连接线-横线",
-		"svgPositionX": 1107,
-		"svgPositionY": 513,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_x": {
-				"title": "起点x相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_x": {
-				"title": "终点x相对坐标",
-				"val": 259,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559401179",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线",
-		"svgPositionX": 1365,
-		"svgPositionY": 367,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 145,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559416514",
-		"type": "WireBreakSvg",
-		"title": "电线开关",
-		"svgPositionX": 1365,
-		"svgPositionY": 323,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"switch": {
-				"title": "类型",
-				"val": {
-					"selectval": "{\"x2\":-10}",
-					"ridiogroup": [
-						{
-							"value": "{\"x2\":-10}",
-							"label": "断开"
-						},
-						{
-							"value": "{\"x2\":0}",
-							"label": "连接"
-						}
-					]
-				},
-				"type": "radiogroup"
-			}
-		}
-	},
-	{
-		"id": "1635559426917",
-		"type": "ArrowUpSvg",
-		"title": "箭头向上",
-		"svgPositionX": 1365,
-		"svgPositionY": 450,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635559440753",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线",
-		"svgPositionX": 1365,
-		"svgPositionY": 152,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": -7,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 132,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559458667",
-		"type": "ConnHorizontalLineSvg",
-		"title": "连接线-横线",
-		"svgPositionX": 1364,
-		"svgPositionY": 145,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_x": {
-				"title": "起点x相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_x": {
-				"title": "终点x相对坐标",
-				"val": 359,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559486894",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线",
-		"svgPositionX": 1724,
-		"svgPositionY": 146,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 133,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559496127",
-		"type": "AlternatorSvg",
-		"title": "发电机",
-		"svgPositionX": 1724,
-		"svgPositionY": 314,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"stroke_color_a": {
-				"title": "外轮廓颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"stroke_color_b": {
-				"title": "内轮廓颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"stroke_width_a": {
-				"title": "外轮廓厚度",
-				"val": 2,
-				"type": "numberinputbox"
-			},
-			"stroke_width_b": {
-				"title": "内轮廓厚度",
-				"val": 2,
-				"type": "numberinputbox"
-			},
-			"transform_a": {
-				"title": "外中心点坐标",
-				"val": "translate(-50,-50)",
-				"type": "textinputbox"
-			},
-			"transform_b": {
-				"title": "内中心点坐标",
-				"val": "translate(-50,-50)",
-				"type": "textinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635559542809",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线",
-		"svgPositionX": 1726,
-		"svgPositionY": 350,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 136,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559559967",
-		"type": "GGJSvg",
-		"title": "电容柜",
-		"svgPositionX": 1726,
-		"svgPositionY": 511,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635559577578",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线-copy",
-		"svgPositionX": 1422,
-		"svgPositionY": 154,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": -7,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 132,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559586978",
-		"type": "WireBreakSvg",
-		"title": "电线开关-copy",
-		"svgPositionX": 1422,
-		"svgPositionY": 326,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"switch": {
-				"title": "类型",
-				"val": {
-					"selectval": "{\"x2\":-10}",
-					"ridiogroup": [
-						{
-							"value": "{\"x2\":-10}",
-							"label": "断开"
-						},
-						{
-							"value": "{\"x2\":0}",
-							"label": "连接"
-						}
-					]
-				},
-				"type": "radiogroup"
-			}
-		}
-	},
-	{
-		"id": "1635559601271",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线-copy",
-		"svgPositionX": 1422,
-		"svgPositionY": 369,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 145,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559610651",
-		"type": "ArrowUpSvg",
-		"title": "箭头向上-copy",
-		"svgPositionX": 1423,
-		"svgPositionY": 449,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635559637911",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线-copy-copy",
-		"svgPositionX": 1478,
-		"svgPositionY": 154,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": -7,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 132,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559657319",
-		"type": "WireBreakSvg",
-		"title": "电线开关-copy-copy",
-		"svgPositionX": 1478,
-		"svgPositionY": 326,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"switch": {
-				"title": "类型",
-				"val": {
-					"selectval": "{\"x2\":-10}",
-					"ridiogroup": [
-						{
-							"value": "{\"x2\":-10}",
-							"label": "断开"
-						},
-						{
-							"value": "{\"x2\":0}",
-							"label": "连接"
-						}
-					]
-				},
-				"type": "radiogroup"
-			}
-		}
-	},
-	{
-		"id": "1635559669503",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线-copy-copy",
-		"svgPositionX": 1478,
-		"svgPositionY": 371,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 145,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559675668",
-		"type": "ArrowUpSvg",
-		"title": "箭头向上-copy-copy",
-		"svgPositionX": 1478,
-		"svgPositionY": 449,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635559687785",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线-copy-copy-copy",
-		"svgPositionX": 1539,
-		"svgPositionY": 155,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": -7,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 132,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559694747",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线-copy-copy-copy-copy",
-		"svgPositionX": 1602,
-		"svgPositionY": 154,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": -7,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 132,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559706119",
-		"type": "WireBreakSvg",
-		"title": "电线开关-copy-copy-copy",
-		"svgPositionX": 1539,
-		"svgPositionY": 326,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"switch": {
-				"title": "类型",
-				"val": {
-					"selectval": "{\"x2\":-10}",
-					"ridiogroup": [
-						{
-							"value": "{\"x2\":-10}",
-							"label": "断开"
-						},
-						{
-							"value": "{\"x2\":0}",
-							"label": "连接"
-						}
-					]
-				},
-				"type": "radiogroup"
-			}
-		}
-	},
-	{
-		"id": "1635559706512",
-		"type": "WireBreakSvg",
-		"title": "电线开关-copy-copy-copy",
-		"svgPositionX": 1602,
-		"svgPositionY": 324,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"switch": {
-				"title": "类型",
-				"val": {
-					"selectval": "{\"x2\":-10}",
-					"ridiogroup": [
-						{
-							"value": "{\"x2\":-10}",
-							"label": "断开"
-						},
-						{
-							"value": "{\"x2\":0}",
-							"label": "连接"
-						}
-					]
-				},
-				"type": "radiogroup"
-			}
-		}
-	},
-	{
-		"id": "1635559722396",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线-copy-copy-copy",
-		"svgPositionX": 1602,
-		"svgPositionY": 367,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 145,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559722647",
-		"type": "ConnVerticalLineSvg",
-		"title": "连接线-竖线-copy-copy-copy",
-		"svgPositionX": 1539,
-		"svgPositionY": 371,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			},
-			"startpoint_y": {
-				"title": "起点y相对坐标",
-				"val": 0,
-				"type": "numberinputbox"
-			},
-			"endpoint_y": {
-				"title": "终点y相对坐标",
-				"val": 145,
-				"type": "numberinputbox"
-			},
-            "svg_line_ani": {
-                "title": "电流效果",
-                "val": {
-                    "selectval": "svg_ani_flow",
-                    "selectgroup": [
-                        {
-                            "value": "",
-                            "label": "无"
-                        },
-                        {
-                            "value": "svg_ani_flow",
-                            "label": "正向"
-                        },
-                        {
-                            "value": "svg_ani_flow_back",
-                            "label": "反向"
-                        },
-                        {
-                            "value": "svg_ani_flow_stop",
-                            "label": "停止"
-                        }
-                    ]
-                },
-                "type": "select"
-            }
-		}
-	},
-	{
-		"id": "1635559748742",
-		"type": "ArrowUpSvg",
-		"title": "箭头向上-copy",
-		"svgPositionX": 1603,
-		"svgPositionY": 449,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635559749003",
-		"type": "ArrowUpSvg",
-		"title": "箭头向上-copy",
-		"svgPositionX": 1539,
-		"svgPositionY": 450,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "填充颜色",
-				"val": "#FF0000",
-				"type": "colorinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635559788732",
-		"type": "TextSvg",
-		"title": "文字",
-		"svgPositionX": 1352,
-		"svgPositionY": 534,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "文字颜色",
-				"val": "#F9E166FF",
-				"type": "colorinputbox"
-			},
-			"font_size": {
-				"title": "字体大小",
-				"val": 10,
-				"type": "numberinputbox"
-			},
-			"font_family": {
-				"title": "字体样式",
-				"val": {
-					"selectval": "Microsoft YaHei",
-					"selectgroup": [
-						{
-							"value": "Microsoft YaHei",
-							"label": "微软雅黑"
-						},
-						{
-							"value": "NSimSun",
-							"label": "新宋体"
-						}
-					]
-				},
-				"type": "select"
-			},
-			"text": {
-				"title": "文字内容",
-				"val": "总开关",
-				"type": "textinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635559871729",
-		"type": "TextSvg",
-		"title": "文字",
-		"svgPositionX": 1410,
-		"svgPositionY": 534,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "文字颜色",
-				"val": "#FFED2CFF",
-				"type": "colorinputbox"
-			},
-			"font_size": {
-				"title": "字体大小",
-				"val": 10,
-				"type": "numberinputbox"
-			},
-			"font_family": {
-				"title": "字体样式",
-				"val": {
-					"selectval": "Microsoft YaHei",
-					"selectgroup": [
-						{
-							"value": "Microsoft YaHei",
-							"label": "微软雅黑"
-						},
-						{
-							"value": "NSimSun",
-							"label": "新宋体"
-						}
-					]
-				},
-				"type": "select"
-			},
-			"text": {
-				"title": "文字内容",
-				"val": "A座开关",
-				"type": "textinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635560442994",
-		"type": "TextSvg",
-		"title": "文字-copy",
-		"svgPositionX": 1463,
-		"svgPositionY": 534,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "文字颜色",
-				"val": "#FFED2CFF",
-				"type": "colorinputbox"
-			},
-			"font_size": {
-				"title": "字体大小",
-				"val": 10,
-				"type": "numberinputbox"
-			},
-			"font_family": {
-				"title": "字体样式",
-				"val": {
-					"selectval": "Microsoft YaHei",
-					"selectgroup": [
-						{
-							"value": "Microsoft YaHei",
-							"label": "微软雅黑"
-						},
-						{
-							"value": "NSimSun",
-							"label": "新宋体"
-						}
-					]
-				},
-				"type": "select"
-			},
-			"text": {
-				"title": "文字内容",
-				"val": "B座开关",
-				"type": "textinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635560454337",
-		"type": "TextSvg",
-		"title": "文字-copy-copy",
-		"svgPositionX": 1524,
-		"svgPositionY": 534,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "文字颜色",
-				"val": "#FFED2CFF",
-				"type": "colorinputbox"
-			},
-			"font_size": {
-				"title": "字体大小",
-				"val": 10,
-				"type": "numberinputbox"
-			},
-			"font_family": {
-				"title": "字体样式",
-				"val": {
-					"selectval": "Microsoft YaHei",
-					"selectgroup": [
-						{
-							"value": "Microsoft YaHei",
-							"label": "微软雅黑"
-						},
-						{
-							"value": "NSimSun",
-							"label": "新宋体"
-						}
-					]
-				},
-				"type": "select"
-			},
-			"text": {
-				"title": "文字内容",
-				"val": "C座开关",
-				"type": "textinputbox"
-			}
-		}
-	},
-	{
-		"id": "1635560460682",
-		"type": "TextSvg",
-		"title": "文字-copy-copy-copy",
-		"svgPositionX": 1584,
-		"svgPositionY": 534,
-		"angle": 0,
-		"size": 1,
-		"extend_attr": {
-			"color": {
-				"title": "文字颜色",
-				"val": "#FFED2CFF",
-				"type": "colorinputbox"
-			},
-			"font_size": {
-				"title": "字体大小",
-				"val": 10,
-				"type": "numberinputbox"
-			},
-			"font_family": {
-				"title": "字体样式",
-				"val": {
-					"selectval": "Microsoft YaHei",
-					"selectgroup": [
-						{
-							"value": "Microsoft YaHei",
-							"label": "微软雅黑"
-						},
-						{
-							"value": "NSimSun",
-							"label": "新宋体"
-						}
-					]
-				},
-				"type": "select"
-			},
-			"text": {
-				"title": "文字内容",
-				"val": "D座开关",
-				"type": "textinputbox"
-			}
-		}
-	}
-]
\ No newline at end of file
diff --git a/public/example2.json b/public/example2.json
deleted file mode 100644
index 8932bea..0000000
--- a/public/example2.json
+++ /dev/null
@@ -1 +0,0 @@
-[{"id":"1640091542460","type":"ChemicalFeederSvg","title":"化学加料器","svgPositionX":103,"svgPositionY":171,"angle":0,"size":1,"extend_attr":{"color":{"title":"化学加料器","val":"#E6EEFAFF","type":"colorinputbox"}}},{"id":"1640091576943","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":62,"svgPositionY":220,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":719,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640091637338","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":57,"svgPositionY":941,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":1597,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640091664377","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":84,"svgPositionY":221,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":556,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow_back","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640091669763","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":208,"svgPositionY":1024,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":0,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640091697272","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":79,"svgPositionY":780,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":1088,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow_back","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640091747050","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":115,"svgPositionY":220,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":456,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640091756794","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":111,"svgPositionY":678,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":447,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640091781287","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":143,"svgPositionY":219,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":397,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow_back","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640091792496","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":139,"svgPositionY":620,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":155,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow_back","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640091828421","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":213,"svgPositionY":179,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":496,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow_back","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640091858895","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":209,"svgPositionY":180,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":76,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640091872687","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":290,"svgPositionY":110,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":12,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":763,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow_back","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640091929347","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":286,"svgPositionY":869,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":1099,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow_back","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640091958342","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":217,"svgPositionY":521,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":117,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640091991274","type":"RectangleSvg","title":"矩形","svgPositionX":337,"svgPositionY":399,"angle":0,"size":1,"extend_attr":{"width":{"title":"矩形宽度","val":80,"type":"numberinputbox"},"height":{"title":"矩形高度","val":30,"type":"numberinputbox"},"fill_color":{"title":"填充颜色","val":"#000000","type":"colorinputbox"},"stroke_width":{"title":"边框宽度","val":2,"type":"numberinputbox"},"stroke_color":{"title":"边框颜色","val":"#FFFFFF","type":"colorinputbox"}}},{"id":"1640092002599","type":"RectangleSvg","title":"矩形","svgPositionX":337,"svgPositionY":435,"angle":0,"size":1,"extend_attr":{"width":{"title":"矩形宽度","val":80,"type":"numberinputbox"},"height":{"title":"矩形高度","val":30,"type":"numberinputbox"},"fill_color":{"title":"填充颜色","val":"#000000","type":"colorinputbox"},"stroke_width":{"title":"边框宽度","val":2,"type":"numberinputbox"},"stroke_color":{"title":"边框颜色","val":"#FFFFFF","type":"colorinputbox"}}},{"id":"1640092020638","type":"RectangleSvg","title":"矩形","svgPositionX":337,"svgPositionY":362,"angle":0,"size":1,"extend_attr":{"width":{"title":"矩形宽度","val":80,"type":"numberinputbox"},"height":{"title":"矩形高度","val":30,"type":"numberinputbox"},"fill_color":{"title":"填充颜色","val":"#000000","type":"colorinputbox"},"stroke_width":{"title":"边框宽度","val":2,"type":"numberinputbox"},"stroke_color":{"title":"边框颜色","val":"#FFFFFF","type":"colorinputbox"}}},{"id":"1640092034289","type":"RectangleSvg","title":"矩形","svgPositionX":337,"svgPositionY":325,"angle":0,"size":1,"extend_attr":{"width":{"title":"矩形宽度","val":80,"type":"numberinputbox"},"height":{"title":"矩形高度","val":30,"type":"numberinputbox"},"fill_color":{"title":"填充颜色","val":"#000000","type":"colorinputbox"},"stroke_width":{"title":"边框宽度","val":2,"type":"numberinputbox"},"stroke_color":{"title":"边框颜色","val":"#FFFFFF","type":"colorinputbox"}}},{"id":"1640092038598","type":"RectangleSvg","title":"矩形","svgPositionX":337,"svgPositionY":288,"angle":0,"size":1,"extend_attr":{"width":{"title":"矩形宽度","val":80,"type":"numberinputbox"},"height":{"title":"矩形高度","val":30,"type":"numberinputbox"},"fill_color":{"title":"填充颜色","val":"#000000","type":"colorinputbox"},"stroke_width":{"title":"边框宽度","val":2,"type":"numberinputbox"},"stroke_color":{"title":"边框颜色","val":"#FFFFFF","type":"colorinputbox"}}},{"id":"1640092043830","type":"RectangleSvg","title":"矩形","svgPositionX":337,"svgPositionY":252,"angle":0,"size":1,"extend_attr":{"width":{"title":"矩形宽度","val":80,"type":"numberinputbox"},"height":{"title":"矩形高度","val":30,"type":"numberinputbox"},"fill_color":{"title":"填充颜色","val":"#000000","type":"colorinputbox"},"stroke_width":{"title":"边框宽度","val":2,"type":"numberinputbox"},"stroke_color":{"title":"边框颜色","val":"#FFFFFF","type":"colorinputbox"}}},{"id":"1640092047191","type":"RectangleSvg","title":"矩形","svgPositionX":337,"svgPositionY":216,"angle":0,"size":1,"extend_attr":{"width":{"title":"矩形宽度","val":80,"type":"numberinputbox"},"height":{"title":"矩形高度","val":30,"type":"numberinputbox"},"fill_color":{"title":"填充颜色","val":"#000000","type":"colorinputbox"},"stroke_width":{"title":"边框宽度","val":2,"type":"numberinputbox"},"stroke_color":{"title":"边框颜色","val":"#FFFFFF","type":"colorinputbox"}}},{"id":"1640092051712","type":"RectangleSvg","title":"矩形","svgPositionX":337,"svgPositionY":180,"angle":0,"size":1,"extend_attr":{"width":{"title":"矩形宽度","val":80,"type":"numberinputbox"},"height":{"title":"矩形高度","val":30,"type":"numberinputbox"},"fill_color":{"title":"填充颜色","val":"#000000","type":"colorinputbox"},"stroke_width":{"title":"边框宽度","val":2,"type":"numberinputbox"},"stroke_color":{"title":"边框颜色","val":"#FFFFFF","type":"colorinputbox"}}},{"id":"1640092056040","type":"RectangleSvg","title":"矩形","svgPositionX":337,"svgPositionY":145,"angle":0,"size":1,"extend_attr":{"width":{"title":"矩形宽度","val":80,"type":"numberinputbox"},"height":{"title":"矩形高度","val":30,"type":"numberinputbox"},"fill_color":{"title":"填充颜色","val":"#000000","type":"colorinputbox"},"stroke_width":{"title":"边框宽度","val":2,"type":"numberinputbox"},"stroke_color":{"title":"边框颜色","val":"#FFFFFF","type":"colorinputbox"}}},{"id":"1640092061262","type":"RectangleSvg","title":"矩形","svgPositionX":337,"svgPositionY":109,"angle":0,"size":1,"extend_attr":{"width":{"title":"矩形宽度","val":80,"type":"numberinputbox"},"height":{"title":"矩形高度","val":30,"type":"numberinputbox"},"fill_color":{"title":"填充颜色","val":"#000000","type":"colorinputbox"},"stroke_width":{"title":"边框宽度","val":2,"type":"numberinputbox"},"stroke_color":{"title":"边框颜色","val":"#FFFFFF","type":"colorinputbox"}}},{"id":"1640092068567","type":"RectangleSvg","title":"矩形","svgPositionX":337,"svgPositionY":470,"angle":0,"size":1,"extend_attr":{"width":{"title":"矩形宽度","val":80,"type":"numberinputbox"},"height":{"title":"矩形高度","val":30,"type":"numberinputbox"},"fill_color":{"title":"填充颜色","val":"#000000","type":"colorinputbox"},"stroke_width":{"title":"边框宽度","val":2,"type":"numberinputbox"},"stroke_color":{"title":"边框颜色","val":"#FFFFFF","type":"colorinputbox"}}},{"id":"1640092073101","type":"RectangleSvg","title":"矩形","svgPositionX":337,"svgPositionY":506,"angle":0,"size":1,"extend_attr":{"width":{"title":"矩形宽度","val":80,"type":"numberinputbox"},"height":{"title":"矩形高度","val":30,"type":"numberinputbox"},"fill_color":{"title":"填充颜色","val":"#000000","type":"colorinputbox"},"stroke_width":{"title":"边框宽度","val":2,"type":"numberinputbox"},"stroke_color":{"title":"边框颜色","val":"#FFFFFF","type":"colorinputbox"}}},{"id":"1640092077130","type":"RectangleSvg","title":"矩形","svgPositionX":337,"svgPositionY":542,"angle":0,"size":1,"extend_attr":{"width":{"title":"矩形宽度","val":80,"type":"numberinputbox"},"height":{"title":"矩形高度","val":30,"type":"numberinputbox"},"fill_color":{"title":"填充颜色","val":"#000000","type":"colorinputbox"},"stroke_width":{"title":"边框宽度","val":2,"type":"numberinputbox"},"stroke_color":{"title":"边框颜色","val":"#FFFFFF","type":"colorinputbox"}}},{"id":"1640092237380","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":286,"svgPositionY":120,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092255035","type":"Pipeline_H_Svg","title":"管道-横向-copy","svgPositionX":286,"svgPositionY":159,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092267258","type":"Pipeline_H_Svg","title":"管道-横向-copy-copy","svgPositionX":286,"svgPositionY":193,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092281421","type":"Pipeline_H_Svg","title":"管道-横向-copy-copy-copy","svgPositionX":286,"svgPositionY":230,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092294851","type":"Pipeline_H_Svg","title":"管道-横向-copy-copy-copy-copy","svgPositionX":286,"svgPositionY":266,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092303820","type":"Pipeline_H_Svg","title":"管道-横向-copy-copy-copy-copy-copy","svgPositionX":286,"svgPositionY":303,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092312244","type":"Pipeline_H_Svg","title":"管道-横向-copy-copy-copy-copy-copy-copy","svgPositionX":286,"svgPositionY":340,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092326805","type":"Pipeline_H_Svg","title":"管道-横向-copy-copy-copy-copy-copy-copy-copy","svgPositionX":286,"svgPositionY":377,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092333500","type":"Pipeline_H_Svg","title":"管道-横向-copy-copy-copy-copy-copy-copy-copy-copy","svgPositionX":286,"svgPositionY":415,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092340069","type":"Pipeline_H_Svg","title":"管道-横向-copy-copy-copy-copy-copy-copy-copy-copy-copy","svgPositionX":286,"svgPositionY":450,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092347499","type":"Pipeline_H_Svg","title":"管道-横向-copy-copy-copy-copy-copy-copy-copy-copy-copy-copy","svgPositionX":286,"svgPositionY":484,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092353571","type":"Pipeline_H_Svg","title":"管道-横向-copy-copy-copy-copy-copy-copy-copy-copy-copy-copy-copy","svgPositionX":286,"svgPositionY":559,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092378555","type":"TextSvg","title":"文字","svgPositionX":346,"svgPositionY":130,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":15,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"酸洗机组","type":"textinputbox"}}},{"id":"1640092423059","type":"TextSvg","title":"文字-copy","svgPositionX":346,"svgPositionY":165,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":15,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"精装机组","type":"textinputbox"}}},{"id":"1640092438436","type":"TextSvg","title":"文字-copy-copy","svgPositionX":346,"svgPositionY":202,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":15,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"轻机机组","type":"textinputbox"}}},{"id":"1640092469154","type":"TextSvg","title":"文字-copy-copy-copy","svgPositionX":346,"svgPositionY":237,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":15,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"平整机组","type":"textinputbox"}}},{"id":"1640092483907","type":"TextSvg","title":"文字-copy-copy-copy-copy","svgPositionX":346,"svgPositionY":273,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":15,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"彩涂机组","type":"textinputbox"}}},{"id":"1640092499446","type":"TextSvg","title":"文字-copy-copy-copy-copy-copy","svgPositionX":346,"svgPositionY":311,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":15,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"镀锌机组","type":"textinputbox"}}},{"id":"1640092509555","type":"TextSvg","title":"文字-copy-copy-copy-copy-copy-copy","svgPositionX":353,"svgPositionY":346,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":15,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"酸再生","type":"textinputbox"}}},{"id":"1640092538963","type":"TextSvg","title":"文字-copy-copy-copy-copy-copy-copy-copy","svgPositionX":353,"svgPositionY":383,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":15,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"空压站","type":"textinputbox"}}},{"id":"1640092556613","type":"TextSvg","title":"文字-copy-copy-copy-copy-copy-copy-copy-copy","svgPositionX":340,"svgPositionY":421,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":15,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"保护气体站","type":"textinputbox"}}},{"id":"1640092577980","type":"TextSvg","title":"文字-copy-copy-copy-copy-copy-copy-copy-copy-copy","svgPositionX":340,"svgPositionY":455,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":15,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"煤气加压站","type":"textinputbox"}}},{"id":"1640092591446","type":"TextSvg","title":"文字-copy-copy-copy-copy-copy-copy-copy-copy-copy-copy","svgPositionX":340,"svgPositionY":491,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":15,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"煤气净化站","type":"textinputbox"}}},{"id":"1640092606315","type":"TextSvg","title":"文字-copy-copy-copy-copy-copy-copy-copy-copy-copy-copy-copy","svgPositionX":340,"svgPositionY":528,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":15,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"罩式退火炉","type":"textinputbox"}}},{"id":"1640092630578","type":"TextSvg","title":"文字-copy-copy-copy-copy-copy-copy-copy-copy-copy-copy-copy-copy","svgPositionX":353,"svgPositionY":565,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":15,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"锅炉房","type":"textinputbox"}}},{"id":"1640092666197","type":"Pipeline_H_Svg","title":"管道-横向-copy","svgPositionX":418,"svgPositionY":120,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#E2840AFF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#FAB622FF","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092753915","type":"Pipeline_H_Svg","title":"管道-横向-copy-copy","svgPositionX":418,"svgPositionY":159,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#E2840AFF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#FAB622FF","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092772355","type":"Pipeline_H_Svg","title":"管道-横向-copy-copy-copy","svgPositionX":418,"svgPositionY":193,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#E2840AFF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#FAB622FF","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092810116","type":"Pipeline_H_Svg","title":"管道-横向-copy-copy-copy-copy","svgPositionX":418,"svgPositionY":230,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#E2840AFF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#FAB622FF","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092821996","type":"Pipeline_H_Svg","title":"管道-横向-copy-copy-copy-copy-copy","svgPositionX":418,"svgPositionY":266,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#E2840AFF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#FAB622FF","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092831820","type":"Pipeline_H_Svg","title":"管道-横向-copy-copy-copy-copy-copy-copy","svgPositionX":418,"svgPositionY":303,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#E2840AFF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#FAB622FF","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092844964","type":"Pipeline_H_Svg","title":"管道-横向-copy-copy-copy-copy-copy-copy-copy","svgPositionX":418,"svgPositionY":340,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#E2840AFF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#FAB622FF","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092853636","type":"Pipeline_H_Svg","title":"管道-横向-copy-copy-copy-copy-copy-copy-copy-copy","svgPositionX":418,"svgPositionY":377,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#E2840AFF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#FAB622FF","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092864036","type":"Pipeline_H_Svg","title":"管道-横向-copy-copy-copy-copy-copy-copy-copy-copy-copy","svgPositionX":418,"svgPositionY":415,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#E2840AFF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#FAB622FF","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092876660","type":"Pipeline_H_Svg","title":"管道-横向-copy-copy-copy-copy-copy-copy-copy-copy-copy-copy","svgPositionX":418,"svgPositionY":450,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#E2840AFF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#FAB622FF","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092887720","type":"Pipeline_H_Svg","title":"管道-横向-copy-copy-copy-copy-copy-copy-copy-copy-copy-copy-copy","svgPositionX":419,"svgPositionY":484,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#E2840AFF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#FAB622FF","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092899284","type":"Pipeline_H_Svg","title":"管道-横向-copy-copy-copy-copy-copy-copy-copy-copy-copy-copy-copy-copy","svgPositionX":418,"svgPositionY":521,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#E2840AFF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#FAB622FF","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092907099","type":"Pipeline_H_Svg","title":"管道-横向-copy-copy-copy-copy-copy-copy-copy-copy-copy-copy-copy-copy-copy","svgPositionX":418,"svgPositionY":559,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#E2840AFF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#FAB622FF","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":51,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640092933346","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":473,"svgPositionY":564,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#E2840AFF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#FAB622FF","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":-483,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640093755084","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":557,"svgPositionY":406,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":134,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640093795827","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":689,"svgPositionY":403,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":123,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640093985791","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":554,"svgPositionY":402,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":276,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow_back","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640094057427","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":468,"svgPositionY":76,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#E2840AFF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#FAB622FF","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":824,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640094081630","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":1296,"svgPositionY":71,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#E2840AFF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#FAB622FF","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":451,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640094103041","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":1190,"svgPositionY":261,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#E2840AFF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#FAB622FF","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":200,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640094117853","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":1193,"svgPositionY":258,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#E2840AFF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#FAB622FF","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":260,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640094125200","type":"Pipeline_V_Svg","title":"管道-纵向-copy","svgPositionX":1388,"svgPositionY":258,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#E2840AFF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#FAB622FF","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":260,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640094146506","type":"CoolingTowerSvg","title":"冷却塔","svgPositionX":1189,"svgPositionY":393,"angle":0,"size":1,"extend_attr":{"color":{"title":"冷却塔颜色","val":"#E6EEFAFF","type":"colorinputbox"}}},{"id":"1640094151403","type":"CoolingTowerSvg","title":"冷却塔","svgPositionX":1296,"svgPositionY":393,"angle":0,"size":1,"extend_attr":{"color":{"title":"冷却塔颜色","val":"#E6EEFAFF","type":"colorinputbox"}}},{"id":"1640094162626","type":"CoolingTowerSvg","title":"冷却塔","svgPositionX":1391,"svgPositionY":393,"angle":0,"size":1,"extend_attr":{"color":{"title":"冷却塔颜色","val":"#E6EEFAFF","type":"colorinputbox"}}},{"id":"1640094386201","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":716,"svgPositionY":24,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#1BE309FF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#B9EDC8FF","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":504,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640094405998","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":711,"svgPositionY":19,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#1BE309FF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#B9EDC8FF","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":770,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow_back","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640094430114","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":733,"svgPositionY":45,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":748,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow_back","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640094438978","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":739,"svgPositionY":49,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":477,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow_stop","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640094686220","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":721,"svgPositionY":387,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#1BE309FF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#B9EDC8FF","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":249,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640094695478","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":942,"svgPositionY":436,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":0,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640094702999","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":965,"svgPositionY":389,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#1BE309FF","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#B9EDC8FF","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":129,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640094846800","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":743,"svgPositionY":228,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":247,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow_stop","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640094852452","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":993,"svgPositionY":224,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":294,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640094853905","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":1004,"svgPositionY":460,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":0,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640094866084","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":743,"svgPositionY":144,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":69,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640094872185","type":"RectangleSvg","title":"矩形","svgPositionX":815,"svgPositionY":128,"angle":0,"size":1,"extend_attr":{"width":{"title":"矩形宽度","val":80,"type":"numberinputbox"},"height":{"title":"矩形高度","val":30,"type":"numberinputbox"},"fill_color":{"title":"填充颜色","val":"#000000","type":"colorinputbox"},"stroke_width":{"title":"边框宽度","val":2,"type":"numberinputbox"},"stroke_color":{"title":"边框颜色","val":"#FFFFFF","type":"colorinputbox"}}},{"id":"1640094884369","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":896,"svgPositionY":135,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":177,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640094891743","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":896,"svgPositionY":155,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":156,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640094915007","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":1052,"svgPositionY":150,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":370,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640094920939","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":1018,"svgPositionY":192,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":0,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640094926664","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":1077,"svgPositionY":130,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":389,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640095576337","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":716,"svgPositionY":599,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":216,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640095590432","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":679,"svgPositionY":600,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":118,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow_stop","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640095607484","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":755,"svgPositionY":599,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":117,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640095654227","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":711,"svgPositionY":816,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":942,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640095738062","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":1026,"svgPositionY":599,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":148,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640095746465","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":872,"svgPositionY":748,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":159,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow_back","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640095759927","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":968,"svgPositionY":602,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":118,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640095773129","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":1080,"svgPositionY":602,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":118,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow_stop","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640095885304","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":1167,"svgPositionY":602,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":182,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640095925745","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":1387,"svgPositionY":713,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":161,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640095926931","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":1400,"svgPositionY":827,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":0,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640095941674","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":1260,"svgPositionY":602,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":118,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow_stop","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640095949646","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":1310,"svgPositionY":602,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":118,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640095955840","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":1275,"svgPositionY":601,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":0,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640095964237","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":1360,"svgPositionY":602,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":118,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640095970791","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":1419,"svgPositionY":602,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":118,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640095971709","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":1427,"svgPositionY":691,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":0,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640095975982","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":1246,"svgPositionY":608,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":0,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640095980958","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":1519,"svgPositionY":602,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":118,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow_stop","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640095982565","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":1481,"svgPositionY":703,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":0,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640174943942","type":"ReservoirSvg","title":"蓄水池","svgPositionX":746,"svgPositionY":565,"angle":0,"size":1,"extend_attr":{"color":{"title":"边框颜色","val":"#FFFFFF","type":"colorinputbox"},"f_color":{"title":"填充颜色","val":"#37cfe7","type":"colorinputbox"},"width":{"title":"宽度","val":150,"type":"numberinputbox"},"height":{"title":"高度","val":60,"type":"numberinputbox"},"svg_fill_ani":{"title":"填充效果","val":{"selectval":"svg_ani_fill_h40","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_fill_h40","label":"正向"}]},"type":"select"}}},{"id":"1640095989111","type":"Pipeline_V_Svg","title":"管道-纵向","svgPositionX":1469,"svgPositionY":602,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_y":{"title":"起点y相对坐标","val":0,"type":"numberinputbox"},"endpoint_y":{"title":"终点y相对坐标","val":118,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640174986452","type":"ReservoirSvg","title":"蓄水池","svgPositionX":1497,"svgPositionY":565,"angle":0,"size":1,"extend_attr":{"color":{"title":"边框颜色","val":"#FFFFFF","type":"colorinputbox"},"f_color":{"title":"填充颜色","val":"#37cfe7","type":"colorinputbox"},"width":{"title":"宽度","val":600,"type":"numberinputbox"},"height":{"title":"高度","val":60,"type":"numberinputbox"},"svg_fill_ani":{"title":"填充效果","val":{"selectval":"svg_ani_fill_h40","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_fill_h40","label":"正向"}]},"type":"select"}}},{"id":"1640175372165","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":963,"svgPositionY":717,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":58,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640175384360","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":1028,"svgPositionY":718,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":57,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow_back","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640175476790","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":1256,"svgPositionY":717,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":127,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640175487584","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":1392,"svgPositionY":718,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":132,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow_back","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640175921650","type":"TextSvg","title":"文字","svgPositionX":824,"svgPositionY":149,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":15,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"加药装置","type":"textinputbox"}}},{"id":"1640175951116","type":"TextSvg","title":"文字","svgPositionX":1502,"svgPositionY":25,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":15,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"一次脱盐水补水管","type":"textinputbox"}}},{"id":"1640175978806","type":"TextSvg","title":"文字-copy","svgPositionX":1500,"svgPositionY":54,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":15,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"外部生产新水水管","type":"textinputbox"}}},{"id":"1640175996589","type":"WaterPipeValveSvg","title":"水管阀","svgPositionX":1416,"svgPositionY":14,"angle":0,"size":1,"extend_attr":{"switch":{"title":"类型","val":{"selectval":"{\"fill\":\"#00FF00\"}","ridiogroup":[{"value":"{\"fill\":\"#FF0000\"}","label":"关阀"},{"value":"{\"fill\":\"#00FF00\"}","label":"开阀"}]},"type":"radiogroup"}}},{"id":"1640176005951","type":"WaterPipeValveSvg","title":"水管阀","svgPositionX":1416,"svgPositionY":42,"angle":0,"size":1,"extend_attr":{"switch":{"title":"类型","val":{"selectval":"{\"fill\":\"#00FF00\"}","ridiogroup":[{"value":"{\"fill\":\"#FF0000\"}","label":"关阀"},{"value":"{\"fill\":\"#00FF00\"}","label":"开阀"}]},"type":"radiogroup"}}},{"id":"1640176027194","type":"WaterPipeValveSvg","title":"水管阀","svgPositionX":883,"svgPositionY":225,"angle":0,"size":1,"extend_attr":{"switch":{"title":"类型","val":{"selectval":"{\"fill\":\"#FF0000\"}","ridiogroup":[{"value":"{\"fill\":\"#FF0000\"}","label":"关阀"},{"value":"{\"fill\":\"#00FF00\"}","label":"开阀"}]},"type":"radiogroup"}}},{"id":"1640176038250","type":"WaterPipeValveSvg","title":"水管阀","svgPositionX":1525,"svgPositionY":656,"angle":90,"size":1,"extend_attr":{"switch":{"title":"类型","val":{"selectval":"{\"fill\":\"#FF0000\"}","ridiogroup":[{"value":"{\"fill\":\"#FF0000\"}","label":"关阀"},{"value":"{\"fill\":\"#00FF00\"}","label":"开阀"}]},"type":"radiogroup"}}},{"id":"1640176058478","type":"WaterPipeValveSvg","title":"水管阀-copy","svgPositionX":1473,"svgPositionY":657,"angle":90,"size":1,"extend_attr":{"switch":{"title":"类型","val":{"selectval":"{\"fill\":\"#00FF00\"}","ridiogroup":[{"value":"{\"fill\":\"#FF0000\"}","label":"关阀"},{"value":"{\"fill\":\"#00FF00\"}","label":"开阀"}]},"type":"radiogroup"}}},{"id":"1640176068047","type":"WaterPipeValveSvg","title":"水管阀-copy-copy","svgPositionX":1423,"svgPositionY":656,"angle":90,"size":1,"extend_attr":{"switch":{"title":"类型","val":{"selectval":"{\"fill\":\"#00FF00\"}","ridiogroup":[{"value":"{\"fill\":\"#FF0000\"}","label":"关阀"},{"value":"{\"fill\":\"#00FF00\"}","label":"开阀"}]},"type":"radiogroup"}}},{"id":"1640176334081","type":"WaterPipeValveSvg","title":"水管阀","svgPositionX":1358,"svgPositionY":656,"angle":270,"size":1,"extend_attr":{"switch":{"title":"类型","val":{"selectval":"{\"fill\":\"#00FF00\"}","ridiogroup":[{"value":"{\"fill\":\"#FF0000\"}","label":"关阀"},{"value":"{\"fill\":\"#00FF00\"}","label":"开阀"}]},"type":"radiogroup"}}},{"id":"1640176351199","type":"WaterPipeValveSvg","title":"水管阀-copy","svgPositionX":1308,"svgPositionY":656,"angle":270,"size":1,"extend_attr":{"switch":{"title":"类型","val":{"selectval":"{\"fill\":\"#00FF00\"}","ridiogroup":[{"value":"{\"fill\":\"#FF0000\"}","label":"关阀"},{"value":"{\"fill\":\"#00FF00\"}","label":"开阀"}]},"type":"radiogroup"}}},{"id":"1640176357677","type":"WaterPipeValveSvg","title":"水管阀-copy-copy","svgPositionX":1258,"svgPositionY":656,"angle":270,"size":1,"extend_attr":{"switch":{"title":"类型","val":{"selectval":"{\"fill\":\"#FF0000\"}","ridiogroup":[{"value":"{\"fill\":\"#FF0000\"}","label":"关阀"},{"value":"{\"fill\":\"#00FF00\"}","label":"开阀"}]},"type":"radiogroup"}}},{"id":"1640176380440","type":"WaterPipeValveSvg","title":"水管阀","svgPositionX":1084,"svgPositionY":656,"angle":90,"size":1,"extend_attr":{"switch":{"title":"类型","val":{"selectval":"{\"fill\":\"#FF0000\"}","ridiogroup":[{"value":"{\"fill\":\"#FF0000\"}","label":"关阀"},{"value":"{\"fill\":\"#00FF00\"}","label":"开阀"}]},"type":"radiogroup"}}},{"id":"1640176471486","type":"WaterPipeValveSvg","title":"水管阀-copy","svgPositionX":1029,"svgPositionY":656,"angle":90,"size":1,"extend_attr":{"switch":{"title":"类型","val":{"selectval":"{\"fill\":\"#00FF00\"}","ridiogroup":[{"value":"{\"fill\":\"#FF0000\"}","label":"关阀"},{"value":"{\"fill\":\"#00FF00\"}","label":"开阀"}]},"type":"radiogroup"}}},{"id":"1640176478705","type":"WaterPipeValveSvg","title":"水管阀-copy-copy","svgPositionX":971,"svgPositionY":656,"angle":90,"size":1,"extend_attr":{"switch":{"title":"类型","val":{"selectval":"{\"fill\":\"#00FF00\"}","ridiogroup":[{"value":"{\"fill\":\"#FF0000\"}","label":"关阀"},{"value":"{\"fill\":\"#00FF00\"}","label":"开阀"}]},"type":"radiogroup"}}},{"id":"1640176496667","type":"WaterPipeValveSvg","title":"水管阀","svgPositionX":886,"svgPositionY":384,"angle":0,"size":1,"extend_attr":{"switch":{"title":"类型","val":{"selectval":"{\"fill\":\"#00FF00\"}","ridiogroup":[{"value":"{\"fill\":\"#FF0000\"}","label":"关阀"},{"value":"{\"fill\":\"#00FF00\"}","label":"开阀"}]},"type":"radiogroup"}}},{"id":"1640176503991","type":"WaterPipeValveSvg","title":"水管阀","svgPositionX":744,"svgPositionY":315,"angle":90,"size":1,"extend_attr":{"switch":{"title":"类型","val":{"selectval":"{\"fill\":\"#FF0000\"}","ridiogroup":[{"value":"{\"fill\":\"#FF0000\"}","label":"关阀"},{"value":"{\"fill\":\"#00FF00\"}","label":"开阀"}]},"type":"radiogroup"}}},{"id":"1640176566839","type":"WaterPipeValveSvg","title":"水管阀","svgPositionX":760,"svgPositionY":656,"angle":90,"size":1,"extend_attr":{"switch":{"title":"类型","val":{"selectval":"{\"fill\":\"#00FF00\"}","ridiogroup":[{"value":"{\"fill\":\"#FF0000\"}","label":"关阀"},{"value":"{\"fill\":\"#00FF00\"}","label":"开阀"}]},"type":"radiogroup"}}},{"id":"1640176579103","type":"WaterPipeValveSvg","title":"水管阀-copy","svgPositionX":721,"svgPositionY":656,"angle":90,"size":1,"extend_attr":{"switch":{"title":"类型","val":{"selectval":"{\"fill\":\"#00FF00\"}","ridiogroup":[{"value":"{\"fill\":\"#FF0000\"}","label":"关阀"},{"value":"{\"fill\":\"#00FF00\"}","label":"开阀"}]},"type":"radiogroup"}}},{"id":"1640176584949","type":"WaterPipeValveSvg","title":"水管阀-copy-copy","svgPositionX":682,"svgPositionY":656,"angle":90,"size":1,"extend_attr":{"switch":{"title":"类型","val":{"selectval":"{\"fill\":\"#FF0000\"}","ridiogroup":[{"value":"{\"fill\":\"#FF0000\"}","label":"关阀"},{"value":"{\"fill\":\"#00FF00\"}","label":"开阀"}]},"type":"radiogroup"}}},{"id":"1640176596084","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":675,"svgPositionY":720,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":39,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640176607387","type":"Pipeline_H_Svg","title":"管道-横向","svgPositionX":719,"svgPositionY":720,"angle":0,"size":1,"extend_attr":{"o_color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"},"i_color":{"title":"水流颜色","val":"#119bfa","type":"colorinputbox"},"startpoint_x":{"title":"起点x相对坐标","val":0,"type":"numberinputbox"},"endpoint_x":{"title":"终点x相对坐标","val":42,"type":"numberinputbox"},"o_width":{"title":"管道宽度","val":10,"type":"numberinputbox"},"i_width":{"title":"水流宽度","val":5,"type":"numberinputbox"},"svg_line_ani":{"title":"水流效果","val":{"selectval":"svg_ani_flow_back","selectgroup":[{"value":"","label":"无"},{"value":"svg_ani_flow","label":"正向"},{"value":"svg_ani_flow_back","label":"反向"},{"value":"svg_ani_flow_stop","label":"停止"}]},"type":"select"}}},{"id":"1640176639487","type":"TextSvg","title":"文字","svgPositionX":592,"svgPositionY":514,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":15,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"清洁水池","type":"textinputbox"}}},{"id":"1640176659325","type":"TextSvg","title":"文字","svgPositionX":594,"svgPositionY":543,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":13,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"40.2m","type":"textinputbox"}}},{"id":"1640176712584","type":"TextSvg","title":"文字","svgPositionX":888,"svgPositionY":512,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":15,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"喷水井","type":"textinputbox"}}},{"id":"1640176727856","type":"TextSvg","title":"文字-copy","svgPositionX":898,"svgPositionY":540,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":13,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"40.2m","type":"textinputbox"}}},{"id":"1640176738884","type":"TextSvg","title":"文字","svgPositionX":802,"svgPositionY":751,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":15,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"至过滤器","type":"textinputbox"}}},{"id":"1640176765083","type":"TextSvg","title":"文字","svgPositionX":1673,"svgPositionY":820,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":15,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"至清洁水管道","type":"textinputbox"}}},{"id":"1640176782652","type":"TextSvg","title":"文字","svgPositionX":1673,"svgPositionY":944,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#FFFFFFFF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":15,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"至排水管道","type":"textinputbox"}}},{"id":"1640176823790","type":"RightAnglePipeSvg","title":"直角管道","svgPositionX":1290,"svgPositionY":77,"angle":0,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#E28C0AFF","type":"colorinputbox"}}},{"id":"1640176846982","type":"RightAnglePipeSvg","title":"直角管道-copy","svgPositionX":1383,"svgPositionY":261,"angle":0,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#E28C0AFF","type":"colorinputbox"}}},{"id":"1640176859717","type":"RightAnglePipeSvg","title":"直角管道-copy-copy","svgPositionX":1193,"svgPositionY":266,"angle":270,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#E28C0AFF","type":"colorinputbox"}}},{"id":"1640176888933","type":"RightAnglePipeSvg","title":"直角管道","svgPositionX":1071,"svgPositionY":135,"angle":0,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640176894039","type":"RightAnglePipeSvg","title":"直角管道","svgPositionX":1046,"svgPositionY":155,"angle":0,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640176903580","type":"RightAnglePipeSvg","title":"直角管道","svgPositionX":987,"svgPositionY":229,"angle":0,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640176924648","type":"RightAnglePipeSvg","title":"直角管道","svgPositionX":1519,"svgPositionY":713,"angle":90,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640176943165","type":"RightAnglePipeSvg","title":"直角管道","svgPositionX":1265,"svgPositionY":715,"angle":180,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640176959539","type":"RightAnglePipeSvg","title":"直角管道","svgPositionX":1079,"svgPositionY":713,"angle":90,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640176973274","type":"RightAnglePipeSvg","title":"直角管道","svgPositionX":975,"svgPositionY":716,"angle":180,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640176990308","type":"RightAnglePipeSvg","title":"直角管道","svgPositionX":753,"svgPositionY":716,"angle":90,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640176999672","type":"RightAnglePipeSvg","title":"直角管道","svgPositionX":684,"svgPositionY":719,"angle":180,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640177011547","type":"RightAnglePipeSvg","title":"直角管道","svgPositionX":1025,"svgPositionY":743,"angle":90,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640177030351","type":"RightAnglePipeSvg","title":"直角管道","svgPositionX":1167,"svgPositionY":776,"angle":90,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640177040149","type":"RightAnglePipeSvg","title":"直角管道","svgPositionX":1388,"svgPositionY":863,"angle":90,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640177069901","type":"RightAnglePipeSvg","title":"直角管道","svgPositionX":721,"svgPositionY":816,"angle":180,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640177085402","type":"RightAnglePipeSvg","title":"直角管道","svgPositionX":683,"svgPositionY":407,"angle":0,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640177095096","type":"RightAnglePipeSvg","title":"直角管道","svgPositionX":555,"svgPositionY":412,"angle":270,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640177121333","type":"RightAnglePipeSvg","title":"直角管道","svgPositionX":739,"svgPositionY":51,"angle":270,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640177141230","type":"RightAnglePipeSvg","title":"直角管道-copy-copy-copy","svgPositionX":474,"svgPositionY":80,"angle":270,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#E28C0AFF","type":"colorinputbox"}}},{"id":"1640177154949","type":"RightAnglePipeSvg","title":"直角管道-copy-copy-copy-copy","svgPositionX":473,"svgPositionY":555,"angle":90,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#E28C0AFF","type":"colorinputbox"}}},{"id":"1640177173961","type":"RightAnglePipeSvg","title":"直角管道","svgPositionX":553,"svgPositionY":673,"angle":90,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640177197638","type":"RightAnglePipeSvg","title":"直角管道-copy","svgPositionX":295,"svgPositionY":869,"angle":180,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640177221645","type":"RightAnglePipeSvg","title":"直角管道-copy","svgPositionX":292,"svgPositionY":126,"angle":270,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640177230452","type":"RightAnglePipeSvg","title":"直角管道-copy-copy","svgPositionX":214,"svgPositionY":186,"angle":270,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640177290885","type":"RightAnglePipeSvg","title":"直角管道-copy","svgPositionX":148,"svgPositionY":619,"angle":180,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640177301431","type":"RightAnglePipeSvg","title":"直角管道-copy","svgPositionX":120,"svgPositionY":677,"angle":180,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640177312029","type":"RightAnglePipeSvg","title":"直角管道-copy-copy","svgPositionX":88,"svgPositionY":779,"angle":180,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640177319404","type":"RightAnglePipeSvg","title":"直角管道-copy-copy-copy","svgPositionX":67,"svgPositionY":941,"angle":180,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#0a7ae2","type":"colorinputbox"}}},{"id":"1640177356960","type":"TextSvg","title":"文字","svgPositionX":1172,"svgPositionY":394,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#000000FF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":13,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"冷却塔","type":"textinputbox"}}},{"id":"1640177383525","type":"TextSvg","title":"文字-copy","svgPositionX":1280,"svgPositionY":394,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#000000FF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":13,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"冷却塔","type":"textinputbox"}}},{"id":"1640177394245","type":"TextSvg","title":"文字-copy-copy","svgPositionX":1374,"svgPositionY":394,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#000000FF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":13,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"冷却塔","type":"textinputbox"}}},{"id":"1640177428525","type":"RightAnglePipeSvg","title":"直角管道","svgPositionX":959,"svgPositionY":386,"angle":0,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#02A463FF","type":"colorinputbox"}}},{"id":"1640177459732","type":"RightAnglePipeSvg","title":"直角管道-copy","svgPositionX":716,"svgPositionY":25,"angle":270,"size":1,"extend_attr":{"color":{"title":"管道颜色","val":"#02A463FF","type":"colorinputbox"}}},{"id":"1640178230838","type":"TextSvg","title":"文字","svgPositionX":64,"svgPositionY":199,"angle":0,"size":1,"extend_attr":{"color":{"title":"文字颜色","val":"#000000FF","type":"colorinputbox"},"font_size":{"title":"字体大小","val":15,"type":"numberinputbox"},"font_family":{"title":"字体样式","val":{"selectval":"Microsoft YaHei","selectgroup":[{"value":"Microsoft YaHei","label":"微软雅黑"},{"value":"NSimSun","label":"新宋体"}]},"type":"select"},"text":{"title":"文字内容","val":"化学加料器","type":"textinputbox"}}}]
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
deleted file mode 100644
index 3e5a139..0000000
--- a/public/index.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
-  </head>
-  <body>
-    <noscript>
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
-    </noscript>
-    <div id="app"></div>
-    <!-- built files will be auto injected -->
-  </body>
-</html>
diff --git a/public/logo.png b/public/logo.png
deleted file mode 100644
index f3d2503..0000000
Binary files a/public/logo.png and /dev/null differ
diff --git a/public/test.png b/public/test.png
deleted file mode 100644
index b4cd0d0..0000000
Binary files a/public/test.png and /dev/null differ
diff --git a/src/App.vue b/src/App.vue
index e790d76..ee193db 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,159 +1,19 @@
 <script setup lang="ts">
-// This starter template is using Vue 3 <script setup> SFCs
-// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
-import SvgEditor from './components/SvgEditor.vue';
-import SvgPrview from './components/SvgPrview.vue';
-import axios from "axios";
-import { ref } from '@vue/reactivity';
-const interval = ref<any>(null);
-const component_infos = ref([]);
-const ref_svgedit = ref();
-//要预览的数据
-const prview_data = ref<any>([]);
-//获取组件列表
-axios.get("InterfaceReturn.json").then(res => {
-  component_infos.value = res.data;
-});
-//定义一个变量用来控制演示模式 0为绘制模式 1为预览模式
-const displaymode = ref(0);
-//定义一个变量用来接收保存的svg数据
-const savesvg_data = ref([]);
-//定义一个变量用来接收保存的svgdom数据
-const savesvg_dom_data: any = ref(null);
-//定义一个方法 接收组件保存传过来的数据
-const saveSvgInfo = (svg_data: any, svg_dom: any) => {
-  savesvg_data.value = svg_data;
-  savesvg_dom_data.value = svg_dom;
-}
-const downloadSvgData = () => {
-  if (savesvg_data.value == null) {
-    alert('请先保存绘制数据');
-    return;
-  }
-  let datastr = 'data:text/json;charset=utf-8,' + encodeURIComponent(JSON.stringify(savesvg_data.value))
-  let download = document.createElement('a')
-  download.setAttribute('href', datastr)
-  download.setAttribute('download', `${new Date().getTime()}.json`)
-  download.click()
-  download.remove();
-}
-const downloadSvgDomData = () => {
-  if (savesvg_dom_data.value == null) {
-    alert('请先保存绘制数据');
-    return;
-  }
-  console.log(savesvg_dom_data.value);
-  let datastr = 'data:text;charset=utf-8,' + encodeURIComponent(savesvg_dom_data.value.outerHTML);
-  let download = document.createElement('a')
-  download.setAttribute('href', datastr)
-  download.setAttribute('download', `${new Date().getTime()}.html`)
-  download.click()
-  download.remove()
-}
-const switchMode = () => {
-  displaymode.value = displaymode.value == 0 ? 1 : 0;
-  if (displaymode.value == 1) {
-    prview_data.value = [];
-    setTimeout(() => {
-      prview_data.value = savesvg_data.value;
-    }, 500);
-  }
-}
-const loadExampleData = () => {
-  axios.get("example.json").then(res => {
-    clearInterval(interval.value)
-    prview_data.value = res.data;
-    let temp: Array<any> = [...res.data];
-    //模拟硬件工作
-    //找出所有断路器
-    let anyCircuitBreakerList = temp.filter(f => f.type == 'CircuitBreakerSvg');
-    //找出所有的电线开关
-    const anyWireBreakList = temp.filter(f => f.type == 'WireBreakSvg');
-    //找到所有饼图
-    const anyEchartsPieList = temp.filter(f => f.type == 'EchartsPieSvg');
-    //找到所有柱状图
-    const anyEchartsBasicBarSvgList = temp.filter(f => f.type == 'EchartsBasicBarSvg');
-    interval.value = setInterval(function () {
-      anyCircuitBreakerList.forEach(anyCircuitBreaker => {
-        //生成一个随机数
-        let random = Math.round(Math.random() * 10);
-        if (random < 5) {
-          (anyCircuitBreaker as any).extend_attr.switch.val.selectval = '{\"fill\":\"#FF0000\"}';
-        }
-        else {
-          (anyCircuitBreaker as any).extend_attr.switch.val.selectval = '{\"fill\":\"#00FF00\"}';
-        }
-      });
-      anyWireBreakList.forEach(anyWireBreak => {
-        //生成一个随机数
-        let random = Math.round(Math.random() * 10);
-        if (random < 5) {
-          (anyWireBreak as any).extend_attr.switch.val.selectval = '{\"x2\":-10}';
-        }
-        else {
-          (anyWireBreak as any).extend_attr.switch.val.selectval = '{\"x2\":0}';
-        }
-      });
-      anyEchartsPieList.forEach(anyEchartsPie => {
-        const temp_val = JSON.parse(anyEchartsPie.extend_attr.echarts_option.val);
-        (temp_val.series[0].data as Array<any>).forEach(f => {
-          //生成一个随机数
-          let random = Math.round(Math.random() * 100);
-          f.value = random;
-        });
-        anyEchartsPie.extend_attr.echarts_option.val = JSON.stringify(temp_val);
-      })
-      anyEchartsBasicBarSvgList.forEach(anyEchartsBasicBar => {
-        let data_arr = [Math.round(Math.random() * 300), Math.round(Math.random() * 300), Math.round(Math.random() * 300), Math.round(Math.random() * 300), Math.round(Math.random() * 300), Math.round(Math.random() * 300), Math.round(Math.random() * 300)];
-        const temp_val = JSON.parse(anyEchartsBasicBar.extend_attr.echarts_option.val);
-        temp_val.series[0].data = data_arr;
-        anyEchartsBasicBar.extend_attr.echarts_option.val = JSON.stringify(temp_val);
-      })
-      const tempa = JSON.stringify(temp)
-      prview_data.value = JSON.parse(tempa);
-    }, 2000)
-  });
-}
-const loadExample = (file_name: string) => {
-  axios.get(file_name).then(res => {
-    console.log(ref_svgedit.value);
-    (ref_svgedit.value as any).setSvgLists(res.data);
-  })
-}
+  // This starter template is using Vue 3 <script setup> SFCs
+  // Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
 </script>
 
 <template>
-  <div style="text-align: center;">
-    <span>此处为测试演示用 组件不包含此元素：</span>
-    <button class="btn" @click="loadExample('example.json')" v-if="displaymode == 0">电力系统模板</button>
-    <button class="btn" @click="loadExample('example2.json')" v-if="displaymode == 0">水务系统模板</button>
-    <button class="btn" @click="switchMode">切换到{{ displaymode == 0 ? '预览' : '绘制' }}模式</button>
-    <button class="btn" @click="downloadSvgData" v-if="displaymode == 0">下载保存数据</button>
-    <button class="btn" @click="downloadSvgDomData" v-if="displaymode == 0">下载svg数据</button>
-    <button class="btn" @click="loadExampleData" v-if="displaymode == 1">加载电力模板并模拟硬件工作</button>
-  </div>
-
-  <div style="width:1500px;height:650px;margin:0 auto">
-    <div v-show="displaymode == 0">
-      <svg-editor
-        ref="ref_svgedit"
-        :component_infos="component_infos"
-        @saveSvgInfo="saveSvgInfo"
-        :svgCanvas="{ width: 1920, height: 1080 }"
-      ></svg-editor>
-    </div>
-    <div v-show="displaymode != 0">
-      <svg-prview
-        :component_infos="component_infos"
-        :svg_data="prview_data"
-        :svgCanvas="{ width: 1920, height: 1080 }"
-      ></svg-prview>
-    </div>
-  </div>
+  <router-view></router-view>
 </template>
 
 <style>
-.btn {
-  margin-left: 1rem;
-}
+  #app {
+    font-family: Avenir, Helvetica, Arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-align: center;
+    color: #2c3e50;
+    margin-top: 60px;
+  }
 </style>
diff --git a/src/Model.ts b/src/Model.ts
deleted file mode 100644
index 9d6e3ed..0000000
--- a/src/Model.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-/**
- * @description: 数据结构
- * @param {*} commonComponentList 常规组件列表
- * @param {*} drawComponentList 绘制组件列表
- * @param {*} chartComponentList 图表组件列表
- * @return {*}
- */
-export interface ILeftImgLists {
-  commonComponentList?: Array<IComponentInfo>,
-  drawComponentList?: Array<IComponentInfo>,
-  chartComponentList?: Array<IComponentInfo>
-}
-/**
- * @description: 画好的组件数据列表
- * @param {*}
- * @return {*}
- */
-export interface ISvgDataLists {
-  id: string,
-  type?: string,
-  title?: string,
-  svgPositionX: number,
-  svgPositionY: number,
-  angle?: number,
-  size?: number,
-  extend_attr?: any
-}
-export interface ISvgCanvas {
-  width: number,
-  height: number
-}
-/**
- * @description: 组件信息格式
- * @param {*} type  组件类型
- * @param {*} title 组件显示标题
- * @param {*} panel_class 面板显示类型 拖放 绘制
- * @param {*} template 组件渲染模板
- * @param {*} props 组件传值
- * @param {*} extend_attr 组件拓展属性
- * @param {*} create_type 组件创建类型
- * @param {*} priview_img 组件预览图片
- * @return {*}
- */
-export interface IComponentInfo {
-  type?: string,
-  title?: string,
-  panel_class?: string,
-  template?: string,//
-  props?: Array<string>,
-  extend_attr?: any,
-  create_type?: string,
-  priview_img?: string
-}
-/**
- * @description: 鼠标信息
- * @param {*} status 1按下 0弹起
- * @param {*} mPositionX 鼠标x轴坐标
- * @param {*} mPositionY 鼠标y轴坐标
- * @return {*}
- */
-export interface IMouseInfo {
-  status: number,
-  mPositionX: number
-  mPositionY: number
-}
-/**
- * @description: 选中的svg属性
- * @param {*}
- * @return {*}
- */
-export interface ISelectSvg {
-  id: string,
-  index: number,
-  sPositionX: number,
-  sPositionY: number,
-  create_type: string,
-}
\ No newline at end of file
diff --git a/src/assets/css/svgAnimation/index.css b/src/assets/css/svgAnimation/index.css
deleted file mode 100644
index d75b60f..0000000
--- a/src/assets/css/svgAnimation/index.css
+++ /dev/null
@@ -1,111 +0,0 @@
-/* 正向流动效果 */
-.svg_ani_flow {
-  stroke-dasharray: 1000;
-  stroke-dashoffset: 1000;
-  animation: ani_flow 10s linear infinite;
-  animation-fill-mode: forwards;
-  -webkit-animation: ani_flow 10s linear infinite;
-  -webkit-animation-fill-mode: forwards;
-}
-
-@keyframes ani_flow {
-  from {
-    stroke-dasharray: 10, 5;
-  }
-
-  to {
-    stroke-dasharray: 13, 5;
-  }
-}
-@-webkit-keyframes ani_flow {
-  from {
-    stroke-dasharray: 10, 5;
-  }
-
-  to {
-    stroke-dasharray: 13, 5;
-  }
-}
-
-/* 停止流动效果 */
-.svg_ani_flow_stop {
-  stroke-dasharray: 1000;
-  stroke-dashoffset: 1000;
-  animation: ani_flow_stop 10s linear infinite;
-  animation-fill-mode: forwards;
-  -webkit-animation: ani_flow_stop 10s linear infinite;
-  -webkit-animation-fill-mode: forwards;
-}
-
-@keyframes ani_flow_stop {
-  from {
-    stroke-dasharray: 10, 5;
-  }
-
-  to {
-    stroke-dasharray: 10, 5;
-  }
-}
-@-webkit-keyframes ani_flow_stop {
-  from {
-    stroke-dasharray: 10, 5;
-  }
-
-  to {
-    stroke-dasharray: 10, 5;
-  }
-}
-/* 反向流动效果 */
-.svg_ani_flow_back {
-  stroke-dasharray: 1000;
-  stroke-dashoffset: 1000;
-  animation: ani_flow_back 10s linear infinite;
-  animation-fill-mode: forwards;
-  -webkit-animation: ani_flow_back 10s linear infinite;
-  -webkit-animation-fill-mode: forwards;
-}
-
-@keyframes ani_flow_back {
-  from {
-    stroke-dasharray: 13, 5;
-  }
-
-  to {
-    stroke-dasharray: 10, 5;
-  }
-}
-@-webkit-keyframes ani_flow_stop {
-  from {
-    stroke-dasharray: 10, 5;
-  }
-
-  to {
-    stroke-dasharray: 10, 5;
-  }
-}
-/* 以最大40高度填充 */
-.svg_ani_fill_h40 {
-  animation: ani_fill_h40 5s linear infinite;
-  animation-fill-mode: forwards;
-  -webkit-animation: ani_fill_h40 5s linear infinite;
-  -webkit-animation-fill-mode: forwards;
-}
-
-@keyframes ani_fill_h40 {
-  from {
-    height: 0px;
-  }
-
-  to {
-    height: 40px;
-  }
-}
-@-webkit-keyframes ani_flow_stop {
-  from {
-    stroke-dasharray: 10, 5;
-  }
-
-  to {
-    stroke-dasharray: 10, 5;
-  }
-}
\ No newline at end of file
diff --git a/src/components/BottomBar.vue b/src/components/BottomBar.vue
deleted file mode 100644
index 5fdaae2..0000000
--- a/src/components/BottomBar.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<template>
-    <n-card title="操作说明" embedded :bordered="false">
-    <ul>
-        <li>常规组件和图表组件用鼠标左键选中并按住可拖动至画布</li>
-        <li>绘制组件需先选中 再将鼠标移至画布中按住左键开始绘制 松开左键结束绘制</li>
-        <li>在画布上单击左键并按住可以拖动组件改变位置</li>
-        <li>当组件选中时会有选中效果 此时右侧面板弹出 可使用快捷键和编辑右侧面板属性更改组件</li>
-        <li>鼠标右键点击组件可以进行一些快捷操作</li>
-        <li>键盘↑↓←→可移动选中组件 ctrl+c复制当前选中组件 deleted删除当前选中组件</li>
-        <li>ctrl+键盘↑↓←→可移动组件图层</li>
-        <li>点击画布空白处可以取消选中组件 并关闭属性面板</li>
-        <li>点击《 符号可以显示或隐藏左侧面板</li>
-        <li>如果使用我的在线体验地址 请先保存绘制再切换到预览界面</li>
-        <li>更多使用帮助请参考<a href="https://github.com/yaolunmao/vue-webtopo-svgeditor">github</a>或<a href="https://gitee.com/yaolunmao/vue-webtopo-svgeditor">gitee</a></li>
-    </ul>
-    </n-card>
-</template>
-<script setup lang="ts">
-import { NCard } from "naive-ui";
-</script>
\ No newline at end of file
diff --git a/src/components/LeftToolBar.vue b/src/components/LeftToolBar.vue
deleted file mode 100644
index a5497d1..0000000
--- a/src/components/LeftToolBar.vue
+++ /dev/null
@@ -1,155 +0,0 @@
-
-<script setup lang="ts">
-import { computed, reactive, ref, watch } from 'vue';
-import { ChevronDoubleLeft20Regular, ChevronDoubleRight20Regular } from '@vicons/fluent';
-import { NIcon, NCollapse, NCollapseItem, useMessage } from "naive-ui";
-import { ILeftImgLists, IComponentInfo } from "../Model";
-const emit = defineEmits(['setCreatSvgInfo'])
-const message = useMessage();
-const props = defineProps({
-  left_imglists: {
-    type: Object as () => ILeftImgLists,
-    default: []
-  },
-  //选中的左侧工具图标
-  select_toolbar: {
-    type: String,
-    default: ''
-  }
-});
-const leftnav = reactive({
-  navclass: 'leftnavDisplay',
-  navopen: true
-});
-const clickHandleIcon = () => {
-  leftnav.navopen = !leftnav.navopen;
-  leftnav.navclass = leftnav.navclass == 'leftnavDisplay' ? 'leftnavNone' : 'leftnavDisplay'
-};
-const dragStartEvent = (leftImgItem: IComponentInfo, e: DragEvent) => {
-  //设置要创建的svg组件信息
-  emit('setCreatSvgInfo', leftImgItem);
-}
-const dragEndEvent = (leftImgItem: IComponentInfo, e: DragEvent) => {
-  //拖动时记录拖动的svg信息
-  if (e.dataTransfer?.dropEffect !== 'copy') {
-    message.error('请将组件拖到画布中!');
-    //清空已选择的信息
-    emit('setCreatSvgInfo', {});
-    return;
-  }
-}
-</script>
-<template>
-  <div :class="leftnav.navclass">
-    <div class="svgimg" v-show="leftnav.navopen">
-      <n-collapse default-expanded-names="1" accordion>
-        <n-collapse-item title="常规组件" name="1" style="margin-top: 15px;">
-          <ul class="leftImgUl">
-            <li v-for="leftImgItem in props.left_imglists.commonComponentList">
-              <img
-                :title="leftImgItem.title"
-                :src="leftImgItem.priview_img"
-                draggable="true"
-                @dragstart="dragStartEvent(leftImgItem, $event)"
-                @dragend="dragEndEvent(leftImgItem, $event)"
-              />
-            </li>
-          </ul>
-        </n-collapse-item>
-        <n-collapse-item title="绘制组件" name="2">
-          <ul class="leftImgUl">
-            <li v-for="leftImgItem in props.left_imglists.drawComponentList">
-              <img
-                :class="props.select_toolbar == leftImgItem.type ? 'svg-selected' : ''"
-                :title="leftImgItem.title"
-                :src="leftImgItem.priview_img"
-                @click="() => { emit('setCreatSvgInfo', leftImgItem) }"
-              />
-            </li>
-          </ul>
-        </n-collapse-item>
-        <n-collapse-item title="图表组件" name="3">
-          <ul class="leftImgUl">
-            <li v-for="leftImgItem in props.left_imglists.chartComponentList">
-              <img
-                :title="leftImgItem.title"
-                :src="leftImgItem.priview_img"
-                draggable="true"
-                @dragstart="dragStartEvent(leftImgItem, $event)"
-                @dragend="dragEndEvent(leftImgItem, $event)"
-              />
-            </li>
-          </ul>
-        </n-collapse-item>
-      </n-collapse>
-    </div>
-    <div class="handlehidden">
-      <n-icon class="handleicon" size="10" @click="clickHandleIcon">
-        <chevron-double-left20-regular v-if="leftnav.navopen" />
-        <chevron-double-right20-regular v-else />
-      </n-icon>
-    </div>
-  </div>
-</template>
-<style scoped>
-.leftnavDisplay,
-.leftnavNone {
-  height: 100%;
-  display: flex;
-}
-.leftnavDisplay {
-  width: 210px;
-}
-.leftnavNone {
-  width: 10px;
-}
-.svgimg {
-  /* background-color: green; */
-  height: 100%;
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  overflow: overlay;
-}
-.svgimg::-webkit-scrollbar {
-  display: none;
-}
-.handlehidden {
-  height: 100%;
-  width: 10px;
-  background-color: grey;
-}
-.handleicon {
-  top: 50%;
-  cursor: pointer;
-  position: relative;
-}
-.leftImgUl {
-  display: flex;
-  flex-wrap: wrap;
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.leftImgUl li {
-  width: calc(33.33% - 30px);
-  margin: 0 15px 15px 15px;
-  padding: 0;
-  border-radius: 50%;
-  box-shadow: 1px 1px 5px #ddd;
-  cursor: pointer;
-  align-items: center;
-  justify-content: center;
-  display: flex;
-}
-.leftImgUl li :hover {
-  box-shadow: 1px 1px 10px #ccc;
-  border-radius: 50%;
-}
-.leftImgUl img {
-  width: 100%;
-}
-.svg-selected {
-  outline: 1px solid #0cf;
-}
-</style>
\ No newline at end of file
diff --git a/src/components/RightToolBar.vue b/src/components/RightToolBar.vue
deleted file mode 100644
index b2f4fc4..0000000
--- a/src/components/RightToolBar.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<script setup lang="ts">
-import { reactive, ref } from "vue";
-import { NForm, NFormItem, NInput, NInputNumber, NColorPicker, NRadioGroup, NSpace, NRadio,NSelect } from "naive-ui";
-import { ISvgDataLists } from "../Model";
-
-const props = defineProps({
-  set_svg_info: {
-    type: Object as () => ISvgDataLists,
-    default: {}
-  }
-});
-</script>
-<template>
-  <div class="rightnav">
-    <div style="margin-left: 2rem;margin-top: 1rem;">
-      <n-form size="small" label-placement="left">
-        <n-form-item label="标识">
-          <span>{{ props.set_svg_info.id }}</span>
-        </n-form-item>
-        <n-form-item label="类型">
-          <span>{{ props.set_svg_info.type }}</span>
-        </n-form-item>
-        <n-form-item label="名称">
-          <n-input placeholder="请输入名称" v-model:value="props.set_svg_info.title" />
-        </n-form-item>
-        <n-form-item label="x轴坐标">
-          <n-input-number v-model:value="props.set_svg_info.svgPositionX" :min="0" />
-        </n-form-item>
-        <n-form-item label="y轴坐标">
-          <n-input-number v-model:value="props.set_svg_info.svgPositionY" :min="0" />
-        </n-form-item>
-        <n-form-item label="大小">
-          <n-input-number v-model:value="props.set_svg_info.size" :min="1" :step="0.1" />
-        </n-form-item>
-        <n-form-item label="旋转">
-          <n-input-number v-model:value="props.set_svg_info.angle" />
-        </n-form-item>
-        <n-form-item v-for="item in props.set_svg_info.extend_attr" :label="item.title">
-          <n-input-number v-if="item.type == 'numberinputbox'" v-model:value="item.val" />
-          <n-color-picker
-            v-else-if="item.type == 'colorinputbox'"
-            :modes="['hex']"
-            v-model:value="item.val"
-          />
-          <n-input
-            v-else-if="item.type == 'textinputbox'"
-            :placeholder="`请输入${item.title}`"
-            v-model:value="item.val"
-          />
-          <n-input
-            v-else-if="item.type == 'textareainputbox'"
-            :placeholder="`请输入${item.title}`"
-            type="textarea"
-            v-model:value="item.val"
-          />
-          <n-radio-group v-model:value="item.val.selectval" v-else-if="item.type == 'radiogroup'">
-            <n-space>
-              <n-radio
-                v-for="ridioitem in item.val.ridiogroup"
-                :key="ridioitem.value"
-                :value="ridioitem.value"
-              >{{ ridioitem.label }}</n-radio>
-            </n-space>
-          </n-radio-group>
-          <n-select v-else-if="item.type == 'select'" v-model:value="item.val.selectval" :options="item.val.selectgroup" />
-
-        </n-form-item>
-      </n-form>
-    </div>
-  </div>
-</template>
-<style scoped>
-.rightnav {
-  width: 250px;
-  height: 100%;
-  overflow: auto;
-}
-.rightnav::-webkit-scrollbar {
-  display: none;
-}
-</style>
\ No newline at end of file
diff --git a/src/components/SvgDynamic.vue b/src/components/SvgDynamic.vue
deleted file mode 100644
index a6fcee1..0000000
--- a/src/components/SvgDynamic.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<script setup lang="ts">
-import { reactive, ref, createApp, markRaw,provide } from "vue";
-import { use } from "echarts/core";
-import { SVGRenderer } from "echarts/renderers";
-import { PieChart,BarChart } from "echarts/charts";
-import {
-  TitleComponent,
-  TooltipComponent,
-  LegendComponent,
-  GridComponent
-} from "echarts/components";
-import { THEME_KEY } from "vue-echarts";
-use([
-  SVGRenderer,
-  PieChart,
-  TitleComponent,
-  TooltipComponent,
-  LegendComponent,
-  GridComponent,
-  BarChart
-]);
-provide(THEME_KEY, "default")
-const props = defineProps({
-    component_type: {
-        type: String as () => any,
-        default: ''
-    },
-    component_template: {
-        type: String as () => any,
-        default: ''
-    },
-    component_props: {
-        type: Array as () => Array<any>,
-        default: ''
-    },
-    component_attr: {
-        type: Object as () => any,
-        default: {}
-    },
-});
-const component_info = markRaw({
-    template: props.component_template,
-    props: ['prop_data']
-});
-</script>
-
-<template>
-    <component :is="component_info" :prop_data="props.component_attr"></component>
-</template>
-
diff --git a/src/components/SvgEditor.vue b/src/components/SvgEditor.vue
deleted file mode 100644
index 310cc5b..0000000
--- a/src/components/SvgEditor.vue
+++ /dev/null
@@ -1,555 +0,0 @@
-<script setup lang="ts">
-import { computed, reactive, Ref, ref, watch } from 'vue';
-import TopToolBar from './TopBar.vue';
-import LeftToolBar from './LeftToolBar.vue';
-import RightToolBar from './RightToolBar.vue';
-import BottomBar from './BottomBar.vue';
-import { NMessageProvider } from "naive-ui";
-import { IComponentInfo, ISvgDataLists, ISvgCanvas, ILeftImgLists, IMouseInfo, ISelectSvg } from "../Model";
-import SvgDynamic from "./SvgDynamic.vue";
-import "../assets/css/svgAnimation/index.css";
-import { moveUp, moveDown, moveLeft, moveRight, hotkeyCopy, hotkeyDel, hotkeyPutOnTop, hotkeyPutOnButtom, hotkeyPutOnUp, hotkeyPutOnDown } from "../func/HotkeyFunc";
-const emit = defineEmits(['saveSvgInfo']);
-const props = defineProps({
-  //组件的json格式
-  component_infos: {
-    type: Array as () => Array<IComponentInfo>,
-    required: true,
-    default: []
-  },
-  svgCanvas: {
-    type: Object as () => ISvgCanvas,
-    default: { width: 1520, height: 720 }
-  }
-});
-const svg_dom_ref = ref<null | HTMLElement>(null);
-const contextMenuRef = ref<HTMLElement>();
-const svgLists: ISvgDataLists[] = reactive([]);
-const topbar_dom_ref = ref(null);
-//显示右键菜单
-const display_contextmenu = ref(false);
-//右键菜单数据
-const contextmenu_data = reactive([{
-  name: "复制",
-  hotkey: "Ctrl+C",
-  enable: true,
-  fun: function () {
-    if (!this.enable) {
-      return;
-    }
-    hotkeyCopy(svgLists, select_svg);
-    display_contextmenu.value = false;
-  }
-}, {
-  name: "删除",
-  hotkey: "Delete",
-  enable: false,
-  fun: function () {
-    if (!this.enable) {
-      return;
-    }
-    hotkeyDel(svgLists, select_svg);
-    display_contextmenu.value = false;
-  }
-}, {
-  name: "置于顶层",
-  hotkey: "Ctrl+→",
-  enable: true,
-  fun: function () {
-    if (!this.enable) {
-      return;
-    }
-    hotkeyPutOnTop(svgLists, select_svg);
-    display_contextmenu.value = false;
-  }
-}, {
-  name: "置于底层",
-  hotkey: "Ctrl+←",
-  enable: true,
-  fun: function () {
-    if (!this.enable) {
-      return;
-    }
-    hotkeyPutOnButtom(svgLists, select_svg);
-    display_contextmenu.value = false;
-  }
-}, {
-  name: "置于上一层",
-  hotkey: "Ctrl+↑",
-  enable: true,
-  fun: function () {
-    if (!this.enable) {
-      return;
-    }
-    hotkeyPutOnUp(svgLists, select_svg);
-    display_contextmenu.value = false;
-  }
-}, {
-  name: "置于下一层",
-  hotkey: "Ctrl+↓",
-  enable: true,
-  fun: function () {
-    if (!this.enable) {
-      return;
-    }
-    hotkeyPutOnDown(svgLists, select_svg);
-    display_contextmenu.value = false;
-  }
-}]);
-const set_svg_info: Ref<ISvgDataLists> = ref({
-  id: '', title: '', svgPositionX: 0, svgPositionY: 0
-});
-//选中的svg
-const select_svg: ISelectSvg = reactive({
-  id: '',
-  index: 0,
-  sPositionX: 0,
-  sPositionY: 0,
-  create_type: ''
-});
-//选中的左侧工具栏的svg
-const select_lefttool: Ref<IComponentInfo> = ref({});
-//左侧工具栏svg列表
-const leftimg_lists: Ref<ILeftImgLists> = ref({
-  commonComponentList: [],
-  drawComponentList: [],
-  chartComponentList: []
-});
-//选中的左侧工具栏
-const select_toolbar: Ref<string | undefined> = ref('');
-//记录鼠标信息
-const mouseInfo: IMouseInfo = reactive({
-  status: 0,
-  mPositionX: 0,
-  mPositionY: 0
-});
-const rightnav_open = ref(false);
-/**
- * @description: 从左侧工具栏拖动组件到画布触发的事件
- * @param {*}
- * @return {*}
- */
-const dropEvent = (e: DragEvent) => {
-  //当左侧工具栏拖动到此处时在画布上创建该组件
-  if (Object.keys(select_lefttool.value).length < 1) {
-    //未选择任何组件
-    return;
-  }
-  //在鼠标位置创建当前组件
-  const create_svg: ISvgDataLists = {
-    id: `${new Date().getTime()}`,
-    type: select_lefttool.value.type,
-    title: select_lefttool.value.title,
-    svgPositionX: e.offsetX,
-    svgPositionY: e.offsetY,
-    angle: 0,
-    size: 1,
-    extend_attr: JSON.parse(JSON.stringify(select_lefttool.value.extend_attr))
-  }
-  svgLists.push(create_svg);
-  //清空左侧工具选中
-  select_lefttool.value = {};
-
-}
-const dragEnterEvent = (e: DragEvent) => {
-  //dragenter和dragover一定要阻止浏览器默认行为 不然不会触发drop
-  rightnav_open.value = false;
-  e.preventDefault();
-}
-const dragOverEvent = (e: DragEvent) => {
-  //dragenter和dragover一定要阻止浏览器默认行为 不然不会触发drop
-  e.preventDefault();
-}
-/**
- * @description: 设置要创建组件的信息
- * @param {*} createsvg_info 选中的组件信息
- * @return {*}
- */
-const setCreatSvgInfo = (createsvg_info: IComponentInfo) => {
-  select_lefttool.value = createsvg_info;
-  select_toolbar.value = createsvg_info.type;
-}
-/**
- * @description: 保存绘制组件后的数据和svgdom
- * @param {*}
- * @return {*}
- */
-const saveSvgInfo = () => {
-  if (svgLists.length == 0) {
-    (topbar_dom_ref.value as any).saveSvgInfoRes({ code: 2, msg: '请先绘制图像!' });
-    return;
-  }
-  (topbar_dom_ref.value as any).saveSvgInfoRes(svgLists.length > 0 ? { code: 1, msg: '保存成功!' } : { code: 0, msg: '保存失败!' });
-  emit('saveSvgInfo', svgLists, svg_dom_ref.value)
-}
-/**
- * @description: 鼠标点击画布上svg触发事件
- * @param {*}
- * @return {*}
- */
-const mouseDownEvent = (selectsvg: ISvgDataLists, index: number, e: MouseEvent) => {
-  e.preventDefault();
-  e.cancelBubble = true;
-  //清空左侧工具选中
-  select_lefttool.value = {};
-  //鼠标在画布上的组件按下记录选中的组件信息和鼠标位置信息等
-  ({ id: select_svg.id, svgPositionX: select_svg.sPositionX, svgPositionY: select_svg.sPositionY } = selectsvg);
-  rightnav_open.value = false;
-  select_svg.index = index;
-  select_svg.create_type = "draggable"
-  mouseInfo.status = 1;
-  mouseInfo.mPositionX = e.clientX;
-  mouseInfo.mPositionY = e.clientY;
-}
-const mouseMoveEvent = (e: MouseEvent) => {
-  //如果鼠标不是按下状态或者没有选择组件
-  if (mouseInfo.status != 1 || !select_svg.id) {
-    return;
-  }
-  const { clientX, clientY } = e;
-  if (select_svg.create_type == "draggable") {
-    let new_select_svg = { ...select_svg };
-    new_select_svg.sPositionX += clientX - mouseInfo.mPositionX;
-    new_select_svg.sPositionY += clientY - mouseInfo.mPositionY;
-    //更新视图
-    ({ sPositionX: svgLists[select_svg.index].svgPositionX, sPositionY: svgLists[select_svg.index].svgPositionY } = new_select_svg);
-  }
-  else if (select_svg.create_type == "draw") {
-    //拓展属性里未配置的属性不进行赋值
-    if (svgLists[select_svg.index].extend_attr?.startpoint_x?.val != null) {
-      svgLists[select_svg.index].extend_attr.startpoint_x.val = 0;
-    }
-    if (svgLists[select_svg.index].extend_attr?.startpoint_y?.val != null) {
-      svgLists[select_svg.index].extend_attr.startpoint_y.val = 0;
-    }
-    if (svgLists[select_svg.index].extend_attr?.endpoint_x?.val != null) {
-      svgLists[select_svg.index].extend_attr.endpoint_x.val = clientX - mouseInfo.mPositionX;
-    }
-    if (svgLists[select_svg.index].extend_attr?.endpoint_y?.val != null) {
-      svgLists[select_svg.index].extend_attr.endpoint_y.val = clientY - mouseInfo.mPositionY;
-    }
-  }
-
-}
-const mouseUpEvent = (e: MouseEvent) => {
-  //如果鼠标不是按下状态或者没有选择组件
-  if (mouseInfo.status != 1 || !select_svg.id) {
-    return;
-  }
-  mouseInfo.status = 0;
-  rightnav_open.value = true;
-  set_svg_info.value = svgLists[select_svg.index];
-  //清空左侧工具选中
-  select_lefttool.value = {};
-  select_toolbar.value = '';
-
-}
-/**
- * @description: 鼠标点击画布
- * @param {*}
- * @return {*}
- */
-const mouseDownCanvasEvent = (e: MouseEvent) => {
-  //判断当前是否有选中的工具栏
-  if (Object.keys(select_lefttool.value).length < 1) {
-    rightnav_open.value = false;
-    select_svg.id = '';
-    return;
-  }
-  //在当前位置创建要绘制的组件
-  const create_svg: ISvgDataLists = {
-    id: `${new Date().getTime()}`,
-    type: select_lefttool.value.type,
-    title: select_lefttool.value.title,
-    svgPositionX: e.offsetX,
-    svgPositionY: e.offsetY,
-    angle: 0,
-    size: 1,
-    extend_attr: JSON.parse(JSON.stringify(select_lefttool.value.extend_attr))//这个响应式对象我治不了了 所以只能写两次转换
-  }
-  svgLists.push(create_svg);
-  //设置全局选中的组件信息
-  ({ id: select_svg.id, svgPositionX: select_svg.sPositionX, svgPositionY: select_svg.sPositionY } = create_svg);
-  rightnav_open.value = false;
-  select_svg.index = svgLists.length - 1;
-  select_svg.create_type = "draw"
-  mouseInfo.status = 1;
-  mouseInfo.mPositionX = e.clientX;
-  mouseInfo.mPositionY = e.clientY;
-}
-/**
- * @description: 鼠标右键
- * @param {*}
- * @return {*}
- */
-const contextmenuEvent = (e: MouseEvent) => {
-  e.preventDefault();
-  display_contextmenu.value = true;
-  (contextMenuRef.value as any).style.left = e.pageX + 'px';
-  (contextMenuRef.value as any).style.top = e.pageY + 'px';
-  contextmenu_data.map(m => m.enable = true);
-  //判断当前选中组件的index
-  if (svgLists.length === 1) {
-    //禁用下移
-    contextmenu_data[3].enable = false;
-    contextmenu_data[5].enable = false;
-    //禁用上移
-    contextmenu_data[2].enable = false;
-    contextmenu_data[4].enable = false;
-  }
-  else if (select_svg.index === 0) {
-    //禁用下移
-    contextmenu_data[3].enable = false;
-    contextmenu_data[5].enable = false;
-
-  }
-  else if (select_svg.index === svgLists.length - 1) {
-    //禁用上移
-    contextmenu_data[2].enable = false;
-    contextmenu_data[4].enable = false;
-  }
-
-}
-
-/**
- * @description: 点击页面其他位置隐藏右键菜单
- * @param {*}
- * @return {*}
- */
-const documentClickEvent = (e: MouseEvent) => {
-  if (e.button !== 2) {
-    display_contextmenu.value = false;
-
-  }
-}
-watch(() => [...props.component_infos], (newval, oldval) => {
-  leftimg_lists.value = {
-    commonComponentList: newval.filter(f => f.panel_class == 'common'),
-    drawComponentList: newval.filter(f => f.panel_class == 'draw'),
-    chartComponentList: newval.filter(f => f.panel_class == 'chart')
-  };
-});
-//监听键盘
-document.onkeydown = function (e) {
-  //如果没选中组件
-  if (!select_svg.id) {
-    return;
-  }
-  if (!e.ctrlKey && e.key == 'ArrowUp') {
-    e.preventDefault();
-    moveUp(svgLists, select_svg);
-  } else if (!e.ctrlKey && e.key == 'ArrowDown') {
-    e.preventDefault();
-    moveDown(svgLists, select_svg);
-  } else if (!e.ctrlKey && e.key == 'ArrowLeft') {
-    e.preventDefault();
-    moveLeft(svgLists, select_svg);
-  } else if (!e.ctrlKey && e.key == 'ArrowRight') {
-    e.preventDefault();
-    moveRight(svgLists, select_svg);
-  }
-  //ctrl  c
-  else if (e.ctrlKey && e.key.toLowerCase() == 'c') {
-    e.preventDefault();
-    hotkeyCopy(svgLists, select_svg);
-  }
-  //deleted
-  else if (e.key == 'Delete') {
-    e.preventDefault();
-    hotkeyDel(svgLists, select_svg);
-    rightnav_open.value = false;
-  }
-  //上移一层
-  else if (e.ctrlKey && e.key == 'ArrowUp') {
-    e.preventDefault();
-    hotkeyPutOnUp(svgLists, select_svg);
-  }
-  //下移一层
-  else if (e.ctrlKey && e.key == 'ArrowDown') {
-    e.preventDefault();
-    hotkeyPutOnDown(svgLists, select_svg);
-  }
-  //置于底层
-  else if (e.ctrlKey && e.key == 'ArrowLeft') {
-    e.preventDefault();
-    hotkeyPutOnButtom(svgLists, select_svg);
-  }
-  //置于顶层
-  else if (e.ctrlKey && e.key == 'ArrowRight') {
-    e.preventDefault();
-    hotkeyPutOnTop(svgLists, select_svg);
-  }
-}
-const setSvgLists = (new_val: ISvgDataLists[]) => {
-  svgLists.length = 0;
-  svgLists.push(...new_val);
-  emit('saveSvgInfo', svgLists, svg_dom_ref.value)
-}
-defineExpose({
-  setSvgLists
-})
-</script>
-
-<template>
-  <div class="navtop">
-    <n-message-provider>
-      <top-tool-bar @saveSvgInfo="saveSvgInfo" ref="topbar_dom_ref"></top-tool-bar>
-    </n-message-provider>
-  </div>
-  <div class="ancestors" @mousedown="documentClickEvent">
-    <div class="navleft">
-      <n-message-provider>
-        <left-tool-bar
-          :left_imglists="leftimg_lists"
-          :select_toolbar="select_toolbar"
-          @setCreatSvgInfo="setCreatSvgInfo"
-        ></left-tool-bar>
-      </n-message-provider>
-    </div>
-    <div
-      class="warp"
-      @drop="dropEvent"
-      @dragenter="dragEnterEvent"
-      @dragover="dragOverEvent"
-      @mousemove="mouseMoveEvent"
-      @mouseup="mouseUpEvent"
-      @mousedown="mouseDownCanvasEvent"
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        style="background-color:#000000;"
-        :width="svgCanvas.width"
-        :height="svgCanvas.height"
-        :viewBox="`0 0 ${svgCanvas.width} ${svgCanvas.height}`"
-        ref="svg_dom_ref"
-      >
-        <defs />
-        <filter x="0" y="0" width="1" height="1" id="solid">
-          <feFlood flood-color="rgb(255,255,255)" />
-          <feComposite in="SourceGraphic" />
-        </filter>
-        <g
-          style="cursor:pointer"
-          :class="item.id == select_svg.id ? 'svg-selected' : ''"
-          v-for="(item,index) in svgLists"
-          :key="item.id"
-          :id="item.id"
-          :transform="'translate(' + (item.svgPositionX) + ',' + (item.svgPositionY) + ')' + 'rotate(' + item.angle + ')' + 'scale(' + item.size + ')'"
-          @mousedown="mouseDownEvent(item, index, $event)"
-          @contextmenu.stop="contextmenuEvent"
-        >
-          <svg-dynamic
-            :component_type="item.type"
-            :component_template="props.component_infos.filter(f => f.type == item.type)[0].template"
-            :component_props="props.component_infos.filter(f => f.type == item.type)[0].props"
-            :component_attr="item"
-          />
-        </g>
-      </svg>
-    </div>
-    <div class="navright" v-show="rightnav_open">
-      <right-tool-bar :set_svg_info="set_svg_info"></right-tool-bar>
-    </div>
-  </div>
-  <div class="navbuttom">
-    <bottom-bar></bottom-bar>
-  </div>
-  <!-- 右键菜单 -->
-  <ul ref="contextMenuRef" class="contextMenu" v-show="display_contextmenu">
-    <li v-for="(item,index) in contextmenu_data" :key="index" @click="item.fun()">
-      <p :class="item.enable ? '' : 'disabled'">
-        {{ item.name }}
-        <span class="shortcut">{{ item.hotkey }}</span>
-      </p>
-    </li>
-  </ul>
-</template>
-
-<style scoped>
-.contextMenu {
-  position: absolute;
-  z-index: 99999;
-  background: #ffffff;
-  padding: 5px 0;
-  margin: 0px;
-  display: block;
-  border-radius: 5px;
-  box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.3);
-}
-
-.contextMenu li {
-  list-style: none;
-  padding: 0px;
-  margin: 0px;
-}
-
-.contextMenu .shortcut {
-  width: 115px;
-  text-align: right;
-  float: right;
-}
-
-.contextMenu p {
-  text-decoration: none;
-  display: block;
-  padding: 0px 15px 1px 20px;
-  margin: 0;
-  user-select: none;
-  -webkit-user-select: none;
-}
-
-.contextMenu p:hover {
-  background-color: #0cf;
-  color: #ffffff;
-  cursor: default;
-}
-
-.contextMenu .disabled {
-  color: #999;
-}
-.contextMenu .disabled:hover {
-  color: #999;
-  background-color: transparent;
-}
-.contextMenu li.separator {
-  border-top: solid 1px #e3e3e3;
-  padding-top: 5px;
-  margin-top: 5px;
-}
-.ancestors {
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  height: 100%;
-}
-.ancestors .navleft {
-  width: auto;
-  height: 100%;
-  /* border-left: solid 1px rgb(239, 239, 245); */
-}
-.ancestors .warp {
-  overflow: auto;
-  width: 100%;
-  height: 100%;
-}
-.ancestors .navright {
-  width: auto;
-  height: 100%;
-  /*background-color: aqua;*/
-}
-.navtop {
-  width: 100%;
-  height: 60px;
-  border-bottom: solid 1px rgb(239, 239, 245);
-}
-.navbuttom {
-  width: 100%;
-  height: 60px;
-}
-.svg-selected {
-  outline: 1px solid #0cf;
-}
-.warp::-webkit-scrollbar {
-  display: none;
-}
-</style>
diff --git a/src/components/SvgPrview.vue b/src/components/SvgPrview.vue
deleted file mode 100644
index 7e4568a..0000000
--- a/src/components/SvgPrview.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<template>
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        style="background-color:#000000;"
-        width="100%"
-        height="100%"
-        :viewBox="`0 0 ${props.svgCanvas.width} ${props.svgCanvas.height}`"
-    >
-        <g
-            v-for="(item,index) in props.svg_data"
-            :key="item.id"
-            :id="item.id"
-            :transform="'translate(' + (item.svgPositionX) + ',' + (item.svgPositionY) + ')' + 'rotate(' + item.angle + ')' + 'scale(' + item.size + ')'"
-        >
-            <svg-dynamic
-                :component_type="item.type"
-                :component_template="props.component_infos.filter(f => f.type == item.type)[0].template"
-                :component_props="props.component_infos.filter(f => f.type == item.type)[0].props"
-                :component_attr="item"
-            />
-        </g>
-    </svg>
-</template>
-<script setup lang="ts">
-import SvgDynamic from "./SvgDynamic.vue";
-import { ISvgDataLists, ISvgCanvas, IComponentInfo } from "../Model";
-import  "../assets/css/svgAnimation/index.css";
-const props = defineProps({
-    //组件的json格式
-    component_infos: {
-        type: Array as () => Array<IComponentInfo>,
-        required: true,
-        default: []
-    },
-    //要渲染的数据
-    svg_data: {
-        type: Array as () => Array<ISvgDataLists>,
-        required: true,
-        default: []
-    },
-    svgCanvas: {
-        type: Object as () => ISvgCanvas,
-        default: { width: 1520, height: 720 }
-    }
-});
-</script>
\ No newline at end of file
diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
deleted file mode 100644
index d660794..0000000
--- a/src/components/TopBar.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-<template>
-    <div style="padding: 10px;display: flex;">
-        <img title="基于vue3+ts+svg的web组件编辑器" class="logoimg" src="../assets/logo.png" />
-        <span class="logotext">vue-webtopo-svgeditor</span>
-        <div style="display: flex;width: 100%;flex-direction: row-reverse;">
-            <a href="https://www.cnblogs.com/Hero-/p/14784744.html" target="_blank" class="a-link">
-                <n-button text>帮助</n-button>
-            </a>
-            <a href="https://github.com/yaolunmao/vue-webtopo-svgeditor" target="_blank" class="a-link">
-                <n-button text>Github</n-button>
-            </a>
-            <n-popover trigger="hover">
-                <template #trigger>
-                    <n-button text class="button-class">v3.0</n-button>
-                </template>
-                <div>这个点了没什么用 不过会变色</div>
-                <div>说实话 这个版本号就是瞎写的 一点都不严谨</div>
-            </n-popover>
-            <n-button type="primary" class="button-class" @click="() => { emit('saveSvgInfo') }">保存</n-button>
-        </div>
-    </div>
-</template>
-<script setup lang="ts">
-import { NButton, useMessage, NPopover } from "naive-ui";
-const message = useMessage();
-const emit = defineEmits(['saveSvgInfo']);
-defineExpose({
-    /**
-     * @description: 保存svg结果 父组件调用用
-     * @param {*}type 0失败 1成功 2警告
-     * @return {*}
-     */
-    saveSvgInfoRes(type: any) {
-        if (type?.code == 0) {
-            message.error(type?.msg);
-        }
-        else if (type?.code == 1) {
-            message.success(type?.msg);
-        }
-        else if (type?.code == 2) {
-            message.warning(type?.msg);
-        }
-    }
-})
-</script>
-<style>
-.logoimg {
-    height: 2rem;
-    min-width: 2rem;
-    margin-right: 0.1rem;
-    margin-top: 0.2rem;
-}
-.logotext {
-    font-size: 0.8rem;
-    font-weight: 700;
-    color: #2c3e50;
-    margin-top: 0.7rem;
-    width: 30%;
-}
-.a-link {
-    text-decoration: none;
-    margin-right: 1.5rem;
-    align-self: center;
-}
-.button-class {
-    margin-right: 1.5rem;
-}
-</style>
\ No newline at end of file
diff --git a/src/components/webtopo-svgedit/components/bottom-panel/index.vue b/src/components/webtopo-svgedit/components/bottom-panel/index.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/webtopo-svgedit/components/center-panel/index.vue b/src/components/webtopo-svgedit/components/center-panel/index.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/webtopo-svgedit/components/left-panel/index.vue b/src/components/webtopo-svgedit/components/left-panel/index.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/webtopo-svgedit/components/right-panel/index.vue b/src/components/webtopo-svgedit/components/right-panel/index.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/webtopo-svgedit/components/top-panel/index.vue b/src/components/webtopo-svgedit/components/top-panel/index.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/webtopo-svgedit/index.vue b/src/components/webtopo-svgedit/index.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/env.d.ts b/src/env.d.ts
index d27eb5a..d970c85 100644
--- a/src/env.d.ts
+++ b/src/env.d.ts
@@ -1,8 +1,8 @@
 /// <reference types="vite/client" />
 
 declare module '*.vue' {
-  import { DefineComponent } from 'vue'
+  import type { DefineComponent } from 'vue';
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
-  const component: DefineComponent<{}, {}, any>
-  export default component
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
 }
diff --git a/src/export.ts b/src/export.ts
deleted file mode 100644
index 57a9662..0000000
--- a/src/export.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import SvgEditor from './components/SvgEditor.vue';
-import SvgPrview from './components/SvgPrview.vue';
-import ECharts from 'vue-echarts';
-export { SvgEditor,SvgPrview,ECharts as VChart }
\ No newline at end of file
diff --git a/src/func/HotkeyFunc.ts b/src/func/HotkeyFunc.ts
deleted file mode 100644
index 3d215c1..0000000
--- a/src/func/HotkeyFunc.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-import { IComponentInfo, ISvgDataLists, ISvgCanvas, ILeftImgLists, IMouseInfo, ISelectSvg } from "../Model";
-/**
- * 组件上移
- * @param svgLists 
- * @param select_svg 
- */
-export function moveUp(svgLists: ISvgDataLists[], select_svg: ISelectSvg) {
-    svgLists[select_svg.index].svgPositionY -= 1;
-}
-/**
- * 组件下移
- * @param svgLists 
- * @param select_svg 
- */
-export function moveDown(svgLists: ISvgDataLists[], select_svg: ISelectSvg) {
-    svgLists[select_svg.index].svgPositionY += 1;
-}
-/**
- * 组件左移
- * @param svgLists 
- * @param select_svg 
- */
-export function moveLeft(svgLists: ISvgDataLists[], select_svg: ISelectSvg) {
-    svgLists[select_svg.index].svgPositionX -= 1;
-}
-/**
- * 组件右移
- * @param svgLists 
- * @param select_svg 
- */
-export function moveRight(svgLists: ISvgDataLists[], select_svg: ISelectSvg) {
-    svgLists[select_svg.index].svgPositionX += 1;
-}
-/**
- * 组件复制
- * @param svgLists 
- * @param select_svg 
- */
-export function hotkeyCopy(svgLists: ISvgDataLists[], select_svg: ISelectSvg) {
-    svgLists.push({
-        ...(JSON.parse(JSON.stringify(svgLists[select_svg.index]))),
-        id: `${new Date().getTime()}`,
-        svgPositionX: svgLists[select_svg.index].svgPositionX + 10,
-        svgPositionY: svgLists[select_svg.index].svgPositionY + 10,
-        title: svgLists[select_svg.index].title + `-copy`
-    })
-}
-/**
- * 组件删除
- * @param svgLists 
- * @param select_svg 
- */
-export function hotkeyDel(svgLists: ISvgDataLists[], select_svg: ISelectSvg) {
-    svgLists.splice(select_svg.index, 1);
-}
-/**
- * 组件置于顶层
- * @param svgLists 
- * @param select_svg 
- */
-export function hotkeyPutOnTop(svgLists: ISvgDataLists[], select_svg: ISelectSvg) {
-    const temp = svgLists[select_svg.index];
-    svgLists.splice(select_svg.index, 1);
-    svgLists.push(temp);
-    select_svg.index = svgLists.length - 1;
-}
-/**
- * 组件置于底层
- * @param svgLists 
- * @param select_svg 
- */
-export function hotkeyPutOnButtom(svgLists: ISvgDataLists[], select_svg: ISelectSvg) {
-    const temp = svgLists[select_svg.index];
-    svgLists.splice(select_svg.index, 1);
-    svgLists.unshift(temp);
-    select_svg.index = 0;
-}
-/**
- * 组件上移一层
- * @param svgLists 
- * @param select_svg 
- */
-export function hotkeyPutOnUp(svgLists: ISvgDataLists[], select_svg: ISelectSvg) {
-    if (svgLists.length === 1 || select_svg.index === svgLists.length - 1) {
-        return;
-    }
-    const temp = svgLists[select_svg.index];
-    svgLists[select_svg.index] = svgLists[select_svg.index + 1];
-    svgLists[select_svg.index + 1] = temp;
-    select_svg.index += 1;
-}
-/**
- * 组件下移一层
- * @param svgLists 
- * @param select_svg 
- */
-export function hotkeyPutOnDown(svgLists: ISvgDataLists[], select_svg: ISelectSvg) {
-    if (svgLists.length === 1 || select_svg.index === 0) {
-        return;
-    }
-    const temp = svgLists[select_svg.index];
-    svgLists[select_svg.index] = svgLists[select_svg.index - 1];
-    svgLists[select_svg.index - 1] = temp;
-    select_svg.index -= 1;
-}
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
index 87cc148..a5969c5 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,6 +1,6 @@
-import { createApp } from 'vue'
-import App from './App.vue'
-import ECharts from 'vue-echarts';
+import { createApp } from 'vue';
+import App from './App.vue';
+import router from './router/index';
 const app = createApp(App);
-app.component('v-chart', ECharts);
+app.use(router);
 app.mount('#app');
diff --git a/src/router/index.ts b/src/router/index.ts
new file mode 100644
index 0000000..f392002
--- /dev/null
+++ b/src/router/index.ts
@@ -0,0 +1,23 @@
+import { createRouter, createWebHistory } from 'vue-router';
+export const constantRoutes = [
+  {
+    path: '/',
+    redirect: '/edit'
+  },
+  {
+    name: 'edit',
+    path: '/edit',
+    component: () => import('../views/edit/index.vue')
+  },
+  {
+    name: 'preview',
+    path: '/preview',
+    component: () => import('../views/preview/index.vue')
+  }
+];
+const router = createRouter({
+  history: createWebHistory(), // hash模式：createWebHashHistory，history模式：createWebHistory
+  routes: constantRoutes
+});
+
+export default router;
diff --git a/src/views/edit/index.vue b/src/views/edit/index.vue
new file mode 100644
index 0000000..7a1822c
--- /dev/null
+++ b/src/views/edit/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>编辑页</div>
+</template>
diff --git a/src/views/preview/index.vue b/src/views/preview/index.vue
new file mode 100644
index 0000000..f2a8b8e
--- /dev/null
+++ b/src/views/preview/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>预览页</div>
+</template>
diff --git a/tsconfig.json b/tsconfig.json
index 8617c8a..bcc4abd 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -8,8 +8,11 @@
     "jsx": "preserve",
     "sourceMap": true,
     "resolveJsonModule": true,
+    "isolatedModules": true,
     "esModuleInterop": true,
-    "lib": ["esnext", "dom"]
+    "lib": ["esnext", "dom"],
+    "skipLibCheck": true
   },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "references": [{ "path": "./tsconfig.node.json" }]
 }
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..e993792
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "esnext",
+    "moduleResolution": "node"
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/vite.config.ts b/vite.config.ts
index cb4f8cf..bcf58a9 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,28 +1,14 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import path from 'path'
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import eslintPlugin from 'vite-plugin-eslint';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue()],
-  alias: {
-    'vue': 'vue/dist/vue.esm-bundler.js' // 定义vue的别名，如果使用其他的插件，可能会用到别名
-  },
-  build: {
-    lib: {
-      entry: path.resolve(__dirname, 'src/export.ts'),
-      name: 'vue-webtopo-svgeditor',
-      fileName: (format) => `vue-webtopo-svgeditor.${format}.ts`
-    },
-    rollupOptions: {
-      // 确保外部化处理那些你不想打包进库的依赖
-      external: ['vue'],
-      output: {
-        // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
-        globals: {
-          vue: 'Vue'
-        }
-      }
-    }
-  }
-})
+  plugins: [
+    vue(),
+    eslintPlugin({
+      cache: false,
+      include: ['src/**/*.vue', 'src/**/*.ts', 'src/**/*.tsx'] // 检查的文件
+    })
+  ]
+});