diff --git a/.eslintrc-auto-import.json b/.eslintrc-auto-import.json
new file mode 100644
index 0000000..7803db6
--- /dev/null
+++ b/.eslintrc-auto-import.json
@@ -0,0 +1,58 @@
+{
+    "globals": {
+        "EffectScope": true,
+        "computed": true,
+        "createApp": true,
+        "customRef": true,
+        "defineAsyncComponent": true,
+        "defineComponent": true,
+        "effectScope": true,
+        "getCurrentInstance": true,
+        "getCurrentScope": true,
+        "h": true,
+        "inject": true,
+        "isProxy": true,
+        "isReactive": true,
+        "isReadonly": true,
+        "isRef": true,
+        "markRaw": true,
+        "nextTick": true,
+        "onActivated": true,
+        "onBeforeMount": true,
+        "onBeforeUnmount": true,
+        "onBeforeUpdate": true,
+        "onDeactivated": true,
+        "onErrorCaptured": true,
+        "onMounted": true,
+        "onRenderTracked": true,
+        "onRenderTriggered": true,
+        "onScopeDispose": true,
+        "onServerPrefetch": true,
+        "onUnmounted": true,
+        "onUpdated": true,
+        "provide": true,
+        "reactive": true,
+        "readonly": true,
+        "ref": true,
+        "resolveComponent": true,
+        "shallowReactive": true,
+        "shallowReadonly": true,
+        "shallowRef": true,
+        "toRaw": true,
+        "toRef": true,
+        "toRefs": true,
+        "triggerRef": true,
+        "unref": true,
+        "useAttrs": true,
+        "useCssModule": true,
+        "useCssVars": true,
+        "useSlots": true,
+        "watch": true,
+        "watchEffect": true,
+        "watchPostEffect": true,
+        "watchSyncEffect": true,
+        "ElMessageBox": true,
+        "ElMessage": true,
+        "ElNotification": true
+    }
+}
\ No newline at end of file
diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 0000000..6dc7f56
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,26 @@
+module.exports = {
+    "env": {
+        "browser": true,
+        "es2021": true
+    },
+    "parser": "vue-eslint-parser",
+    "extends": [
+        "eslint:recommended",
+        "plugin:vue/vue3-essential",
+        "plugin:@typescript-eslint/recommended",
+        './.eslintrc-auto-import.json'
+    ],
+    "parserOptions": {
+        "ecmaVersion": "latest",
+        "parser": "@typescript-eslint/parser",
+        "sourceType": "module"
+    },
+    "plugins": [
+        "vue",
+        "@typescript-eslint"
+    ],
+    "rules": {
+      '@typescript-eslint/no-explicit-any': 0,
+      'vue/multi-word-component-names': 0
+    }
+}
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..9e19b88
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,8 @@
+{
+  "printWidth": 200,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "semi": false,
+  "trailingComma": "none",
+  "arrowParens": "avoid"
+}
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..30b15e2
--- /dev/null
+++ b/README.md
@@ -0,0 +1,16 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
+
+## Type Support For `.vue` Imports in TS
+
+Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's Take Over mode by following these steps:
+
+1. Run `Extensions: Show Built-in Extensions` from VS Code's command palette, look for `TypeScript and JavaScript Language Features`, then right click and select `Disable (Workspace)`. By default, Take Over mode will enable itself if the default TypeScript extension is disabled.
+2. Reload the VS Code window by running `Developer: Reload Window` from the command palette.
+
+You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/volar/discussions/471).
diff --git a/build/css.ts b/build/css.ts
new file mode 100644
index 0000000..eb7409b
--- /dev/null
+++ b/build/css.ts
@@ -0,0 +1,28 @@
+export default {
+  preprocessorOptions: {
+    scss: {
+      additionalData: '@use "@/css/element-var.scss" as *;$--color-primary: #1E54D5;$namesapce:czhj;',
+    },
+    less: {
+      javascriptEnabled: true,
+      modifyVars: {
+        'primary-color': '#1E54D5'
+      },
+      charset: false
+    },
+    // postcss: {
+    //   plugins: [
+    //     {
+    //       postcssPlugin: 'internal:charset-removal',
+    //       AtRule: {
+    //         charset: (atRule: any) => {
+    //           if (atRule.name === 'charset') {
+    //             atRule.remove()
+    //           }
+    //         }
+    //       }
+    //     }
+    //   ]
+    // }
+  }
+}
\ No newline at end of file
diff --git a/build/deploy.sh b/build/deploy.sh
new file mode 100644
index 0000000..ac5d0c9
--- /dev/null
+++ b/build/deploy.sh
@@ -0,0 +1,14 @@
+#!/bin/bash
+###
+ # @Author: Haijun Zhang
+ # @Date: 2022-11-03 09:46:32
+ # @LastEditTime: 2022-11-14 15:18:08
+ # @LastEditors: Haijun Zhang
+ # @Description: 
+ # @FilePath: \main-web-qiankun\build\deploy.sh
+### 
+host=${1:-trunk};
+pnpm build;
+
+ssh root@${host} "cd /opt/cmp/consoles/cmc-web;rm -rf static index.html";
+scp -r ./cmc-web/static ./cmc-web/index.html  root@"${host}":/opt/cmp/consoles/cmc-web;
\ No newline at end of file
diff --git a/build/plugin.ts b/build/plugin.ts
new file mode 100644
index 0000000..049390a
--- /dev/null
+++ b/build/plugin.ts
@@ -0,0 +1,84 @@
+/*
+ * @Author: Haijun Zhang
+ * @Date: 2022-11-10 10:46:38
+ * @LastEditTime: 2022-11-10 12:10:52
+ * @LastEditors: Haijun Zhang
+ * @Description: 
+ * @FilePath: \main-web-qiankun\build\plugin.ts
+ */
+import vue from '@vitejs/plugin-vue'
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
+import Components from 'unplugin-vue-components/vite'
+import { AntDesignVueResolver, ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+import Icons from 'unplugin-icons/vite'
+import IconsResolver from 'unplugin-icons/resolver'
+import AutoImport from 'unplugin-auto-import/vite'
+import { createStyleImportPlugin } from 'vite-plugin-style-import'
+import path from 'path'
+import Unocss from 'unocss/vite'
+import eslintPlugin from 'vite-plugin-eslint'
+
+const pathSrc = path.resolve(__dirname, '../src')
+export default [
+  vue(),
+  AutoImport({
+    // 自动导入 Vue 相关函数，如：ref, reactive, toRef 等
+    imports: ['vue'],
+    // 自动导入 Element Plus 相关函数，如：ElMessage, ElMessageBox...
+    resolvers: [
+      ElementPlusResolver(),
+      // 自动导入图标组件
+      IconsResolver({
+        prefix: 'Icon',
+      })
+    ],
+    eslintrc: {
+      // 已存在文件设置默认 false，需要更新时再打开，防止每次更新都重新生成
+      enabled: false,
+      // 生成文件地址和名称
+      filepath: './.eslintrc-auto-import.json',
+      globalsPropValue: true,
+    },
+    dts: path.resolve(pathSrc, 'auto-imports.d.ts'),
+  }),
+  createSvgIconsPlugin({
+    // Specify the icon folder to be cached
+    iconDirs: [path.resolve(process.cwd(), './src/icons/svg')],
+    // Specify symbolId format
+    symbolId: 'icon-[dir]-[name]'
+  }),
+  Components({
+    resolvers: [
+      AntDesignVueResolver(),
+      ElementPlusResolver({
+        importStyle: 'sass'
+      }),
+      // 自动注册图标组件
+      IconsResolver({
+        prefix: 'icon',
+        // enabledCollections: ['ep'],
+      })
+    ],
+    dts: path.resolve(pathSrc, 'components.d.ts'),
+  }),
+  Icons({
+    autoInstall: true,
+  }),
+  createStyleImportPlugin({
+    libs: [
+      // 
+      {
+        libraryName: 'element-plus',
+        esModule: true,
+        resolveStyle: (name) => {
+          const component = name.replace('el-', '');
+          return `element-plus/theme-chalk/src/${component}.scss`
+        }
+      }
+    ]
+  }),
+  Unocss(),
+  eslintPlugin({
+    include: ['src/**/*.ts', 'src/**/*.vue', 'src/**/*.js'],
+  })
+]
\ No newline at end of file
diff --git a/build/server.ts b/build/server.ts
new file mode 100644
index 0000000..85485a3
--- /dev/null
+++ b/build/server.ts
@@ -0,0 +1,30 @@
+const httpType = 'http://'
+const proxyUrl = 'yw.iaserver.online:60006' // 代理地址设置
+export default {
+  port: 8080,
+  host: true,
+  proxy: {
+    // '/api/sms/messageService': {
+    //   target: `ws://${proxyUrl}`,
+    //   changeOrigin: true,
+    //   ws: true
+    // },
+    '/api': {
+      target: httpType + proxyUrl,
+      changeOrigin: true,
+      secure: false
+    },
+    '/config-files': {
+      target: httpType + proxyUrl,
+      secure: false
+    },
+    '/cof-web': {
+      target: httpType + proxyUrl,
+      secure: false
+    },
+    '/web-common-resource': {
+      target: httpType + proxyUrl,
+      secure: false
+    }
+  }
+}
\ No newline at end of file
diff --git a/commitlint.config.js b/commitlint.config.js
new file mode 100644
index 0000000..83a5378
--- /dev/null
+++ b/commitlint.config.js
@@ -0,0 +1,5 @@
+
+// eslint-disable-next-line no-undef
+module.exports = {
+  extends: ['@commitlint/config-conventional']
+};
diff --git a/deoloy/nginx.conf b/deoloy/nginx.conf
new file mode 100644
index 0000000..af74509
--- /dev/null
+++ b/deoloy/nginx.conf
@@ -0,0 +1,179 @@
+user nginx;
+worker_processes auto;
+error_log /var/log/nginx/error.log;
+pid /run/nginx.pid;
+
+# Load dynamic modules. See /usr/share/nginx/README.dynamic.
+include /usr/share/nginx/modules/*.conf;
+
+events {
+    worker_connections 1024;
+}
+
+http {
+    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
+                      '$status $body_bytes_sent "$http_referer" '
+                      '"$http_user_agent" "$http_x_forwarded_for"';
+
+    # access_log  /var/log/nginx/access.log  main;
+
+    sendfile            on;
+    tcp_nopush          on;
+    tcp_nodelay         on;
+    keepalive_timeout   65;
+    types_hash_max_size 2048;
+    add_header X-Frame-Options SAMEORIGIN always;
+    client_max_body_size 300m;
+
+    include             /etc/nginx/mime.types;
+    default_type        application/octet-stream;
+
+    # Load modular configuration files from the /etc/nginx/conf.d directory.
+    # See http://nginx.org/en/docs/ngx_core_module.html#include
+    # for more information.
+    include /etc/nginx/conf.d/*.conf;
+
+    upstream gateways {
+        least_conn;
+            server  cmp-10-20-12-60:8000;
+        }
+    
+
+    map $http_upgrade $connection_upgrade {
+        default upgrade;
+        ''   close;
+    }
+
+    gzip on;
+    gzip_min_length 1k;
+    gzip_buffers 4 16k;
+    #gzip_http_version 1.0;
+    gzip_comp_level 7;
+    gzip_types text/plain application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
+    gzip_vary off;
+    gzip_disable "MSIE [1-6]\.";
+    server {
+        listen       60006 ssl;
+        server_name  localhost;
+        root         /opt/cmp/consoles/cmc-web/;
+        ssl_certificate  /etc/nginx/bocloud.crt;
+        ssl_certificate_key  /etc/nginx/bocloud.key;
+        ssl_protocols  TLSv1 TLSv1.1 TLSv1.2;
+        ssl_ciphers    HIGH:!aNULL:!MD5;
+        keepalive_timeout 60;
+        error_page  497 400 404 500 /web-common-resource/errors/400.html;
+
+        location / {
+            index  index.html index.htm;
+            try_files  $uri $uri/ /index.html;
+        }
+        location  ~^/(sub-app|plugins)/([\w-]+)/ {
+            add_header Access-Control-Allow-Origin *;
+            add_header Access-Control-Allow-Methods *;
+            add_header Access-Control-Allow-Headers *;
+	          index index.html  index.htm;
+            try_files $uri $uri/ /$1/$2//index.html;
+        }
+        location  /web-common-resource {
+            add_header Access-Control-Allow-Origin *;
+            add_header Access-Control-Allow-Methods *;
+            add_header Access-Control-Allow-Headers *;
+            alias   /opt/cmp/consoles/com-web/;
+        }
+        location /api/terminal {
+            proxy_pass https://$arg_real_host;
+            proxy_connect_timeout 60;
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_pass_header X-XSRF-TOKEN;
+            proxy_set_header Host $host;
+            proxy_set_header X-Real_IP $remote_addr;
+            proxy_set_header X-Forwarded-For $remote_addr:$remote_port;
+            proxy_set_header Connection "upgrade";
+            rewrite "^/api/terminal/(.*)$" /$1 break;
+        }
+        location /api {
+            proxy_pass http://gateways;
+            proxy_connect_timeout 60;
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_pass_header X-XSRF-TOKEN;
+            proxy_set_header Host $host;
+            proxy_set_header X-Real_IP $remote_addr;
+            proxy_set_header X-Forwarded-For $remote_addr:$remote_port;
+            proxy_set_header Connection "upgrade";
+        }
+        location  ~^/(attachment|config-files) {
+            root /home/cmp/;
+        }
+    }
+
+    server {
+        listen       60008 ssl;
+        server_name  localhost;
+        root         /opt/cmp/consoles/csc-web/;
+        ssl_certificate  /etc/nginx/bocloud.crt;
+        ssl_certificate_key  /etc/nginx/bocloud.key;
+        ssl_protocols  TLSv1 TLSv1.1 TLSv1.2;
+        ssl_ciphers    HIGH:!aNULL:!MD5;
+        keepalive_timeout 60;
+        error_page  497 400 404 500 /web-common-resource/errors/400.html;
+
+        location / {
+            index  index.html index.htm;
+            try_files  $uri $uri/ /index.html;
+        }
+        location /api {
+            proxy_pass http://gateways;
+            proxy_connect_timeout 60;
+            proxy_http_version 1.1;
+            proxy_pass_header X-XSRF-TOKEN;
+            proxy_redirect http:// https://;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header X-Forwarded-Proto https;
+            proxy_set_header Host $host;
+            proxy_set_header X-Real_IP $remote_addr;
+            proxy_set_header X-Forwarded-For $remote_addr:$remote_port;
+            proxy_set_header Connection "upgrade";
+        }
+        location  ~^/(sub-app|plugins)/([\w-]+)/ {
+            add_header Access-Control-Allow-Origin *;
+            add_header Access-Control-Allow-Methods *;
+            add_header Access-Control-Allow-Headers *;
+	          index index.html  index.htm;
+            try_files $uri $uri/ /$1/$2/index.html;
+        }
+        location  /web-common-resource {
+            alias   /opt/cmp/consoles/com-web/;
+        }
+        location /api/terminal {
+            proxy_pass https://$arg_real_host;
+            proxy_connect_timeout 60;
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_pass_header X-XSRF-TOKEN;
+            proxy_set_header Host $host;
+            proxy_set_header X-Real_IP $remote_addr;
+            proxy_set_header X-Forwarded-For $remote_addr:$remote_port;
+            proxy_set_header Connection "upgrade";
+            rewrite "^/api/terminal/(.*)$" /$1 break;
+        }
+        location  ~^/(attachment|config-files) {
+            root /home/cmp/;
+        }
+    }
+}
+
+
+stream {
+    upstream mon {
+        least_conn;
+        server cmp-10-20-12-60:162;
+    }
+    server {
+        listen 1162 udp reuseport;
+        proxy_pass mon;
+        proxy_timeout 1m;
+        proxy_connect_timeout 60s;
+    }
+}
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..9716397
--- /dev/null
+++ b/index.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+    <!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> -->
+    <title>混合云管理平台</title>
+    <link rel="stylesheet" href="/web-common-resource/css/loading.css">
+</head>
+
+<body id="cmp">
+    <div class="loading">
+        <div class="loader-inner line-scale-pulse-out-rapid">
+            <div></div>
+            <div></div>
+            <div></div>
+            <div></div>
+            <div></div>
+        </div>
+    </div>
+    <div id="master-container"></div>
+    <script type="module" src="/src/main.ts"></script>
+    <script type="module" src="/cof-web/config.js"></script>
+    <!-- <script src="/web-common-resource/dll/vue@2.6.14.min.js" global></script>
+    <script src="/web-common-resource/dll/dll.vendor.js" global></script>
+    <script src="/web-common-resource/dll/dll.element.js" global></script>
+    <script src="/web-common-resource/dll/element-ui@2.13.0/index.min.js" global></script> -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..6ac3b3e
--- /dev/null
+++ b/package.json
@@ -0,0 +1,68 @@
+{
+    "name": "main-web",
+    "version": "6.5.0",
+    "private": true,
+    "author": "Haijun Zhang <zhanghaijun@beyondcent.com>",
+    "scripts": {
+        "serve": "vite",
+        "build": "vue-tsc --noEmit && vite build",
+        "preview": "vite preview",
+        "lint": "eslint src/**/*.{js,jsx,vue,ts,tsx} --fix",
+        "precommit": "lint-staged"
+    },
+    "dependencies": {
+        "axios": "^0.27.2",
+        "clipboard": "^2.0.11",
+        "cmp-socket": "1.0.0",
+        "crypto-js": "^4.1.1",
+        "dayjs": "^1.11.4",
+        "element-plus": "^2.2.12",
+        "js-cookie": "^3.0.1",
+        "lodash-es": "^4.17.21",
+        "nprogress": "^0.2.0",
+        "path-to-regexp": "^6.2.1",
+        "qiankun": "^2.7.4",
+        "qs": "^6.11.0",
+        "vue": "^3.2.37",
+        "vue-router": "^4.1.3",
+        "vuex": "^4.0.2"
+    },
+    "devDependencies": {
+        "@commitlint/cli": "^17.0.3",
+        "@commitlint/config-conventional": "^17.0.3",
+        "@iconify-json/ep": "^1.1.6",
+        "@types/js-cookie": "^3.0.2",
+        "@types/node": "^18.6.2",
+        "@types/nprogress": "^0.2.0",
+        "@typescript-eslint/eslint-plugin": "^5.32.0",
+        "@typescript-eslint/parser": "^5.32.0",
+        "@vitejs/plugin-vue": "^3.0.0",
+        "consola": "^2.15.3",
+        "eslint": "^8.21.0",
+        "eslint-plugin-vue": "^9.3.0",
+        "fast-glob": "^3.2.11",
+        "sass": "^1.54.0",
+        "typescript": "^4.6.4",
+        "unocss": "^0.45.1",
+        "unplugin-auto-import": "^0.10.2",
+        "unplugin-icons": "^0.14.7",
+        "unplugin-vue-components": "^0.21.2",
+        "vite": "^3.0.0",
+        "vite-plugin-eslint": "^1.7.0",
+        "vite-plugin-style-import": "^2.0.0",
+        "vite-plugin-svg-icons": "^2.0.1",
+        "vue-tsc": "^0.38.4"
+    },
+    "lint-staged": {
+        "src/**/*.{js,vue}": [
+            "eslint --fix",
+            "git add"
+        ]
+    },
+    "husky": {
+        "hooks": {
+            "pre-commit": "lint-staged",
+            "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
+        }
+    }
+}
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
new file mode 100644
index 0000000..da4856e
--- /dev/null
+++ b/pnpm-lock.yaml
@@ -0,0 +1,4696 @@
+lockfileVersion: 5.3
+
+specifiers:
+  '@commitlint/cli': ^17.0.3
+  '@commitlint/config-conventional': ^17.0.3
+  '@iconify-json/ep': ^1.1.6
+  '@types/js-cookie': ^3.0.2
+  '@types/node': ^18.6.2
+  '@types/nprogress': ^0.2.0
+  '@typescript-eslint/eslint-plugin': ^5.32.0
+  '@typescript-eslint/parser': ^5.32.0
+  '@vitejs/plugin-vue': ^3.0.0
+  axios: ^0.27.2
+  clipboard: ^2.0.11
+  cmp-socket: 1.0.0
+  consola: ^2.15.3
+  crypto-js: ^4.1.1
+  dayjs: ^1.11.4
+  element-plus: ^2.2.12
+  eslint: ^8.21.0
+  eslint-plugin-vue: ^9.3.0
+  fast-glob: ^3.2.11
+  js-cookie: ^3.0.1
+  lodash-es: ^4.17.21
+  nprogress: ^0.2.0
+  path-to-regexp: ^6.2.1
+  qiankun: ^2.7.4
+  qs: ^6.11.0
+  sass: ^1.54.0
+  typescript: ^4.6.4
+  unocss: ^0.45.1
+  unplugin-auto-import: ^0.10.2
+  unplugin-icons: ^0.14.7
+  unplugin-vue-components: ^0.21.2
+  vite: ^3.0.0
+  vite-plugin-eslint: ^1.7.0
+  vite-plugin-style-import: ^2.0.0
+  vite-plugin-svg-icons: ^2.0.1
+  vue: ^3.2.37
+  vue-router: ^4.1.3
+  vue-tsc: ^0.38.4
+  vuex: ^4.0.2
+
+dependencies:
+  axios: 0.27.2
+  clipboard: 2.0.11
+  cmp-socket: 1.0.0
+  crypto-js: 4.1.1
+  dayjs: 1.11.4
+  element-plus: 2.2.12_vue@3.2.37
+  js-cookie: 3.0.1
+  lodash-es: 4.17.21
+  nprogress: 0.2.0
+  path-to-regexp: 6.2.1
+  qiankun: 2.7.4
+  qs: 6.11.0
+  vue: 3.2.37
+  vue-router: 4.1.3_vue@3.2.37
+  vuex: 4.0.2_vue@3.2.37
+
+devDependencies:
+  '@commitlint/cli': 17.0.3
+  '@commitlint/config-conventional': 17.0.3
+  '@iconify-json/ep': 1.1.6
+  '@types/js-cookie': 3.0.2
+  '@types/node': 18.6.2
+  '@types/nprogress': 0.2.0
+  '@typescript-eslint/eslint-plugin': 5.32.0_43a51d9e2446a740dea4259743d3ab3e
+  '@typescript-eslint/parser': 5.32.0_eslint@8.21.0+typescript@4.7.4
+  '@vitejs/plugin-vue': 3.0.1_vite@3.0.3+vue@3.2.37
+  consola: 2.15.3
+  eslint: 8.21.0
+  eslint-plugin-vue: 9.3.0_eslint@8.21.0
+  fast-glob: 3.2.11
+  sass: 1.54.0
+  typescript: 4.7.4
+  unocss: 0.45.1_vite@3.0.3
+  unplugin-auto-import: 0.10.2_vite@3.0.3
+  unplugin-icons: 0.14.7_vite@3.0.3
+  unplugin-vue-components: 0.21.2_vite@3.0.3+vue@3.2.37
+  vite: 3.0.3_sass@1.54.0
+  vite-plugin-eslint: 1.7.0_eslint@8.21.0+vite@3.0.3
+  vite-plugin-style-import: 2.0.0_vite@3.0.3
+  vite-plugin-svg-icons: 2.0.1_vite@3.0.3
+  vue-tsc: 0.38.9_typescript@4.7.4
+
+packages:
+
+  /@ampproject/remapping/2.2.0:
+    resolution: {integrity: sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      '@jridgewell/gen-mapping': 0.1.1
+      '@jridgewell/trace-mapping': 0.3.14
+    dev: true
+
+  /@antfu/install-pkg/0.1.0:
+    resolution: {integrity: sha512-VaIJd3d1o7irZfK1U0nvBsHMyjkuyMP3HKYVV53z8DKyulkHKmjhhtccXO51WSPeeSHIeoJEoNOKavYpS7jkZw==}
+    dependencies:
+      execa: 5.1.1
+      find-up: 5.0.0
+    dev: true
+
+  /@antfu/utils/0.5.2:
+    resolution: {integrity: sha512-CQkeV+oJxUazwjlHD0/3ZD08QWKuGQkhnrKo3e6ly5pd48VUpXbb77q0xMU4+vc2CkJnDS02Eq/M9ugyX20XZA==}
+    dev: true
+
+  /@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'}
+
+  /@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.9:
+    resolution: {integrity: sha512-9uJveS9eY9DJ0t64YbIBZICtJy8a5QrDEVdiLCG97fVLpDTpGX7t8mMSb6OWw6Lrnjqj4O8zwjELX3dhoMgiBg==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+    dependencies:
+      '@babel/types': 7.18.9
+
+  /@babel/runtime/7.18.9:
+    resolution: {integrity: sha512-lkqXDcvlFT5rvEjiu6+QYO+1GXrEHRo2LOtS7E4GtX5ESIZOgepqsZBVIj6Pv+a6zqsya9VCgiK1KAK4BvJDAw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      regenerator-runtime: 0.13.9
+    dev: false
+
+  /@babel/types/7.18.9:
+    resolution: {integrity: sha512-WwMLAg2MvJmt/rKEVQBBhIVffMmnilX4oe0sRe7iPOHIGsqpruFHHdrfj4O1CMMtgMtCU4oPafZjDPCRgO57Wg==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-validator-identifier': 7.18.6
+      to-fast-properties: 2.0.0
+
+  /@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.6.2
+      chalk: 4.1.2
+      cosmiconfig: 7.0.1
+      cosmiconfig-typescript-loader: 2.0.2_1611b4c5cd7b2d49a7e7b69ba7ff579e
+      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
+
+  /@ctrl/tinycolor/3.4.1:
+    resolution: {integrity: sha512-ej5oVy6lykXsvieQtqZxCOaLT+xD4+QNarq78cIYISHmZXshCvROLudpQN3lfL8G0NL7plMSSK+zlyvCaIJ4Iw==}
+    engines: {node: '>=10'}
+    dev: false
+
+  /@element-plus/icons-vue/2.0.6_vue@3.2.37:
+    resolution: {integrity: sha512-lPpG8hYkjL/Z97DH5Ei6w6o22Z4YdNglWCNYOPcB33JCF2A4wye6HFgSI7hEt9zdLyxlSpiqtgf9XcYU+m5mew==}
+    peerDependencies:
+      vue: ^3.2.0
+    dependencies:
+      vue: 3.2.37
+    dev: false
+
+  /@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.3
+      globals: 13.17.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
+
+  /@floating-ui/core/0.7.3:
+    resolution: {integrity: sha512-buc8BXHmG9l82+OQXOFU3Kr2XQx9ys01U/Q9HMIrZ300iLc8HLMgh7dcCqgYzAzf4BkoQvDcXf5Y+CuEZ5JBYg==}
+    dev: false
+
+  /@floating-ui/dom/0.5.4:
+    resolution: {integrity: sha512-419BMceRLq0RrmTSDxn8hf9R3VCJv2K9PUfugh5JyEFmdjzDo+e8U5EdR8nzKq8Yj1htzLm3b6eQEEam3/rrtg==}
+    dependencies:
+      '@floating-ui/core': 0.7.3
+    dev: false
+
+  /@humanwhocodes/config-array/0.10.4:
+    resolution: {integrity: sha512-mXAIHxZT3Vcpg83opl1wGlVZ9xydbfZO3r5YfRSH6Gpp2J/PfdBP0wbDa2sO6/qRbcalpoevVyW6A/fI6LfeMw==}
+    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/gitignore-to-minimatch/1.0.2:
+    resolution: {integrity: sha512-rSqmMJDdLFUsyxR6FMtD00nfQKKLFb1kv+qBbOVKqErvloEIJLo5bDTJTQNTYgeyp78JsA7u/NPi5jT1GR/MuA==}
+    dev: true
+
+  /@humanwhocodes/object-schema/1.2.1:
+    resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
+    dev: true
+
+  /@iconify-json/ep/1.1.6:
+    resolution: {integrity: sha512-EJNIHVsBOOfH6cuRqzPJT+zTnLPcLQGu3/WIENEXpWQ0wwIkaSWAewmPjS1ksvu4rf1lLJEgMimuivIrGSONKA==}
+    dependencies:
+      '@iconify/types': 1.1.0
+    dev: true
+
+  /@iconify/types/1.1.0:
+    resolution: {integrity: sha512-Jh0llaK2LRXQoYsorIH8maClebsnzTcve+7U3rQUSnC11X4jtPnFuyatqFLvMxZ8MLG8dB4zfHsbPfuvxluONw==}
+    dev: true
+
+  /@iconify/utils/1.0.33:
+    resolution: {integrity: sha512-vGeAqo7aGPxOQmGdVoXFUOuyN+0V7Lcrx2EvaiRjxUD1x6Om0Tvq2bdm7E24l2Pz++4S0mWMCVFXe/17EtKImQ==}
+    dependencies:
+      '@antfu/install-pkg': 0.1.0
+      '@antfu/utils': 0.5.2
+      '@iconify/types': 1.1.0
+      debug: 4.3.4
+      kolorist: 1.5.1
+      local-pkg: 0.4.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@jridgewell/gen-mapping/0.1.1:
+    resolution: {integrity: sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      '@jridgewell/set-array': 1.1.2
+      '@jridgewell/sourcemap-codec': 1.4.14
+    dev: true
+
+  /@jridgewell/resolve-uri/3.1.0:
+    resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==}
+    engines: {node: '>=6.0.0'}
+    dev: true
+
+  /@jridgewell/set-array/1.1.2:
+    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
+    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.14:
+    resolution: {integrity: sha512-bJWEfQ9lPTvm3SneWwRFVLzrh6nhjwqw7TUFFBEMzwvg7t7PCDenf2lDwqo4NQXzdpgBXyFgDWnQA+2vkruksQ==}
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.0
+      '@jridgewell/sourcemap-codec': 1.4.14
+    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
+
+  /@polka/url/1.0.0-next.21:
+    resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==}
+    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
+
+  /@sxzz/popperjs-es/2.11.7:
+    resolution: {integrity: sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==}
+    dev: false
+
+  /@trysound/sax/0.2.0:
+    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
+    engines: {node: '>=10.13.0'}
+    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': 1.0.0
+      '@types/json-schema': 7.0.11
+    dev: true
+
+  /@types/estree/1.0.0:
+    resolution: {integrity: sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==}
+    dev: true
+
+  /@types/js-cookie/3.0.2:
+    resolution: {integrity: sha512-6+0ekgfusHftJNYpihfkMu8BWdeHs9EOJuGcSofErjstGPfPGEu9yTu4t460lTzzAMl2cM5zngQJqPMHbbnvYA==}
+    dev: true
+
+  /@types/json-schema/7.0.11:
+    resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==}
+    dev: true
+
+  /@types/lodash-es/4.17.6:
+    resolution: {integrity: sha512-R+zTeVUKDdfoRxpAryaQNRKk3105Rrgx2CFRClIgRGaqDTdjsm8h6IYA8ir584W3ePzkZfst5xIgDwYrlh9HLg==}
+    dependencies:
+      '@types/lodash': 4.14.182
+    dev: false
+
+  /@types/lodash/4.14.182:
+    resolution: {integrity: sha512-/THyiqyQAP9AfARo4pF+aCGcyiQ94tX/Is2I7HofNRqoYLgN1PBoOWu2/zTA5zMxzP5EFutMtWtGAFRKUe961Q==}
+    dev: false
+
+  /@types/minimist/1.2.2:
+    resolution: {integrity: sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==}
+    dev: true
+
+  /@types/node/18.6.2:
+    resolution: {integrity: sha512-KcfkBq9H4PI6Vpu5B/KoPeuVDAbmi+2mDBqGPGUgoL7yXQtcWGu2vJWmmRkneWK3Rh0nIAX192Aa87AqKHYChQ==}
+    dev: true
+
+  /@types/normalize-package-data/2.4.1:
+    resolution: {integrity: sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==}
+    dev: true
+
+  /@types/nprogress/0.2.0:
+    resolution: {integrity: sha512-1cYJrqq9GezNFPsWTZpFut/d4CjpZqA0vhqDUPFWYKF1oIyBz5qnoYMzR+0C/T96t3ebLAC1SSnwrVOm5/j74A==}
+    dev: true
+
+  /@types/parse-json/4.0.0:
+    resolution: {integrity: sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==}
+    dev: true
+
+  /@types/svgo/2.6.3:
+    resolution: {integrity: sha512-5sP0Xgo0dXppY0tbYF6TevB/1+tzFLuu71XXxC/zGvQAn9PW7y+DwtDO81g0ZUPye00K6tPwtsLDOpARa0mFcA==}
+    dependencies:
+      '@types/node': 18.6.2
+    dev: true
+
+  /@types/web-bluetooth/0.0.14:
+    resolution: {integrity: sha512-5d2RhCard1nQUC3aHcq/gHzWYO6K0WJmAbjO7mQJgCQKtZpgXxv1rOM6O/dBDhDYYVutk1sciOgNSe+5YyfM8A==}
+    dev: false
+
+  /@typescript-eslint/eslint-plugin/5.32.0_43a51d9e2446a740dea4259743d3ab3e:
+    resolution: {integrity: sha512-CHLuz5Uz7bHP2WgVlvoZGhf0BvFakBJKAD/43Ty0emn4wXWv5k01ND0C0fHcl/Im8Td2y/7h44E9pca9qAu2ew==}
+    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.32.0_eslint@8.21.0+typescript@4.7.4
+      '@typescript-eslint/scope-manager': 5.32.0
+      '@typescript-eslint/type-utils': 5.32.0_eslint@8.21.0+typescript@4.7.4
+      '@typescript-eslint/utils': 5.32.0_eslint@8.21.0+typescript@4.7.4
+      debug: 4.3.4
+      eslint: 8.21.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.32.0_eslint@8.21.0+typescript@4.7.4:
+    resolution: {integrity: sha512-IxRtsehdGV9GFQ35IGm5oKKR2OGcazUoiNBxhRV160iF9FoyuXxjY+rIqs1gfnd+4eL98OjeGnMpE7RF/NBb3A==}
+    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.32.0
+      '@typescript-eslint/types': 5.32.0
+      '@typescript-eslint/typescript-estree': 5.32.0_typescript@4.7.4
+      debug: 4.3.4
+      eslint: 8.21.0
+      typescript: 4.7.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/scope-manager/5.32.0:
+    resolution: {integrity: sha512-KyAE+tUON0D7tNz92p1uetRqVJiiAkeluvwvZOqBmW9z2XApmk5WSMV9FrzOroAcVxJZB3GfUwVKr98Dr/OjOg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      '@typescript-eslint/types': 5.32.0
+      '@typescript-eslint/visitor-keys': 5.32.0
+    dev: true
+
+  /@typescript-eslint/type-utils/5.32.0_eslint@8.21.0+typescript@4.7.4:
+    resolution: {integrity: sha512-0gSsIhFDduBz3QcHJIp3qRCvVYbqzHg8D6bHFsDMrm0rURYDj+skBK2zmYebdCp+4nrd9VWd13egvhYFJj/wZg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '*'
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/utils': 5.32.0_eslint@8.21.0+typescript@4.7.4
+      debug: 4.3.4
+      eslint: 8.21.0
+      tsutils: 3.21.0_typescript@4.7.4
+      typescript: 4.7.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/types/5.32.0:
+    resolution: {integrity: sha512-EBUKs68DOcT/EjGfzywp+f8wG9Zw6gj6BjWu7KV/IYllqKJFPlZlLSYw/PTvVyiRw50t6wVbgv4p9uE2h6sZrQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  /@typescript-eslint/typescript-estree/5.32.0_typescript@4.7.4:
+    resolution: {integrity: sha512-ZVAUkvPk3ITGtCLU5J4atCw9RTxK+SRc6hXqLtllC2sGSeMFWN+YwbiJR9CFrSFJ3w4SJfcWtDwNb/DmUIHdhg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': 5.32.0
+      '@typescript-eslint/visitor-keys': 5.32.0
+      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.32.0_eslint@8.21.0+typescript@4.7.4:
+    resolution: {integrity: sha512-W7lYIAI5Zlc5K082dGR27Fczjb3Q57ECcXefKU/f0ajM5ToM0P+N9NmJWip8GmGu/g6QISNT+K6KYB+iSHjXCQ==}
+    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.32.0
+      '@typescript-eslint/types': 5.32.0
+      '@typescript-eslint/typescript-estree': 5.32.0_typescript@4.7.4
+      eslint: 8.21.0
+      eslint-scope: 5.1.1
+      eslint-utils: 3.0.0_eslint@8.21.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@typescript-eslint/visitor-keys/5.32.0:
+    resolution: {integrity: sha512-S54xOHZgfThiZ38/ZGTgB2rqx51CMJ5MCfVT2IplK4Q7hgzGfe0nLzLCcenDnc/cSjP568hdeKfeDcBgqNHD/g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      '@typescript-eslint/types': 5.32.0
+      eslint-visitor-keys: 3.3.0
+    dev: true
+
+  /@unocss/cli/0.45.1:
+    resolution: {integrity: sha512-VdmX/iChUQh7s4sI9XOT/f2r1rjNjvJxHz2f04+YyTp8tYsYmIVR6GEQ3G4YL33LVmiyVBR5pU6jYMZA1fVfFw==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dependencies:
+      '@unocss/config': 0.45.1
+      '@unocss/core': 0.45.1
+      '@unocss/preset-uno': 0.45.1
+      cac: 6.7.12
+      chokidar: 3.5.3
+      colorette: 2.0.19
+      consola: 2.15.3
+      fast-glob: 3.2.11
+      pathe: 0.3.2
+      perfect-debounce: 0.1.3
+    dev: true
+
+  /@unocss/config/0.45.1:
+    resolution: {integrity: sha512-/yYlzu7t8J0QBclh5EHcodHcZL6yv38pwH6oDIoPkBX47S5nfTCXHsqN4MedcNO+9RWaeQhosnRmgaQybXQfvg==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@unocss/core': 0.45.1
+      unconfig: 0.3.5
+    dev: true
+
+  /@unocss/core/0.45.1:
+    resolution: {integrity: sha512-PRbpgWtXs+GnU8Mi6MAG3l/VCqmzn6s5k/QvQLG9J27AzN+ps651YKBfWKiGYrjMtt+0B41iq0w9fcNd8vQUpg==}
+    dev: true
+
+  /@unocss/inspector/0.45.1:
+    resolution: {integrity: sha512-JSXw4VRve25YVjfkE+4j5BiNBHX/pNl6GWNLHUtC4dbxkly7dGyH+W/IWxUupLQu0L+hISKdWiqKYSpDOQK96w==}
+    dependencies:
+      gzip-size: 6.0.0
+      sirv: 2.0.2
+    dev: true
+
+  /@unocss/preset-attributify/0.45.1:
+    resolution: {integrity: sha512-xA5t6+HRHVxn5p8IFTFrlnxMldhw8H82Wvrd/Gw8zAK5PeZlFrkyKo2uyfjR+AcO2QuiICZylLgLwoxNJmj57Q==}
+    dependencies:
+      '@unocss/core': 0.45.1
+    dev: true
+
+  /@unocss/preset-icons/0.45.1:
+    resolution: {integrity: sha512-pZVJLTnoqphJOCMtiiHeesCoqtafuRwAPQtlsr3M4es1i9Dsjbs5+pLFF3fjC1MhcVN8yIXFh4HSZiOIlqYFiw==}
+    dependencies:
+      '@iconify/utils': 1.0.33
+      '@unocss/core': 0.45.1
+      ohmyfetch: 0.4.18
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@unocss/preset-mini/0.45.1:
+    resolution: {integrity: sha512-tlZf9E0jOVdEB9dmOPRME7CjL64oIYubowtibG+cHGMXb8QV9M9mpHMuuGnBbPOJQkSMkqBO7gl9yKqHEtWYrQ==}
+    dependencies:
+      '@unocss/core': 0.45.1
+    dev: true
+
+  /@unocss/preset-tagify/0.45.1:
+    resolution: {integrity: sha512-0IDihyDWJIQ23xkyQQjl28idRkHRrBG0MtprrE8uKs9j1ou3g+FzAIx34o4+tQ/CJ0pwCuCZ9ouEgOQ0HRv3CQ==}
+    dependencies:
+      '@unocss/core': 0.45.1
+    dev: true
+
+  /@unocss/preset-typography/0.45.1:
+    resolution: {integrity: sha512-tnvxmO2SlJmIfeDMuMZLaX4VQMIPhBvnB6a5/K+foK3+2/2pIW1QFS5f/cHvYxN0BqNWB+5tiiVjjB5TCvVMfg==}
+    dependencies:
+      '@unocss/core': 0.45.1
+    dev: true
+
+  /@unocss/preset-uno/0.45.1:
+    resolution: {integrity: sha512-AzYW4K3jMDqNNvf1zRJ8h+iiyvADEVbcrZVxh9EYtFf040HzylbdPHkX4TwsgIkdmAGnv43HsZpRlXbW+ge54A==}
+    dependencies:
+      '@unocss/core': 0.45.1
+      '@unocss/preset-mini': 0.45.1
+      '@unocss/preset-wind': 0.45.1
+    dev: true
+
+  /@unocss/preset-web-fonts/0.45.1:
+    resolution: {integrity: sha512-IfaQey27l544AB6QEOIlI18AHeQrcCfBYqvXu6w/oXdgwFLGihNaoE7hQ0XmFnFd6wDHbUOXYa8XpezDCJAPoQ==}
+    dependencies:
+      '@unocss/core': 0.45.1
+      ohmyfetch: 0.4.18
+    dev: true
+
+  /@unocss/preset-wind/0.45.1:
+    resolution: {integrity: sha512-42EXlYndppz7bxv3q4J5CEV/SL+Oj51PXCbHLs1npufdsASFGOLkslDzB0lQlmk8RwoBCQSbodHzNhqOxaGjcA==}
+    dependencies:
+      '@unocss/core': 0.45.1
+      '@unocss/preset-mini': 0.45.1
+    dev: true
+
+  /@unocss/reset/0.45.1:
+    resolution: {integrity: sha512-Dmz0/x2ION2noD4/t6Tjgwwp0R7lRP5QIkc3EuumYFXjdivU0gDRhNfcdM3yZUOsZRDreMkfiZoVKlypbNxD/g==}
+    dev: true
+
+  /@unocss/scope/0.45.1:
+    resolution: {integrity: sha512-JVz/mW60DgImH5Mbc70tzoiGvK4kv/+1KAZPzjEPYR5sA2E9AhcF2/HcTFjYuwT4fzQRlNipUZ/c5fYcGpUCMw==}
+    dev: true
+
+  /@unocss/transformer-attributify-jsx/0.45.1:
+    resolution: {integrity: sha512-aUkAhEDKEoa7FX/38bRDTxQaxYKBtvMNxk9zc7jwP9Ht7AA0QmdApDSmx5dqc8Za7DoCuJU8WGyglXWqRaPY+w==}
+    dependencies:
+      '@unocss/core': 0.45.1
+    dev: true
+
+  /@unocss/transformer-compile-class/0.45.1:
+    resolution: {integrity: sha512-GaVjiEyVRfGza1/NmMWyxnLQCVPY5vAm2wvc74nDf6Yn0goYjBmPviqmKGG533O/rl9zl78m+U7eP3ClPMLqQQ==}
+    dependencies:
+      '@unocss/core': 0.45.1
+    dev: true
+
+  /@unocss/transformer-directives/0.45.1:
+    resolution: {integrity: sha512-Wjb2JCn16dJXITIGgJ/T0DBshHT8bE4g5P8vqJDerHLBRxhhLHJWkjHl9OJLoqYJQ0/tu+dhzDppV0CZXBQ4Cg==}
+    dependencies:
+      '@unocss/core': 0.45.1
+      css-tree: 2.1.0
+    dev: true
+
+  /@unocss/transformer-variant-group/0.45.1:
+    resolution: {integrity: sha512-NNHM81rf/oVg5CtXRK5ZitXoxsAJNsj93X76nY69ybuH5UHYJU0djJB1PlISOP+NE1WWtBdy3smVfj06NpilvQ==}
+    dependencies:
+      '@unocss/core': 0.45.1
+    dev: true
+
+  /@unocss/vite/0.45.1_vite@3.0.3:
+    resolution: {integrity: sha512-O5w8bIYFRBIO9MFc5Nca9FHHKh6vHu8OHNosfP5Ca0dq1TYMffR4qZ32QCudbdB1F7XQKhArgt/CJ2ADhhkBZw==}
+    peerDependencies:
+      vite: ^2.9.0 || ^3.0.0-0
+    dependencies:
+      '@ampproject/remapping': 2.2.0
+      '@rollup/pluginutils': 4.2.1
+      '@unocss/config': 0.45.1
+      '@unocss/core': 0.45.1
+      '@unocss/inspector': 0.45.1
+      '@unocss/scope': 0.45.1
+      '@unocss/transformer-directives': 0.45.1
+      magic-string: 0.26.2
+      vite: 3.0.3_sass@1.54.0
+    dev: true
+
+  /@vitejs/plugin-vue/3.0.1_vite@3.0.3+vue@3.2.37:
+    resolution: {integrity: sha512-Ll9JgxG7ONIz/XZv3dssfoMUDu9qAnlJ+km+pBA0teYSXzwPCIzS/e1bmwNYl5dcQGs677D21amgfYAnzMl17A==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^3.0.0
+      vue: ^3.2.25
+    dependencies:
+      vite: 3.0.3_sass@1.54.0
+      vue: 3.2.37
+    dev: true
+
+  /@volar/code-gen/0.38.9:
+    resolution: {integrity: sha512-n6LClucfA+37rQeskvh9vDoZV1VvCVNy++MAPKj2dT4FT+Fbmty/SDQqnsEBtdEe6E3OQctFvA/IcKsx3Mns0A==}
+    dependencies:
+      '@volar/source-map': 0.38.9
+    dev: true
+
+  /@volar/source-map/0.38.9:
+    resolution: {integrity: sha512-ba0UFoHDYry+vwKdgkWJ6xlQT+8TFtZg1zj9tSjj4PykW1JZDuM0xplMotLun4h3YOoYfY9K1huY5gvxmrNLIw==}
+    dev: true
+
+  /@volar/vue-code-gen/0.38.9:
+    resolution: {integrity: sha512-tzj7AoarFBKl7e41MR006ncrEmNPHALuk8aG4WdDIaG387X5//5KhWC5Ff3ZfB2InGSeNT+CVUd74M0gS20rjA==}
+    dependencies:
+      '@volar/code-gen': 0.38.9
+      '@volar/source-map': 0.38.9
+      '@vue/compiler-core': 3.2.37
+      '@vue/compiler-dom': 3.2.37
+      '@vue/shared': 3.2.37
+    dev: true
+
+  /@volar/vue-typescript/0.38.9:
+    resolution: {integrity: sha512-iJMQGU91ADi98u8V1vXd2UBmELDAaeSP0ZJaFjwosClQdKlJQYc6MlxxKfXBZisHqfbhdtrGRyaryulnYtliZw==}
+    dependencies:
+      '@volar/code-gen': 0.38.9
+      '@volar/source-map': 0.38.9
+      '@volar/vue-code-gen': 0.38.9
+      '@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.9
+      '@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.9
+      '@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.1:
+    resolution: {integrity: sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ==}
+    dev: false
+
+  /@vue/reactivity-transform/3.2.37:
+    resolution: {integrity: sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==}
+    dependencies:
+      '@babel/parser': 7.18.9
+      '@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==}
+
+  /@vueuse/core/8.9.4_vue@3.2.37:
+    resolution: {integrity: sha512-B/Mdj9TK1peFyWaPof+Zf/mP9XuGAngaJZBwPaXBvU3aCTZlx3ltlrFFFyMV4iGBwsjSCeUCgZrtkEj9dS2Y3Q==}
+    peerDependencies:
+      '@vue/composition-api': ^1.1.0
+      vue: ^2.6.0 || ^3.2.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+      vue:
+        optional: true
+    dependencies:
+      '@types/web-bluetooth': 0.0.14
+      '@vueuse/metadata': 8.9.4
+      '@vueuse/shared': 8.9.4_vue@3.2.37
+      vue: 3.2.37
+      vue-demi: 0.13.6_vue@3.2.37
+    dev: false
+
+  /@vueuse/metadata/8.9.4:
+    resolution: {integrity: sha512-IwSfzH80bnJMzqhaapqJl9JRIiyQU0zsRGEgnxN6jhq7992cPUJIRfV+JHRIZXjYqbwt07E1gTEp0R0zPJ1aqw==}
+    dev: false
+
+  /@vueuse/shared/8.9.4_vue@3.2.37:
+    resolution: {integrity: sha512-wt+T30c4K6dGRMVqPddexEVLa28YwxW5OFIPmzUHICjphfAuBFTTdDoyqREZNDOFJZ44ARH1WWQNCUK8koJ+Ag==}
+    peerDependencies:
+      '@vue/composition-api': ^1.1.0
+      vue: ^2.6.0 || ^3.2.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+      vue:
+        optional: true
+    dependencies:
+      vue: 3.2.37
+      vue-demi: 0.13.6_vue@3.2.37
+    dev: false
+
+  /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.8.0:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      acorn: 8.8.0
+    dev: true
+
+  /acorn-walk/8.2.0:
+    resolution: {integrity: sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==}
+    engines: {node: '>=0.4.0'}
+    dev: true
+
+  /acorn/8.8.0:
+    resolution: {integrity: sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==}
+    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/2.1.1:
+    resolution: {integrity: sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /ansi-regex/5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /ansi-styles/2.2.1:
+    resolution: {integrity: sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==}
+    engines: {node: '>=0.10.0'}
+    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
+
+  /anymatch/3.1.2:
+    resolution: {integrity: sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==}
+    engines: {node: '>= 8'}
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.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
+
+  /arr-diff/4.0.0:
+    resolution: {integrity: sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /arr-flatten/1.1.0:
+    resolution: {integrity: sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /arr-union/3.1.0:
+    resolution: {integrity: sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==}
+    engines: {node: '>=0.10.0'}
+    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
+
+  /array-unique/0.3.2:
+    resolution: {integrity: sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /arrify/1.0.1:
+    resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /assign-symbols/1.0.0:
+    resolution: {integrity: sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /async-validator/4.2.5:
+    resolution: {integrity: sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==}
+    dev: false
+
+  /asynckit/0.4.0:
+    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+    dev: false
+
+  /atob/2.1.2:
+    resolution: {integrity: sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==}
+    engines: {node: '>= 4.5.0'}
+    hasBin: true
+    dev: true
+
+  /axios/0.27.2:
+    resolution: {integrity: sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==}
+    dependencies:
+      follow-redirects: 1.15.1
+      form-data: 4.0.0
+    transitivePeerDependencies:
+      - debug
+    dev: false
+
+  /balanced-match/1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+    dev: true
+
+  /base/0.11.2:
+    resolution: {integrity: sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      cache-base: 1.0.1
+      class-utils: 0.3.6
+      component-emitter: 1.3.0
+      define-property: 1.0.0
+      isobject: 3.0.1
+      mixin-deep: 1.3.2
+      pascalcase: 0.1.1
+    dev: true
+
+  /big.js/5.2.2:
+    resolution: {integrity: sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==}
+    dev: true
+
+  /binary-extensions/2.2.0:
+    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /bluebird/3.7.2:
+    resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==}
+    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
+
+  /brace-expansion/2.0.1:
+    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+    dependencies:
+      balanced-match: 1.0.2
+    dev: true
+
+  /braces/2.3.2:
+    resolution: {integrity: sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      arr-flatten: 1.1.0
+      array-unique: 0.3.2
+      extend-shallow: 2.0.1
+      fill-range: 4.0.0
+      isobject: 3.0.1
+      repeat-element: 1.1.4
+      snapdragon: 0.8.2
+      snapdragon-node: 2.1.1
+      split-string: 3.1.0
+      to-regex: 3.0.2
+    dev: true
+
+  /braces/3.0.2:
+    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
+    engines: {node: '>=8'}
+    dependencies:
+      fill-range: 7.0.1
+    dev: true
+
+  /cac/6.7.12:
+    resolution: {integrity: sha512-rM7E2ygtMkJqD9c7WnFU6fruFcN3xe4FM5yUmgxhZzIKJk4uHl9U/fhwdajGFQbQuv43FAUo1Fe8gX/oIKDeSA==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /cache-base/1.0.1:
+    resolution: {integrity: sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      collection-visit: 1.0.0
+      component-emitter: 1.3.0
+      get-value: 2.0.6
+      has-value: 1.0.0
+      isobject: 3.0.1
+      set-value: 2.0.1
+      to-object-path: 0.3.0
+      union-value: 1.0.1
+      unset-value: 1.0.0
+    dev: true
+
+  /call-bind/1.0.2:
+    resolution: {integrity: sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==}
+    dependencies:
+      function-bind: 1.1.1
+      get-intrinsic: 1.1.2
+    dev: false
+
+  /callsites/3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /camel-case/4.1.2:
+    resolution: {integrity: sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==}
+    dependencies:
+      pascal-case: 3.1.2
+      tslib: 2.4.0
+    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
+
+  /capital-case/1.0.4:
+    resolution: {integrity: sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==}
+    dependencies:
+      no-case: 3.0.4
+      tslib: 2.4.0
+      upper-case-first: 2.0.2
+    dev: true
+
+  /chalk/1.1.3:
+    resolution: {integrity: sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      ansi-styles: 2.2.1
+      escape-string-regexp: 1.0.5
+      has-ansi: 2.0.0
+      strip-ansi: 3.0.1
+      supports-color: 2.0.0
+    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
+
+  /change-case/4.1.2:
+    resolution: {integrity: sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A==}
+    dependencies:
+      camel-case: 4.1.2
+      capital-case: 1.0.4
+      constant-case: 3.0.4
+      dot-case: 3.0.4
+      header-case: 2.0.4
+      no-case: 3.0.4
+      param-case: 3.0.4
+      pascal-case: 3.1.2
+      path-case: 3.0.4
+      sentence-case: 3.0.4
+      snake-case: 3.0.4
+      tslib: 2.4.0
+    dev: true
+
+  /chokidar/3.5.3:
+    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
+    engines: {node: '>= 8.10.0'}
+    dependencies:
+      anymatch: 3.1.2
+      braces: 3.0.2
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
+  /class-utils/0.3.6:
+    resolution: {integrity: sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      arr-union: 3.1.0
+      define-property: 0.2.5
+      isobject: 3.0.1
+      static-extend: 0.1.2
+    dev: true
+
+  /clipboard/2.0.11:
+    resolution: {integrity: sha512-C+0bbOqkezLIsmWSvlsXS0Q0bmkugu7jcfMIACB+RDEntIzQIkdr148we28AfSloQLRdZlYL/QYyrq05j/3Faw==}
+    dependencies:
+      good-listener: 1.2.2
+      select: 1.1.2
+      tiny-emitter: 2.1.0
+    dev: false
+
+  /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
+
+  /clone/2.1.2:
+    resolution: {integrity: sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==}
+    engines: {node: '>=0.8'}
+    dev: true
+
+  /cmp-socket/1.0.0:
+    resolution: {integrity: sha512-2TdIGicSanZbxEwENDg77ZmvJhTGvyCUqdbfzcwgXjoLIj0JoAOGgoVfvQTVITo6eiHLmbd3mtHN42cYa0MT0g==}
+    dev: false
+
+  /collection-visit/1.0.0:
+    resolution: {integrity: sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      map-visit: 1.0.0
+      object-visit: 1.0.1
+    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
+
+  /colorette/2.0.19:
+    resolution: {integrity: sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==}
+    dev: true
+
+  /combined-stream/1.0.8:
+    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
+    engines: {node: '>= 0.8'}
+    dependencies:
+      delayed-stream: 1.0.0
+    dev: false
+
+  /commander/7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+    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
+
+  /component-emitter/1.3.0:
+    resolution: {integrity: sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==}
+    dev: true
+
+  /concat-map/0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+    dev: true
+
+  /consola/2.15.3:
+    resolution: {integrity: sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==}
+    dev: true
+
+  /console/0.7.2:
+    resolution: {integrity: sha512-+JSDwGunA4MTEgAV/4VBKwUHonP8CzJ/6GIuwPi6acKFqFfHUdSGCm89ZxZ5FfGWdZfkdgAroy5bJ5FSeN/t4g==}
+    dev: true
+
+  /constant-case/3.0.4:
+    resolution: {integrity: sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ==}
+    dependencies:
+      no-case: 3.0.4
+      tslib: 2.4.0
+      upper-case: 2.0.2
+    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
+
+  /copy-descriptor/0.1.1:
+    resolution: {integrity: sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /cors/2.8.5:
+    resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
+    engines: {node: '>= 0.10'}
+    dependencies:
+      object-assign: 4.1.1
+      vary: 1.1.2
+    dev: true
+
+  /cosmiconfig-typescript-loader/2.0.2_1611b4c5cd7b2d49a7e7b69ba7ff579e:
+    resolution: {integrity: sha512-KmE+bMjWMXJbkWCeY4FJX/npHuZPNr9XF9q9CIQ/bpFwi1qHfCmSiKarrCcRa0LO4fWjk93pVoeRtJAkTGcYNw==}
+    engines: {node: '>=12', npm: '>=6'}
+    peerDependencies:
+      '@types/node': '*'
+      typescript: '>=3'
+    dependencies:
+      '@types/node': 18.6.2
+      cosmiconfig: 7.0.1
+      ts-node: 10.9.1_1611b4c5cd7b2d49a7e7b69ba7ff579e
+      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
+
+  /crypto-js/4.1.1:
+    resolution: {integrity: sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw==}
+    dev: false
+
+  /css-select/4.3.0:
+    resolution: {integrity: sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==}
+    dependencies:
+      boolbase: 1.0.0
+      css-what: 6.1.0
+      domhandler: 4.3.1
+      domutils: 2.8.0
+      nth-check: 2.1.1
+    dev: true
+
+  /css-tree/1.1.3:
+    resolution: {integrity: sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==}
+    engines: {node: '>=8.0.0'}
+    dependencies:
+      mdn-data: 2.0.14
+      source-map: 0.6.1
+    dev: true
+
+  /css-tree/2.1.0:
+    resolution: {integrity: sha512-PcysZRzToBbrpoUrZ9qfblRIRf8zbEAkU0AIpQFtgkFK0vSbzOmBCvdSAx2Zg7Xx5wiYJKUKk0NMP7kxevie/A==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+    dependencies:
+      mdn-data: 2.0.27
+      source-map-js: 1.0.2
+    dev: true
+
+  /css-what/6.1.0:
+    resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
+    engines: {node: '>= 6'}
+    dev: true
+
+  /cssesc/3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+    dev: true
+
+  /csso/4.2.0:
+    resolution: {integrity: sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==}
+    engines: {node: '>=8.0.0'}
+    dependencies:
+      css-tree: 1.1.3
+    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
+
+  /dayjs/1.11.4:
+    resolution: {integrity: sha512-Zj/lPM5hOvQ1Bf7uAvewDaUcsJoI6JmNqmHhHl3nyumwe0XHwt8sWdOVAPACJzCebL8gQCi+K49w7iKWnGwX9g==}
+    dev: false
+
+  /debug/2.6.9:
+    resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
+    dependencies:
+      ms: 2.0.0
+    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
+
+  /decode-uri-component/0.2.0:
+    resolution: {integrity: sha512-hjf+xovcEn31w/EUYdTXQh/8smFL/dzYjohQGEIgjyNavaJfBY2p5F527Bo1VPATxv0VYTUC2bOcXvqFwk78Og==}
+    engines: {node: '>=0.10'}
+    dev: true
+
+  /deep-is/0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+    dev: true
+
+  /define-property/0.2.5:
+    resolution: {integrity: sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-descriptor: 0.1.6
+    dev: true
+
+  /define-property/1.0.0:
+    resolution: {integrity: sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-descriptor: 1.0.2
+    dev: true
+
+  /define-property/2.0.2:
+    resolution: {integrity: sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-descriptor: 1.0.2
+      isobject: 3.0.1
+    dev: true
+
+  /defu/6.0.0:
+    resolution: {integrity: sha512-t2MZGLf1V2rV4VBZbWIaXKdX/mUcYW0n2znQZoADBkGGxYL8EWqCuCZBmJPJ/Yy9fofJkyuuSuo5GSwo0XdEgw==}
+    dev: true
+
+  /delayed-stream/1.0.0:
+    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
+    engines: {node: '>=0.4.0'}
+    dev: false
+
+  /delegate/3.2.0:
+    resolution: {integrity: sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==}
+    dev: false
+
+  /destr/1.1.1:
+    resolution: {integrity: sha512-QqkneF8LrYmwATMdnuD2MLI3GHQIcBnG6qFC2q9bSH430VTCDAVjcspPmUaKhPGtAtPAftIUFqY1obQYQuwmbg==}
+    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
+
+  /dom-serializer/0.2.2:
+    resolution: {integrity: sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==}
+    dependencies:
+      domelementtype: 2.3.0
+      entities: 2.2.0
+    dev: true
+
+  /dom-serializer/1.4.1:
+    resolution: {integrity: sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==}
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 4.3.1
+      entities: 2.2.0
+    dev: true
+
+  /domelementtype/1.3.1:
+    resolution: {integrity: sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==}
+    dev: true
+
+  /domelementtype/2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+    dev: true
+
+  /domhandler/2.4.2:
+    resolution: {integrity: sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==}
+    dependencies:
+      domelementtype: 1.3.1
+    dev: true
+
+  /domhandler/4.3.1:
+    resolution: {integrity: sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==}
+    engines: {node: '>= 4'}
+    dependencies:
+      domelementtype: 2.3.0
+    dev: true
+
+  /domutils/1.7.0:
+    resolution: {integrity: sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==}
+    dependencies:
+      dom-serializer: 0.2.2
+      domelementtype: 1.3.1
+    dev: true
+
+  /domutils/2.8.0:
+    resolution: {integrity: sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==}
+    dependencies:
+      dom-serializer: 1.4.1
+      domelementtype: 2.3.0
+      domhandler: 4.3.1
+    dev: true
+
+  /dot-case/3.0.4:
+    resolution: {integrity: sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==}
+    dependencies:
+      no-case: 3.0.4
+      tslib: 2.4.0
+    dev: true
+
+  /dot-prop/5.3.0:
+    resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==}
+    engines: {node: '>=8'}
+    dependencies:
+      is-obj: 2.0.0
+    dev: true
+
+  /duplexer/0.1.2:
+    resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
+    dev: true
+
+  /element-plus/2.2.12_vue@3.2.37:
+    resolution: {integrity: sha512-g/hIHj3b+dND2R3YRvyvCJtJhQvR7lWvXqhJaoxaQmajjNWedoe4rttxG26fOSv9YCC2wN4iFDcJHs70YFNgrA==}
+    peerDependencies:
+      vue: ^3.2.0
+    dependencies:
+      '@ctrl/tinycolor': 3.4.1
+      '@element-plus/icons-vue': 2.0.6_vue@3.2.37
+      '@floating-ui/dom': 0.5.4
+      '@popperjs/core': /@sxzz/popperjs-es/2.11.7
+      '@types/lodash': 4.14.182
+      '@types/lodash-es': 4.17.6
+      '@vueuse/core': 8.9.4_vue@3.2.37
+      async-validator: 4.2.5
+      dayjs: 1.11.4
+      escape-html: 1.0.3
+      lodash: 4.17.21
+      lodash-es: 4.17.21
+      lodash-unified: 1.0.2_da03a4540fbd16bbaafbb96724306afd
+      memoize-one: 6.0.0
+      normalize-wheel-es: 1.2.0
+      vue: 3.2.37
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+    dev: false
+
+  /emoji-regex/8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+    dev: true
+
+  /emojis-list/3.0.0:
+    resolution: {integrity: sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==}
+    engines: {node: '>= 4'}
+    dev: true
+
+  /entities/1.1.2:
+    resolution: {integrity: sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==}
+    dev: true
+
+  /entities/2.2.0:
+    resolution: {integrity: sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==}
+    dev: true
+
+  /error-ex/1.3.2:
+    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
+    dependencies:
+      is-arrayish: 0.2.1
+    dev: true
+
+  /es-module-lexer/0.9.3:
+    resolution: {integrity: sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==}
+    dev: true
+
+  /esbuild-android-64/0.14.51:
+    resolution: {integrity: sha512-6FOuKTHnC86dtrKDmdSj2CkcKF8PnqkaIXqvgydqfJmqBazCPdw+relrMlhGjkvVdiiGV70rpdnyFmA65ekBCQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-android-arm64/0.14.51:
+    resolution: {integrity: sha512-vBtp//5VVkZWmYYvHsqBRCMMi1MzKuMIn5XDScmnykMTu9+TD9v0NMEDqQxvtFToeYmojdo5UCV2vzMQWJcJ4A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-darwin-64/0.14.51:
+    resolution: {integrity: sha512-YFmXPIOvuagDcwCejMRtCDjgPfnDu+bNeh5FU2Ryi68ADDVlWEpbtpAbrtf/lvFTWPexbgyKgzppNgsmLPr8PA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-darwin-arm64/0.14.51:
+    resolution: {integrity: sha512-juYD0QnSKwAMfzwKdIF6YbueXzS6N7y4GXPDeDkApz/1RzlT42mvX9jgNmyOlWKN7YzQAYbcUEJmZJYQGdf2ow==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-freebsd-64/0.14.51:
+    resolution: {integrity: sha512-cLEI/aXjb6vo5O2Y8rvVSQ7smgLldwYY5xMxqh/dQGfWO+R1NJOFsiax3IS4Ng300SVp7Gz3czxT6d6qf2cw0g==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-freebsd-arm64/0.14.51:
+    resolution: {integrity: sha512-TcWVw/rCL2F+jUgRkgLa3qltd5gzKjIMGhkVybkjk6PJadYInPtgtUBp1/hG+mxyigaT7ib+od1Xb84b+L+1Mg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-32/0.14.51:
+    resolution: {integrity: sha512-RFqpyC5ChyWrjx8Xj2K0EC1aN0A37H6OJfmUXIASEqJoHcntuV3j2Efr9RNmUhMfNE6yEj2VpYuDteZLGDMr0w==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-64/0.14.51:
+    resolution: {integrity: sha512-dxjhrqo5i7Rq6DXwz5v+MEHVs9VNFItJmHBe1CxROWNf4miOGoQhqSG8StStbDkQ1Mtobg6ng+4fwByOhoQoeA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-arm/0.14.51:
+    resolution: {integrity: sha512-LsJynDxYF6Neg7ZC7748yweCDD+N8ByCv22/7IAZglIEniEkqdF4HCaa49JNDLw1UQGlYuhOB8ZT/MmcSWzcWg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-arm64/0.14.51:
+    resolution: {integrity: sha512-D9rFxGutoqQX3xJPxqd6o+kvYKeIbM0ifW2y0bgKk5HPgQQOo2k9/2Vpto3ybGYaFPCE5qTGtqQta9PoP6ZEzw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-mips64le/0.14.51:
+    resolution: {integrity: sha512-vS54wQjy4IinLSlb5EIlLoln8buh1yDgliP4CuEHumrPk4PvvP4kTRIG4SzMXm6t19N0rIfT4bNdAxzJLg2k6A==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-ppc64le/0.14.51:
+    resolution: {integrity: sha512-xcdd62Y3VfGoyphNP/aIV9LP+RzFw5M5Z7ja+zdpQHHvokJM7d0rlDRMN+iSSwvUymQkqZO+G/xjb4/75du8BQ==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-riscv64/0.14.51:
+    resolution: {integrity: sha512-syXHGak9wkAnFz0gMmRBoy44JV0rp4kVCEA36P5MCeZcxFq8+fllBC2t6sKI23w3qd8Vwo9pTADCgjTSf3L3rA==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-s390x/0.14.51:
+    resolution: {integrity: sha512-kFAJY3dv+Wq8o28K/C7xkZk/X34rgTwhknSsElIqoEo8armCOjMJ6NsMxm48KaWY2h2RUYGtQmr+RGuUPKBhyw==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-netbsd-64/0.14.51:
+    resolution: {integrity: sha512-ZZBI7qrR1FevdPBVHz/1GSk1x5GDL/iy42Zy8+neEm/HA7ma+hH/bwPEjeHXKWUDvM36CZpSL/fn1/y9/Hb+1A==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-openbsd-64/0.14.51:
+    resolution: {integrity: sha512-7R1/p39M+LSVQVgDVlcY1KKm6kFKjERSX1lipMG51NPcspJD1tmiZSmmBXoY5jhHIu6JL1QkFDTx94gMYK6vfA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-sunos-64/0.14.51:
+    resolution: {integrity: sha512-HoHaCswHxLEYN8eBTtyO0bFEWvA3Kdb++hSQ/lLG7TyKF69TeSG0RNoBRAs45x/oCeWaTDntEZlYwAfQlhEtJA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-windows-32/0.14.51:
+    resolution: {integrity: sha512-4rtwSAM35A07CBt1/X8RWieDj3ZUHQqUOaEo5ZBs69rt5WAFjP4aqCIobdqOy4FdhYw1yF8Z0xFBTyc9lgPtEg==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-windows-64/0.14.51:
+    resolution: {integrity: sha512-HoN/5HGRXJpWODprGCgKbdMvrC3A2gqvzewu2eECRw2sYxOUoh2TV1tS+G7bHNapPGI79woQJGV6pFH7GH7qnA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-windows-arm64/0.14.51:
+    resolution: {integrity: sha512-JQDqPjuOH7o+BsKMSddMfmVJXrnYZxXDHsoLHc0xgmAZkOOCflRmC43q31pk79F9xuyWY45jDBPolb5ZgGOf9g==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild/0.14.51:
+    resolution: {integrity: sha512-+CvnDitD7Q5sT7F+FM65sWkF8wJRf+j9fPcprxYV4j+ohmzVj2W7caUqH2s5kCaCJAfcAICjSlKhDCcvDpU7nw==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      esbuild-android-64: 0.14.51
+      esbuild-android-arm64: 0.14.51
+      esbuild-darwin-64: 0.14.51
+      esbuild-darwin-arm64: 0.14.51
+      esbuild-freebsd-64: 0.14.51
+      esbuild-freebsd-arm64: 0.14.51
+      esbuild-linux-32: 0.14.51
+      esbuild-linux-64: 0.14.51
+      esbuild-linux-arm: 0.14.51
+      esbuild-linux-arm64: 0.14.51
+      esbuild-linux-mips64le: 0.14.51
+      esbuild-linux-ppc64le: 0.14.51
+      esbuild-linux-riscv64: 0.14.51
+      esbuild-linux-s390x: 0.14.51
+      esbuild-netbsd-64: 0.14.51
+      esbuild-openbsd-64: 0.14.51
+      esbuild-sunos-64: 0.14.51
+      esbuild-windows-32: 0.14.51
+      esbuild-windows-64: 0.14.51
+      esbuild-windows-arm64: 0.14.51
+    dev: true
+
+  /escalade/3.1.1:
+    resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /escape-html/1.0.3:
+    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
+    dev: false
+
+  /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
+
+  /escape-string-regexp/5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /eslint-plugin-vue/9.3.0_eslint@8.21.0:
+    resolution: {integrity: sha512-iscKKkBZgm6fGZwFt6poRoWC0Wy2dQOlwUPW++CiPoQiw1enctV2Hj5DBzzjJZfyqs+FAXhgzL4q0Ww03AgSmQ==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      eslint: 8.21.0
+      eslint-utils: 3.0.0_eslint@8.21.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.21.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.21.0:
+    resolution: {integrity: sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==}
+    engines: {node: ^10.0.0 || ^12.0.0 || >= 14.0.0}
+    peerDependencies:
+      eslint: '>=5'
+    dependencies:
+      eslint: 8.21.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.21.0:
+    resolution: {integrity: sha512-/XJ1+Qurf1T9G2M5IHrsjp+xrGT73RZf23xA1z5wB1ZzzEAWSZKvRwhWxTFp1rvkvCfwcvAUNAP31bhKTTGfDA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      '@eslint/eslintrc': 1.3.0
+      '@humanwhocodes/config-array': 0.10.4
+      '@humanwhocodes/gitignore-to-minimatch': 1.0.2
+      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.21.0
+      eslint-visitor-keys: 3.3.0
+      espree: 9.3.3
+      esquery: 1.4.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 6.0.1
+      find-up: 5.0.0
+      functional-red-black-tree: 1.0.1
+      glob-parent: 6.0.2
+      globals: 13.17.0
+      globby: 11.1.0
+      grapheme-splitter: 1.0.4
+      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.3:
+    resolution: {integrity: sha512-ORs1Rt/uQTqUKjDdGCyrtYxbazf5umATSf/K4qxjmZHORR6HJk+2s/2Pqe+Kk49HHINC/xNIrGfgh8sZcll0ng==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      acorn: 8.8.0
+      acorn-jsx: 5.3.2_acorn@8.8.0
+      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
+
+  /etag/1.8.1:
+    resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
+    engines: {node: '>= 0.6'}
+    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
+
+  /expand-brackets/2.1.4:
+    resolution: {integrity: sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      debug: 2.6.9
+      define-property: 0.2.5
+      extend-shallow: 2.0.1
+      posix-character-classes: 0.1.1
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    dev: true
+
+  /extend-shallow/2.0.1:
+    resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-extendable: 0.1.1
+    dev: true
+
+  /extend-shallow/3.0.2:
+    resolution: {integrity: sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      assign-symbols: 1.0.0
+      is-extendable: 1.0.1
+    dev: true
+
+  /extglob/2.0.4:
+    resolution: {integrity: sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      array-unique: 0.3.2
+      define-property: 1.0.0
+      expand-brackets: 2.1.4
+      extend-shallow: 2.0.1
+      fragment-cache: 0.2.1
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    dev: true
+
+  /fast-deep-equal/3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+    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/4.0.0:
+    resolution: {integrity: sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      extend-shallow: 2.0.1
+      is-number: 3.0.0
+      repeat-string: 1.6.1
+      to-regex-range: 2.1.1
+    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
+
+  /follow-redirects/1.15.1:
+    resolution: {integrity: sha512-yLAMQs+k0b2m7cVxpS1VKJVvoz7SS9Td1zss3XRwXj+ZDH00RJgnuLx7E44wx02kQLrdM3aOOy+FpzS7+8OizA==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+    dev: false
+
+  /for-in/1.0.2:
+    resolution: {integrity: sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /form-data/4.0.0:
+    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
+    engines: {node: '>= 6'}
+    dependencies:
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      mime-types: 2.1.35
+    dev: false
+
+  /fragment-cache/0.2.1:
+    resolution: {integrity: sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      map-cache: 0.2.2
+    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==}
+
+  /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-intrinsic/1.1.2:
+    resolution: {integrity: sha512-Jfm3OyCxHh9DJyc28qGk+JmfkpO41A4XkneDSujN9MDXrm4oDKdHvndhZ2dN94+ERNfkYJWDclW6k2L/ZGHjXA==}
+    dependencies:
+      function-bind: 1.1.1
+      has: 1.0.3
+      has-symbols: 1.0.3
+    dev: false
+
+  /get-stream/6.0.1:
+    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /get-value/2.0.6:
+    resolution: {integrity: sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==}
+    engines: {node: '>=0.10.0'}
+    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.17.0:
+    resolution: {integrity: sha512-1C+6nQRb1GwGMKm2dH/E7enFAMxGTmGI7/dEdhy/DNelv85w9B72t3uc5frtMNXIbzrarJJ/lTCjcaZwbLJmyw==}
+    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
+
+  /good-listener/1.2.2:
+    resolution: {integrity: sha512-goW1b+d9q/HIwbVYZzZ6SsTr4IgE+WA44A0GmPIQstuOrgsFcT7VEJ48nmr9GaRtNu0XTKacFLGnBPAM6Afouw==}
+    dependencies:
+      delegate: 3.2.0
+    dev: false
+
+  /graceful-fs/4.2.10:
+    resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
+    dev: true
+
+  /grapheme-splitter/1.0.4:
+    resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
+    dev: true
+
+  /gzip-size/6.0.0:
+    resolution: {integrity: sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==}
+    engines: {node: '>=10'}
+    dependencies:
+      duplexer: 0.1.2
+    dev: true
+
+  /hard-rejection/2.1.0:
+    resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /has-ansi/2.0.0:
+    resolution: {integrity: sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      ansi-regex: 2.1.1
+    dev: true
+
+  /has-flag/1.0.0:
+    resolution: {integrity: sha512-DyYHfIYwAJmjAjSSPKANxI8bFY9YtFrgkAfinBojQ8YJTOuOuav64tMUJv584SES4xl74PmuaevIyaLESHdTAA==}
+    engines: {node: '>=0.10.0'}
+    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-symbols/1.0.3:
+    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
+    engines: {node: '>= 0.4'}
+    dev: false
+
+  /has-value/0.3.1:
+    resolution: {integrity: sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      get-value: 2.0.6
+      has-values: 0.1.4
+      isobject: 2.1.0
+    dev: true
+
+  /has-value/1.0.0:
+    resolution: {integrity: sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      get-value: 2.0.6
+      has-values: 1.0.0
+      isobject: 3.0.1
+    dev: true
+
+  /has-values/0.1.4:
+    resolution: {integrity: sha512-J8S0cEdWuQbqD9//tlZxiMuMNmxB8PlEwvYwuxsTmR1G5RXUePEX/SJn7aD0GMLieuZYSwNH0cQuJGwnYunXRQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /has-values/1.0.0:
+    resolution: {integrity: sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-number: 3.0.0
+      kind-of: 4.0.0
+    dev: true
+
+  /has/1.0.3:
+    resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
+    engines: {node: '>= 0.4.0'}
+    dependencies:
+      function-bind: 1.1.1
+
+  /he/1.2.0:
+    resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
+    hasBin: true
+    dev: true
+
+  /header-case/2.0.4:
+    resolution: {integrity: sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q==}
+    dependencies:
+      capital-case: 1.0.4
+      tslib: 2.4.0
+    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
+
+  /htmlparser2/3.10.1:
+    resolution: {integrity: sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==}
+    dependencies:
+      domelementtype: 1.3.1
+      domhandler: 2.4.2
+      domutils: 1.7.0
+      entities: 1.1.2
+      inherits: 2.0.4
+      readable-stream: 3.6.0
+    dev: true
+
+  /human-signals/2.1.0:
+    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
+    engines: {node: '>=10.17.0'}
+    dev: true
+
+  /ignore/5.2.0:
+    resolution: {integrity: sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==}
+    engines: {node: '>= 4'}
+    dev: true
+
+  /image-size/0.5.5:
+    resolution: {integrity: sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+    dev: true
+
+  /immutable/4.1.0:
+    resolution: {integrity: sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==}
+    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
+
+  /import-html-entry/1.12.0:
+    resolution: {integrity: sha512-wloMEMwupKJ8DWvKsEzJTXhHVieEH8ylu9ebeQg7T9JUsPTo0Zwa1EkuSKgKJvOiA2MxAFkeYYvd/E2pKiFtWQ==}
+    dependencies:
+      '@babel/runtime': 7.18.9
+    dev: false
+
+  /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-accessor-descriptor/0.1.6:
+    resolution: {integrity: sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 3.2.2
+    dev: true
+
+  /is-accessor-descriptor/1.0.0:
+    resolution: {integrity: sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 6.0.3
+    dev: true
+
+  /is-arrayish/0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+    dev: true
+
+  /is-binary-path/2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+    engines: {node: '>=8'}
+    dependencies:
+      binary-extensions: 2.2.0
+    dev: true
+
+  /is-buffer/1.1.6:
+    resolution: {integrity: sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==}
+    dev: true
+
+  /is-core-module/2.9.0:
+    resolution: {integrity: sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==}
+    dependencies:
+      has: 1.0.3
+    dev: true
+
+  /is-data-descriptor/0.1.4:
+    resolution: {integrity: sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 3.2.2
+    dev: true
+
+  /is-data-descriptor/1.0.0:
+    resolution: {integrity: sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 6.0.3
+    dev: true
+
+  /is-descriptor/0.1.6:
+    resolution: {integrity: sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-accessor-descriptor: 0.1.6
+      is-data-descriptor: 0.1.4
+      kind-of: 5.1.0
+    dev: true
+
+  /is-descriptor/1.0.2:
+    resolution: {integrity: sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-accessor-descriptor: 1.0.0
+      is-data-descriptor: 1.0.0
+      kind-of: 6.0.3
+    dev: true
+
+  /is-extendable/0.1.1:
+    resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-extendable/1.0.1:
+    resolution: {integrity: sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-plain-object: 2.0.4
+    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/3.0.0:
+    resolution: {integrity: sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 3.2.2
+    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-plain-object/2.0.4:
+    resolution: {integrity: sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      isobject: 3.0.1
+    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
+
+  /is-windows/1.0.2:
+    resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /isarray/1.0.0:
+    resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==}
+    dev: true
+
+  /isexe/2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+    dev: true
+
+  /isobject/2.1.0:
+    resolution: {integrity: sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      isarray: 1.0.0
+    dev: true
+
+  /isobject/3.0.1:
+    resolution: {integrity: sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /jiti/1.14.0:
+    resolution: {integrity: sha512-4IwstlaKQc9vCTC+qUXLM1hajy2ImiL9KnLvVYiaHOtS/v3wRjhLlGl121AmgDgx/O43uKmxownJghS5XMya2A==}
+    hasBin: true
+    dev: true
+
+  /js-base64/2.6.4:
+    resolution: {integrity: sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ==}
+    dev: true
+
+  /js-cookie/3.0.1:
+    resolution: {integrity: sha512-+0rgsUXZu4ncpPxRL+lNEptWMOWl9etvPHc/koSRp6MPwpRYAhmk0dUG00J4bxVV3r9uUzfo24wW0knS07SKSw==}
+    engines: {node: '>=12'}
+    dev: false
+
+  /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
+
+  /json5/1.0.1:
+    resolution: {integrity: sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==}
+    hasBin: true
+    dependencies:
+      minimist: 1.2.6
+    dev: true
+
+  /jsonc-parser/3.1.0:
+    resolution: {integrity: sha512-DRf0QjnNeCUds3xTjKlQQ3DpJD51GvDjJfnxUVWg6PZTo2otSm+slzNAxU/35hF8/oJIKoG9slq30JYOsF2azg==}
+    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/3.2.2:
+    resolution: {integrity: sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-buffer: 1.1.6
+    dev: true
+
+  /kind-of/4.0.0:
+    resolution: {integrity: sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-buffer: 1.1.6
+    dev: true
+
+  /kind-of/5.1.0:
+    resolution: {integrity: sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /kind-of/6.0.3:
+    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /kolorist/1.5.1:
+    resolution: {integrity: sha512-lxpCM3HTvquGxKGzHeknB/sUjuVoUElLlfYnXZT73K8geR9jQbroGlSCFBax9/0mpGoD3kzcMLnOlGQPJJNyqQ==}
+    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
+
+  /loader-utils/1.4.0:
+    resolution: {integrity: sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==}
+    engines: {node: '>=4.0.0'}
+    dependencies:
+      big.js: 5.2.2
+      emojis-list: 3.0.0
+      json5: 1.0.1
+    dev: true
+
+  /local-pkg/0.4.2:
+    resolution: {integrity: sha512-mlERgSPrbxU3BP4qBqAvvwlgW4MTg78iwJdGGnv7kibKjWcJksrG3t6LB5lXI93wXRDvG4NpUgJFmTG4T6rdrg==}
+    engines: {node: '>=14'}
+    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-es/4.17.21:
+    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
+    dev: false
+
+  /lodash-unified/1.0.2_da03a4540fbd16bbaafbb96724306afd:
+    resolution: {integrity: sha512-OGbEy+1P+UT26CYi4opY4gebD8cWRDxAT6MAObIVQMiqYdxZr1g3QHWCToVsm31x2NkLS4K3+MC2qInaRMa39g==}
+    peerDependencies:
+      '@types/lodash-es': '*'
+      lodash: '*'
+      lodash-es: '*'
+    dependencies:
+      '@types/lodash-es': 4.17.6
+      lodash: 4.17.21
+      lodash-es: 4.17.21
+    dev: false
+
+  /lodash.merge/4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+    dev: true
+
+  /lodash/4.17.21:
+    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
+
+  /lower-case/2.0.2:
+    resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
+    dependencies:
+      tslib: 2.4.0
+    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
+
+  /magic-string/0.26.2:
+    resolution: {integrity: sha512-NzzlXpclt5zAbmo6h6jNc8zl2gNRGHvmsZW4IvZhTC4W7k4OlLP+S5YLussa/r3ixNT66KOQfNORlXHSOy/X4A==}
+    engines: {node: '>=12'}
+    dependencies:
+      sourcemap-codec: 1.4.8
+    dev: true
+
+  /make-error/1.3.6:
+    resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}
+    dev: true
+
+  /map-cache/0.2.2:
+    resolution: {integrity: sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==}
+    engines: {node: '>=0.10.0'}
+    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
+
+  /map-visit/1.0.0:
+    resolution: {integrity: sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      object-visit: 1.0.1
+    dev: true
+
+  /mdn-data/2.0.14:
+    resolution: {integrity: sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==}
+    dev: true
+
+  /mdn-data/2.0.27:
+    resolution: {integrity: sha512-kwqO0I0jtWr25KcfLm9pia8vLZ8qoAKhWZuZMbneJq3jjBD3gl5nZs8l8Tu3ZBlBAHVQtDur9rdDGyvtfVraHQ==}
+    dev: true
+
+  /memoize-one/6.0.0:
+    resolution: {integrity: sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==}
+    dev: false
+
+  /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-options/1.0.1:
+    resolution: {integrity: sha512-iuPV41VWKWBIOpBsjoxjDZw8/GbSfZ2mk7N1453bwMrfzdrIk7EzBd+8UVR6rkw67th7xnk9Dytl3J+lHPdxvg==}
+    engines: {node: '>=4'}
+    dependencies:
+      is-plain-obj: 1.1.0
+    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/3.1.0:
+    resolution: {integrity: sha512-3StSelAE+hnRvMs8IdVW7Uhk8CVed5tp+kLLGlBP6WiRAXS21GPGu/Nat4WNPXj2Eoc24B02SaeoyozPMfj0/g==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      arr-diff: 4.0.0
+      array-unique: 0.3.2
+      braces: 2.3.2
+      define-property: 1.0.0
+      extend-shallow: 2.0.1
+      extglob: 2.0.4
+      fragment-cache: 0.2.1
+      kind-of: 5.1.0
+      nanomatch: 1.2.13
+      object.pick: 1.3.0
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    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
+
+  /mime-db/1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
+    engines: {node: '>= 0.6'}
+    dev: false
+
+  /mime-types/2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+    engines: {node: '>= 0.6'}
+    dependencies:
+      mime-db: 1.52.0
+    dev: false
+
+  /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
+
+  /minimatch/5.1.0:
+    resolution: {integrity: sha512-9TPBGGak4nHfGZsPBohm9AWg6NoT7QTCehS3BIJABslyZbzxfV78QM2Y6+i741OPZIafFAaiiEMh5OyIrJPgtg==}
+    engines: {node: '>=10'}
+    dependencies:
+      brace-expansion: 2.0.1
+    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
+
+  /minimist/1.2.6:
+    resolution: {integrity: sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==}
+    dev: true
+
+  /mixin-deep/1.3.2:
+    resolution: {integrity: sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      for-in: 1.0.2
+      is-extendable: 1.0.1
+    dev: true
+
+  /mlly/0.5.5:
+    resolution: {integrity: sha512-2R4JT/SxRDPexomw4rmHYY/gWAGmL9Kkq1OR76Ua6w+P340a1aBDTWzKo2kAlxzrG82OdXs5VB9Lmcmyit0Obg==}
+    dependencies:
+      pathe: 0.3.2
+      pkg-types: 0.3.3
+    dev: true
+
+  /mrmime/1.0.1:
+    resolution: {integrity: sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /ms/2.0.0:
+    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
+    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
+
+  /nanomatch/1.2.13:
+    resolution: {integrity: sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      arr-diff: 4.0.0
+      array-unique: 0.3.2
+      define-property: 2.0.2
+      extend-shallow: 3.0.2
+      fragment-cache: 0.2.1
+      is-windows: 1.0.2
+      kind-of: 6.0.3
+      object.pick: 1.3.0
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    dev: true
+
+  /natural-compare/1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+    dev: true
+
+  /no-case/3.0.4:
+    resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
+    dependencies:
+      lower-case: 2.0.2
+      tslib: 2.4.0
+    dev: true
+
+  /node-fetch-native/0.1.4:
+    resolution: {integrity: sha512-10EKpOCQPXwZVFh3U1ptOMWBgKTbsN7Vvo6WVKt5pw4hp8zbv6ZVBZPlXw+5M6Tyi1oc1iD4/sNPd71KYA16tQ==}
+    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
+
+  /normalize-path/3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /normalize-wheel-es/1.2.0:
+    resolution: {integrity: sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==}
+    dev: false
+
+  /npm-run-path/4.0.1:
+    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
+    engines: {node: '>=8'}
+    dependencies:
+      path-key: 3.1.1
+    dev: true
+
+  /nprogress/0.2.0:
+    resolution: {integrity: sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==}
+    dev: false
+
+  /nth-check/2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+    dependencies:
+      boolbase: 1.0.0
+    dev: true
+
+  /object-assign/4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /object-copy/0.1.0:
+    resolution: {integrity: sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      copy-descriptor: 0.1.1
+      define-property: 0.2.5
+      kind-of: 3.2.2
+    dev: true
+
+  /object-inspect/1.12.2:
+    resolution: {integrity: sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==}
+    dev: false
+
+  /object-visit/1.0.1:
+    resolution: {integrity: sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      isobject: 3.0.1
+    dev: true
+
+  /object.pick/1.3.0:
+    resolution: {integrity: sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      isobject: 3.0.1
+    dev: true
+
+  /ohmyfetch/0.4.18:
+    resolution: {integrity: sha512-MslzNrQzBLtZHmiZBI8QMOcMpdNFlK61OJ34nFNFynZ4v+4BonfCQ7VIN4EGXvGGq5zhDzgdJoY3o9S1l2T7KQ==}
+    dependencies:
+      destr: 1.1.1
+      node-fetch-native: 0.1.4
+      ufo: 0.8.5
+      undici: 5.8.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
+
+  /param-case/3.0.4:
+    resolution: {integrity: sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==}
+    dependencies:
+      dot-case: 3.0.4
+      tslib: 2.4.0
+    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
+
+  /pascal-case/3.1.2:
+    resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
+    dependencies:
+      no-case: 3.0.4
+      tslib: 2.4.0
+    dev: true
+
+  /pascalcase/0.1.1:
+    resolution: {integrity: sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /path-case/3.0.4:
+    resolution: {integrity: sha512-qO4qCFjXqVTrcbPt/hQfhTQ+VhFsqNKOPtytgNKkKxSoEp3XPUQ8ObFuePylOIok5gjn69ry8XiULxCwot3Wfg==}
+    dependencies:
+      dot-case: 3.0.4
+      tslib: 2.4.0
+    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-to-regexp/6.2.1:
+    resolution: {integrity: sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw==}
+    dev: false
+
+  /path-type/4.0.0:
+    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /pathe/0.2.0:
+    resolution: {integrity: sha512-sTitTPYnn23esFR3RlqYBWn4c45WGeLcsKzQiUpXJAyfcWkolvlYpV8FLo7JishK946oQwMFUCHXQ9AjGPKExw==}
+    dev: true
+
+  /pathe/0.3.2:
+    resolution: {integrity: sha512-qhnmX0TOqlCvdWWTkoM83wh5J8fZ2yhbDEc9MlsnAEtEc+JCwxUKEwmd6pkY9hRe6JR1Uecbc14VcAKX2yFSTA==}
+    dev: true
+
+  /perfect-debounce/0.1.3:
+    resolution: {integrity: sha512-NOT9AcKiDGpnV/HBhI22Str++XWcErO/bALvHCuhv33owZW/CjH8KAFLZDCmu3727sihe0wTxpDhyGc6M8qacQ==}
+    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
+
+  /pkg-types/0.3.3:
+    resolution: {integrity: sha512-6AJcCMnjUQPQv/Wk960w0TOmjhdjbeaQJoSKWRQv9N3rgkessCu6J0Ydsog/nw1MbpnxHuPzYbfOn2KmlZO1FA==}
+    dependencies:
+      jsonc-parser: 3.1.0
+      mlly: 0.5.5
+      pathe: 0.3.2
+    dev: true
+
+  /posix-character-classes/0.1.1:
+    resolution: {integrity: sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /postcss-prefix-selector/1.16.0_postcss@5.2.18:
+    resolution: {integrity: sha512-rdVMIi7Q4B0XbXqNUEI+Z4E+pueiu/CS5E6vRCQommzdQ/sgsS4dK42U7GX8oJR+TJOtT+Qv3GkNo6iijUMp3Q==}
+    peerDependencies:
+      postcss: '>4 <9'
+    dependencies:
+      postcss: 5.2.18
+    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/5.2.18:
+    resolution: {integrity: sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==}
+    engines: {node: '>=0.12'}
+    dependencies:
+      chalk: 1.1.3
+      js-base64: 2.6.4
+      source-map: 0.5.7
+      supports-color: 3.2.3
+    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
+
+  /posthtml-parser/0.2.1:
+    resolution: {integrity: sha512-nPC53YMqJnc/+1x4fRYFfm81KV2V+G9NZY+hTohpYg64Ay7NemWWcV4UWuy/SgMupqQ3kJ88M/iRfZmSnxT+pw==}
+    dependencies:
+      htmlparser2: 3.10.1
+      isobject: 2.1.0
+    dev: true
+
+  /posthtml-rename-id/1.0.12:
+    resolution: {integrity: sha512-UKXf9OF/no8WZo9edRzvuMenb6AD5hDLzIepJW+a4oJT+T/Lx7vfMYWT4aWlGNQh0WMhnUx1ipN9OkZ9q+ddEw==}
+    dependencies:
+      escape-string-regexp: 1.0.5
+    dev: true
+
+  /posthtml-render/1.4.0:
+    resolution: {integrity: sha512-W1779iVHGfq0Fvh2PROhCe2QhB8mEErgqzo1wpIt36tCgChafP+hbXIhLDOM8ePJrZcFs0vkNEtdibEWVqChqw==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /posthtml-svg-mode/1.0.3:
+    resolution: {integrity: sha512-hEqw9NHZ9YgJ2/0G7CECOeuLQKZi8HjWLkBaSVtOWjygQ9ZD8P7tqeowYs7WrFdKsWEKG7o+IlsPY8jrr0CJpQ==}
+    dependencies:
+      merge-options: 1.0.1
+      posthtml: 0.9.2
+      posthtml-parser: 0.2.1
+      posthtml-render: 1.4.0
+    dev: true
+
+  /posthtml/0.9.2:
+    resolution: {integrity: sha512-spBB5sgC4cv2YcW03f/IAUN1pgDJWNWD8FzkyY4mArLUMJW+KlQhlmUdKAHQuPfb00Jl5xIfImeOsf6YL8QK7Q==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      posthtml-parser: 0.2.1
+      posthtml-render: 1.4.0
+    dev: true
+
+  /prelude-ls/1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+    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
+
+  /qiankun/2.7.4:
+    resolution: {integrity: sha512-aihz6ue94CdalEBHBpJGD2UjY30Er0FEy8KxQuxCuEffOFvCXrvBsUm5UkfW32pu4AmAD/yB+lxad0Vzt6l5KQ==}
+    dependencies:
+      '@babel/runtime': 7.18.9
+      import-html-entry: 1.12.0
+      lodash: 4.17.21
+      single-spa: 5.9.4
+      tslib: 1.14.1
+    dev: false
+
+  /qs/6.11.0:
+    resolution: {integrity: sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==}
+    engines: {node: '>=0.6'}
+    dependencies:
+      side-channel: 1.0.4
+    dev: false
+
+  /query-string/4.3.4:
+    resolution: {integrity: sha512-O2XLNDBIg1DnTOa+2XrIwSiXEV8h2KImXUnjhhn2+UsvZ+Es2uyd5CCRTNQlDGbzUQOW3aYCBx9rVA6dzsiY7Q==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      object-assign: 4.1.1
+      strict-uri-encode: 1.1.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
+
+  /readdirp/3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}
+    dependencies:
+      picomatch: 2.3.1
+    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
+
+  /regenerator-runtime/0.13.9:
+    resolution: {integrity: sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==}
+    dev: false
+
+  /regex-not/1.0.2:
+    resolution: {integrity: sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      extend-shallow: 3.0.2
+      safe-regex: 1.1.0
+    dev: true
+
+  /regexpp/3.2.0:
+    resolution: {integrity: sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /repeat-element/1.1.4:
+    resolution: {integrity: sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /repeat-string/1.6.1:
+    resolution: {integrity: sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==}
+    engines: {node: '>=0.10'}
+    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-url/0.2.1:
+    resolution: {integrity: sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==}
+    deprecated: https://github.com/lydell/resolve-url#deprecated
+    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
+
+  /ret/0.1.15:
+    resolution: {integrity: sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==}
+    engines: {node: '>=0.12'}
+    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.77.2:
+    resolution: {integrity: sha512-m/4YzYgLcpMQbxX3NmAqDvwLATZzxt8bIegO78FZLl+lAgKJBd1DRAOeEiZcKOIOPjxE6ewHWHNgGEalFXuz1g==}
+    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
+
+  /safe-regex/1.1.0:
+    resolution: {integrity: sha512-aJXcif4xnaNUzvUuC5gcb46oTS7zvg4jpMTnuqtrEPlR3vFr4pxtdTwaF1Qs3Enjn9HK+ZlwQui+a7z0SywIzg==}
+    dependencies:
+      ret: 0.1.15
+    dev: true
+
+  /sass/1.54.0:
+    resolution: {integrity: sha512-C4zp79GCXZfK0yoHZg+GxF818/aclhp9F48XBu/+bm9vXEVAYov9iU3FBVRMq3Hx3OA4jfKL+p2K9180mEh0xQ==}
+    engines: {node: '>=12.0.0'}
+    hasBin: true
+    dependencies:
+      chokidar: 3.5.3
+      immutable: 4.1.0
+      source-map-js: 1.0.2
+    dev: true
+
+  /scule/0.3.2:
+    resolution: {integrity: sha512-zIvPdjOH8fv8CgrPT5eqtxHQXmPNnV/vHJYffZhE43KZkvULvpCTvOt1HPlFaCZx287INL9qaqrZg34e8NgI4g==}
+    dev: true
+
+  /select/1.1.2:
+    resolution: {integrity: sha512-OwpTSOfy6xSs1+pwcNrv0RBMOzI39Lp3qQKUTPVVPRjCdNa5JH/oPRiqsesIskK8TVgmRiHwO4KXlV2Li9dANA==}
+    dev: false
+
+  /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
+
+  /sentence-case/3.0.4:
+    resolution: {integrity: sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==}
+    dependencies:
+      no-case: 3.0.4
+      tslib: 2.4.0
+      upper-case-first: 2.0.2
+    dev: true
+
+  /set-value/2.0.1:
+    resolution: {integrity: sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      extend-shallow: 2.0.1
+      is-extendable: 0.1.1
+      is-plain-object: 2.0.4
+      split-string: 3.1.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
+
+  /side-channel/1.0.4:
+    resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
+    dependencies:
+      call-bind: 1.0.2
+      get-intrinsic: 1.1.2
+      object-inspect: 1.12.2
+    dev: false
+
+  /signal-exit/3.0.7:
+    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+    dev: true
+
+  /single-spa/5.9.4:
+    resolution: {integrity: sha512-QkEoh0AzGuU82qnbUUk0ydF78QbU5wMKqKKJn7uUQfBiOYlRQEfIOpLM4m23Sab+kTOLI1kbYhYeiQ7fX5KVVw==}
+    dev: false
+
+  /sirv/2.0.2:
+    resolution: {integrity: sha512-4Qog6aE29nIjAOKe/wowFTxOdmbEZKb+3tsLljaBRzJwtqto0BChD2zzH0LhgCSXiI+V7X+Y45v14wBZQ1TK3w==}
+    engines: {node: '>= 10'}
+    dependencies:
+      '@polka/url': 1.0.0-next.21
+      mrmime: 1.0.1
+      totalist: 3.0.0
+    dev: true
+
+  /slash/3.0.0:
+    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /snake-case/3.0.4:
+    resolution: {integrity: sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==}
+    dependencies:
+      dot-case: 3.0.4
+      tslib: 2.4.0
+    dev: true
+
+  /snapdragon-node/2.1.1:
+    resolution: {integrity: sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      define-property: 1.0.0
+      isobject: 3.0.1
+      snapdragon-util: 3.0.1
+    dev: true
+
+  /snapdragon-util/3.0.1:
+    resolution: {integrity: sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 3.2.2
+    dev: true
+
+  /snapdragon/0.8.2:
+    resolution: {integrity: sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      base: 0.11.2
+      debug: 2.6.9
+      define-property: 0.2.5
+      extend-shallow: 2.0.1
+      map-cache: 0.2.2
+      source-map: 0.5.7
+      source-map-resolve: 0.5.3
+      use: 3.1.1
+    dev: true
+
+  /source-map-js/1.0.2:
+    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
+    engines: {node: '>=0.10.0'}
+
+  /source-map-resolve/0.5.3:
+    resolution: {integrity: sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==}
+    deprecated: See https://github.com/lydell/source-map-resolve#deprecated
+    dependencies:
+      atob: 2.1.2
+      decode-uri-component: 0.2.0
+      resolve-url: 0.2.1
+      source-map-url: 0.4.1
+      urix: 0.1.0
+    dev: true
+
+  /source-map-url/0.4.1:
+    resolution: {integrity: sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==}
+    deprecated: See https://github.com/lydell/source-map-url#deprecated
+    dev: true
+
+  /source-map/0.5.7:
+    resolution: {integrity: sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /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
+
+  /split-string/3.1.0:
+    resolution: {integrity: sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      extend-shallow: 3.0.2
+    dev: true
+
+  /split2/3.2.2:
+    resolution: {integrity: sha512-9NThjpgZnifTkJpzTZ7Eue85S49QwpNhZTq6GRJwObb6jnLFNGB7Qm73V5HewTROPyxD0C29xqmaI68bQtV+hg==}
+    dependencies:
+      readable-stream: 3.6.0
+    dev: true
+
+  /stable/0.1.8:
+    resolution: {integrity: sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==}
+    deprecated: 'Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility'
+    dev: true
+
+  /static-extend/0.1.2:
+    resolution: {integrity: sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      define-property: 0.2.5
+      object-copy: 0.1.0
+    dev: true
+
+  /strict-uri-encode/1.1.0:
+    resolution: {integrity: sha512-R3f198pcvnB+5IpnBlRkphuE9n46WyVl8I39W/ZUTZLz4nqSP/oLYUrcnJrw462Ds8he4YKMov2efsTIw1BDGQ==}
+    engines: {node: '>=0.10.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/3.0.1:
+    resolution: {integrity: sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      ansi-regex: 2.1.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
+
+  /strip-literal/0.4.0:
+    resolution: {integrity: sha512-ql/sBDoJOybTKSIOWrrh8kgUEMjXMwRAkZTD0EwiwxQH/6tTPkZvMIEjp0CRlpi6V5FMiJyvxeRkEi1KrGISoA==}
+    dependencies:
+      acorn: 8.8.0
+    dev: true
+
+  /supports-color/2.0.0:
+    resolution: {integrity: sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==}
+    engines: {node: '>=0.8.0'}
+    dev: true
+
+  /supports-color/3.2.3:
+    resolution: {integrity: sha512-Jds2VIYDrlp5ui7t8abHN2bjAu4LV/q4N2KivFPpGH0lrka0BMq/33AmECUXlKPcHigkNaqfXRENFju+rlcy+A==}
+    engines: {node: '>=0.8.0'}
+    dependencies:
+      has-flag: 1.0.0
+    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
+
+  /svg-baker/1.7.0:
+    resolution: {integrity: sha512-nibslMbkXOIkqKVrfcncwha45f97fGuAOn1G99YwnwTj8kF9YiM6XexPcUso97NxOm6GsP0SIvYVIosBis1xLg==}
+    dependencies:
+      bluebird: 3.7.2
+      clone: 2.1.2
+      he: 1.2.0
+      image-size: 0.5.5
+      loader-utils: 1.4.0
+      merge-options: 1.0.1
+      micromatch: 3.1.0
+      postcss: 5.2.18
+      postcss-prefix-selector: 1.16.0_postcss@5.2.18
+      posthtml-rename-id: 1.0.12
+      posthtml-svg-mode: 1.0.3
+      query-string: 4.3.4
+      traverse: 0.6.6
+    dev: true
+
+  /svgo/2.8.0:
+    resolution: {integrity: sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+    dependencies:
+      '@trysound/sax': 0.2.0
+      commander: 7.2.0
+      css-select: 4.3.0
+      css-tree: 1.1.3
+      csso: 4.2.0
+      picocolors: 1.0.0
+      stable: 0.1.8
+    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
+
+  /tiny-emitter/2.1.0:
+    resolution: {integrity: sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==}
+    dev: false
+
+  /to-fast-properties/2.0.0:
+    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
+    engines: {node: '>=4'}
+
+  /to-object-path/0.3.0:
+    resolution: {integrity: sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 3.2.2
+    dev: true
+
+  /to-regex-range/2.1.1:
+    resolution: {integrity: sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-number: 3.0.0
+      repeat-string: 1.6.1
+    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
+
+  /to-regex/3.0.2:
+    resolution: {integrity: sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      define-property: 2.0.2
+      extend-shallow: 3.0.2
+      regex-not: 1.0.2
+      safe-regex: 1.1.0
+    dev: true
+
+  /totalist/3.0.0:
+    resolution: {integrity: sha512-eM+pCBxXO/njtF7vdFsHuqb+ElbxqtI4r5EAvk6grfAFyJ6IvWlSkfZ5T9ozC6xWw3Fj1fGoSmrl0gUs46JVIw==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /traverse/0.6.6:
+    resolution: {integrity: sha512-kdf4JKs8lbARxWdp7RKdNzoJBhGUcIalSYibuGyHJbmk40pOysQ0+QPvlkCOICOivDWU2IJo2rkrxyTK2AH4fw==}
+    dev: true
+
+  /trim-newlines/3.0.1:
+    resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /ts-node/10.9.1_1611b4c5cd7b2d49a7e7b69ba7ff579e:
+    resolution: {integrity: sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==}
+    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.6.2
+      acorn: 8.8.0
+      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==}
+
+  /tslib/2.4.0:
+    resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==}
+    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
+
+  /ufo/0.8.5:
+    resolution: {integrity: sha512-e4+UtA5IRO+ha6hYklwj6r7BjiGMxS0O+UaSg9HbaTefg4kMkzj4tXzEBajRR+wkxf+golgAWKzLbytCUDMJAA==}
+    dev: true
+
+  /unconfig/0.3.5:
+    resolution: {integrity: sha512-YMnPPUSfW0pT4Zzy4inM8tRHJZmhH+KcuFW/3qxkLKPhswEw18gQYe1jt57jY6ctFB0fnpiCpQ2Jtkbg4y/IPA==}
+    dependencies:
+      '@antfu/utils': 0.5.2
+      defu: 6.0.0
+      jiti: 1.14.0
+    dev: true
+
+  /undici/5.8.0:
+    resolution: {integrity: sha512-1F7Vtcez5w/LwH2G2tGnFIihuWUlc58YidwLiCv+jR2Z50x0tNXpRRw7eOIJ+GvqCqIkg9SB7NWAJ/T9TLfv8Q==}
+    engines: {node: '>=12.18'}
+    dev: true
+
+  /unimport/0.6.4_vite@3.0.3:
+    resolution: {integrity: sha512-1cbSeTsC2EwzWeWAyQleajM354y+EYsymxE9p1wDbHKVTEe9XL6+e7vlEv2pj1Zk8YYFf+CBf9QG8My7aDKhag==}
+    dependencies:
+      '@rollup/pluginutils': 4.2.1
+      escape-string-regexp: 5.0.0
+      fast-glob: 3.2.11
+      local-pkg: 0.4.2
+      magic-string: 0.26.2
+      mlly: 0.5.5
+      pathe: 0.3.2
+      scule: 0.3.2
+      strip-literal: 0.4.0
+      unplugin: 0.8.0_vite@3.0.3
+    transitivePeerDependencies:
+      - esbuild
+      - rollup
+      - vite
+      - webpack
+    dev: true
+
+  /union-value/1.0.1:
+    resolution: {integrity: sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      arr-union: 3.1.0
+      get-value: 2.0.6
+      is-extendable: 0.1.1
+      set-value: 2.0.1
+    dev: true
+
+  /universalify/2.0.0:
+    resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==}
+    engines: {node: '>= 10.0.0'}
+    dev: true
+
+  /unocss/0.45.1_vite@3.0.3:
+    resolution: {integrity: sha512-PRPU8WIqEYN+cS7YbptGOJqeAcdDBllRnknUNiK6vzaK9YqomR+Gzk81zxcSW3A159QERmy3TdvpaxmDwO4ZCA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@unocss/webpack': 0.45.1
+    peerDependenciesMeta:
+      '@unocss/webpack':
+        optional: true
+    dependencies:
+      '@unocss/cli': 0.45.1
+      '@unocss/core': 0.45.1
+      '@unocss/preset-attributify': 0.45.1
+      '@unocss/preset-icons': 0.45.1
+      '@unocss/preset-mini': 0.45.1
+      '@unocss/preset-tagify': 0.45.1
+      '@unocss/preset-typography': 0.45.1
+      '@unocss/preset-uno': 0.45.1
+      '@unocss/preset-web-fonts': 0.45.1
+      '@unocss/preset-wind': 0.45.1
+      '@unocss/reset': 0.45.1
+      '@unocss/transformer-attributify-jsx': 0.45.1
+      '@unocss/transformer-compile-class': 0.45.1
+      '@unocss/transformer-directives': 0.45.1
+      '@unocss/transformer-variant-group': 0.45.1
+      '@unocss/vite': 0.45.1_vite@3.0.3
+    transitivePeerDependencies:
+      - supports-color
+      - vite
+    dev: true
+
+  /unplugin-auto-import/0.10.2_vite@3.0.3:
+    resolution: {integrity: sha512-TtGWSN1GjXlfEuB7ALmQfW8EYIG99fASsChkMBvTqyWgfBebN0/9njoMZJ73c234vqduHJGgtRyveYNSYt8X0g==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@vueuse/core': '*'
+    peerDependenciesMeta:
+      '@vueuse/core':
+        optional: true
+    dependencies:
+      '@antfu/utils': 0.5.2
+      '@rollup/pluginutils': 4.2.1
+      local-pkg: 0.4.2
+      magic-string: 0.26.2
+      unimport: 0.6.4_vite@3.0.3
+      unplugin: 0.8.0_vite@3.0.3
+    transitivePeerDependencies:
+      - esbuild
+      - rollup
+      - vite
+      - webpack
+    dev: true
+
+  /unplugin-icons/0.14.7_vite@3.0.3:
+    resolution: {integrity: sha512-TrNnEdpaXMdiG5BsCgvU6cv/gSLYvIk1f8wGCGZmOo4wmi3nqYBuqIEuiXhmmyXdDZuRRpCaOzCnCYYZ5H7U8g==}
+    peerDependencies:
+      '@svgr/core': '>=5.5.0'
+      '@vue/compiler-sfc': ^3.0.2
+      vue-template-compiler: ^2.6.12
+      vue-template-es2015-compiler: ^1.9.0
+    peerDependenciesMeta:
+      '@svgr/core':
+        optional: true
+      '@vue/compiler-sfc':
+        optional: true
+      vue-template-compiler:
+        optional: true
+      vue-template-es2015-compiler:
+        optional: true
+    dependencies:
+      '@antfu/install-pkg': 0.1.0
+      '@antfu/utils': 0.5.2
+      '@iconify/utils': 1.0.33
+      debug: 4.3.4
+      kolorist: 1.5.1
+      local-pkg: 0.4.2
+      unplugin: 0.7.2_vite@3.0.3
+    transitivePeerDependencies:
+      - esbuild
+      - rollup
+      - supports-color
+      - vite
+      - webpack
+    dev: true
+
+  /unplugin-vue-components/0.21.2_vite@3.0.3+vue@3.2.37:
+    resolution: {integrity: sha512-HBU+EuesDj/HRs7EtYH7gBACljVhqLylltrCLModRmCToIIrrNvMh54aylUt4AD4qiwylgOx4Vgb9sBlrIcRDw==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/parser': ^7.15.8
+      vue: 2 || 3
+    peerDependenciesMeta:
+      '@babel/parser':
+        optional: true
+    dependencies:
+      '@antfu/utils': 0.5.2
+      '@rollup/pluginutils': 4.2.1
+      chokidar: 3.5.3
+      debug: 4.3.4
+      fast-glob: 3.2.11
+      local-pkg: 0.4.2
+      magic-string: 0.26.2
+      minimatch: 5.1.0
+      resolve: 1.22.1
+      unplugin: 0.7.2_vite@3.0.3
+      vue: 3.2.37
+    transitivePeerDependencies:
+      - esbuild
+      - rollup
+      - supports-color
+      - vite
+      - webpack
+    dev: true
+
+  /unplugin/0.7.2_vite@3.0.3:
+    resolution: {integrity: sha512-m7thX4jP8l5sETpLdUASoDOGOcHaOVtgNyrYlToyQUvILUtEzEnngRBrHnAX3IKqooJVmXpoa/CwQ/QqzvGaHQ==}
+    peerDependencies:
+      esbuild: '>=0.13'
+      rollup: ^2.50.0
+      vite: ^2.3.0 || ^3.0.0-0
+      webpack: 4 || 5
+    peerDependenciesMeta:
+      esbuild:
+        optional: true
+      rollup:
+        optional: true
+      vite:
+        optional: true
+      webpack:
+        optional: true
+    dependencies:
+      acorn: 8.8.0
+      chokidar: 3.5.3
+      vite: 3.0.3_sass@1.54.0
+      webpack-sources: 3.2.3
+      webpack-virtual-modules: 0.4.4
+    dev: true
+
+  /unplugin/0.8.0_vite@3.0.3:
+    resolution: {integrity: sha512-OzOkJ9XOPlD1Cph6qy/p4i/KSUbs76GToXjH/STHpfo6D7y+EqpfAL6G6HaoOw5QLkt9+KWwcxYUmPFkDf1upQ==}
+    peerDependencies:
+      esbuild: '>=0.13'
+      rollup: ^2.50.0
+      vite: ^2.3.0 || ^3.0.0-0
+      webpack: 4 || 5
+    peerDependenciesMeta:
+      esbuild:
+        optional: true
+      rollup:
+        optional: true
+      vite:
+        optional: true
+      webpack:
+        optional: true
+    dependencies:
+      acorn: 8.8.0
+      chokidar: 3.5.3
+      vite: 3.0.3_sass@1.54.0
+      webpack-sources: 3.2.3
+      webpack-virtual-modules: 0.4.4
+    dev: true
+
+  /unset-value/1.0.0:
+    resolution: {integrity: sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      has-value: 0.3.1
+      isobject: 3.0.1
+    dev: true
+
+  /upper-case-first/2.0.2:
+    resolution: {integrity: sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==}
+    dependencies:
+      tslib: 2.4.0
+    dev: true
+
+  /upper-case/2.0.2:
+    resolution: {integrity: sha512-KgdgDGJt2TpuwBUIjgG6lzw2GWFRCW9Qkfkiv0DxqHHLYJHmtmdUIKcZd8rHgFSjopVTlw6ggzCm1b8MFQwikg==}
+    dependencies:
+      tslib: 2.4.0
+    dev: true
+
+  /uri-js/4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+    dependencies:
+      punycode: 2.1.1
+    dev: true
+
+  /urix/0.1.0:
+    resolution: {integrity: sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==}
+    deprecated: Please see https://github.com/lydell/urix#deprecated
+    dev: true
+
+  /use/3.1.1:
+    resolution: {integrity: sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==}
+    engines: {node: '>=0.10.0'}
+    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
+
+  /vary/1.1.2:
+    resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
+    engines: {node: '>= 0.8'}
+    dev: true
+
+  /vite-plugin-eslint/1.7.0_eslint@8.21.0+vite@3.0.3:
+    resolution: {integrity: sha512-Kz2HwBeAArmsE0QmWSm+e7CaEQrfMkEZpFw4hngoy6JmERjw7WUH8HLbG1OkreOKX4iIUReOss9N1Mkw4wEk8g==}
+    peerDependencies:
+      eslint: '>=7'
+      vite: '>=2'
+    dependencies:
+      '@rollup/pluginutils': 4.2.1
+      '@types/eslint': 8.4.5
+      eslint: 8.21.0
+      rollup: 2.77.2
+      vite: 3.0.3_sass@1.54.0
+    dev: true
+
+  /vite-plugin-style-import/2.0.0_vite@3.0.3:
+    resolution: {integrity: sha512-qtoHQae5dSUQPo/rYz/8p190VU5y19rtBaeV7ryLa/AYAU/e9CG89NrN/3+k7MR8mJy/GPIu91iJ3zk9foUOSA==}
+    peerDependencies:
+      vite: '>=2.0.0'
+    dependencies:
+      '@rollup/pluginutils': 4.2.1
+      change-case: 4.1.2
+      console: 0.7.2
+      es-module-lexer: 0.9.3
+      fs-extra: 10.1.0
+      magic-string: 0.25.9
+      pathe: 0.2.0
+      vite: 3.0.3_sass@1.54.0
+    dev: true
+
+  /vite-plugin-svg-icons/2.0.1_vite@3.0.3:
+    resolution: {integrity: sha512-6ktD+DhV6Rz3VtedYvBKKVA2eXF+sAQVaKkKLDSqGUfnhqXl3bj5PPkVTl3VexfTuZy66PmINi8Q6eFnVfRUmA==}
+    peerDependencies:
+      vite: '>=2.0.0'
+    dependencies:
+      '@types/svgo': 2.6.3
+      cors: 2.8.5
+      debug: 4.3.4
+      etag: 1.8.1
+      fs-extra: 10.1.0
+      pathe: 0.2.0
+      svg-baker: 1.7.0
+      svgo: 2.8.0
+      vite: 3.0.3_sass@1.54.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /vite/3.0.3_sass@1.54.0:
+    resolution: {integrity: sha512-sDIpIcl3mv1NUaSzZwiXGEy1ZoWwwC2vkxUHY6yiDacR6zf//ZFuBJrozO62gedpE43pmxnLATNR5IYUdAEkMQ==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      less: '*'
+      sass: '*'
+      stylus: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      less:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      esbuild: 0.14.51
+      postcss: 8.4.14
+      resolve: 1.22.1
+      rollup: 2.77.2
+      sass: 1.54.0
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
+  /vue-demi/0.13.6_vue@3.2.37:
+    resolution: {integrity: sha512-02NYpxgyGE2kKGegRPYlNQSL1UWfA/+JqvzhGCOYjhfbLWXU5QQX0+9pAm/R2sCOPKr5NBxVIab7fvFU0B1RxQ==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    peerDependencies:
+      '@vue/composition-api': ^1.0.0-rc.1
+      vue: ^3.0.0-0 || ^2.6.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+    dependencies:
+      vue: 3.2.37
+    dev: false
+
+  /vue-eslint-parser/9.0.3_eslint@8.21.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.21.0
+      eslint-scope: 7.1.1
+      eslint-visitor-keys: 3.3.0
+      espree: 9.3.3
+      esquery: 1.4.0
+      lodash: 4.17.21
+      semver: 7.3.7
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /vue-router/4.1.3_vue@3.2.37:
+    resolution: {integrity: sha512-XvK81bcYglKiayT7/vYAg/f36ExPC4t90R/HIpzrZ5x+17BOWptXLCrEPufGgZeuq68ww4ekSIMBZY1qdUdfjA==}
+    peerDependencies:
+      vue: ^3.2.0
+    dependencies:
+      '@vue/devtools-api': 6.2.1
+      vue: 3.2.37
+    dev: false
+
+  /vue-tsc/0.38.9_typescript@4.7.4:
+    resolution: {integrity: sha512-Yoy5phgvGqyF98Fb4mYqboR4Q149jrdcGv5kSmufXJUq++RZJ2iMVG0g6zl+v3t4ORVWkQmRpsV4x2szufZ0LQ==}
+    hasBin: true
+    peerDependencies:
+      typescript: '*'
+    dependencies:
+      '@volar/vue-typescript': 0.38.9
+      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
+
+  /vuex/4.0.2_vue@3.2.37:
+    resolution: {integrity: sha512-M6r8uxELjZIK8kTKDGgZTYX/ahzblnzC4isU1tpmEuOIIKmV+TRdc+H4s8ds2NuZ7wpUTdGRzJRtoj+lI+pc0Q==}
+    peerDependencies:
+      vue: ^3.0.2
+    dependencies:
+      '@vue/devtools-api': 6.2.1
+      vue: 3.2.37
+    dev: false
+
+  /webpack-sources/3.2.3:
+    resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
+    engines: {node: '>=10.13.0'}
+    dev: true
+
+  /webpack-virtual-modules/0.4.4:
+    resolution: {integrity: sha512-h9atBP/bsZohWpHnr+2sic8Iecb60GxftXsWNLLLSqewgIsGzByd2gcIID4nXcG+3tNe4GQG3dLcff3kXupdRA==}
+    dev: true
+
+  /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/public/cof-web/app.json b/public/cof-web/app.json
new file mode 100644
index 0000000..d5f8118
--- /dev/null
+++ b/public/cof-web/app.json
@@ -0,0 +1,42 @@
+{
+    "homePath": "/scr-web/dashboard",
+    "apps": [{
+            "name": "cmp-web",
+            "hasPlugin": true
+        },
+        {
+            "name": "cos-web"
+        },
+        {
+            "name": "cms-web"
+        },
+        {
+            "name": "sms-web"
+        },
+        {
+            "name": "cop-web"
+        },
+        {
+            "name": "ams-web"
+        },
+        {
+            "name": "itsm-web"
+        },
+        {
+            "name": "aos-web"
+        },
+        {
+            "name": "oms-web"
+        },
+        {
+            "name": "log-web"
+        },
+        {
+            "name": "scr-web"
+        },
+        {
+            "name": "ros-plugin",
+            "activeRule": "/cmp-web/ros-plugin"
+        }
+    ]
+}
diff --git a/public/cof-web/config.js b/public/cof-web/config.js
new file mode 100644
index 0000000..368b23d
--- /dev/null
+++ b/public/cof-web/config.js
@@ -0,0 +1,3 @@
+window.appConfigs = {
+  cscPort: 60008
+}
diff --git a/public/img/jump/card_bg.png b/public/img/jump/card_bg.png
new file mode 100644
index 0000000..b3e6220
Binary files /dev/null and b/public/img/jump/card_bg.png differ
diff --git a/public/static/img/jump/card_bg.png b/public/static/img/jump/card_bg.png
new file mode 100644
index 0000000..b3e6220
Binary files /dev/null and b/public/static/img/jump/card_bg.png differ
diff --git a/public/static/img/jump/card_bg_select.png b/public/static/img/jump/card_bg_select.png
new file mode 100644
index 0000000..f18d9da
Binary files /dev/null and b/public/static/img/jump/card_bg_select.png differ
diff --git a/public/static/img/jump/cmp.png b/public/static/img/jump/cmp.png
new file mode 100644
index 0000000..003eb61
Binary files /dev/null and b/public/static/img/jump/cmp.png differ
diff --git a/public/static/img/jump/paas.png b/public/static/img/jump/paas.png
new file mode 100644
index 0000000..394d85f
Binary files /dev/null and b/public/static/img/jump/paas.png differ
diff --git a/public/static/img/jump/winhong.png b/public/static/img/jump/winhong.png
new file mode 100644
index 0000000..ba590d8
Binary files /dev/null and b/public/static/img/jump/winhong.png differ
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..1a811b6
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,44 @@
+<template>
+  <el-config-provider namespace="czhj" :locale="zhCn" >
+    <router-view v-if="showMainApp"></router-view>
+    <Home v-else-if="getToken()"></Home>
+  </el-config-provider>
+</template>
+
+<script setup lang="ts">
+import { onMounted, computed } from 'vue'
+import { useStore } from 'vuex'
+import { useRoute, useRouter } from 'vue-router'
+import { getToken } from '@/utils/auth'
+import Home from './layouts/home.vue'
+import zhCn from 'element-plus/lib/locale/lang/zh-cn'
+
+const store = useStore()
+store.dispatch('GetPageConfigs')
+const route = useRoute()
+const router = useRouter()
+onMounted(() => {
+  // 偶发后退无效问题 hack
+  window.addEventListener(
+    'hashchange',
+    () => {
+      const currentPath = window.location.hash.slice(1)
+      if (route.path !== currentPath) {
+        router.push(currentPath)
+      }
+    },
+    false
+  )
+  // 移除loading
+  setTimeout(() => {
+    const el = document.getElementsByClassName('loading')[0]
+    ;(el?.parentElement as HTMLElement)?.removeChild(el)
+  }, 1000 * 2)
+})
+const showMainApp = computed(() => {
+  return ['/login', '/sso', '/lockme', '/redirect', '/404', '/license', '/jump'].includes(route.path)
+})
+</script>
+<style lang="scss">
+@import './css/index.scss';
+</style>
diff --git a/src/assets/jump_bg.png b/src/assets/jump_bg.png
new file mode 100644
index 0000000..b439799
Binary files /dev/null and b/src/assets/jump_bg.png differ
diff --git a/src/assets/vue.svg b/src/assets/vue.svg
new file mode 100644
index 0000000..770e9d3
--- /dev/null
+++ b/src/assets/vue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
\ No newline at end of file
diff --git a/src/auto-imports.d.ts b/src/auto-imports.d.ts
new file mode 100644
index 0000000..f61585c
--- /dev/null
+++ b/src/auto-imports.d.ts
@@ -0,0 +1,56 @@
+// Generated by 'unplugin-auto-import'
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const ElNotification: typeof import('element-plus/es')['ElNotification']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const effectScope: typeof import('vue')['effectScope']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useSlots: typeof import('vue')['useSlots']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+}
diff --git a/src/components.d.ts b/src/components.d.ts
new file mode 100644
index 0000000..735528f
--- /dev/null
+++ b/src/components.d.ts
@@ -0,0 +1,54 @@
+// generated by unplugin-vue-components
+// We suggest you to commit this file into source control
+// Read more: https://github.com/vuejs/core/pull/3399
+import '@vue/runtime-core'
+
+export {}
+
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    ElAside: typeof import('element-plus/es')['ElAside']
+    ElBadge: typeof import('element-plus/es')['ElBadge']
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElCard: typeof import('element-plus/es')['ElCard']
+    ElCol: typeof import('element-plus/es')['ElCol']
+    ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
+    ElContainer: typeof import('element-plus/es')['ElContainer']
+    ElDialog: typeof import('element-plus/es')['ElDialog']
+    ElDivider: typeof import('element-plus/es')['ElDivider']
+    ElDropdown: typeof import('element-plus/es')['ElDropdown']
+    ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
+    ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
+    ElForm: typeof import('element-plus/es')['ElForm']
+    ElFormItem: typeof import('element-plus/es')['ElFormItem']
+    ElHeader: typeof import('element-plus/es')['ElHeader']
+    ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElInput: typeof import('element-plus/es')['ElInput']
+    ElMain: typeof import('element-plus/es')['ElMain']
+    ElMenu: typeof import('element-plus/es')['ElMenu']
+    ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
+    ElRow: typeof import('element-plus/es')['ElRow']
+    ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
+    ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
+    ElTooltip: typeof import('element-plus/es')['ElTooltip']
+    Empty: typeof import('./components/empty/Empty.vue')['default']
+    IconEpArrowDown: typeof import('~icons/ep/arrow-down')['default']
+    IconEpArrowRight: typeof import('~icons/ep/arrow-right')['default']
+    IconEpArrowRightBold: typeof import('~icons/ep/arrow-right-bold')['default']
+    IconEpBell: typeof import('~icons/ep/bell')['default']
+    IconEpClose: typeof import('~icons/ep/close')['default']
+    IconEpHomeFilled: typeof import('~icons/ep/home-filled')['default']
+    IconEpKey: typeof import('~icons/ep/key')['default']
+    IconEpLock: typeof import('~icons/ep/lock')['default']
+    IconEpMonitor: typeof import('~icons/ep/monitor')['default']
+    IconEpPosition: typeof import('~icons/ep/position')['default']
+    IconEpService: typeof import('~icons/ep/service')['default']
+    IconEpSwitchButton: typeof import('~icons/ep/switch-button')['default']
+    IconEpUploadFilled: typeof import('~icons/ep/upload-filled')['default']
+    IconEpUser: typeof import('~icons/ep/user')['default']
+    ImageCropper: typeof import('./components/image-cropper/index.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    SvgIcon: typeof import('./components/svg-icon/SvgIcon.vue')['default']
+  }
+}
diff --git a/src/components/empty/Empty.vue b/src/components/empty/Empty.vue
new file mode 100644
index 0000000..44ed9b9
--- /dev/null
+++ b/src/components/empty/Empty.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="no-result">
+    <img v-if="image" class="image" :src="image" alt="" />
+    <i v-else class="icon el-icon-tickets"></i>
+    <span>
+      <slot>{{ description }}</slot>
+    </span>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    image: {
+      type: String,
+    },
+    icon: {
+      type: String,
+      default: 'el-icon-tickets',
+    },
+    description: {
+      type: String,
+      default: '暂无数据',
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.no-result {
+  color: #909399;
+  margin: 32px 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  line-height: normal;
+  .image {
+    height: 80px;
+  }
+  .icon {
+    font-size: 40px;
+    margin-bottom: 10px;
+  }
+  span {
+    font-size: 14px;
+  }
+}
+</style>
diff --git a/src/components/empty/index.ts b/src/components/empty/index.ts
new file mode 100644
index 0000000..bd524f8
--- /dev/null
+++ b/src/components/empty/index.ts
@@ -0,0 +1,3 @@
+import Empty from './Empty.vue'
+
+export default Empty
diff --git a/src/components/image-cropper/index.vue b/src/components/image-cropper/index.vue
new file mode 100644
index 0000000..72fc4f5
--- /dev/null
+++ b/src/components/image-cropper/index.vue
@@ -0,0 +1,1441 @@
+<template>
+  <div class="vue-image-crop-upload" v-show="modelValue">
+    <div class="vicp-wrap">
+      <div class="vicp-close" @click="off">
+        <i class="vicp-icon4"></i>
+      </div>
+      <div class="vicp-step1" v-show="step == 1">
+        <div class="vicp-drop-area" @dragleave="preventDefault" @dragover="preventDefault" @dragenter="preventDefault" @click="handleClick" @drop="handleChange">
+          <i class="vicp-icon1" v-show="loading != 1">
+            <i class="vicp-icon1-arrow"></i>
+            <i class="vicp-icon1-body"></i>
+            <i class="vicp-icon1-bottom"></i>
+          </i>
+          <span class="vicp-hint" v-show="loading !== 1">{{ lang.hint }}</span>
+          <span class="vicp-no-supported-hint" v-show="!isSupported">{{ lang.noSupported }}</span>
+          <input type="file" v-show="false" v-if="step == 1" @change="handleChange" ref="fileinput" />
+        </div>
+        <div class="vicp-error" v-show="hasError"><i class="vicp-icon2"></i> {{ errorMsg }}</div>
+        <div class="vicp-operate">
+          <a @click="off" @mousedown="ripple">{{ lang.btn.off }}</a>
+        </div>
+      </div>
+
+      <div class="vicp-step2" v-if="step == 2">
+        <div class="vicp-crop">
+          <div class="vicp-crop-left" v-show="true">
+            <div class="vicp-img-container">
+              <img
+                :src="sourceImgUrl"
+                :style="sourceImgStyle"
+                class="vicp-img"
+                draggable="false"
+                @drag="preventDefault"
+                @dragstart="preventDefault"
+                @dragend="preventDefault"
+                @dragleave="preventDefault"
+                @dragover="preventDefault"
+                @dragenter="preventDefault"
+                @drop="preventDefault"
+                @touchstart="imgStartMove"
+                @touchmove="imgMove"
+                @touchend="createImg"
+                @touchcancel="createImg"
+                @mousedown="imgStartMove"
+                @mousemove="imgMove"
+                @mouseup="createImg"
+                @mouseout="createImg"
+                ref="img"
+              />
+              <div class="vicp-img-shade vicp-img-shade-1" :style="sourceImgShadeStyle"></div>
+              <div class="vicp-img-shade vicp-img-shade-2" :style="sourceImgShadeStyle"></div>
+            </div>
+
+            <div class="vicp-range">
+              <input type="range" :value="scale.range" step="1" min="0" max="100" @change="zoomChange" />
+              <i @mousedown="startZoomSub" @mouseout="endZoomSub" @mouseup="endZoomSub" class="vicp-icon5"></i>
+              <i @mousedown="startZoomAdd" @mouseout="endZoomAdd" @mouseup="endZoomAdd" class="vicp-icon6"></i>
+            </div>
+
+            <div class="vicp-rotate" v-if="!noRotate">
+              <i @click="rotateImg">↻</i>
+            </div>
+          </div>
+          <div class="vicp-crop-right" v-show="true">
+            <div class="vicp-preview">
+              <div class="vicp-preview-item" v-if="!noSquare">
+                <img :src="createImgUrl" :style="previewStyle" />
+                <span>{{ lang.preview }}</span>
+              </div>
+              <div class="vicp-preview-item vicp-preview-item-circle" v-if="!noCircle">
+                <img :src="createImgUrl" :style="previewStyle" />
+                <span>{{ lang.preview }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="vicp-operate">
+          <a @click="setStep(1)" @mousedown="ripple">{{ lang.btn.back }}</a>
+          <a class="vicp-operate-btn" @click="prepareUpload" @mousedown="ripple">{{ lang.btn.save }}</a>
+        </div>
+      </div>
+
+      <div class="vicp-step3" v-if="step == 3">
+        <div class="vicp-upload">
+          <span class="vicp-loading" v-show="loading === 1">{{ lang.loading }}</span>
+          <div class="vicp-progress-wrap">
+            <span class="vicp-progress" v-show="loading === 1" :style="progressStyle"></span>
+          </div>
+          <div class="vicp-error" v-show="hasError"><i class="vicp-icon2"></i> {{ errorMsg }}</div>
+          <div class="vicp-success" v-show="loading === 2"><i class="vicp-icon3"></i> {{ lang.success }}</div>
+        </div>
+        <div class="vicp-operate">
+          <a @click="setStep(2)" @mousedown="ripple">{{ lang.btn.back }}</a>
+          <a @click="off" @mousedown="ripple">{{ lang.btn.close }}</a>
+        </div>
+      </div>
+      <canvas v-show="false" :width="width" :height="height" ref="canvas"></canvas>
+    </div>
+  </div>
+</template>
+
+<script>
+/* eslint-disable @typescript-eslint/no-this-alias */
+import language from './utils/language.js'
+import mimes from './utils/mimes.js'
+import data2blob from './utils/data2blob.js'
+import effectRipple from './utils/effectRipple.js'
+
+export default {
+  props: {
+    // 域，上传文件name，触发事件会带上（如果一个页面多个图片上传控件，可以做区分
+    field: {
+      type: String,
+      default: 'avatar'
+    },
+    // 原名key，类似于id，触发事件会带上（如果一个页面多个图片上传控件，可以做区分
+    ki: {
+      default: 0
+    },
+    // 显示该控件与否
+    modelValue: {
+      default: true
+    },
+    // 上传地址
+    url: {
+      type: String,
+      default: ''
+    },
+    // 其他要上传文件附带的数据，对象格式
+    params: {
+      type: Object,
+      default: null
+    },
+    // Add custom headers
+    headers: {
+      type: Object,
+      default: null
+    },
+    // 剪裁图片的宽
+    width: {
+      type: Number,
+      default: 200
+    },
+    // 剪裁图片的高
+    height: {
+      type: Number,
+      default: 200
+    },
+    // 不显示旋转功能
+    noRotate: {
+      type: Boolean,
+      default: true
+    },
+    // 不预览圆形图片
+    noCircle: {
+      type: Boolean,
+      default: false
+    },
+    // 不预览方形图片
+    noSquare: {
+      type: Boolean,
+      default: false
+    },
+    // 单文件大小限制
+    maxSize: {
+      type: Number,
+      default: 10240
+    },
+    // 语言类型
+    langType: {
+      type: String,
+      default: 'zh'
+    },
+    // 语言包
+    langExt: {
+      type: Object,
+      default: null
+    },
+    // 图片上传格式
+    imgFormat: {
+      type: String,
+      default: 'png'
+    },
+    // 图片背景 jpg情况下生效
+    imgBgc: {
+      type: String,
+      default: '#fff'
+    },
+    // 是否支持跨域
+    withCredentials: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    const that = this
+    const { imgFormat, langType, langExt, width, height } = that
+    const allowImgFormat = ['jpg', 'png']
+    const tempImgFormat = allowImgFormat.indexOf(imgFormat) === -1 ? 'jpg' : imgFormat
+    const lang = language[langType] ? language[langType] : language.en
+    const mime = mimes[tempImgFormat]
+    let isSupported = true
+    // 规范图片格式
+
+    if (langExt) {
+      Object.assign(lang, langExt)
+    }
+    if (typeof FormData !== 'function') {
+      isSupported = false
+    }
+    return {
+      // 图片的mime
+      mime,
+
+      // 语言包
+      lang,
+
+      // 浏览器是否支持该控件
+      isSupported,
+      // 浏览器是否支持触屏事件
+      // eslint-disable-next-line no-prototype-builtins
+      isSupportTouch: document.hasOwnProperty('ontouchstart'),
+
+      // 步骤
+      step: 1, // 1选择文件 2剪裁 3上传
+
+      // 上传状态及进度
+      loading: 0, // 0未开始 1正在 2成功 3错误
+      progress: 0,
+
+      // 是否有错误及错误信息
+      hasError: false,
+      errorMsg: '',
+
+      // 需求图宽高比
+      ratio: width / height,
+
+      // 原图地址、生成图片地址
+      sourceImg: null,
+      sourceImgUrl: '',
+      createImgUrl: '',
+
+      // 原图片拖动事件初始值
+      sourceImgMouseDown: {
+        on: false,
+        mX: 0, // 鼠标按下的坐标
+        mY: 0,
+        x: 0, // scale原图坐标
+        y: 0
+      },
+
+      // 生成图片预览的容器大小
+      previewContainer: {
+        width: 100,
+        height: 100
+      },
+
+      // 原图容器宽高
+      sourceImgContainer: {
+        // sic
+        width: 240,
+        height: 184 // 如果生成图比例与此一致会出现bug，先改成特殊的格式吧，哈哈哈
+      },
+
+      // 原图展示属性
+      scale: {
+        zoomAddOn: false, // 按钮缩放事件开启
+        zoomSubOn: false, // 按钮缩放事件开启
+        range: 1, // 最大100
+
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0,
+        maxWidth: 0,
+        maxHeight: 0,
+        minWidth: 0, // 最宽
+        minHeight: 0,
+        naturalWidth: 0, // 原宽
+        naturalHeight: 0
+      },
+      imageFormat: tempImgFormat
+    }
+  },
+  computed: {
+    // 进度条样式
+    progressStyle() {
+      const { progress } = this
+      return {
+        width: progress + '%'
+      }
+    },
+    // 原图样式
+    sourceImgStyle() {
+      const { scale, sourceImgMasking } = this
+      const top = scale.y + sourceImgMasking.y + 'px'
+      const left = scale.x + sourceImgMasking.x + 'px'
+      return {
+        top,
+        left,
+        width: scale.width + 'px',
+        height: scale.height + 'px' // 兼容 Opera
+      }
+    },
+    // 原图蒙版属性
+    sourceImgMasking() {
+      const { width, height, ratio, sourceImgContainer } = this
+      const sic = sourceImgContainer
+      const sicRatio = sic.width / sic.height // 原图容器宽高比
+      let x = 0
+      let y = 0
+      let w = sic.width
+      let h = sic.height
+      let scale = 1
+      if (ratio < sicRatio) {
+        scale = sic.height / height
+        w = sic.height * ratio
+        x = (sic.width - w) / 2
+      }
+      if (ratio > sicRatio) {
+        scale = sic.width / width
+        h = sic.width / ratio
+        y = (sic.height - h) / 2
+      }
+      return {
+        scale, // 蒙版相对需求宽高的缩放
+        x,
+        y,
+        width: w,
+        height: h
+      }
+    },
+    // 原图遮罩样式
+    sourceImgShadeStyle() {
+      const { sourceImgMasking, sourceImgContainer } = this
+      const sic = sourceImgContainer
+      const sim = sourceImgMasking
+      const w = sim.width === sic.width ? sim.width : (sic.width - sim.width) / 2
+      const h = sim.height === sic.height ? sim.height : (sic.height - sim.height) / 2
+      return {
+        width: w + 'px',
+        height: h + 'px'
+      }
+    },
+    previewStyle() {
+      const { ratio, previewContainer } = this
+      const pc = previewContainer
+      let w = pc.width
+      let h = pc.height
+      const pcRatio = w / h
+      if (ratio < pcRatio) {
+        w = pc.height * ratio
+      }
+      if (ratio > pcRatio) {
+        h = pc.width / ratio
+      }
+      return {
+        width: w + 'px',
+        height: h + 'px'
+      }
+    }
+  },
+  watch: {
+    value(newValue) {
+      if (newValue && this.loading !== 1) {
+        this.reset()
+      }
+    }
+  },
+  methods: {
+    // 点击波纹效果
+    ripple(e) {
+      effectRipple(e)
+    },
+    // 关闭控件
+    off() {
+      setTimeout(() => {
+        this.$emit('update:modelValue', false)
+        if (this.step === 3 && this.loading === 2) {
+          this.setStep(1)
+        }
+      }, 200)
+    },
+    // 设置步骤
+    setStep(no) {
+      // 延时是为了显示动画效果呢，哈哈哈
+      setTimeout(() => {
+        this.step = no
+      }, 200)
+    },
+
+    /* 图片选择区域函数绑定--------------------------------------------------------------- */
+    preventDefault(e) {
+      e.preventDefault()
+      return false
+    },
+    handleClick(e) {
+      if (this.loading !== 1) {
+        if (e.target !== this.$refs.fileinput) {
+          e.preventDefault()
+          if (document.activeElement !== this.$refs) {
+            this.$refs.fileinput.click()
+          }
+        }
+      }
+    },
+    handleChange(e) {
+      e.preventDefault()
+      if (this.loading !== 1) {
+        const files = e.target.files || e.dataTransfer.files
+        this.reset()
+        if (this.checkFile(files[0])) {
+          this.setSourceImg(files[0])
+        }
+      }
+    },
+    /* --------------------------------------------------------------- */
+
+    // 检测选择的文件是否合适
+    checkFile(file) {
+      const that = this
+      const { lang, maxSize } = that
+      // 仅限图片
+      if (file.type.indexOf('image') === -1) {
+        that.hasError = true
+        that.errorMsg = lang.error.onlyImg
+        return false
+      }
+
+      // 超出大小
+      if (file.size / 1024 > maxSize) {
+        that.hasError = true
+        that.errorMsg = lang.error.outOfSize + maxSize + 'kb'
+        return false
+      }
+      return true
+    },
+    // 重置控件
+    reset() {
+      const that = this
+      that.loading = 0
+      that.hasError = false
+      that.errorMsg = ''
+      that.progress = 0
+    },
+    // 设置图片源
+    setSourceImg(file) {
+      const that = this
+      const fr = new FileReader()
+      fr.onload = function () {
+        that.sourceImgUrl = fr.result
+        that.startCrop()
+      }
+      fr.readAsDataURL(file)
+    },
+    // 剪裁前准备工作
+    startCrop() {
+      const that = this
+      const { width, height, ratio, scale, sourceImgUrl, sourceImgMasking, lang } = that
+      const sim = sourceImgMasking
+      const img = new Image()
+      img.src = sourceImgUrl
+      img.onload = function () {
+        const nWidth = img.naturalWidth
+        const nHeight = img.naturalHeight
+        const nRatio = nWidth / nHeight
+        let w = sim.width
+        let h = sim.height
+        let x = 0
+        let y = 0
+        // 图片像素不达标
+        if (nWidth < width || nHeight < height) {
+          that.hasError = true
+          that.errorMsg = lang.error.lowestPx + width + '*' + height
+          return false
+        }
+        if (ratio > nRatio) {
+          h = w / nRatio
+          y = (sim.height - h) / 2
+        }
+        if (ratio < nRatio) {
+          w = h * nRatio
+          x = (sim.width - w) / 2
+        }
+        scale.range = 0
+        scale.x = x
+        scale.y = y
+        scale.width = w
+        scale.height = h
+        scale.minWidth = w
+        scale.minHeight = h
+        scale.maxWidth = nWidth * sim.scale
+        scale.maxHeight = nHeight * sim.scale
+        scale.naturalWidth = nWidth
+        scale.naturalHeight = nHeight
+        that.sourceImg = img
+        that.createImg()
+        that.setStep(2)
+      }
+    },
+    // 鼠标按下图片准备移动
+    imgStartMove(e) {
+      e.preventDefault()
+      // 支持触摸事件，则鼠标事件无效
+      if (this.isSupportTouch && !e.targetTouches) {
+        return false
+      }
+      const et = e.targetTouches ? e.targetTouches[0] : e
+      const { sourceImgMouseDown, scale } = this
+      const simd = sourceImgMouseDown
+      simd.mX = et.screenX
+      simd.mY = et.screenY
+      simd.x = scale.x
+      simd.y = scale.y
+      simd.on = true
+    },
+    // 鼠标按下状态下移动，图片移动
+    imgMove(e) {
+      e.preventDefault()
+      // 支持触摸事件，则鼠标事件无效
+      if (this.isSupportTouch && !e.targetTouches) {
+        return false
+      }
+      const et = e.targetTouches ? e.targetTouches[0] : e
+      const {
+        sourceImgMouseDown: { on, mX, mY, x, y },
+        scale,
+        sourceImgMasking
+      } = this
+      const sim = sourceImgMasking
+      const nX = et.screenX
+      const nY = et.screenY
+      const dX = nX - mX
+      const dY = nY - mY
+      let rX = x + dX
+      let rY = y + dY
+      if (!on) return
+      if (rX > 0) {
+        rX = 0
+      }
+      if (rY > 0) {
+        rY = 0
+      }
+      if (rX < sim.width - scale.width) {
+        rX = sim.width - scale.width
+      }
+      if (rY < sim.height - scale.height) {
+        rY = sim.height - scale.height
+      }
+      scale.x = rX
+      scale.y = rY
+    },
+    // 顺时针旋转图片
+    rotateImg() {
+      const {
+        sourceImg,
+        scale: { naturalWidth, naturalHeight }
+      } = this
+      const width = naturalHeight
+      const height = naturalWidth
+      const canvas = this.$refs.canvas
+      const ctx = canvas.getContext('2d')
+      canvas.width = width
+      canvas.height = height
+      ctx.clearRect(0, 0, width, height)
+
+      ctx.fillStyle = 'rgba(0,0,0,0)'
+      ctx.fillRect(0, 0, width, height)
+
+      ctx.translate(width, 0)
+      ctx.rotate((Math.PI * 90) / 180)
+
+      ctx.drawImage(sourceImg, 0, 0, naturalWidth, naturalHeight)
+      const imgUrl = canvas.toDataURL(mimes.png)
+
+      this.sourceImgUrl = imgUrl
+      this.startCrop()
+    },
+
+    // 按钮按下开始放大
+    startZoomAdd() {
+      const that = this
+      const { scale } = that
+      scale.zoomAddOn = true
+
+      function zoom() {
+        if (scale.zoomAddOn) {
+          const range = scale.range >= 100 ? 100 : ++scale.range
+          that.zoomImg(range)
+          setTimeout(function () {
+            zoom()
+          }, 60)
+        }
+      }
+      zoom()
+    },
+    // 按钮松开或移开取消放大
+    endZoomAdd() {
+      this.scale.zoomAddOn = false
+    },
+    // 按钮按下开始缩小
+    startZoomSub() {
+      const that = this
+      const { scale } = that
+      scale.zoomSubOn = true
+
+      function zoom() {
+        if (scale.zoomSubOn) {
+          const range = scale.range <= 0 ? 0 : --scale.range
+          that.zoomImg(range)
+          setTimeout(function () {
+            zoom()
+          }, 60)
+        }
+      }
+      zoom()
+    },
+    // 按钮松开或移开取消缩小
+    endZoomSub() {
+      const { scale } = this
+      scale.zoomSubOn = false
+    },
+    zoomChange(e) {
+      this.zoomImg(e.target.value)
+    },
+    // 缩放原图
+    zoomImg(newRange) {
+      const that = this
+      const { sourceImgMasking, scale } = this
+      const { maxWidth, maxHeight, minWidth, minHeight, width, height, x, y } = scale
+      const sim = sourceImgMasking
+      // 蒙版宽高
+      const sWidth = sim.width
+      const sHeight = sim.height
+      // 新宽高
+      const nWidth = minWidth + ((maxWidth - minWidth) * newRange) / 100
+      const nHeight = minHeight + ((maxHeight - minHeight) * newRange) / 100
+      // 新坐标（根据蒙版中心点缩放）
+      let nX = sWidth / 2 - (nWidth / width) * (sWidth / 2 - x)
+      let nY = sHeight / 2 - (nHeight / height) * (sHeight / 2 - y)
+
+      // 判断新坐标是否超过蒙版限制
+      if (nX > 0) {
+        nX = 0
+      }
+      if (nY > 0) {
+        nY = 0
+      }
+      if (nX < sWidth - nWidth) {
+        nX = sWidth - nWidth
+      }
+      if (nY < sHeight - nHeight) {
+        nY = sHeight - nHeight
+      }
+
+      // 赋值处理
+      scale.x = nX
+      scale.y = nY
+      scale.width = nWidth
+      scale.height = nHeight
+      scale.range = newRange
+      setTimeout(function () {
+        if (scale.range === newRange) {
+          that.createImg()
+        }
+      }, 300)
+    },
+    // 生成需求图片
+    createImg(e) {
+      const that = this
+      const {
+        imageFormat,
+        imgBgc,
+        mime,
+        sourceImg,
+        scale: { x, y, width, height },
+        sourceImgMasking: { scale }
+      } = that
+      const canvas = that.$refs.canvas
+      const ctx = canvas.getContext('2d')
+      if (e) {
+        // 取消鼠标按下移动状态
+        that.sourceImgMouseDown.on = false
+      }
+      canvas.width = that.width
+      canvas.height = that.height
+      ctx.clearRect(0, 0, that.width, that.height)
+
+      if (imageFormat === 'png') {
+        ctx.fillStyle = 'rgba(0,0,0,0)'
+      } else {
+        // 如果jpg 为透明区域设置背景，默认白色
+        ctx.fillStyle = imgBgc
+      }
+      ctx.fillRect(0, 0, that.width, that.height)
+
+      ctx.drawImage(sourceImg, x / scale, y / scale, width / scale, height / scale)
+      that.createImgUrl = canvas.toDataURL(mime)
+    },
+    prepareUpload() {
+      const { url, createImgUrl, field, ki } = this
+      this.$emit('crop-success', createImgUrl, field, ki)
+      if (typeof url === 'string' && url) {
+        this.upload()
+      } else {
+        this.off()
+      }
+    },
+    // 上传图片
+    upload() {
+      const that = this
+      const { lang, imageFormat, mime, url, params, headers, field, ki, createImgUrl, withCredentials } = this
+      const fmData = new FormData()
+      fmData.append(field, data2blob(createImgUrl, mime), field + '.' + imageFormat)
+
+      // 添加其他参数
+      if (typeof params === 'object' && params) {
+        Object.keys(params).forEach((k) => {
+          fmData.append(k, params[k])
+        })
+      }
+
+      // 监听进度回调
+      const uploadProgress = function (event) {
+        if (event.lengthComputable) {
+          that.progress = (100 * Math.round(event.loaded)) / event.total
+        }
+      }
+
+      // 上传文件
+      that.reset()
+      that.loading = 1
+      that.setStep(3)
+      new Promise(function (resolve, reject) {
+        const client = new XMLHttpRequest()
+        client.open('POST', url, true)
+        client.withCredentials = withCredentials
+        client.onreadystatechange = function () {
+          if (this.readyState !== 4) {
+            return
+          }
+          if (this.status === 200 || this.status === 201) {
+            resolve(JSON.parse(this.responseText))
+          } else {
+            reject(this.status)
+          }
+        }
+        client.upload.addEventListener('progress', uploadProgress, false) // 监听进度
+        // 设置header
+        if (typeof headers === 'object' && headers) {
+          Object.keys(headers).forEach((k) => {
+            client.setRequestHeader(k, headers[k])
+          })
+        }
+        client.send(fmData)
+      }).then(
+        // 上传成功
+        function (resData) {
+          if (that.value) {
+            that.loading = 2
+            that.$emit('crop-upload-success', resData, field, ki)
+          }
+        },
+        // 上传失败
+        function (sts) {
+          if (that.value) {
+            that.loading = 3
+            that.hasError = true
+            that.errorMsg = lang.fail
+            that.$emit('crop-upload-fail', sts, field, ki)
+          }
+        }
+      )
+    }
+  },
+  created() {
+    // 绑定按键esc隐藏此插件事件
+    document.addEventListener('keyup', (e) => {
+      if (this.value && (e.key === 'Escape' || e.keyCode === 27)) {
+        this.off()
+      }
+    })
+  }
+}
+</script>
+
+<style>
+@-webkit-keyframes vicp_progress {
+  0% {
+    background-position-y: 0;
+  }
+  100% {
+    background-position-y: 40px;
+  }
+}
+@keyframes vicp_progress {
+  0% {
+    background-position-y: 0;
+  }
+  100% {
+    background-position-y: 40px;
+  }
+}
+
+@-webkit-keyframes vicp {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0) translatey(-60px);
+    transform: scale(0) translatey(-60px);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform: scale(1) translatey(0);
+    transform: scale(1) translatey(0);
+  }
+}
+
+@keyframes vicp {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0) translatey(-60px);
+    transform: scale(0) translatey(-60px);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform: scale(1) translatey(0);
+    transform: scale(1) translatey(0);
+  }
+}
+
+.vue-image-crop-upload {
+  position: fixed;
+  display: block;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  z-index: 10000;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.65);
+  -webkit-tap-highlight-color: transparent;
+  -moz-tap-highlight-color: transparent;
+}
+.vue-image-crop-upload .vicp-wrap {
+  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
+  position: fixed;
+  display: block;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  z-index: 10000;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 600px;
+  height: 330px;
+  padding: 25px;
+  background-color: #fff;
+  border-radius: 2px;
+  -webkit-animation: vicp 0.12s ease-in;
+  animation: vicp 0.12s ease-in;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-close {
+  position: absolute;
+  right: -30px;
+  top: -30px;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4 {
+  position: relative;
+  display: block;
+  width: 30px;
+  height: 30px;
+  cursor: pointer;
+  -webkit-transition: -webkit-transform 0.18s;
+  transition: -webkit-transform 0.18s;
+  transition: transform 0.18s;
+  transition: transform 0.18s, -webkit-transform 0.18s;
+  -webkit-transform: rotate(0);
+  -ms-transform: rotate(0);
+  transform: rotate(0);
+}
+.vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::after,
+.vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::before {
+  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
+  content: '';
+  position: absolute;
+  top: 12px;
+  left: 4px;
+  width: 20px;
+  height: 3px;
+  -webkit-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  transform: rotate(45deg);
+  background-color: #fff;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::after {
+  -webkit-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+}
+.vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4:hover {
+  -webkit-transform: rotate(90deg);
+  -ms-transform: rotate(90deg);
+  transform: rotate(90deg);
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area {
+  position: relative;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 35px;
+  height: 170px;
+  background-color: rgba(0, 0, 0, 0.03);
+  text-align: center;
+  border: 1px dashed rgba(0, 0, 0, 0.08);
+  overflow: hidden;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 {
+  display: block;
+  margin: 0 auto 6px;
+  width: 42px;
+  height: 42px;
+  overflow: hidden;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-arrow {
+  display: block;
+  margin: 0 auto;
+  width: 0;
+  height: 0;
+  border-bottom: 14.7px solid rgba(0, 0, 0, 0.3);
+  border-left: 14.7px solid transparent;
+  border-right: 14.7px solid transparent;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-body {
+  display: block;
+  width: 12.6px;
+  height: 14.7px;
+  margin: 0 auto;
+  background-color: rgba(0, 0, 0, 0.3);
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-bottom {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  display: block;
+  height: 12.6px;
+  border: 6px solid rgba(0, 0, 0, 0.3);
+  border-top: none;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-hint {
+  display: block;
+  padding: 15px;
+  font-size: 14px;
+  color: #666;
+  line-height: 30px;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-no-supported-hint {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: 30px;
+  width: 100%;
+  height: 60px;
+  line-height: 30px;
+  background-color: #eee;
+  text-align: center;
+  color: #666;
+  font-size: 14px;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area:hover {
+  cursor: pointer;
+  border-color: rgba(0, 0, 0, 0.1);
+  background-color: rgba(0, 0, 0, 0.05);
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop {
+  overflow: hidden;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left {
+  float: left;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container {
+  position: relative;
+  display: block;
+  width: 240px;
+  height: 180px;
+  background-color: #e5e5e0;
+  overflow: hidden;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img {
+  position: absolute;
+  display: block;
+  cursor: move;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade {
+  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
+  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
+  position: absolute;
+  background-color: rgba(241, 242, 243, 0.8);
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade.vicp-img-shade-1 {
+  top: 0;
+  left: 0;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade.vicp-img-shade-2 {
+  bottom: 0;
+  right: 0;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate {
+  position: relative;
+  width: 240px;
+  height: 18px;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i {
+  display: block;
+  width: 18px;
+  height: 18px;
+  border-radius: 100%;
+  line-height: 18px;
+  text-align: center;
+  font-size: 12px;
+  font-weight: bold;
+  background-color: rgba(0, 0, 0, 0.08);
+  color: #fff;
+  overflow: hidden;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:hover {
+  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  cursor: pointer;
+  background-color: rgba(0, 0, 0, 0.14);
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:first-child {
+  float: left;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:last-child {
+  float: right;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range {
+  position: relative;
+  margin: 30px 0 10px 0;
+  width: 240px;
+  height: 18px;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5,
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6 {
+  position: absolute;
+  top: 0;
+  width: 18px;
+  height: 18px;
+  border-radius: 100%;
+  background-color: rgba(0, 0, 0, 0.08);
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5:hover,
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6:hover {
+  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  cursor: pointer;
+  background-color: rgba(0, 0, 0, 0.14);
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5 {
+  left: 0;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5::before {
+  position: absolute;
+  content: '';
+  display: block;
+  left: 3px;
+  top: 8px;
+  width: 12px;
+  height: 2px;
+  background-color: #fff;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6 {
+  right: 0;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6::before {
+  position: absolute;
+  content: '';
+  display: block;
+  left: 3px;
+  top: 8px;
+  width: 12px;
+  height: 2px;
+  background-color: #fff;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6::after {
+  position: absolute;
+  content: '';
+  display: block;
+  top: 3px;
+  left: 8px;
+  width: 2px;
+  height: 12px;
+  background-color: #fff;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type='range'] {
+  display: block;
+  padding-top: 5px;
+  margin: 0 auto;
+  width: 180px;
+  height: 8px;
+  /* vertical-align: top; */
+  background: transparent;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  cursor: pointer;
+  /* 滑块 ---------------------------------------------------------------*/
+  /* 轨道 ---------------------------------------------------------------*/
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type='range']:focus {
+  outline: none;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type='range']::-webkit-slider-thumb {
+  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
+  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
+  -webkit-appearance: none;
+  appearance: none;
+  margin-top: -3px;
+  width: 12px;
+  height: 12px;
+  background-color: #61c091;
+  border-radius: 100%;
+  border: none;
+  -webkit-transition: 0.2s;
+  transition: 0.2s;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type='range']::-moz-range-thumb {
+  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
+  -moz-appearance: none;
+  appearance: none;
+  width: 12px;
+  height: 12px;
+  background-color: #61c091;
+  border-radius: 100%;
+  border: none;
+  -webkit-transition: 0.2s;
+  transition: 0.2s;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type='range']::-ms-thumb {
+  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
+  appearance: none;
+  width: 12px;
+  height: 12px;
+  background-color: #61c091;
+  border: none;
+  border-radius: 100%;
+  -webkit-transition: 0.2s;
+  transition: 0.2s;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type='range']:active::-moz-range-thumb {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
+  width: 14px;
+  height: 14px;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type='range']:active::-ms-thumb {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
+  width: 14px;
+  height: 14px;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type='range']:active::-webkit-slider-thumb {
+  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
+  margin-top: -4px;
+  width: 14px;
+  height: 14px;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type='range']::-webkit-slider-runnable-track {
+  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  width: 100%;
+  height: 6px;
+  cursor: pointer;
+  border-radius: 2px;
+  border: none;
+  background-color: rgba(68, 170, 119, 0.3);
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type='range']::-moz-range-track {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  width: 100%;
+  height: 6px;
+  cursor: pointer;
+  border-radius: 2px;
+  border: none;
+  background-color: rgba(68, 170, 119, 0.3);
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type='range']::-ms-track {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  width: 100%;
+  cursor: pointer;
+  background: transparent;
+  border-color: transparent;
+  color: transparent;
+  height: 6px;
+  border-radius: 2px;
+  border: none;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type='range']::-ms-fill-lower {
+  background-color: rgba(68, 170, 119, 0.3);
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type='range']::-ms-fill-upper {
+  background-color: rgba(68, 170, 119, 0.15);
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type='range']:focus::-webkit-slider-runnable-track {
+  background-color: rgba(68, 170, 119, 0.5);
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type='range']:focus::-moz-range-track {
+  background-color: rgba(68, 170, 119, 0.5);
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type='range']:focus::-ms-fill-lower {
+  background-color: rgba(68, 170, 119, 0.45);
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type='range']:focus::-ms-fill-upper {
+  background-color: rgba(68, 170, 119, 0.25);
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right {
+  float: right;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview {
+  height: 150px;
+  overflow: hidden;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item {
+  position: relative;
+  padding: 5px;
+  width: 100px;
+  height: 100px;
+  float: left;
+  margin-right: 16px;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item span {
+  position: absolute;
+  bottom: -30px;
+  width: 100%;
+  font-size: 14px;
+  color: #bbb;
+  display: block;
+  text-align: center;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item img {
+  position: absolute;
+  display: block;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  padding: 3px;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  overflow: hidden;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item.vicp-preview-item-circle {
+  margin-right: 0;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item.vicp-preview-item-circle img {
+  border-radius: 100%;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload {
+  position: relative;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 35px;
+  height: 170px;
+  background-color: rgba(0, 0, 0, 0.03);
+  text-align: center;
+  border: 1px dashed #ddd;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-loading {
+  display: block;
+  padding: 15px;
+  font-size: 16px;
+  color: #999;
+  line-height: 30px;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap {
+  margin-top: 12px;
+  background-color: rgba(0, 0, 0, 0.08);
+  border-radius: 3px;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap .vicp-progress {
+  position: relative;
+  display: block;
+  height: 5px;
+  border-radius: 3px;
+  background-color: #4a7;
+  -webkit-box-shadow: 0 2px 6px 0 rgba(68, 170, 119, 0.3);
+  box-shadow: 0 2px 6px 0 rgba(68, 170, 119, 0.3);
+  -webkit-transition: width 0.15s linear;
+  transition: width 0.15s linear;
+  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
+  background-size: 40px 40px;
+  -webkit-animation: vicp_progress 0.5s linear infinite;
+  animation: vicp_progress 0.5s linear infinite;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap .vicp-progress::after {
+  content: '';
+  position: absolute;
+  display: block;
+  top: -3px;
+  right: -3px;
+  width: 9px;
+  height: 9px;
+  border: 1px solid rgba(245, 246, 247, 0.7);
+  -webkit-box-shadow: 0 1px 4px 0 rgba(68, 170, 119, 0.7);
+  box-shadow: 0 1px 4px 0 rgba(68, 170, 119, 0.7);
+  border-radius: 100%;
+  background-color: #4a7;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-error,
+.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-success {
+  height: 100px;
+  line-height: 100px;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-operate {
+  position: absolute;
+  right: 20px;
+  bottom: 20px;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-operate a {
+  position: relative;
+  float: left;
+  display: block;
+  margin-left: 10px;
+  width: 100px;
+  height: 36px;
+  line-height: 36px;
+  text-align: center;
+  cursor: pointer;
+  font-size: 14px;
+  color: #4a7;
+  border-radius: 2px;
+  overflow: hidden;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-operate a:hover {
+  background-color: rgba(0, 0, 0, 0.03);
+}
+.vue-image-crop-upload .vicp-wrap .vicp-error,
+.vue-image-crop-upload .vicp-wrap .vicp-success {
+  display: block;
+  font-size: 14px;
+  line-height: 24px;
+  height: 24px;
+  color: #d10;
+  text-align: center;
+  /* vertical-align: top; */
+}
+.vue-image-crop-upload .vicp-wrap .vicp-success {
+  color: #4a7;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-icon3 {
+  position: relative;
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  top: 4px;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-icon3::after {
+  position: absolute;
+  top: 3px;
+  left: 6px;
+  width: 6px;
+  height: 10px;
+  border-width: 0 2px 2px 0;
+  border-color: #4a7;
+  border-style: solid;
+  -webkit-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  transform: rotate(45deg);
+  content: '';
+}
+.vue-image-crop-upload .vicp-wrap .vicp-icon2 {
+  position: relative;
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  top: 4px;
+}
+.vue-image-crop-upload .vicp-wrap .vicp-icon2::after,
+.vue-image-crop-upload .vicp-wrap .vicp-icon2::before {
+  content: '';
+  position: absolute;
+  top: 9px;
+  left: 4px;
+  width: 13px;
+  height: 2px;
+  background-color: #d10;
+  -webkit-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+.vue-image-crop-upload .vicp-wrap .vicp-icon2::after {
+  -webkit-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+}
+
+.e-ripple {
+  position: absolute;
+  border-radius: 100%;
+  background-color: rgba(0, 0, 0, 0.15);
+  background-clip: padding-box;
+  pointer-events: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  -webkit-transform: scale(0);
+  -ms-transform: scale(0);
+  transform: scale(0);
+  opacity: 1;
+}
+.e-ripple.z-active {
+  opacity: 0;
+  -webkit-transform: scale(2);
+  -ms-transform: scale(2);
+  transform: scale(2);
+  -webkit-transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;
+  transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;
+  transition: opacity 1.2s ease-out, transform 0.6s ease-out;
+  transition: opacity 1.2s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
+}
+</style>
diff --git a/src/components/image-cropper/utils/data2blob.js b/src/components/image-cropper/utils/data2blob.js
new file mode 100644
index 0000000..84e382c
--- /dev/null
+++ b/src/components/image-cropper/utils/data2blob.js
@@ -0,0 +1,19 @@
+/**
+ * database64文件格式转换为2进制
+ *
+ * @param  {[String]} data dataURL 的格式为 “data:image/png;base64,****”,逗号之前都是一些说明性的文字，我们只需要逗号之后的就行了
+ * @param  {[String]} mime [description]
+ * @return {[blob]}      [description]
+ */
+export default function (data, mime) {
+  data = data.split(',')[1]
+  data = window.atob(data)
+  var ia = new Uint8Array(data.length)
+  for (var i = 0; i < data.length; i++) {
+    ia[i] = data.charCodeAt(i)
+  }
+  // canvas.toDataURL 返回的默认格式就是 image/png
+  return new Blob([ia], {
+    type: mime,
+  })
+}
diff --git a/src/components/image-cropper/utils/effectRipple.js b/src/components/image-cropper/utils/effectRipple.js
new file mode 100644
index 0000000..6edc26c
--- /dev/null
+++ b/src/components/image-cropper/utils/effectRipple.js
@@ -0,0 +1,42 @@
+/**
+ * 点击波纹效果
+ *
+ * @param  {[event]} e        [description]
+ * @param  {[Object]} argOpts [description]
+ * @return {[bollean]}          [description]
+ */
+export default function (e, argOpts) {
+  const opts = Object.assign(
+    {
+      ele: e.target, // 波纹作用元素
+      type: 'hit', // hit点击位置扩散center中心点扩展
+      bgc: 'rgba(0, 0, 0, 0.15)', // 波纹颜色
+    },
+    argOpts
+  )
+  var target = opts.ele
+  if (target) {
+    const rect = target.getBoundingClientRect()
+    var ripple = target.querySelector('.e-ripple')
+    if (!ripple) {
+      ripple = document.createElement('span')
+      ripple.className = 'e-ripple'
+      ripple.style.height = ripple.style.width = Math.max(rect.width, rect.height) + 'px'
+      target.appendChild(ripple)
+    } else {
+      ripple.className = 'e-ripple'
+    }
+    switch (opts.type) {
+      case 'center':
+        ripple.style.top = rect.height / 2 - ripple.offsetHeight / 2 + 'px'
+        ripple.style.left = rect.width / 2 - ripple.offsetWidth / 2 + 'px'
+        break
+      default:
+        ripple.style.top = e.pageY - rect.top - ripple.offsetHeight / 2 - document.body.scrollTop + 'px'
+        ripple.style.left = e.pageX - rect.left - ripple.offsetWidth / 2 - document.body.scrollLeft + 'px'
+    }
+    ripple.style.backgroundColor = opts.bgc
+    ripple.className = 'e-ripple z-active'
+    return false
+  }
+}
diff --git a/src/components/image-cropper/utils/language.js b/src/components/image-cropper/utils/language.js
new file mode 100644
index 0000000..65f5bf7
--- /dev/null
+++ b/src/components/image-cropper/utils/language.js
@@ -0,0 +1,365 @@
+export default {
+  zh: {
+    hint: '点击，或拖动图片至此处',
+    loading: '正在上传……',
+    noSupported: '浏览器不支持该功能，请使用IE10以上或其他现在浏览器！',
+    success: '上传成功',
+    fail: '图片上传失败',
+    preview: '预览',
+    btn: {
+      off: '取消',
+      close: '关闭',
+      back: '上一步',
+      save: '保存',
+    },
+    error: {
+      onlyImg: '仅限图片格式',
+      outOfSize: '单文件大小不能超过 ',
+      lowestPx: '图片最低像素为（宽*高）：',
+    },
+  },
+  'zh-tw': {
+    hint: '點擊，或拖動圖片至此處',
+    loading: '正在上傳……',
+    noSupported: '瀏覽器不支持該功能，請使用IE10以上或其他現代瀏覽器！',
+    success: '上傳成功',
+    fail: '圖片上傳失敗',
+    preview: '頭像預覽',
+    btn: {
+      off: '取消',
+      close: '關閉',
+      back: '上一步',
+      save: '保存',
+    },
+    error: {
+      onlyImg: '僅限圖片格式',
+      outOfSize: '單文件大小不能超過 ',
+      lowestPx: '圖片最低像素為（寬*高）：',
+    },
+  },
+  en: {
+    hint: 'Click or drag the file here to upload',
+    loading: 'Uploading…',
+    noSupported: 'Browser is not supported, please use IE10+ or other browsers',
+    success: 'Upload success',
+    fail: 'Upload failed',
+    preview: 'Preview',
+    btn: {
+      off: 'Cancel',
+      close: 'Close',
+      back: 'Back',
+      save: 'Save',
+    },
+    error: {
+      onlyImg: 'Image only',
+      outOfSize: 'Image exceeds size limit: ',
+      lowestPx: "Image's size is too low. Expected at least: ",
+    },
+  },
+  ro: {
+    hint: 'Atinge sau trage fișierul aici',
+    loading: 'Se încarcă',
+    noSupported: 'Browser-ul tău nu suportă acest feature. Te rugăm încearcă cu alt browser.',
+    success: 'S-a încărcat cu succes',
+    fail: 'A apărut o problemă la încărcare',
+    preview: 'Previzualizează',
+
+    btn: {
+      off: 'Anulează',
+      close: 'Închide',
+      back: 'Înapoi',
+      save: 'Salvează',
+    },
+
+    error: {
+      onlyImg: 'Doar imagini',
+      outOfSize: 'Imaginea depășește limita de: ',
+      loewstPx: 'Imaginea este prea mică; Minim: ',
+    },
+  },
+  ru: {
+    hint: 'Нажмите, или перетащите файл в это окно',
+    loading: 'Загружаю……',
+    noSupported: 'Ваш браузер не поддерживается, пожалуйста, используйте IE10 + или другие браузеры',
+    success: 'Загрузка выполнена успешно',
+    fail: 'Ошибка загрузки',
+    preview: 'Предпросмотр',
+    btn: {
+      off: 'Отменить',
+      close: 'Закрыть',
+      back: 'Назад',
+      save: 'Сохранить',
+    },
+    error: {
+      onlyImg: 'Только изображения',
+      outOfSize: 'Изображение превышает предельный размер: ',
+      lowestPx: 'Минимальный размер изображения: ',
+    },
+  },
+  'pt-br': {
+    hint: 'Clique ou arraste o arquivo aqui para carregar',
+    loading: 'Carregando…',
+    noSupported: 'Browser não suportado, use o IE10+ ou outro browser',
+    success: 'Sucesso ao carregar imagem',
+    fail: 'Falha ao carregar imagem',
+    preview: 'Pré-visualizar',
+    btn: {
+      off: 'Cancelar',
+      close: 'Fechar',
+      back: 'Voltar',
+      save: 'Salvar',
+    },
+    error: {
+      onlyImg: 'Apenas imagens',
+      outOfSize: 'A imagem excede o limite de tamanho: ',
+      lowestPx: 'O tamanho da imagem é muito pequeno. Tamanho mínimo: ',
+    },
+  },
+  fr: {
+    hint: 'Cliquez ou glissez le fichier ici.',
+    loading: 'Téléchargement…',
+    noSupported: "Votre navigateur n'est pas supporté. Utilisez IE10 + ou un autre navigateur s'il vous plaît.",
+    success: 'Téléchargement réussit',
+    fail: 'Téléchargement echoué',
+    preview: 'Aperçu',
+    btn: {
+      off: 'Annuler',
+      close: 'Fermer',
+      back: 'Retour',
+      save: 'Enregistrer',
+    },
+    error: {
+      onlyImg: 'Image uniquement',
+      outOfSize: "L'image sélectionnée dépasse la taille maximum: ",
+      lowestPx: "L'image sélectionnée est trop petite. Dimensions attendues: ",
+    },
+  },
+  nl: {
+    hint: 'Klik hier of sleep een afbeelding in dit vlak',
+    loading: 'Uploaden…',
+    noSupported: 'Je browser wordt helaas niet ondersteund. Gebruik IE10+ of een andere browser.',
+    success: 'Upload succesvol',
+    fail: 'Upload mislukt',
+    preview: 'Voorbeeld',
+    btn: {
+      off: 'Annuleren',
+      close: 'Sluiten',
+      back: 'Terug',
+      save: 'Opslaan',
+    },
+    error: {
+      onlyImg: 'Alleen afbeeldingen',
+      outOfSize: 'De afbeelding is groter dan: ',
+      lowestPx: 'De afbeelding is te klein! Minimale afmetingen: ',
+    },
+  },
+  tr: {
+    hint: 'Tıkla veya yüklemek istediğini buraya sürükle',
+    loading: 'Yükleniyor…',
+    noSupported: 'Tarayıcı desteklenmiyor, lütfen IE10+ veya farklı tarayıcı kullanın',
+    success: 'Yükleme başarılı',
+    fail: 'Yüklemede hata oluştu',
+    preview: 'Önizle',
+    btn: {
+      off: 'İptal',
+      close: 'Kapat',
+      back: 'Geri',
+      save: 'Kaydet',
+    },
+    error: {
+      onlyImg: 'Sadece resim',
+      outOfSize: 'Resim yükleme limitini aşıyor: ',
+      lowestPx: 'Resmin boyutu çok küçük. En az olması gereken: ',
+    },
+  },
+  'es-MX': {
+    hint: 'Selecciona o arrastra una imagen',
+    loading: 'Subiendo...',
+    noSupported: 'Tu navegador no es soportado, por favor usa IE10+ u otros navegadores más recientes',
+    success: 'Subido exitosamente',
+    fail: 'Sucedió un error',
+    preview: 'Vista previa',
+    btn: {
+      off: 'Cancelar',
+      close: 'Cerrar',
+      back: 'Atrás',
+      save: 'Guardar',
+    },
+    error: {
+      onlyImg: 'Únicamente imágenes',
+      outOfSize: 'La imagen excede el tamaño maximo:',
+      lowestPx: 'La imagen es demasiado pequeña. Se espera por lo menos:',
+    },
+  },
+  de: {
+    hint: 'Klick hier oder zieh eine Datei hier rein zum Hochladen',
+    loading: 'Hochladen…',
+    noSupported: 'Browser wird nicht unterstützt, bitte verwende IE10+ oder andere Browser',
+    success: 'Upload erfolgreich',
+    fail: 'Upload fehlgeschlagen',
+    preview: 'Vorschau',
+    btn: {
+      off: 'Abbrechen',
+      close: 'Schließen',
+      back: 'Zurück',
+      save: 'Speichern',
+    },
+    error: {
+      onlyImg: 'Nur Bilder',
+      outOfSize: 'Das Bild ist zu groß: ',
+      lowestPx: 'Das Bild ist zu klein. Mindestens: ',
+    },
+  },
+  ja: {
+    hint: 'クリック・ドラッグしてファイルをアップロード',
+    loading: 'アップロード中...',
+    noSupported: 'このブラウザは対応されていません。IE10+かその他の主要ブラウザをお使いください。',
+    success: 'アップロード成功',
+    fail: 'アップロード失敗',
+    preview: 'プレビュー',
+    btn: {
+      off: 'キャンセル',
+      close: '閉じる',
+      back: '戻る',
+      save: '保存',
+    },
+    error: {
+      onlyImg: '画像のみ',
+      outOfSize: '画像サイズが上限を超えています。上限: ',
+      lowestPx: '画像が小さすぎます。最小サイズ: ',
+    },
+  },
+  ua: {
+    hint: 'Натисніть, або перетягніть файл в це вікно',
+    loading: 'Завантажую……',
+    noSupported: 'Ваш браузер не підтримується, будь ласка скористайтесь IE10 + або іншими браузерами',
+    success: 'Завантаження виконано успішно',
+    fail: 'Помилка завантаження',
+    preview: 'Попередній перегляд',
+    btn: {
+      off: 'Відмінити',
+      close: 'Закрити',
+      back: 'Назад',
+      save: 'Зберегти',
+    },
+    error: {
+      onlyImg: 'Тільки зображення',
+      outOfSize: 'Зображення перевищує граничний розмір: ',
+      lowestPx: 'Мінімальний розмір зображення: ',
+    },
+  },
+  it: {
+    hint: 'Clicca o trascina qui il file per caricarlo',
+    loading: 'Caricamento del file…',
+    noSupported: 'Browser non supportato, per favore usa IE10+ o un altro browser',
+    success: 'Caricamento completato',
+    fail: 'Caricamento fallito',
+    preview: 'Anteprima',
+    btn: {
+      off: 'Annulla',
+      close: 'Chiudi',
+      back: 'Indietro',
+      save: 'Salva',
+    },
+    error: {
+      onlyImg: 'Sono accettate solo immagini',
+      outOfSize: "L'immagine eccede i limiti di dimensione: ",
+      lowestPx: "L'immagine è troppo piccola. Il requisito minimo è: ",
+    },
+  },
+  ar: {
+    hint: 'اضغط أو اسحب الملف هنا للتحميل',
+    loading: 'جاري التحميل...',
+    noSupported: 'المتصفح غير مدعوم ، يرجى استخدام IE10 + أو متصفح أخر',
+    success: 'تم التحميل بنجاح',
+    fail: 'فشل التحميل',
+    preview: 'معاينه',
+    btn: {
+      off: 'إلغاء',
+      close: 'إغلاق',
+      back: 'رجوع',
+      save: 'حفظ',
+    },
+    error: {
+      onlyImg: 'صور فقط',
+      outOfSize: 'تتجاوز الصوره الحجم المحدد: ',
+      lowestPx: 'حجم الصورة صغير جدا. من المتوقع على الأقل: ',
+    },
+  },
+  ug: {
+    hint: 'مەزكۇر دائىرىنى چىكىپ رەسىم تاللاڭ ياكى رەسىمنى سۆرەپ ئەكىرىڭ',
+    loading: 'يوللىنىۋاتىدۇ...',
+    noSupported: 'تور كۆرگۈچ بۇ ئىقتىدارنى قوللىمايدۇ ، يۇقىرى نەشىردىكى تور كۆرگۈچنى ئىشلىتىڭ',
+    success: 'غەلبىلىك بولدى',
+    fail: 'مەغلۇب بولدى',
+    preview: 'ئۈنۈم رەسىم',
+    btn: {
+      off: 'بولدى قىلىش',
+      close: 'تاقاش',
+      back: 'ئالدىنقى قەدەم',
+      save: 'ساقلاش',
+    },
+    error: {
+      onlyImg: 'پەقەت رەسىم فورماتىنىلا قوللايدۇ',
+      outOfSize: 'رەسىم چوڭ - كىچىكلىكى چەكتىن ئىشىپ كەتتى',
+      lowestPx: 'رەسىمنىڭ ئەڭ كىچىك ئۆلچىمى :',
+    },
+  },
+  th: {
+    hint: 'คลิ๊กหรือลากรูปมาที่นี่',
+    loading: 'กำลังอัพโหลด…',
+    noSupported: 'เบราเซอร์ไม่รองรับ, กรุณาใช้ IE เวอร์ชั่น 10 ขึ้นไป หรือใช้เบราเซอร์ตัวอื่น',
+    success: 'อัพโหลดสำเร็จ',
+    fail: 'อัพโหลดล้มเหลว',
+    preview: 'ตัวอย่าง',
+    btn: {
+      off: 'ยกเลิก',
+      close: 'ปิด',
+      back: 'กลับ',
+      save: 'บันทึก',
+    },
+    error: {
+      onlyImg: 'ไฟล์ภาพเท่านั้น',
+      outOfSize: 'ไฟล์ใหญ่เกินกำหนด: ',
+      lowestPx: 'ไฟล์เล็กเกินไป. อย่างน้อยต้องมีขนาด: ',
+    },
+  },
+  mm: {
+    hint: 'ဖိုင်ကို ဤနေရာတွင် နှိပ်၍ (သို့) ဆွဲထည့်၍ တင်ပါ',
+    loading: 'တင်နေသည်…',
+    noSupported: 'ဤဘရောက်ဇာကို အထောက်အပံ့ မပေးပါ၊ ကျေးဇူးပြု၍ IE10+ သို့မဟုတ် အခြား ဘရောက်ဇာ ကို အသုံးပြုပါ',
+    success: 'ဖိုင်တင်နေမှု မပြီးမြောက်ပါ',
+    fail: 'ဖိုင်တင်နေမှု မအောင်မြင်ပါ',
+    preview: 'အစမ်းကြည့်',
+    btn: {
+      off: 'မလုပ်တော့ပါ',
+      close: 'ပိတ်မည်',
+      back: 'နောက်သို့',
+      save: 'သိမ်းမည်',
+    },
+    error: {
+      onlyImg: 'ဓာတ်ပုံ သီးသန့်သာ',
+      outOfSize: 'ဓာတ်ပုံဆိုဒ် ကြီးလွန်းသည် ။ အများဆုံး ဆိုဒ် : ',
+      lowestPx: 'ဓာတ်ပုံဆိုဒ် သေးလွန်းသည်။ အနည်းဆုံး ဆိုဒ် : ',
+    },
+  },
+  se: {
+    hint: 'Klicka eller dra en fil hit för att ladda upp den',
+    loading: 'Laddar upp…',
+    noSupported: 'Din webbläsare stöds inte, vänligen använd IE10+ eller andra webbläsare',
+    success: 'Uppladdning lyckades',
+    fail: 'Uppladdning misslyckades',
+    preview: 'Förhandsgranska',
+    btn: {
+      off: 'Avbryt',
+      close: 'Stäng',
+      back: 'Tillbaka',
+      save: 'Spara',
+    },
+    error: {
+      onlyImg: 'Endast bilder',
+      outOfSize: 'Bilden är större än max-gränsen: ',
+      lowestPx: 'Bilden är för liten. Minimum är: ',
+    },
+  },
+}
diff --git a/src/components/image-cropper/utils/mimes.js b/src/components/image-cropper/utils/mimes.js
new file mode 100644
index 0000000..c44770e
--- /dev/null
+++ b/src/components/image-cropper/utils/mimes.js
@@ -0,0 +1,7 @@
+export default {
+  jpg: 'image/jpeg',
+  png: 'image/png',
+  gif: 'image/gif',
+  svg: 'image/svg+xml',
+  psd: 'image/photoshop',
+}
diff --git a/src/components/index.ts b/src/components/index.ts
new file mode 100644
index 0000000..6a3da47
--- /dev/null
+++ b/src/components/index.ts
@@ -0,0 +1,12 @@
+import Empty from './empty/Empty.vue'
+import SvgIcon from './svg-icon/SvgIcon.vue'
+
+export const components: any = {
+  Empty,
+  SvgIcon
+}
+export default function registerComponent(app: any) {
+  Object.keys(components).forEach((key) => {
+    app.component(key, components[key])
+  })
+}
diff --git a/src/components/svg-icon/SvgIcon.vue b/src/components/svg-icon/SvgIcon.vue
new file mode 100644
index 0000000..a253df2
--- /dev/null
+++ b/src/components/svg-icon/SvgIcon.vue
@@ -0,0 +1,35 @@
+<template>
+  <svg class="icon svg-icon" aria-hidden="true" v-if="iconName.includes('svg')">
+    <use :xlink:href="icon" />
+  </svg>
+  <i v-else class="icon" :class="iconName"></i>
+</template>
+
+<script lang="ts">
+import { computed, defineComponent } from 'vue'
+
+export default defineComponent({
+  props: {
+    iconName: {
+      type: String,
+      required: true,
+    },
+  },
+  setup(props) {
+    const icon = computed(() => `#icon-${props.iconName}`)
+    return {
+      icon,
+    }
+  },
+})
+</script>
+
+<style scoped>
+.svg-icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+</style>
diff --git a/src/components/svg-icon/index.ts b/src/components/svg-icon/index.ts
new file mode 100644
index 0000000..adbf9c1
--- /dev/null
+++ b/src/components/svg-icon/index.ts
@@ -0,0 +1,3 @@
+import SvgIcon from './SvgIcon.vue'
+
+export default SvgIcon
diff --git a/src/config.ts b/src/config.ts
new file mode 100644
index 0000000..d6aa3f9
--- /dev/null
+++ b/src/config.ts
@@ -0,0 +1,25 @@
+/**
+ * 启用缓存加载速度会变快，但是数据安全性和实时性降低
+ */
+// 是否启用权限本地缓存
+export const enablePermissionStorage = false
+// 本地缓存的菜单key值
+export const menuKey = 'cmcMenuData'
+// 是否启用用户本地缓存
+export const enableUserStorage = false
+// 本地缓存的用户key值
+export const userKey = 'cmcUserData'
+// 本地存储的cookie kye值
+export const tokenKey = 'CMC_TOKEN'
+// 最大缓存组件实例数
+export const cacheViewMax = 15
+export const formSetting = {
+  labelCol: {
+    xs: { span: 24 },
+    sm: { span: 6 }
+  },
+  wrapperCol: {
+    xs: { span: 24 },
+    sm: { span: 18 }
+  }
+}
diff --git a/src/core/actions.ts b/src/core/actions.ts
new file mode 100644
index 0000000..b23b0f3
--- /dev/null
+++ b/src/core/actions.ts
@@ -0,0 +1,19 @@
+import { initGlobalState } from 'qiankun'
+import type { MicroAppStateActions } from 'qiankun'
+import store from '@/store'
+
+const initialState = {
+  name: 'main-web',
+  onmessage: (data: any) => console.log(data),
+  userData: null,
+  permissions: null
+}
+const actions: MicroAppStateActions = initGlobalState(initialState)
+
+actions.onGlobalStateChange((state) => {
+  // state: 变更后的状态; prev 变更前的状态
+  // console.log('from:', state.name, 'current:', state, 'pre:', prev)
+  store.commit('SET_ONMESSAGE', state.onmessage)
+})
+
+export default actions
diff --git a/src/core/config.ts b/src/core/config.ts
new file mode 100644
index 0000000..6a795e6
--- /dev/null
+++ b/src/core/config.ts
@@ -0,0 +1,57 @@
+/*
+ * @Author: Haijun Zhang
+ * @Date: 2022-11-10 10:46:38
+ * @LastEditTime: 2023-09-06 15:04:22
+ * @LastEditors: Haijun Zhang
+ * @Description: 
+ * @FilePath: \cmp-cored:\workspace\micro-web\main-web-qiankun\src\core\config.ts
+ */
+import mainRouter from '@/router/index'
+import axios from 'axios'
+import store from '../store'
+
+export type IDeployConfig = {
+  apps: IAppConfig[]
+  plugins: IAppConfig[]
+  deployAddress: string
+  deployPort: number | { [key: string]: number }
+  homePath: string
+}
+export type IAppConfig = {
+  name: string
+  entry?: string
+  hasPlugin?: boolean
+  activeRule?: string | string[]
+}
+function getAppDeployDir(name: string){
+  if(name.includes('-plugin')) return 'plugins';
+  return 'sub-app'
+}
+export async function getMicroApp() {
+  const { protocol, hostname, port } = location
+  const prefix = `${protocol}//${hostname}`
+  const {
+    data: { deployAddress = prefix, homePath = '/sms-web/resource_dashboard', deployPort = Number(port) ||  (protocol === 'https:' ? 443 : 80), apps }
+  }: {
+    data: IDeployConfig
+  } = await axios.get('/cof-web/app.json')
+  // const port: number = isNaN(deployPort as number) ? (deployPort as any)[hostname] : deployPort
+  const hasCos = Boolean(apps.find(item => item.name === 'cos-web'))
+  store.commit('SET_APP_CONFIGS', { hasCos, homePath })
+  return apps.map((item: IAppConfig) => {
+    const { name, activeRule = `/${name}`, hasPlugin, entry = `${deployAddress}:${deployPort}/${getAppDeployDir(name)}/${name}/` } = item
+    return {
+      name,
+      entry,
+      container: '#subapp-viewport',
+      activeRule: (location: any) => {
+        if(hasPlugin && location.pathname.includes('-plugin')) return false 
+        return location.pathname.startsWith(activeRule)
+      },
+      props: {
+        appPath: entry,
+        mainRouter
+      }
+    }
+  });
+}
diff --git a/src/core/register.ts b/src/core/register.ts
new file mode 100644
index 0000000..f72f163
--- /dev/null
+++ b/src/core/register.ts
@@ -0,0 +1,70 @@
+/*
+ * @Author: Haijun Zhang
+ * @Date: 2022-11-10 10:46:38
+ * @LastEditTime: 2022-11-17 18:37:12
+ * @LastEditors: Haijun Zhang
+ * @Description: 
+ * @FilePath: \main-web-qiankun\src\core\register.ts
+ */
+import { registerMicroApps, start, addGlobalUncaughtErrorHandler } from 'qiankun'
+import NProgress from 'nprogress'
+import store from '@/store'
+import 'nprogress/nprogress.css'
+import './actions'
+import { getMicroApp } from './config'
+
+const startApp = async () => {
+  const apps = await getMicroApp()
+  registerMicroApps(apps, {
+    beforeLoad: [
+      () => {
+        // 解决ros-plugin报错问题
+        // if(window.Vue2){
+        //   window.Vue = window.Vue2;
+        //   delete window.Vue2
+        // }else if(app.name === 'ros-plugin'){
+        //   window.Vue2 = window.Vue;
+        //   delete window.Vue;
+        // }
+        NProgress.start()
+        store.commit('SET_APP_LOADING', true)
+        // console.log('[LifeCycle] before load %c%s', 'color: green;', app.name)
+        return Promise.resolve()
+      }
+    ],
+    afterMount: [
+      () => {
+        NProgress.done()
+        store.commit('SET_APP_LOADING', false)
+        // console.log('[LifeCycle] after mount %c%s', 'color: green;', app.name)
+        return Promise.resolve()
+      }
+    ],
+    afterUnmount: [
+      () => {
+        // console.log('[LifeCycle] after unmount %c%s', 'color: green;', app.name)
+        return Promise.resolve()
+      }
+    ]
+  });
+  // const prefetchList = apps.filter(item => item.name.includes('-web')).map(item => item.name)
+  start({
+    prefetch: 'all',
+    // excludeAssetFilter(assetUrl:string){
+      // 插件的静态资源不被qiankun劫持处理
+      // return assetUrl.includes('/web-common-resource/')
+    // }
+  })
+}
+/**
+ * 添加全局的未捕获异常处理器
+ */
+addGlobalUncaughtErrorHandler((event: Event | string) => {
+  console.error(event)
+  const { message: msg } = event as any
+  // 加载失败时提示
+  if (msg && msg.includes('died in status LOADING_SOURCE_CODE')) {
+    console.error('微应用加载失败，请检查应用是否可运行')
+  }
+})
+export default startApp
diff --git a/src/css/animate.scss b/src/css/animate.scss
new file mode 100644
index 0000000..ab77336
--- /dev/null
+++ b/src/css/animate.scss
@@ -0,0 +1,22 @@
+@keyframes swing {
+    20% {
+        transform: rotate3d(0, 0, 1, 15deg);
+    }
+    40% {
+        transform: rotate3d(0, 0, 1, -10deg);
+    }
+    60% {
+        transform: rotate3d(0, 0, 1, 5deg);
+    }
+    80% {
+        transform: rotate3d(0, 0, 1, -5deg);
+    }
+    to {
+        transform: rotate3d(0, 0, 1, 0deg);
+    }
+}
+
+.animated {
+    animation-duration: 0.7s;
+    animation-fill-mode: both;
+}
\ No newline at end of file
diff --git a/src/css/common-var.scss b/src/css/common-var.scss
new file mode 100644
index 0000000..648db68
--- /dev/null
+++ b/src/css/common-var.scss
@@ -0,0 +1,5 @@
+/* Color
+-------------------------- */
+
+$--color-primary: '#1E54D5';
+$namesapce: 'czhj';
\ No newline at end of file
diff --git a/src/css/common.scss b/src/css/common.scss
new file mode 100644
index 0000000..e331517
--- /dev/null
+++ b/src/css/common.scss
@@ -0,0 +1,510 @@
+html,
+body,
+.main-app,
+#master-container {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 100%;
+    font-size: 14px;
+    overflow-y: hidden !important;
+    font-family: Microsoft YaHei, Hiragino Sans GB;
+}
+
+a {
+    text-decoration: none;
+}
+
+.iconfont {
+    font-size: 13px;
+}
+
+
+/*边距共有样式*/
+
+.text-center {
+    text-align: center;
+}
+
+.pull-right {
+    float: right;
+}
+
+.pull-left {
+    float: left;
+}
+
+.p-none {
+    padding: 0 !important;
+}
+
+.m-xxs {
+    margin: 2px 4px;
+}
+
+.m-xs {
+    margin: 5px;
+}
+
+.m-sm {
+    margin: 10px;
+}
+
+.m {
+    margin: 15px;
+}
+
+.m-md {
+    margin: 20px;
+}
+
+.m-lg {
+    margin: 30px;
+}
+
+.m-xl {
+    margin: 50px;
+}
+
+.m-n {
+    margin: 0 !important;
+}
+
+.m-l-none {
+    margin-left: 0 !important;
+}
+
+.m-l-xs {
+    margin-left: 5px;
+}
+
+.m-l-sm {
+    margin-left: 10px !important;
+}
+
+.m-l {
+    margin-left: 15px;
+}
+
+.m-l-md {
+    margin-left: 20px;
+}
+
+.m-l-lg {
+    margin-left: 30px;
+}
+
+.m-l-xl {
+    margin-left: 40px;
+}
+
+.m-l-xxl {
+    margin-left: 50px;
+}
+
+.m-l-n-xxs {
+    margin-left: -1px;
+}
+
+.m-l-n-xs {
+    margin-left: -5px;
+}
+
+.m-l-n-sm {
+    margin-left: -10px;
+}
+
+.m-l-n {
+    margin-left: -15px;
+}
+
+.m-l-n-md {
+    margin-left: -20px;
+}
+
+.m-l-n-lg {
+    margin-left: -30px;
+}
+
+.m-l-n-xl {
+    margin-left: -40px;
+}
+
+.m-l-n-xxl {
+    margin-left: -50px;
+}
+
+.m-t-none {
+    margin-top: 0 !important;
+}
+
+.m-t-xxs {
+    margin-top: 1px;
+}
+
+.m-t-xs {
+    margin-top: 5px !important;
+}
+
+.m-t-sm {
+    margin-top: 10px !important;
+}
+
+.m-t {
+    margin-top: 15px;
+}
+
+.m-t-md {
+    margin-top: 20px;
+}
+
+.m-t-lg {
+    margin-top: 30px;
+}
+
+.m-t-xl {
+    margin-top: 40px;
+}
+
+.m-t-xxl {
+    margin-top: 50px;
+}
+
+.m-t-n-xxs {
+    margin-top: -1px;
+}
+
+.m-t-n-xs {
+    margin-top: -5px;
+}
+
+.m-t-n-7 {
+    margin-top: -7px;
+}
+
+.m-t-n-sm {
+    margin-top: -10px;
+}
+
+.m-t-n {
+    margin-top: -15px;
+}
+
+.m-t-n-md {
+    margin-top: -20px;
+}
+
+.m-t-n-lg {
+    margin-top: -30px;
+}
+
+.m-t-n-xl {
+    margin-top: -40px;
+}
+
+.m-t-n-xxl {
+    margin-top: -50px;
+}
+
+.m-t-n-xxxl {
+    margin-top: -60px;
+}
+
+.m-r-none {
+    margin-right: 0 !important;
+}
+
+.m-r-xxs {
+    margin-right: 1px;
+}
+
+.m-r-xs {
+    margin-right: 5px;
+}
+
+.m-r-sm {
+    margin-right: 10px !important;
+}
+
+.m-r {
+    margin-right: 15px !important;
+}
+
+.m-r-md {
+    margin-right: 20px;
+}
+
+.m-r-lg {
+    margin-right: 30px;
+}
+
+.m-r-xl {
+    margin-right: 40px;
+}
+
+.m-r-xxl {
+    margin-right: 50px;
+}
+
+.m-r-n-xxs {
+    margin-right: -1px;
+}
+
+.m-r-n-xs {
+    margin-right: -5px;
+}
+
+.m-r-n-sm {
+    margin-right: -10px;
+}
+
+.m-r-n {
+    margin-right: -15px;
+}
+
+.m-r-n-md {
+    margin-right: -20px;
+}
+
+.m-r-n-lg {
+    margin-right: -30px;
+}
+
+.m-r-n-xl {
+    margin-right: -40px;
+}
+
+.m-r-n-xxl {
+    margin-right: -50px;
+}
+
+.m-b-none {
+    margin-bottom: 0 !important;
+}
+
+.m-b-xxs {
+    margin-bottom: 1px;
+}
+
+.m-b-xs {
+    margin-bottom: 5px;
+}
+
+.m-b-sm {
+    margin-bottom: 10px !important;
+}
+
+.m-b {
+    margin-bottom: 15px !important;
+}
+
+.m-b-md {
+    margin-bottom: 20px;
+}
+
+.m-b-lg {
+    margin-bottom: 30px;
+}
+
+.m-b-xl {
+    margin-bottom: 40px;
+}
+
+.m-b-xxl {
+    margin-bottom: 50px;
+}
+
+.m-b-n-xxs {
+    margin-bottom: -1px;
+}
+
+.m-b-n-xs {
+    margin-bottom: -5px;
+}
+
+.m-b-n-sm {
+    margin-bottom: -10px;
+}
+
+.m-b-n {
+    margin-bottom: -15px;
+}
+
+.m-b-n-md {
+    margin-bottom: -20px;
+}
+
+.m-b-n-lg {
+    margin-bottom: -30px;
+}
+
+.m-b-n-xl {
+    margin-bottom: -40px;
+}
+
+.m-b-n-xxl {
+    margin-bottom: -50px;
+}
+
+
+/*颜色共有样式*/
+
+.btn-info {
+    color: #ffffff !important;
+    background-color: #497edf;
+    border-color: #497edf;
+}
+
+.btn-info:hover,
+.btn-info:focus,
+.btn-info:active,
+.btn-info.active,
+.open .dropdown-toggle.btn-info {
+    color: #ffffff !important;
+    background-color: #2059c1;
+    border-color: #2059c1;
+}
+
+.btn-success {
+    color: #ffffff !important;
+    background-color: #27c24c;
+    border-color: #27c24c;
+}
+
+.btn-success:hover,
+.btn-success:focus,
+.btn-success:active,
+.btn-success.active,
+.open .dropdown-toggle.btn-success {
+    color: #ffffff !important;
+    background-color: #23ad44;
+    border-color: #20a03f;
+}
+
+.btn-danger {
+    color: #ffffff !important;
+    background-color: #f05050;
+    border-color: #f05050;
+}
+
+.btn-danger:hover,
+.btn-danger:focus,
+.btn-danger:active,
+.btn-danger.active,
+.open .dropdown-toggle.btn-danger {
+    color: #ffffff !important;
+    background-color: #ee3939;
+    border-color: #ed2a2a;
+}
+
+.text-info {
+    color: #00aeef !important;
+}
+
+.text-success {
+    color: #27c24c !important;
+}
+
+.text-warning {
+    color: #fad733 !important;
+}
+
+.text-danger {
+    color: #f05050;
+}
+
+.text-white {
+    color: #FFF !important;
+}
+
+.text-left {
+    text-align: left !important;
+}
+
+.text-center {
+    text-align: center !important;
+}
+
+.text-right {
+    text-align: right !important;
+}
+
+
+/*宽度样式*/
+
+.w-xxs {
+    width: 60px;
+}
+
+.w-xs {
+    width: 90px;
+}
+
+.w-110 {
+    width: 110px;
+}
+
+.w-ss {
+    width: 120px;
+}
+
+.w-sm {
+    width: 150px;
+}
+
+.w {
+    width: 200px;
+}
+
+.w-md {
+    width: 240px;
+}
+
+.w-lg {
+    width: 280px !important;
+}
+
+.w-xl {
+    width: 320px;
+}
+
+.w-xxl {
+    width: 360px;
+}
+
+.w-full {
+    width: 100% !important;
+}
+
+.w-auto {
+    width: auto;
+}
+
+.upload-file-btn {
+    position: relative;
+    cursor: pointer;
+}
+
+.upload-file-btn input[type=file] {
+    width: 100%;
+    height: 100%;
+    font-size: 300px;
+    opacity: 0;
+    filter: alpha(opacity=0);
+    cursor: pointer;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    top: 0;
+    position: absolute;
+    padding: 0px;
+    margin: 0px;
+    overflow: hidden;
+}
+
+.custom-dropdown-popper {
+    margin-top: 5px !important;
+    .czhj-popper__arrow {
+        display: none;
+    }
+}
\ No newline at end of file
diff --git a/src/css/element-plus.scss b/src/css/element-plus.scss
new file mode 100644
index 0000000..6f426b7
--- /dev/null
+++ b/src/css/element-plus.scss
@@ -0,0 +1,31 @@
+.#{$namespace}-dialog {
+    .#{$namespace}-dialog--middle {
+        width: 60%;
+    }
+    .#{$namespace}-dialog__header {
+        display: flex;
+        align-items: center;
+        padding: 14px 20px;
+        margin-right: 0;
+        font-weight: bold;
+        border-bottom: 1px solid #E0E0E0;
+        .#{$namespace}-dialog__title {
+            flex: 1;
+            color: #010033;
+            font-size: 14px;
+        }
+        .#{$namespace}-dialog__headerbtn {
+            position: static;
+            width: 16px;
+            height: 16px;
+            .#{$namespace}-dialog__close {
+                display: block;
+            }
+        }
+    }
+    .#{$namespace}-dialog__footer {
+        padding: 14px 20px;
+        text-align: right;
+        border-top: 1px solid #E0E0E0;
+    }
+}
\ No newline at end of file
diff --git a/src/css/element-var.scss b/src/css/element-var.scss
new file mode 100644
index 0000000..6d16565
--- /dev/null
+++ b/src/css/element-var.scss
@@ -0,0 +1,3 @@
+$--color-primary: #1E54D5;
+@forward 'element-plus/theme-chalk/src/mixins/config.scss'with ($namespace: 'czhj');
+@forward 'element-plus/theme-chalk/src/common/var.scss'with ( $colors: ('primary': ('base': $--color-primary), ), $menu: ('base-level-padding': 12px, 'level-padding': 12px, 'item-height': 50px, 'sub-item-height': 48px));
\ No newline at end of file
diff --git a/src/css/font.scss b/src/css/font.scss
new file mode 100644
index 0000000..b1fc45c
--- /dev/null
+++ b/src/css/font.scss
@@ -0,0 +1,23 @@
+$font-size: 16px;
+$small-font-size: 14px;
+.font-big {
+    font-size: $font-size;
+    .el-menu-item,
+    .el-submenu__title,
+    ul.header-menu li,
+    .el-tabs__item {
+        font-size: $font-size;
+        .iconfont {
+            font-size: $font-size;
+        }
+    }
+    .el-table--mini,
+    .el-table--small,
+    .el-table__expand-icon,
+    .app-levelbar,
+    .el-button--small,
+    .el-dropdown-link,
+    .common-detail .detail-body .basic-info .attr {
+        font-size: $font-size;
+    }
+}
\ No newline at end of file
diff --git a/src/css/hack.scss b/src/css/hack.scss
new file mode 100644
index 0000000..cbc2333
--- /dev/null
+++ b/src/css/hack.scss
@@ -0,0 +1,10 @@
+@media screen and (-ms-high-contrast:active),
+(-ms-high-contrast:none) {
+    .el-table__header,
+    .el-table__body {
+        width: 100% !important;
+    }
+    /* .basic-form-item{
+    height: 32.76px;
+  } */
+}
\ No newline at end of file
diff --git a/src/css/index.scss b/src/css/index.scss
new file mode 100644
index 0000000..aefbeb3
--- /dev/null
+++ b/src/css/index.scss
@@ -0,0 +1,5 @@
+@import './common.scss';
+@import './hack.scss';
+@import './font.scss';
+@import './element-plus.scss';
+@import './animate.scss';
\ No newline at end of file
diff --git a/src/hooks/useRouteItem.ts b/src/hooks/useRouteItem.ts
new file mode 100644
index 0000000..62921b6
--- /dev/null
+++ b/src/hooks/useRouteItem.ts
@@ -0,0 +1,32 @@
+/*
+ * @Author: Haijun Zhang
+ * @Date: 2022-11-07 14:14:46
+ * @LastEditTime: 2022-11-07 15:09:21
+ * @LastEditors: Haijun Zhang
+ * @Description: 
+ * @FilePath: \main-web\src\hooks\useRouteItem.ts
+ */
+import { unref } from 'vue'
+import { useStore } from 'vuex'
+import { useRoute } from 'vue-router'
+import { pathToRegexp } from 'path-to-regexp'
+
+export default function () {
+  const store = useStore();
+  const route = useRoute()
+  const routeMap = computed(() => store.state.permission.routeMap)
+  const routeItem = computed(() => {
+    // 找到直接返回，找不到正则匹配
+    const item = unref(routeMap)[route.path]
+    if(item) return  item;
+    for(const path in unref(routeMap)){
+      const reg = pathToRegexp(path)
+      if(reg.exec(route.path)){
+        return  unref(routeMap)[path]
+      }
+    }
+  })
+  return {
+    routeItem
+  }
+}
diff --git a/src/hooks/useSelection.js b/src/hooks/useSelection.js
new file mode 100644
index 0000000..2ba9a94
--- /dev/null
+++ b/src/hooks/useSelection.js
@@ -0,0 +1,11 @@
+import { ref } from '@vue/composition-api'
+export default function () {
+  const selectionIds = ref([])
+  function handleSelectionChange(selections) {
+    selectionIds.value = selections.map((item) => item.id)
+  }
+  return {
+    selectionIds,
+    handleSelectionChange,
+  }
+}
diff --git a/src/hooks/useTable.ts b/src/hooks/useTable.ts
new file mode 100644
index 0000000..a6488ab
--- /dev/null
+++ b/src/hooks/useTable.ts
@@ -0,0 +1,86 @@
+import { ref, toRefs, reactive } from 'vue'
+import { handleSearchParam } from 'cmp-element/utils'
+import { ElMessage, ElMessageBox} from 'element-plus'
+
+interface IRemoveService {
+  (id: number): Promise<Base.IResponseData>
+}
+interface IConfigs {
+  getService: {
+    (params: Base.IListParams): Promise<Base.IResponseList>
+  }
+  removeService?: IRemoveService
+  listFormat?: {
+    (data: any): any[]
+  }
+  afterGetList?: {
+    (): void
+  }
+  rows?: number
+  params?: any
+  initParams?: any
+  deleteTipKey?: string
+}
+
+export function useDelete(removeService: IRemoveService, getData: { (): void }, deleteTipKey = 'name') {
+  function handleDelete(record: any) {
+    ElMessageBox.confirm(`您确定要删除【${record[deleteTipKey]}】吗?`, '提示', {
+      confirmButtonClass: 'el-button--danger',
+      type: 'warning',
+    })
+      .then(async () => {
+        const res = await removeService(record.id)
+        if (res.success) {
+          ElMessage.success(res.message)
+          getData()
+        }
+      })
+      .catch((e: any) => {
+        console.error(e)
+      })
+  }
+  return {
+    handleDelete,
+  }
+}
+export default function <T = any>(configs: IConfigs) {
+  const { getService, removeService, listFormat, rows = 10, params = {}, afterGetList, initParams, deleteTipKey = 'name' } = configs
+  const loading = ref(false)
+  const state: Base.IListState<T> = reactive({
+    list: [],
+    total: 0,
+    params: {
+      page: 1,
+      rows,
+      ...params,
+    },
+  })
+  if (initParams) {
+    state.params.params = handleSearchParam(initParams)
+  }
+  async function getList() {
+    loading.value = true
+    try {
+      const data = await getService(state.params)
+      loading.value = false
+      if (data.success) {
+        if (listFormat) {
+          state.list = listFormat(data.data.rows)
+        } else {
+          state.list = data.data.rows
+        }
+        state.total = data.data.total
+        afterGetList && afterGetList()
+      }
+    } catch (e) {
+      loading.value = false
+    }
+  }
+  const { handleDelete } = useDelete(removeService as IRemoveService, getList, deleteTipKey)
+  return {
+    loading,
+    ...toRefs(state),
+    getList,
+    handleDelete,
+  }
+}
diff --git a/src/hooks/useWebsocket.ts b/src/hooks/useWebsocket.ts
new file mode 100644
index 0000000..f07a39a
--- /dev/null
+++ b/src/hooks/useWebsocket.ts
@@ -0,0 +1,23 @@
+import { onUnmounted } from 'vue'
+import WebSocket from 'cmp-socket'
+import { getToken } from 'utils/auth'
+export default function (onmessage: { (data: any): void }, messageCommonFun?: any) {
+  const protocol = location.protocol === 'http:' ? 'ws' : 'wss'
+  let webSocket = new WebSocket({
+    url: `${protocol}://${location.host}/api/sms/messageService`,
+    commonFun: messageCommonFun,
+    pingMsg: 'HeartBeat',
+    reConnectNum: 5,
+    params: getToken()
+  })
+  if (onmessage && typeof onmessage === 'function') {
+    webSocket.onmessage = onmessage
+  }
+  onUnmounted(() => {
+    webSocket.Destroy()
+    webSocket = null
+  })
+  return {
+    webSocket
+  }
+}
diff --git a/src/icons/svg/svg-about.svg b/src/icons/svg/svg-about.svg
new file mode 100644
index 0000000..06e0426
--- /dev/null
+++ b/src/icons/svg/svg-about.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1617877873787" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17931" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M512 153.6c197.9392 0 358.4 160.4608 358.4 358.4s-160.4608 358.4-358.4 358.4S153.6 709.9392 153.6 512 314.0608 153.6 512 153.6z m0 51.2C342.3232 204.8 204.8 342.3488 204.8 512s137.5232 307.2 307.2 307.2c169.6512 0 307.2-137.5488 307.2-307.2S681.6512 204.8 512 204.8z m6.6816 220.5952c34.5856 0 49.3312 25.856 48.4864 61.952l-0.256 6.6816c-0.896 15.616-3.8144 31.744-10.8032 63.3344l-4.352 19.3536c-9.6512 42.9312-13.312 69.2224-11.9808 81.92l0.4608 2.9696 2.1248-1.1008c2.304-1.28 4.9408-3.0208 7.7824-5.12l2.8928-2.2272a226.1248 226.1248 0 0 0 25.856-25.2416l0.4096-0.5376 45.44 23.6032c-4.5568 8.7296-23.5008 29.2864-39.8848 42.2912-30.7712 24.4224-61.2096 32.6144-83.2 4.3008-17.7408-22.8352-17.3312-49.6384-4.6848-109.8752l11.4432-51.9168c4.992-23.296 6.9888-35.7888 7.4752-47.0528l0.1024-2.56a59.5712 59.5712 0 0 0-0.4352-9.472l-1.0752 0.0256c-7.936 0.512-13.44 2.56-19.8912 7.0144-5.9904 4.1472-35.5072 31.5136-50.8416 45.056l-5.2992 4.5568-32.9472-39.1936 8.2944-7.296c15.3856-13.824 43.2128-39.3728 51.712-45.2608 16.0512-11.0592 32.384-16.2048 53.1712-16.2048zM512 280.576a38.4 38.4 0 1 1 0 76.8 38.4 38.4 0 0 1 0-76.8z" p-id="17932"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-basic-resource.svg b/src/icons/svg/svg-basic-resource.svg
new file mode 100644
index 0000000..89ebe8b
--- /dev/null
+++ b/src/icons/svg/svg-basic-resource.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1617879939853" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1574" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M950.4256 252.16v448.4096c0 13.6192-3.1744 26.2656-9.5232 37.9904a71.168 71.168 0 0 1-26.0096 27.4432L541.184 990.208a59.7504 59.7504 0 0 1-32.3584 9.3184c-11.6736 0-22.4768-3.1232-32.3584-9.3184l-373.7088-224.256a71.1168 71.1168 0 0 1-26.0096-27.392 77.9776 77.9776 0 0 1-9.5232-37.9904V252.16c0-15.5648 4.096-29.7472 12.1856-42.5984 8.192-12.8512 18.944-22.016 32.4096-27.4432L485.4784 32.6144a62.464 62.464 0 0 1 23.3472-4.608c7.7824 0 15.5648 1.536 23.3472 4.608l373.6576 149.504c13.4656 5.4272 24.2688 14.592 32.4096 27.4432 8.1408 12.8 12.1856 27.0336 12.1856 42.5984zM508.8256 399.36l370.4832-148.3264-370.4832-148.2752-370.4832 148.2752L508.8256 399.36z m33.9968 505.0368l339.6608-203.776V329.2672L542.8224 465.3056v439.04z" p-id="1575"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-bill.svg b/src/icons/svg/svg-bill.svg
new file mode 100644
index 0000000..1f1e243
--- /dev/null
+++ b/src/icons/svg/svg-bill.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1618221398745" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5067" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M817.92 135.893333c7.808 0 15.232 3.242667 20.778667 9.002667a31.146667 31.146667 0 0 1 8.661333 21.674667v564.224c0 8.106667-3.114667 15.786667-8.661333 21.674666a28.544 28.544 0 0 1-20.736 9.002667H330.581333a28.8 28.8 0 0 1-20.736-9.002667 30.848 30.848 0 0 1-8.661333-21.674666V166.570667c0-8.106667 3.114667-15.786667 8.661333-21.674667a28.330667 28.330667 0 0 1 20.736-9.002667h487.381334z m0-50.56H330.624c-42.88 0-78.08 36.48-78.08 81.109334v564.266666c0 44.629333 35.2 81.109333 78.08 81.109334h487.381333c42.88 0 78.037333-36.48 78.037334-81.109334V166.4C896.085333 121.898667 860.970667 85.333333 817.92 85.333333z" p-id="5068"></path><path d="M767.36 708.053333H381.056c-13.653333 0-24.746667-11.946667-24.746667-26.496 0-14.592 11.093333-26.453333 24.746667-26.453333h386.432c13.653333 0 24.746667 11.861333 24.746667 26.453333 0 14.549333-11.093333 26.453333-24.874667 26.453334z m-107.093333-265.002666h-68.138667V398.08h68.181333c13.653333 0 24.746667-11.904 24.746667-26.453333 0-14.677333-11.093333-26.496-24.746667-26.496H602.453333l64.554667-69.205334a27.946667 27.946667 0 0 0 0-37.546666 23.552 23.552 0 0 0-34.986667 0L567.381333 307.626667l-64.64-69.205334a23.594667 23.594667 0 0 0-35.029333 0 27.946667 27.946667 0 0 0 0 37.546667l64.554667 69.205333h-57.770667c-13.653333 0-24.746667 11.946667-24.746667 26.453334 0 14.72 11.093333 26.496 24.746667 26.496h68.181333v44.928H474.453333c-13.653333 0-24.746667 11.946667-24.746666 26.453333 0 14.72 11.093333 26.538667 24.746666 26.538667h68.181334v27.733333a24.746667 24.746667 0 1 0 49.493333 0v-27.733333h68.138667c13.653333 0 24.746667-11.946667 24.746666-26.496 0-14.677333-11.093333-26.453333-24.746666-26.453334v-0.042666z" p-id="5069"></path><path d="M829.525333 882.133333H177.92V174.378667c0-14.762667-11.221333-26.794667-25.002667-26.794667-13.738667 0-24.96 12.032-24.96 26.794667v735.189333c0 14.805333 11.221333 26.794667 24.96 26.794667a25.301333 25.301333 0 0 0 5.290667-0.554667h671.274667c13.781333 0 24.96-11.989333 24.96-26.794667 0-14.762667-11.221333-26.88-24.96-26.88z" p-id="5070"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-business.svg b/src/icons/svg/svg-business.svg
new file mode 100644
index 0000000..96a259c
--- /dev/null
+++ b/src/icons/svg/svg-business.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1617878067266" class="icon" viewBox="0 0 1088 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18832" xmlns:xlink="http://www.w3.org/1999/xlink" width="212.5" height="200"><defs><style type="text/css"></style></defs><path d="M768.149096 256.014491H448.009723a32.008484 32.008484 0 0 1 0-64.016969h320.139373a32.008484 32.008484 0 0 1 0 64.016969z m0 192.269022H448.009723a32.008484 32.008484 0 0 1 0-64.016969h320.139373a32.008484 32.008484 0 0 1 0 64.016969z" p-id="18833"></path><path d="M928.027931 607.998761a32.008484 32.008484 0 0 1-32.008485-32.008484v-512.026692H320.030315v512.026692a32.008484 32.008484 0 0 1-64.016969 0V32.009629A32.008484 32.008484 0 0 1 288.294475 0.001145h639.733456a32.008484 32.008484 0 0 1 32.008484 32.008484v543.980648a32.008484 32.008484 0 0 1-32.008484 32.008484z" p-id="18834"></path><path d="M288.294475 607.998761H128.033937a32.008484 32.008484 0 0 1-32.008484-32.008484V159.989038a32.008484 32.008484 0 0 1 32.008484-32.008484h160.260538a32.008484 32.008484 0 0 1 32.008484 32.008484v416.001239a32.008484 32.008484 0 0 1-32.008484 32.008484zM159.987893 543.981792h96.025453V191.997522H159.987893z" p-id="18835"></path><path d="M1056.007339 1024H32.008484A32.008484 32.008484 0 0 1 0 991.991516v-416.001239a32.008484 32.008484 0 0 1 32.008484-32.008485h405.368097a31.953955 31.953955 0 0 1 30.318087 21.811574l35.389279 106.058777h113.856414l35.389279-106.113306a31.899426 31.899426 0 0 1 30.318087-21.811573h373.359612a32.008484 32.008484 0 0 1 32.008485 32.008484v416.001239a32.008484 32.008484 0 0 1-32.008485 32.008484zM64.016969 959.983031H1024.053384V607.998761h-318.285389l-35.389278 106.113306a31.899426 31.899426 0 0 1-30.318088 21.811574H480.072736a31.899426 31.899426 0 0 1-30.372616-21.811574l-35.334749-106.113306H64.016969z" p-id="18836"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-compute-resource.svg b/src/icons/svg/svg-compute-resource.svg
new file mode 100644
index 0000000..4314add
--- /dev/null
+++ b/src/icons/svg/svg-compute-resource.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1617880094595" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1704" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M826.55232 438.82496H767.4368l5.4272-310.04672c0-13.18912-22.58944-17.92-35.78368-17.92H140.66688c-13.184 0-29.824 16.64512-29.824 29.83936v328.2432H289.792c13.18912 0 29.824 28.57984 29.824 41.77408V588.288h119.51616v59.6736H289.792c1.13664 4.77696-29.81888-16.64512-29.81888-29.83936v-89.50272H110.83776v238.70464c0-1.13152 16.64 0 29.824 0h298.4704v59.68384h-328.2944c-26.368 0-59.64288-33.28-59.64288-59.68384V110.87872C51.2 84.48 84.48 51.2 110.83776 51.2h656.07168c26.37312 0 59.64288 33.28 59.64288 59.67872v327.94624z m-172.96384-238.43328c13.18912 0 23.8592 16.64512 23.8592 29.84448s-16.63488 29.83424-29.824 29.83424H230.13376c-13.18912 0-29.824-16.64512-29.824-29.83424s10.6752-29.84448 23.8592-29.84448h429.42464z m-5.9648 149.19168c13.184 0 29.824 16.64 29.824 29.83936s-16.64 29.84448-29.824 29.84448H230.13376c-14.11072 3.4816-34.69312 1.78176-29.824-29.84448 2.01216-13.04064 16.63488-29.83936 29.824-29.83936h417.48992zM538.78784 487.3728h382.87872a51.2512 51.2512 0 0 1 51.13344 51.11296v383.15008a51.2 51.2 0 0 1-51.13344 51.16416h-382.87872a51.2 51.2 0 0 1-51.13856-51.16416v-383.15008a51.2 51.2 0 0 1 51.13856-51.11296z m-14.75072 423.62368a25.43616 25.43616 0 0 0 25.37984 25.40032h361.61536a25.44128 25.44128 0 0 0 25.37984-25.40032v-361.86112a25.43616 25.43616 0 0 0-25.37984-25.35936h-361.61536a25.43616 25.43616 0 0 0-25.37984 25.35936v361.86112z m348.32896-282.84928a12.18048 12.18048 0 1 1 0 24.2688h-92.70272a12.1856 12.1856 0 1 1 0-24.2688h92.70272z m0 157.76256a12.1856 12.1856 0 1 1 0 24.2688h-92.70272a12.1856 12.1856 0 1 1 0-24.2688h92.70272z m0 48.54784a12.18048 12.18048 0 1 1 0 24.2688h-92.70272a12.1856 12.1856 0 1 1 0-24.2688h92.70272z m-246.44608-204.4672v-40.7296a12.18048 12.18048 0 1 1 24.25856 0v40.7296h40.69888a12.13952 12.13952 0 0 1 0 24.27392h-40.69888v40.72448a12.18048 12.18048 0 1 1-24.25856 0v-40.72448h-40.704a12.13952 12.13952 0 1 1 0-24.27392h40.704z m40.96 145.72544h0.0512a12.18048 12.18048 0 1 1 17.21344 17.23904l-28.81024 28.77952 28.81024 28.83584a12.21632 12.21632 0 0 1-17.36192 17.18272l-28.7744-28.83072-28.81536 28.83072a12.18048 12.18048 0 1 1-17.21856-17.2288l29.1072-28.84096-29.1072-28.77952a12.20096 12.20096 0 1 1 17.3056-17.18784l28.7744 28.78464z m0 0" p-id="1705"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-copy.svg b/src/icons/svg/svg-copy.svg
new file mode 100644
index 0000000..ce5f78a
--- /dev/null
+++ b/src/icons/svg/svg-copy.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1632389997069" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2441" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M394.666667 106.666667h448a74.666667 74.666667 0 0 1 74.666666 74.666666v448a74.666667 74.666667 0 0 1-74.666666 74.666667H394.666667a74.666667 74.666667 0 0 1-74.666667-74.666667V181.333333a74.666667 74.666667 0 0 1 74.666667-74.666666z m0 64a10.666667 10.666667 0 0 0-10.666667 10.666666v448a10.666667 10.666667 0 0 0 10.666667 10.666667h448a10.666667 10.666667 0 0 0 10.666666-10.666667V181.333333a10.666667 10.666667 0 0 0-10.666666-10.666666H394.666667z m245.333333 597.333333a32 32 0 0 1 64 0v74.666667a74.666667 74.666667 0 0 1-74.666667 74.666666H181.333333a74.666667 74.666667 0 0 1-74.666666-74.666666V394.666667a74.666667 74.666667 0 0 1 74.666666-74.666667h74.666667a32 32 0 0 1 0 64h-74.666667a10.666667 10.666667 0 0 0-10.666666 10.666667v448a10.666667 10.666667 0 0 0 10.666666 10.666666h448a10.666667 10.666667 0 0 0 10.666667-10.666666v-74.666667z" p-id="2442"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-db.svg b/src/icons/svg/svg-db.svg
new file mode 100644
index 0000000..51a8173
--- /dev/null
+++ b/src/icons/svg/svg-db.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1617880555359" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2098" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M936.33 732.203c-9.872-10.814-23.349-17.123-37.953-17.778-14.849-0.451-28.613 4.383-39.427 14.255-0.215 0.195-0.282 0.476-0.492 0.673l-144.256-83.448c0.625-2.939 1.994-5.635 2.133-8.697 0.676-14.624-4.383-28.634-14.255-39.448-20.379-22.284-55.096-23.841-77.401-3.523-22.305 20.4-23.882 55.096-3.502 77.421 7.932 8.707 18.534 13.533 29.878 15.799l17.069 160.864c-5.049 2.466-10.138 4.9-14.422 8.82-23.964 21.875-25.643 59.192-3.769 83.156 11.593 12.699 27.507 19.13 43.483 19.13 14.173 0 28.408-5.08 39.673-15.361 11.613-10.61 18.393-25.111 19.109-40.8 0.264-5.807-1.162-11.301-2.527-16.782l114.101-74.264c8.695 6.485 18.549 11.122 29.627 11.618 0.86 0.041 1.7 0.082 2.56 0.082 13.682 0 26.688-5.039 36.867-14.337 22.307-20.359 23.863-55.096 3.504-77.38z m-92.616 24.03c-2.588 10.576-2.855 21.552 0.968 31.893l-109.7 71.397c-9.88-10.018-22.696-16.007-36.719-17.202l-16.624-156.665a54.739 54.739 0 0 0 16.898-10.515c0.637-0.579 0.891-1.421 1.498-2.025l143.679 83.117z m-206.233-122.63c0.287-6.431 3.072-12.412 7.824-16.754a24.194 24.194 0 0 1 16.304-6.308c6.575 0 13.108 2.663 17.86 7.865 4.342 4.752 6.575 10.937 6.288 17.41-0.287 6.431-3.072 12.371-7.824 16.713h-0.021c-4.793 4.342-11.081 6.964-17.409 6.308-6.431-0.287-12.371-3.072-16.713-7.824-4.364-4.752-6.596-10.937-6.309-17.41z m74.963 287.851c-11.47 10.528-29.432 9.708-39.898-1.802-10.487-11.511-9.688-29.412 1.802-39.898 5.243-4.793 11.961-7.414 19.028-7.414 0.43 0 0.86 0.041 1.29 0.041 7.537 0.328 14.501 3.605 19.581 9.176 5.1 5.571 7.701 12.781 7.353 20.318-0.328 7.536-3.585 14.5-9.156 19.579z m199.738-134.483c-4.772 4.342-10.61 6.185-17.389 6.308-6.452-0.328-12.391-3.113-16.754-7.865-8.971-9.831-8.275-25.152 1.557-34.123a24.057 24.057 0 0 1 16.263-6.308c6.554 0 13.108 2.663 17.86 7.865 4.363 4.752 6.595 10.937 6.308 17.369-0.287 6.472-3.072 12.412-7.845 16.754z" p-id="2099"></path><path d="M151.81 219.064v18.751c65.713 49.346 192.006 82.731 337.007 82.731s271.291-33.385 337.005-82.731v-18.751c-57.667 50.36-186.873 85.432-337.005 85.432-150.134 0-279.341-35.072-337.007-85.432zM488.817 63.779c-221.567 0-401.197 71.858-401.197 160.48V721.72h2.025c20.146 81.105 191.141 144.432 399.172 144.432 24.529 0 32.095-2.058 55.411-3.746l0.023-31.962c-23.252 1.598-30.838 3.61-55.434 3.61-203.85 0-369.102-57.477-369.102-128.382V608.14c61.194 57.349 203.387 97.532 369.102 97.532 20.51 0 40.664-0.614 60.344-1.802l1.249-32.051a1057.38 1057.38 0 0 1-61.594 1.779c-203.85 0-369.102-57.477-369.102-128.382v-97.555c61.194 57.349 203.387 97.555 369.102 97.555s307.908-40.206 369.079-97.555v175.217l32.095-0.545V224.259c0.001-88.622-179.609-160.48-401.173-160.48z m369.079 320.957c0 70.908-165.229 128.382-369.079 128.382s-369.102-57.474-369.102-128.382v-97.555c61.194 57.352 203.387 97.555 369.102 97.555s307.908-40.203 369.079-97.555v97.555z m-369.079-32.095c-203.85 0-369.102-57.477-369.102-128.382 0-70.908 165.252-128.385 369.102-128.385s369.079 57.477 369.079 128.385c0 70.905-165.229 128.382-369.079 128.382z" p-id="2100"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-disabled.svg b/src/icons/svg/svg-disabled.svg
new file mode 100644
index 0000000..d74839d
--- /dev/null
+++ b/src/icons/svg/svg-disabled.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1619519603943" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2064" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M512 64C262.4 64 64 262.4 64 512s198.4 448 448 448 448-198.4 448-448-198.4-448-448-448z m0 64c96 0 185.6 32 249.6 96L217.6 768C160 697.6 128 608 128 512c0-211.2 172.8-384 384-384z m0 768c-96 0-179.2-32-243.2-89.6l537.6-537.6c57.6 64 89.6 147.2 89.6 243.2 0 211.2-172.8 384-384 384z" p-id="2065"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-dot.svg b/src/icons/svg/svg-dot.svg
new file mode 100644
index 0000000..1b8463f
--- /dev/null
+++ b/src/icons/svg/svg-dot.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1617877444762" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15703" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M509.93242628 444.74945473c82.85751593 0 150.02079234 67.13107507 150.02079236 149.98537081 0 82.85751593-67.16381295 150.02079234-150.02079236 150.02079235-82.8215584 0-149.98537081-67.16381295-149.98537081-150.02079235C359.94759199 511.88052927 427.11086789 444.74945473 509.93242628 444.74945473z" p-id="15704"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-host.svg b/src/icons/svg/svg-host.svg
new file mode 100644
index 0000000..ad6146b
--- /dev/null
+++ b/src/icons/svg/svg-host.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1633746443542" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12465" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M452.8128 54.6816H79.4624a30.72 30.72 0 0 0-30.72 30.72v853.1968a30.72 30.72 0 0 0 30.72 30.72h373.3504a30.72 30.72 0 0 0 30.72-30.72V85.4016a30.72 30.72 0 0 0-30.72-30.72z m-30.72 853.1968H110.1824V116.1216h311.9104z" p-id="12466" fill="#4FACD4"></path><path d="M192.7168 274.8416h146.8416a30.72 30.72 0 0 0 0-61.44H192.7168a30.72 30.72 0 0 0 0 61.44zM192.7168 410.8288h146.8416a30.72 30.72 0 0 0 0-61.44H192.7168a30.72 30.72 0 0 0 0 61.44zM192.7168 547.6352h146.8416a30.72 30.72 0 0 0 0-61.44H192.7168a30.72 30.72 0 0 0 0 61.44zM250.88 674.2016a52.8384 52.8384 0 1 0 52.8384 52.8384 52.6336 52.6336 0 0 0-52.8384-52.8384zM944.7424 54.6816H571.1872a30.72 30.72 0 0 0-30.72 30.72v853.1968a30.72 30.72 0 0 0 30.72 30.72h373.5552a30.72 30.72 0 0 0 30.72-30.72V85.4016a30.72 30.72 0 0 0-30.72-30.72z m-30.72 853.1968H601.9072V116.1216h312.1152z" p-id="12467" fill="#4FACD4"></path><path d="M684.4416 274.8416h146.8416a30.72 30.72 0 0 0 0-61.44h-146.8416a30.72 30.72 0 0 0 0 61.44zM684.4416 410.8288h146.8416a30.72 30.72 0 0 0 0-61.44h-146.8416a30.72 30.72 0 0 0 0 61.44zM684.4416 547.6352h146.8416a30.72 30.72 0 0 0 0-61.44h-146.8416a30.72 30.72 0 0 0 0 61.44zM773.12 674.2016a52.8384 52.8384 0 1 0 52.8384 52.8384 52.6336 52.6336 0 0 0-52.8384-52.8384z" p-id="12468" fill="#4FACD4"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-image.svg b/src/icons/svg/svg-image.svg
new file mode 100644
index 0000000..ddc41bd
--- /dev/null
+++ b/src/icons/svg/svg-image.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1633746280970" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9416" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M514.432 128a62.08 62.08 0 0 1 42.752 16.896 56.256 56.256 0 0 1 17.728 40.704v652.8c0 31.808-27.072 57.6-60.48 57.6s-60.544-25.792-60.544-57.6V185.6c0-15.296 6.4-29.952 17.728-40.704A62.08 62.08 0 0 1 514.432 128z m461.76 0c26.496 0 48 20.48 47.808 45.632v651.904a44.8 44.8 0 0 1-17.792 35.584 49.792 49.792 0 0 1-40.192 9.152l-293.056-87.168a56.832 56.832 0 0 1-32.448-50.752V267.904a57.6 57.6 0 0 1 44.032-55.04c-0.192 0.192-0.512 0.192-1.024 0.32l282.752-84.288c3.2-0.448 6.464-0.896 9.92-0.896zM47.808 128c3.456 0 6.72 0.448 9.92 0.96L340.48 213.184c-0.384-0.128-0.768-0.128-0.96-0.256 25.408 6.72 44.032 28.8 44.032 54.976v464.448a56.832 56.832 0 0 1-32.448 50.752l-293.12 87.168a49.792 49.792 0 0 1-40.192-9.216 44.8 44.8 0 0 1-17.728-35.584V173.632a44.288 44.288 0 0 1 13.952-32.32A48.896 48.896 0 0 1 47.872 128z" p-id="9417" fill="#AA8DD9"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-middle.svg b/src/icons/svg/svg-middle.svg
new file mode 100644
index 0000000..1cb263b
--- /dev/null
+++ b/src/icons/svg/svg-middle.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1617880577563" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2229" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M827.9552 490.0864L757.76 530.7392l84.992 149.6064-35.1232 64.6656h-164.4032v79.4112h210.5856L936.96 680.3456l-109.0048-190.2592zM478.8224 161.28h64.6656l81.2544 140.3904 70.1952-40.6528-105.3184-181.0432H430.7968L325.5296 262.8608l70.1952 40.6528L478.8224 161.28z m-301.056 519.0656l84.992-147.7632-70.2464-40.6528-109.0048 188.416 83.1488 144.0768h212.4288v-79.4112H212.8384l-35.072-64.6656z m0 0" p-id="2230"></path><path d="M776.2432 401.408c29.5424 24.0128 72.0384 24.0128 99.7376-3.6864 29.5424-29.5424 29.5424-75.7248 0-105.3184-29.5424-29.5424-75.7248-29.5424-105.3184 0-16.64 16.64-24.0128 40.6528-20.3264 64.6656l-158.8736 88.6784-3.6864-3.6864c-42.496-42.496-112.6912-42.496-157.0304 0l-3.6864 3.6864-158.8224-88.6784c3.6864-22.1696-3.6864-46.1824-20.3264-64.6656-29.5424-29.5424-75.7248-29.5424-105.3184 0-29.5424 29.5424-29.5424 75.7248 0 105.3184 27.6992 27.6992 72.0384 27.6992 99.7376 3.6864l160.7168 88.6784c-11.1104 36.9664-1.8432 79.4112 27.6992 109.0048 14.7968 14.7968 33.2288 24.0128 53.5552 29.5424v179.2c-9.216 3.6864-18.4832 9.216-27.6992 16.64-29.5424 29.5424-29.5424 75.7248 0 105.2672s75.7248 29.5424 105.3184 0c29.5424-29.5424 29.5424-75.7248 0-105.2672-7.3728-7.3728-16.64-12.9536-27.6992-16.64v-179.2c18.4832-3.6864 36.9664-14.7968 53.5552-29.5424 29.5424-29.5424 38.8096-70.1952 27.6992-109.0048l160.768-88.6784z m0 0" p-id="2231"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-network-resource.svg b/src/icons/svg/svg-network-resource.svg
new file mode 100644
index 0000000..f452779
--- /dev/null
+++ b/src/icons/svg/svg-network-resource.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1617881122295" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4428" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M901.547833 843.270597c1.499414-1.699336 2.998829-3.498633 4.398282-5.197969 1.199531-1.399453 2.299102-2.798907 3.498633-4.19836 1.299492-1.599375 2.598985-3.19875 3.898477-4.898087 1.199531-1.499414 2.299102-2.998829 3.498634-4.498243 1.199531-1.599375 2.499024-3.19875 3.698555-4.798125 1.199531-1.499414 2.299102-3.09879 3.398672-4.598204 1.199531-1.599375 2.399063-3.19875 3.598595-4.898087 1.09957-1.599375 2.199141-3.09879 3.298711-4.698165 1.199531-1.699336 2.299102-3.298711 3.498633-4.998047 1.09957-1.599375 2.09918-3.09879 3.198751-4.698165 1.09957-1.699336 2.299102-3.398672 3.398672-5.098009 0.99961-1.599375 2.09918-3.19875 3.09879-4.798125 1.09957-1.699336 2.199141-3.498633 3.298711-5.297931 0.99961-1.599375 1.999219-3.19875 2.898868-4.798126 1.09957-1.799297 2.199141-3.698555 3.298711-5.597813 0.899649-1.499414 1.799297-3.09879 2.698946-4.598204 1.199531-2.09918 2.399063-4.19836 3.598594-6.397501 0.699727-1.299492 1.499414-2.598985 2.199141-3.998438l5.397892-10.196017c0.699727-1.299492 1.299492-2.598985 1.999219-3.998438 1.09957-2.199141 2.199141-4.398282 3.298711-6.697384 0.699727-1.499414 1.499414-3.09879 2.199141-4.598204 0.99961-1.999219 1.899258-4.098399 2.898868-6.097618 0.699727-1.599375 1.499414-3.298711 2.199141-4.898087 0.899649-1.999219 1.799297-3.998438 2.598985-5.997657 0.699727-1.699336 1.399453-3.398672 2.09918-4.998048 0.799688-1.999219 1.699336-3.998438 2.499023-5.997657 0.699727-1.699336 1.299492-3.398672 1.999219-5.098008 0.799688-1.999219 1.599375-4.098399 2.299102-6.097618 0.599766-1.699336 1.299492-3.398672 1.899258-5.098009 0.799688-2.09918 1.499414-4.19836 2.199141-6.29754 0.599766-1.699336 1.199531-3.398672 1.699337-5.098009l2.09918-6.597422c0.499805-1.599375 0.99961-3.19875 1.599375-4.898087 0.699727-2.399063 1.399453-4.698165 2.09918-7.097228 0.399844-1.499414 0.899649-2.898868 1.299492-4.398282 0.899649-3.09879 1.699336-6.097618 2.499024-9.196407 0.199922-0.799688 0.399844-1.599375 0.699727-2.399063 0.99961-3.898477 1.999219-7.796954 2.898867-11.695432 0.299883-1.299492 0.599766-2.499024 0.799688-3.798516l1.799297-8.096837c0.299883-1.599375 0.599766-3.19875 0.899649-4.698165 0.499805-2.399063 0.99961-4.798126 1.399453-7.297149l0.899649-5.098009c0.399844-2.299102 0.799688-4.698165 1.199531-6.997267 0.299883-1.699336 0.499805-3.498633 0.799688-5.197969 0.299883-2.299102 0.699727-4.698165 0.999609-6.997267 0.199922-1.799297 0.499805-3.498633 0.699727-5.29793 0.299883-2.299102 0.599766-4.698165 0.799688-6.997267 0.199922-1.799297 0.399844-3.498633 0.599765-5.297931l0.599766-7.197188c0.099961-1.699336 0.299883-3.498633 0.399844-5.19797 0.199922-2.499024 0.299883-4.998048 0.499805-7.497071 0.099961-1.599375 0.199922-3.298711 0.299882-4.898087l0.299883-8.39672c0-1.399453 0.099961-2.798907 0.099961-4.098399 0.099961-4.19836 0.199922-8.39672 0.199922-12.59508 0-148.841859-63.875049-282.989457-165.635299-376.552909l-0.399843-0.399844c-2.698946-2.499024-5.497852-4.898087-8.196799-7.39711-0.299883-0.199922-0.499805-0.499805-0.799687-0.699727L840.671613 120.153065c-0.399844-0.299883-0.799688-0.699727-1.199532-0.999609-2.598985-2.199141-5.29793-4.398282-7.996876-6.497462-0.499805-0.399844-0.99961-0.799688-1.399453-1.199532-2.598985-2.09918-5.19797-4.098399-7.896916-6.097618-0.599766-0.399844-1.09957-0.899649-1.699336-1.299492-2.598985-1.899258-5.19797-3.898477-7.796954-5.797735-0.699727-0.499805-1.299492-0.99961-1.999219-1.499415-2.499024-1.799297-5.098009-3.598594-7.696994-5.397891-0.799688-0.499805-1.499414-1.09957-2.299101-1.599375-2.499024-1.699336-5.098009-3.398672-7.597033-5.098009-0.799688-0.599766-1.699336-1.09957-2.499024-1.699336-2.499024-1.599375-4.998048-3.19875-7.597032-4.798126-0.899649-0.599766-1.799297-1.09957-2.698946-1.699336-2.499024-1.499414-4.998048-3.09879-7.497071-4.598204l-2.998829-1.799297c-2.499024-1.399453-4.898087-2.898868-7.39711-4.298321-1.09957-0.599766-2.09918-1.199531-3.198751-1.799297-2.399063-1.399453-4.898087-2.698946-7.39711-3.998438-1.09957-0.599766-2.299102-1.199531-3.398673-1.799297-2.399063-1.299492-4.898087-2.499024-7.297149-3.698556-1.199531-0.599766-2.399063-1.199531-3.698556-1.799297-2.399063-1.199531-4.798126-2.399063-7.197188-3.498633l-3.898477-1.799297-7.197189-3.298712c-1.399453-0.599766-2.698946-1.199531-4.098399-1.799297-2.399063-0.99961-4.698165-1.999219-7.097228-2.998829-1.399453-0.599766-2.898868-1.199531-4.298321-1.799297-2.299102-0.99961-4.698165-1.899258-6.997266-2.798906-1.499414-0.599766-2.998829-1.09957-4.498243-1.699337-2.299102-0.899649-4.698165-1.699336-6.997267-2.598984-1.599375-0.599766-3.09879-1.09957-4.698165-1.699337l-6.897305-2.399062c-1.599375-0.499805-3.298711-1.09957-4.898087-1.599376-2.299102-0.699727-4.598204-1.499414-6.797345-2.199141l-5.098008-1.499414c-2.299102-0.699727-4.498243-1.299492-6.797345-1.999219-1.799297-0.499805-3.498633-0.99961-5.297931-1.399453-2.199141-0.599766-4.498243-1.199531-6.697384-1.799297-1.799297-0.499805-3.698555-0.899649-5.497852-1.399454-2.199141-0.499805-4.398282-1.09957-6.597423-1.599375-1.899258-0.399844-3.798516-0.799688-5.697774-1.299492-2.199141-0.499805-4.298321-0.899649-6.497462-1.399454-1.999219-0.399844-3.998438-0.799688-5.997657-1.09957-2.09918-0.399844-4.298321-0.799688-6.397501-1.199532-1.999219-0.399844-4.098399-0.699727-6.197579-0.999609-2.09918-0.299883-4.19836-0.699727-6.29754-0.99961-2.09918-0.299883-4.298321-0.599766-6.397501-0.899648-2.09918-0.299883-4.098399-0.599766-6.197579-0.799688-2.199141-0.299883-4.398282-0.499805-6.697384-0.799688-1.999219-0.199922-3.998438-0.499805-5.997657-0.699726l-6.897306-0.599766c-1.899258-0.199922-3.898477-0.399844-5.797735-0.499805-2.499024-0.199922-4.998048-0.299883-7.397111-0.499804l-5.397891-0.299883c-2.898868-0.099961-5.697774-0.199922-8.596642-0.299883-1.499414 0-2.898868-0.099961-4.398282-0.199922-4.298321-0.099961-8.696603-0.199922-12.994924-0.199922-4.398282 0-8.696603 0.099961-12.994924 0.199922-1.499414 0-2.898868 0.099961-4.398282 0.199922-2.898868 0.099961-5.697774 0.199922-8.596642 0.299883l-5.397891 0.299883c-2.499024 0.199922-4.998048 0.299883-7.397111 0.499804-1.999219 0.099961-3.898477 0.299883-5.797735 0.499805l-6.897306 0.599766c-1.999219 0.199922-3.998438 0.399844-5.997657 0.699726-2.199141 0.299883-4.398282 0.499805-6.697384 0.799688-2.09918 0.299883-4.098399 0.599766-6.197579 0.799688-2.09918 0.299883-4.298321 0.599766-6.397501 0.899648-2.09918 0.299883-4.19836 0.699727-6.29754 0.99961-2.09918 0.299883-4.098399 0.699727-6.197579 0.999609-2.09918 0.399844-4.298321 0.799688-6.397501 1.199532-1.999219 0.399844-3.998438 0.699727-5.997657 1.09957-2.199141 0.399844-4.298321 0.899649-6.497462 1.399454-1.899258 0.399844-3.798516 0.799688-5.697774 1.299492-2.199141 0.499805-4.398282 0.99961-6.597423 1.599375-1.799297 0.399844-3.698555 0.899649-5.497852 1.399454-2.199141 0.599766-4.498243 1.199531-6.697384 1.799297-1.799297 0.499805-3.498633 0.899649-5.297931 1.399453-2.299102 0.599766-4.498243 1.299492-6.797345 1.999219l-5.098008 1.499414c-2.299102 0.699727-4.598204 1.399453-6.797345 2.199141-1.599375 0.499805-3.298711 1.09957-4.898087 1.599376l-6.897305 2.399062c-1.599375 0.499805-3.09879 1.09957-4.698165 1.699337-2.299102 0.799688-4.698165 1.699336-6.997267 2.598984-1.499414 0.599766-2.998829 1.09957-4.498243 1.699337-2.399063 0.899649-4.698165 1.899258-6.997266 2.798906-1.399453 0.599766-2.898868 1.199531-4.298321 1.799297-2.399063 0.99961-4.698165 1.999219-7.097228 2.998829-1.399453 0.599766-2.698946 1.199531-4.098399 1.799297l-7.197189 3.298712-3.898477 1.799297c-2.399063 1.09957-4.798126 2.299102-7.197188 3.498633-1.199531 0.599766-2.399063 1.199531-3.698556 1.799297-2.399063 1.199531-4.898087 2.499024-7.297149 3.698556-1.199531 0.599766-2.299102 1.199531-3.398673 1.799297-2.499024 1.299492-4.898087 2.698946-7.39711 3.998438-1.09957 0.599766-2.09918 1.199531-3.198751 1.799297-2.499024 1.399453-4.998048 2.798907-7.497071 4.298321-0.99961 0.599766-1.999219 1.199531-2.998829 1.699336-2.499024 1.499414-4.998048 2.998829-7.497071 4.598204-0.899649 0.599766-1.799297 1.09957-2.698946 1.699336-2.499024 1.599375-5.098009 3.19875-7.597032 4.798126-0.799688 0.499805-1.699336 1.09957-2.499024 1.699336-2.598985 1.699336-5.098009 3.398672-7.597033 5.098009-0.799688 0.499805-1.499414 0.99961-2.299101 1.599375-2.598985 1.799297-5.098009 3.598594-7.696994 5.397891-0.699727 0.499805-1.299492 0.99961-1.999219 1.499415-2.598985 1.899258-5.19797 3.798516-7.796954 5.797735-0.599766 0.399844-1.09957 0.899649-1.699336 1.299492-2.598985 1.999219-5.29793 4.098399-7.896916 6.097618-0.499805 0.399844-0.99961 0.799688-1.399453 1.199532-2.698946 2.09918-5.29793 4.298321-7.996876 6.497462-0.399844 0.299883-0.799688 0.699727-1.199532 0.999609l-8.096837 6.897306c-0.299883 0.199922-0.499805 0.499805-0.799687 0.699727-2.798907 2.399063-5.497852 4.898087-8.196799 7.39711l-0.399843 0.399844C63.875049 229.010543 0 363.158141 0 512c0 4.19836 0.099961 8.39672 0.199922 12.59508 0 1.399453 0.099961 2.798907 0.099961 4.098399l0.299883 8.39672c0.099961 1.599375 0.199922 3.298711 0.299883 4.898087 0.099961 2.499024 0.299883 4.998048 0.499804 7.497071 0.099961 1.699336 0.299883 3.498633 0.399844 5.19797l0.599766 7.197188c0.199922 1.799297 0.399844 3.498633 0.599766 5.297931 0.299883 2.399063 0.499805 4.698165 0.799687 6.997267 0.199922 1.799297 0.399844 3.498633 0.699727 5.29793 0.299883 2.299102 0.599766 4.698165 0.999609 6.997267 0.299883 1.699336 0.499805 3.498633 0.799688 5.197969 0.399844 2.399063 0.799688 4.698165 1.199531 7.097228l0.899649 5.098009c0.399844 2.399063 0.899649 4.798126 1.399453 7.297149 0.299883 1.599375 0.599766 3.19875 0.899649 4.698165l1.799297 8.096837c0.299883 1.299492 0.499805 2.499024 0.799688 3.798516 0.899649 3.898477 1.899258 7.796954 2.898867 11.695432 0.199922 0.799688 0.399844 1.599375 0.699727 2.399063 0.799688 3.09879 1.599375 6.197579 2.499024 9.196407 0.399844 1.499414 0.899649 2.898868 1.299492 4.398282 0.699727 2.399063 1.399453 4.798126 2.09918 7.097228 0.499805 1.599375 0.99961 3.19875 1.499415 4.898087l2.09918 6.597422c0.599766 1.699336 1.199531 3.398672 1.699336 4.998048 0.699727 2.09918 1.499414 4.19836 2.199141 6.29754 0.599766 1.699336 1.199531 3.398672 1.899258 5.098009 0.799688 1.999219 1.499414 4.098399 2.299102 6.097618 0.699727 1.699336 1.299492 3.398672 1.999219 5.098008 0.799688 1.999219 1.599375 3.998438 2.499024 5.997658 0.699727 1.699336 1.399453 3.398672 2.09918 4.998047 0.899649 1.999219 1.699336 3.998438 2.598984 5.997657 0.699727 1.599375 1.499414 3.298711 2.199141 4.898087 0.899649 1.999219 1.899258 4.098399 2.798907 6.097618 0.699727 1.599375 1.499414 3.09879 2.199141 4.698165 1.09957 2.199141 2.199141 4.398282 3.298711 6.697384 0.699727 1.299492 1.299492 2.598985 1.999219 3.998438l5.397892 10.196017c0.699727 1.299492 1.499414 2.598985 2.199141 3.998438 1.199531 2.09918 2.299102 4.19836 3.598594 6.29754 0.899649 1.499414 1.799297 3.09879 2.698946 4.598204 1.09957 1.899258 2.199141 3.698555 3.298711 5.597813 0.99961 1.599375 1.999219 3.19875 2.898868 4.798126 1.09957 1.799297 2.199141 3.498633 3.298711 5.297931 0.99961 1.599375 2.09918 3.19875 3.09879 4.798125 1.09957 1.699336 2.199141 3.398672 3.398672 5.098009 1.09957 1.599375 2.09918 3.19875 3.198751 4.698165 1.09957 1.699336 2.299102 3.298711 3.498633 4.998047 1.09957 1.599375 2.199141 3.09879 3.298712 4.698165 1.199531 1.599375 2.399063 3.298711 3.598594 4.898087 1.09957 1.499414 2.299102 3.09879 3.398672 4.598204 1.199531 1.599375 2.499024 3.19875 3.698556 4.798125 1.199531 1.499414 2.299102 2.998829 3.498633 4.498243 1.299492 1.599375 2.598985 3.298711 3.898477 4.898087 1.199531 1.399453 2.299102 2.798907 3.498633 4.298321 1.499414 1.799297 2.898868 3.498633 4.398282 5.197969 11.095666 12.994924 22.791097 25.490043 35.186256 37.385397 2.798907 2.598985 5.497852 5.29793 8.39672 7.896915 0.199922 0.099961 0.299883 0.299883 0.499804 0.399844 2.698946 2.499024 5.397891 4.898087 8.196799 7.39711 0.299883 0.199922 0.499805 0.499805 0.799687 0.699727 2.698946 2.299102 5.29793 4.598204 7.996876 6.897306 0.399844 0.299883 0.799688 0.699727 1.199532 0.999609 2.598985 2.199141 5.29793 4.298321 7.896915 6.497462 0.499805 0.399844 0.99961 0.799688 1.399453 1.199532 2.598985 2.09918 5.19797 4.098399 7.796955 6.097618 0.599766 0.399844 1.199531 0.899649 1.799297 1.299492 2.598985 1.899258 5.19797 3.898477 7.796954 5.797735 0.699727 0.499805 1.299492 0.99961 1.999219 1.499415 2.499024 1.799297 5.098009 3.598594 7.696994 5.397891 0.799688 0.499805 1.499414 1.09957 2.299102 1.599375 2.499024 1.699336 5.098009 3.398672 7.597032 5.098009 0.799688 0.599766 1.699336 1.09957 2.499024 1.699336l7.497071 4.798126c0.899649 0.599766 1.799297 1.199531 2.798907 1.699336l7.497071 4.498243 2.998829 1.799297c2.499024 1.399453 4.898087 2.898868 7.39711 4.298321 1.09957 0.599766 2.09918 1.199531 3.198751 1.799297 2.399063 1.399453 4.898087 2.698946 7.39711 3.998438 1.199531 0.599766 2.299102 1.199531 3.498634 1.799297 2.399063 1.299492 4.798126 2.499024 7.297149 3.698556 1.199531 0.599766 2.399063 1.199531 3.698556 1.799297 2.399063 1.199531 4.798126 2.299102 7.197188 3.498633l3.898477 1.799297 7.197189 3.298712c1.399453 0.599766 2.698946 1.199531 4.098399 1.799297 2.399063 0.99961 4.698165 1.999219 7.097228 2.998829 1.399453 0.599766 2.898868 1.199531 4.298321 1.799297 2.299102 0.99961 4.698165 1.899258 7.097227 2.798906 1.499414 0.599766 2.998829 1.09957 4.498243 1.699337 2.299102 0.899649 4.698165 1.799297 6.997267 2.598984 1.599375 0.599766 3.09879 1.09957 4.698165 1.699337l6.897305 2.399062c1.599375 0.499805 3.298711 1.09957 4.898087 1.599376 2.299102 0.699727 4.498243 1.499414 6.797345 2.199141l5.098008 1.499414c2.199141 0.699727 4.498243 1.299492 6.797345 1.999219 1.799297 0.499805 3.498633 0.99961 5.297931 1.399453 2.199141 0.599766 4.498243 1.199531 6.697384 1.799297 1.799297 0.499805 3.698555 0.899649 5.497852 1.399454 2.199141 0.499805 4.398282 1.09957 6.597423 1.599375 1.899258 0.399844 3.798516 0.799688 5.697774 1.299492 2.199141 0.499805 4.298321 0.899649 6.497462 1.399454 1.999219 0.399844 3.998438 0.799688 5.897696 1.09957 2.09918 0.399844 4.298321 0.799688 6.397501 1.199532 1.999219 0.399844 4.098399 0.699727 6.197579 0.999609 2.09918 0.299883 4.19836 0.699727 6.29754 0.99961 2.09918 0.299883 4.298321 0.599766 6.397501 0.899648 2.09918 0.299883 4.098399 0.599766 6.197579 0.799688 2.199141 0.299883 4.398282 0.499805 6.697384 0.799688 1.999219 0.199922 3.998438 0.499805 5.997657 0.699726l6.897306 0.599766c1.899258 0.199922 3.898477 0.399844 5.797735 0.499805 2.499024 0.199922 4.998048 0.299883 7.397111 0.499804l5.397891 0.299883c2.898868 0.099961 5.697774 0.199922 8.596642 0.299883 1.499414 0 2.898868 0.099961 4.398282 0.199922 4.298321 0.099961 8.696603 0.199922 12.994924 0.199922 4.398282 0 8.696603-0.099961 12.994924-0.199922 1.499414 0 2.898868-0.099961 4.398282-0.199922 2.898868-0.099961 5.697774-0.199922 8.596642-0.299883l5.397891-0.299883c2.499024-0.199922 4.998048-0.299883 7.397111-0.499804 1.999219-0.099961 3.898477-0.299883 5.797735-0.499805l6.897306-0.599766c1.999219-0.199922 3.998438-0.399844 5.997657-0.699726 2.199141-0.299883 4.398282-0.499805 6.697384-0.799688 2.09918-0.299883 4.098399-0.599766 6.197579-0.799688 2.09918-0.299883 4.298321-0.599766 6.397501-0.899648 2.09918-0.299883 4.19836-0.699727 6.29754-0.99961 2.09918-0.299883 4.098399-0.699727 6.197579-0.999609 2.09918-0.399844 4.298321-0.799688 6.397501-1.199532 1.999219-0.399844 3.998438-0.699727 5.897696-1.09957 2.199141-0.399844 4.298321-0.899649 6.497462-1.399454 1.899258-0.399844 3.798516-0.799688 5.697774-1.299492 2.199141-0.499805 4.398282-0.99961 6.597423-1.599375 1.799297-0.399844 3.698555-0.899649 5.497853-1.399454 2.199141-0.599766 4.498243-1.199531 6.697383-1.799297 1.799297-0.499805 3.498633-0.899649 5.297931-1.399453 2.299102-0.599766 4.498243-1.299492 6.797345-1.999219l5.098008-1.499414c2.299102-0.699727 4.598204-1.399453 6.797345-2.199141 1.599375-0.499805 3.298711-1.09957 4.898087-1.599376l6.897306-2.399062c1.599375-0.499805 3.09879-1.09957 4.698164-1.699337 2.299102-0.799688 4.698165-1.699336 6.997267-2.598984 1.499414-0.599766 2.998829-1.09957 4.498243-1.699337 2.399063-0.899649 4.698165-1.899258 7.097228-2.798906 1.399453-0.599766 2.898868-1.199531 4.29832-1.799297 2.399063-0.99961 4.798126-1.999219 7.097228-2.998829 1.399453-0.599766 2.698946-1.199531 4.098399-1.799297l7.197189-3.298712 3.898477-1.799297c2.399063-1.09957 4.798126-2.299102 7.197189-3.498633 1.199531-0.599766 2.499024-1.199531 3.698555-1.799297 2.399063-1.199531 4.898087-2.499024 7.297149-3.698556 1.199531-0.599766 2.299102-1.199531 3.498634-1.799297 2.499024-1.299492 4.898087-2.598985 7.39711-3.998438 1.09957-0.599766 2.09918-1.199531 3.198751-1.799297 2.499024-1.399453 4.998048-2.798907 7.39711-4.298321l2.998829-1.799297 7.497071-4.498243c0.899649-0.599766 1.799297-1.199531 2.798907-1.699336l7.497071-4.798126c0.799688-0.499805 1.699336-1.09957 2.499024-1.699336 2.499024-1.699336 5.098009-3.398672 7.597033-5.098009 0.799688-0.499805 1.499414-1.09957 2.299102-1.599375 2.598985-1.799297 5.098009-3.598594 7.696993-5.397891 0.699727-0.499805 1.299492-0.99961 1.999219-1.499415 2.598985-1.899258 5.19797-3.798516 7.796954-5.797735 0.599766-0.399844 1.199531-0.899649 1.799297-1.299492 2.598985-1.999219 5.29793-3.998438 7.796955-6.097618 0.499805-0.399844 0.99961-0.799688 1.399453-1.199532 2.698946-2.09918 5.29793-4.298321 7.896915-6.497462 0.399844-0.299883 0.799688-0.699727 1.199532-0.999609 2.698946-2.299102 5.397891-4.598204 7.996876-6.897306 0.299883-0.199922 0.499805-0.499805 0.799688-0.699727 2.798907-2.399063 5.497852-4.898087 8.196798-7.39711 0.199922-0.099961 0.299883-0.299883 0.499804-0.399844 2.798907-2.598985 5.597813-5.19797 8.396721-7.896915 12.395158-11.795392 24.09059-24.290512 35.186255-37.385397z m76.270207-296.484185c-0.099961 1.599375-0.299883 3.298711-0.399844 4.898086l-0.599766 6.597423c-0.199922 1.699336-0.399844 3.398672-0.499804 5.098009-0.199922 2.09918-0.499805 4.19836-0.699727 6.29754-0.199922 1.699336-0.399844 3.398672-0.699727 5.098008-0.299883 2.09918-0.599766 4.098399-0.899648 6.097618-0.299883 1.699336-0.499805 3.498633-0.799688 5.19797-0.299883 1.999219-0.699727 3.998438-0.99961 5.997657-0.299883 1.699336-0.599766 3.498633-0.899648 5.19797-0.399844 1.999219-0.699727 3.998438-1.099571 5.897696-0.299883 1.699336-0.699727 3.498633-1.09957 5.197969-0.399844 1.999219-0.799688 3.898477-1.299492 5.797736-0.399844 1.699336-0.799688 3.398672-1.199532 5.197969-0.499805 1.899258-0.899649 3.898477-1.399453 5.797736-0.399844 1.699336-0.799688 3.398672-1.299493 5.098008-0.499805 1.899258-0.99961 3.798516-1.599375 5.797735-0.499805 1.699336-0.899649 3.398672-1.399453 4.998048-0.599766 1.899258-1.09957 3.798516-1.699336 5.697774-0.499805 1.699336-0.99961 3.298711-1.499415 4.998048-0.599766 1.899258-1.199531 3.798516-1.899258 5.697774-0.499805 1.599375-0.99961 3.19875-1.599375 4.898087-0.699727 1.999219-1.399453 3.998438-2.09918 5.897696-0.499805 1.499414-1.09957 2.998829-1.599375 4.498243-1.199531 3.398672-2.499024 6.697384-3.798516 10.096056-0.599766 1.599375-1.299492 3.298711-1.99922 4.898087-0.699727 1.799297-1.399453 3.498633-2.19914 5.29793-0.699727 1.699336-1.499414 3.398672-2.199141 5.098009-0.699727 1.599375-1.399453 3.298711-2.199141 4.898087-0.799688 1.699336-1.599375 3.498633-2.399063 5.197969-0.699727 1.599375-1.499414 3.19875-2.199141 4.798126-0.799688 1.699336-1.699336 3.498633-2.499024 5.19797-0.799688 1.499414-1.499414 3.09879-2.299102 4.598203-0.899649 1.699336-1.799297 3.398672-2.698946 5.19797l-2.399063 4.498243c-0.899649 1.699336-1.899258 3.398672-2.798906 5.197969-0.799688 1.499414-1.599375 2.898868-2.499024 4.398282l-2.998829 5.098009c-0.799688 1.399453-1.699336 2.898868-2.499023 4.298321-0.99961 1.699336-1.999219 3.398672-3.09879 5.098008-0.899649 1.399453-1.699336 2.798907-2.598985 4.19836-1.09957 1.699336-2.09918 3.398672-3.19875 5.098009-0.899649 1.399453-1.799297 2.698946-2.698946 3.998438-1.09957 1.699336-2.199141 3.398672-3.398672 4.998048l-2.698946 3.898477-3.598594 5.098008c-0.899649 1.199531-1.799297 2.399063-2.698946 3.698556-1.199531 1.699336-2.499024 3.398672-3.798516 5.098008-0.899649 1.09957-1.799297 2.299102-2.598985 3.398673-1.299492 1.699336-2.698946 3.498633-3.998438 5.197969-0.799688 0.99961-1.599375 1.999219-2.399063 2.898868-1.499414 1.799297-2.998829 3.698555-4.498243 5.497852-0.299883 0.399844-0.599766 0.799688-0.999609 1.099571-4.19836 4.998048-8.496681 9.896134-12.795002 14.794221-35.286216-16.693479-75.170636-30.787973-118.753612-41.783678 23.09098-71.871925 37.085513-156.139008 39.284654-247.203437h199.921906c-0.099961 1.09957-0.099961 2.299102-0.199922 3.398673 0.099961 2.199141 0 4.498243-0.199922 6.797345zM765.600937 904.146818c-2.598985 1.699336-5.19797 3.298711-7.796954 4.898086-0.499805 0.299883-0.899649 0.599766-1.399454 0.899649-2.399063 1.499414-4.898087 2.998829-7.39711 4.398282-0.599766 0.399844-1.299492 0.799688-1.899258 1.09957-2.399063 1.399453-4.698165 2.698946-7.097228 4.098399-0.799688 0.399844-1.499414 0.899649-2.299102 1.299493-2.299102 1.299492-4.698165 2.598985-6.997266 3.798516-0.799688 0.499805-1.699336 0.899649-2.499024 1.299492l-6.897306 3.598595c-0.899649 0.499805-1.799297 0.899649-2.698946 1.399453-2.299102 1.09957-4.598204 2.299102-6.897305 3.398672-0.899649 0.399844-1.899258 0.899649-2.798907 1.299493-2.299102 1.09957-4.598204 2.199141-6.997267 3.19875-0.899649 0.399844-1.899258 0.799688-2.798906 1.199532-2.399063 0.99961-4.698165 2.09918-7.097228 3.098789-0.899649 0.399844-1.699336 0.699727-2.598985 1.099571l-7.497071 2.998828c-0.599766 0.199922-1.199531 0.499805-1.799297 0.699727-8.796564 3.398672-17.693089 6.497462-26.789536 9.39633l-1.799297 0.599765c-2.199141 0.699727-4.398282 1.299492-6.497462 1.999219-0.899649 0.299883-1.899258 0.599766-2.798907 0.799688 31.987505-33.58688 59.77665-79.368996 81.868021-134.347521 36.085904 8.996486 69.672784 20.192112 99.761031 33.187037-17.992971 16.193674-37.285435 30.987895-57.67747 44.182741-0.299883 0.199922-0.499805 0.299883-0.599766 0.399844z m-393.346349 53.878953l-1.799297-0.599766c-9.096447-2.898868-17.992971-5.997657-26.789535-9.396329-0.599766-0.199922-1.199531-0.399844-1.699337-0.699727l-7.497071-2.998828c-0.899649-0.399844-1.699336-0.699727-2.598985-0.99961-2.399063-0.99961-4.798126-1.999219-7.097228-3.098789-0.899649-0.399844-1.899258-0.799688-2.798906-1.199532-2.299102-0.99961-4.698165-2.09918-6.997267-3.19875-0.899649-0.399844-1.899258-0.899649-2.798907-1.299493-2.299102-1.09957-4.598204-2.199141-6.897305-3.398672-0.899649-0.499805-1.799297-0.899649-2.698946-1.399453l-6.897306-3.598595c-0.799688-0.399844-1.699336-0.899649-2.499024-1.299492-2.399063-1.299492-4.698165-2.499024-6.997266-3.798516-0.799688-0.399844-1.499414-0.799688-2.299102-1.299493-2.399063-1.299492-4.798126-2.698946-7.097228-4.098399-0.599766-0.399844-1.299492-0.799688-1.899258-1.09957-2.499024-1.499414-4.898087-2.898868-7.39711-4.398282-0.499805-0.299883-0.899649-0.599766-1.399454-0.799688-2.598985-1.599375-5.19797-3.298711-7.796954-4.898086-0.099961-0.099961-0.299883-0.199922-0.399844-0.299883-20.392034-13.294807-39.584537-27.989067-57.577509-44.182741 30.088247-12.994924 63.675127-24.190551 99.761031-33.187037 21.99141 54.978524 49.880515 100.76064 81.86802 134.347521-0.899649-0.299883-1.899258-0.599766-2.798906-0.799688-2.598985-0.99961-4.798126-1.699336-6.897306-2.299102zM151.840687 809.583756c-1.499414-1.799297-2.998829-3.698555-4.498243-5.497852-0.799688-0.99961-1.599375-1.899258-2.299102-2.898868-1.399453-1.699336-2.698946-3.498633-3.998438-5.197969-0.899649-1.09957-1.699336-2.199141-2.598984-3.398673-1.299492-1.699336-2.499024-3.398672-3.798517-5.098008-0.899649-1.199531-1.799297-2.399063-2.698945-3.698555l-3.598595-5.098009-2.698945-3.898477c-1.09957-1.699336-2.299102-3.398672-3.398673-5.098009-0.899649-1.299492-1.799297-2.698946-2.598985-3.998438-1.09957-1.699336-2.199141-3.398672-3.19875-5.098009-0.899649-1.399453-1.699336-2.798907-2.598985-4.19836-0.99961-1.699336-2.09918-3.398672-3.098789-5.098008-0.899649-1.399453-1.699336-2.898868-2.499024-4.298321-0.99961-1.699336-1.999219-3.398672-2.898868-5.098009-0.799688-1.499414-1.599375-2.898868-2.499024-4.398282-0.899649-1.699336-1.899258-3.398672-2.798906-5.098008l-2.399063-4.498243c-0.899649-1.699336-1.799297-3.398672-2.698946-5.19797-0.799688-1.499414-1.499414-3.09879-2.299102-4.598203-0.899649-1.699336-1.699336-3.498633-2.499024-5.19797-0.799688-1.599375-1.499414-3.19875-2.199141-4.798126-0.799688-1.699336-1.599375-3.398672-2.399062-5.197969-0.699727-1.599375-1.399453-3.298711-2.199141-4.898087-0.699727-1.699336-1.499414-3.398672-2.199141-5.098009-0.699727-1.799297-1.499414-3.598594-2.199141-5.397891-0.699727-1.599375-1.299492-3.19875-1.999219-4.798126-1.299492-3.298711-2.598985-6.697384-3.798517-10.096056-0.499805-1.499414-1.09957-2.998829-1.599375-4.498243l-2.09918-5.997657c-0.499805-1.599375-1.09957-3.19875-1.599375-4.898087-0.599766-1.899258-1.299492-3.798516-1.899258-5.697774-0.499805-1.699336-0.99961-3.298711-1.499414-4.998048-0.599766-1.899258-1.199531-3.798516-1.699337-5.697774-0.499805-1.699336-0.899649-3.398672-1.399453-5.098008-0.499805-1.899258-1.09957-3.798516-1.599375-5.797736-0.399844-1.699336-0.899649-3.398672-1.299493-5.098008-0.499805-1.899258-0.99961-3.898477-1.399453-5.797736l-1.199531-5.098008c-0.399844-1.999219-0.899649-3.898477-1.299493-5.897696-0.399844-1.699336-0.699727-3.398672-1.09957-5.19797-0.399844-1.999219-0.799688-3.998438-1.099571-5.897696-0.299883-1.699336-0.599766-3.498633-0.899648-5.19797-0.299883-1.999219-0.699727-3.998438-0.99961-5.997657-0.299883-1.699336-0.499805-3.498633-0.799687-5.197969-0.299883-1.999219-0.599766-4.098399-0.899649-6.097619-0.199922-1.699336-0.499805-3.398672-0.699727-5.098008-0.299883-2.09918-0.499805-4.19836-0.699726-6.29754-0.199922-1.699336-0.399844-3.398672-0.499805-5.098009l-0.599766-6.597423c-0.099961-1.599375-0.299883-3.298711-0.399844-4.898086-0.199922-2.299102-0.299883-4.598204-0.399843-6.897306-0.099961-1.09957-0.099961-2.299102-0.199922-3.398672h199.921905c2.09918 91.164389 16.193674 175.331511 39.284655 247.203436-43.483014 10.995705-83.467396 25.090199-118.753612 41.783678-4.398282-4.898087-8.696603-9.896134-12.994924-14.894182-0.399844 0-0.699727-0.299883-0.899649-0.699727z m106.158532-689.730574c2.598985-1.699336 5.19797-3.298711 7.796954-4.898086 0.499805-0.299883 0.899649-0.599766 1.399454-0.899649 2.399063-1.499414 4.898087-2.998829 7.39711-4.398282 0.599766-0.399844 1.299492-0.799688 1.899258-1.09957 2.399063-1.399453 4.798126-2.698946 7.097228-4.098399 0.799688-0.399844 1.499414-0.899649 2.299102-1.299493 2.299102-1.299492 4.698165-2.598985 6.997267-3.798516 0.799688-0.499805 1.699336-0.899649 2.499023-1.299492l6.897306-3.598595c0.899649-0.499805 1.799297-0.899649 2.698946-1.399453 2.299102-1.09957 4.598204-2.299102 6.897306-3.398672 0.899649-0.399844 1.899258-0.899649 2.798906-1.299493 2.299102-1.09957 4.598204-2.199141 6.997267-3.19875 0.899649-0.399844 1.899258-0.799688 2.798907-1.199532 2.399063-0.99961 4.798126-2.09918 7.097227-3.098789 0.899649-0.399844 1.699336-0.699727 2.598985-1.099571 2.499024-0.99961 4.998048-2.09918 7.497072-2.998828 0.599766-0.199922 1.199531-0.499805 1.799297-0.699727 8.796564-3.398672 17.693089-6.497462 26.689574-9.39633l1.799297-0.599765c2.199141-0.699727 4.398282-1.299492 6.597423-1.999219 0.899649-0.299883 1.799297-0.599766 2.798907-0.799688-31.987505 33.58688-59.77665 79.368996-81.868021 134.347521-36.085904-8.996486-69.672784-20.192112-99.76103-33.187037 17.992971-16.193674 37.285435-30.987895 57.577508-44.182741 0.399844-0.199922 0.599766-0.299883 0.699727-0.399844z m393.44631-53.878953l1.799297 0.599766c8.996486 2.898868 17.992971 5.997657 26.789536 9.396329 0.599766 0.199922 1.199531 0.499805 1.799297 0.699727l7.497071 2.998828c0.899649 0.399844 1.799297 0.699727 2.598985 1.099571 2.399063 0.99961 4.798126 1.999219 7.097228 3.098789 0.899649 0.399844 1.899258 0.799688 2.798906 1.199532 2.299102 0.99961 4.698165 2.09918 6.997267 3.19875 0.899649 0.399844 1.899258 0.899649 2.798907 1.299493 2.299102 1.09957 4.598204 2.199141 6.997266 3.398672 0.899649 0.399844 1.799297 0.899649 2.698946 1.299492 2.299102 1.199531 4.698165 2.399063 6.997267 3.598595 0.799688 0.399844 1.699336 0.899649 2.499024 1.299492 2.299102 1.299492 4.698165 2.499024 6.997266 3.798516 0.799688 0.399844 1.499414 0.899649 2.299102 1.299493 2.399063 1.299492 4.798126 2.698946 7.097228 4.098399 0.599766 0.399844 1.299492 0.799688 1.899258 1.09957 2.499024 1.499414 4.898087 2.898868 7.39711 4.398282 0.499805 0.299883 0.899649 0.599766 1.399454 0.899649 2.598985 1.599375 5.19797 3.298711 7.796954 4.898086 0.099961 0.099961 0.299883 0.199922 0.399844 0.299883 20.392034 13.294807 39.584537 28.089028 57.67747 44.182741-30.088247 12.994924-63.675127 24.190551-99.761031 33.187037-21.99141-54.978524-49.880515-100.76064-81.868021-134.347521 0.899649 0.299883 1.799297 0.499805 2.698946 0.799688 2.199141 0.899649 4.398282 1.499414 6.597423 2.199141z m127.050371 421.535338c-2.09918-91.164389-16.193674-175.331511-39.284654-247.203437 43.483014-10.995705 83.467396-25.090199 118.753611-41.783678 70.072628 77.269816 114.655213 178.130418 120.452949 289.087076h-199.921906zM487.309645 222.41312c-49.780554-1.299492-97.861773-6.497462-142.744241-14.994143 35.985943-86.566185 86.566185-146.142913 142.744241-159.737603v174.731746z m0 44.482624v220.613823H289.58688c2.299102-86.966029 16.493557-168.534166 39.184694-237.307302 49.380711 9.596251 102.659898 15.393987 158.538071 16.693479z m0 269.594689v220.613823c-55.878173 1.299492-109.15736 7.097228-158.538071 16.693479-22.691136-68.873096-36.885592-150.341273-39.184694-237.307302h197.722765z m0 265.096447v174.731746c-56.178055-13.59469-106.758298-73.171417-142.744241-159.737603 44.982429-8.496681 92.963686-13.694651 142.744241-14.994143z m48.980867 0c49.780554 1.299492 97.861773 6.497462 142.74424 14.994143-35.985943 86.566185-86.566185 146.142913-142.74424 159.737603V801.58688z m0-44.482624V536.490433h197.722764c-2.299102 86.966029-16.493557 168.534166-39.184693 237.307302-49.380711-9.596251-102.659898-15.393987-158.538071-16.693479z m0-269.594689V266.895744c55.878173-1.299492 109.15736-7.097228 158.538071-16.693479 22.691136 68.873096 36.885592 150.341273 39.184693 237.307302H536.290512z m0-265.096447V47.681374c56.178055 13.59469 106.758298 73.171417 142.74424 159.737603-44.982429 8.496681-92.963686 13.694651-142.74424 14.994143z m-370.655213-23.990629c35.286216 16.693479 75.170636 30.787973 118.753612 41.783678-23.09098 71.871925-37.085513 156.139008-39.284655 247.203437h-199.921905c5.697774-110.856697 50.280359-211.617337 120.452948-288.987115z" fill="" p-id="4429"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-operate.svg b/src/icons/svg/svg-operate.svg
new file mode 100644
index 0000000..bb6f80c
--- /dev/null
+++ b/src/icons/svg/svg-operate.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1619161189850" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2649" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M819.2 870.4H204.8c-56.32 0-102.4-46.08-102.4-102.4V256c0-56.32 46.08-102.4 102.4-102.4h614.4c56.32 0 102.4 46.08 102.4 102.4v512c0 56.32-46.08 102.4-102.4 102.4zM204.8 256v512h614.4V256H204.8z" fill="" p-id="2650"></path><path d="M542.72 665.6h-10.24c-15.36-5.12-30.72-15.36-40.96-30.72L435.2 501.76l-87.04 97.28c-20.48 20.48-51.2 20.48-71.68 5.12-20.48-20.48-20.48-51.2-5.12-71.68l138.24-153.6c10.24-15.36 30.72-20.48 46.08-20.48 15.36 5.12 30.72 15.36 40.96 30.72l61.44 133.12 122.88-133.12c20.48-20.48 51.2-20.48 71.68-5.12 20.48 20.48 20.48 51.2 5.12 71.68l-174.08 194.56c-15.36 10.24-30.72 15.36-40.96 15.36z" fill="" p-id="2651"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-operation.svg b/src/icons/svg/svg-operation.svg
new file mode 100644
index 0000000..c32d709
--- /dev/null
+++ b/src/icons/svg/svg-operation.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1617878226642" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1442" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M841.38496 862.56128c-65.87392-11.76576-117.63712-68.22912-117.63712-138.80832 0-77.6448 63.51872-141.16352 141.16352-141.16352 77.63968 0 141.16352 63.51872 141.16352 141.16352 0 70.5792-51.75808 127.04256-117.64224 138.80832v131.75296c0 14.12096-9.40544 23.53152-23.5264 23.53152s-23.53152-9.41056-23.53152-23.53152v-131.75296z m-705.82784 0C69.67808 850.79552 17.92 794.33216 17.92 723.74784c0-77.6448 63.52384-141.16352 141.16352-141.16352s141.16864 63.51872 141.16864 141.16352c0 70.5792-51.75808 127.04256-117.64224 138.80832v131.75296c0 14.12096-9.41056 23.53152-23.5264 23.53152-14.11584 0-23.5264-9.41056-23.5264-23.53152v-131.74784zM488.4736 161.43872c-65.87904 11.76576-117.63712 68.22912-117.63712 138.81344 0 77.6448 63.52384 141.16352 141.16352 141.16352 77.63968 0 141.16352-63.52384 141.16352-141.16352 0-70.58432-51.75808-127.04768-117.63712-138.81344V29.68576c0-14.11584-9.41056-23.53152-23.53152-23.53152-14.11584 0-23.5264 9.41056-23.5264 23.53152v131.75296zM135.55712 29.68576c0-14.11584 9.41056-23.53152 23.5264-23.53152 14.11584 0 23.5264 9.41056 23.5264 23.53152v470.54848c0 14.11584-9.41056 23.53152-23.5264 23.53152-14.11584 0-23.5264-9.41056-23.5264-23.53152V29.68576z m705.82784 0c0-14.11584 9.41056-23.53152 23.53152-23.53152s23.5264 9.41056 23.5264 23.53152v470.54848c0 14.11584-9.40544 23.53152-23.5264 23.53152s-23.53152-9.41056-23.53152-23.53152V29.68576zM512 394.36288c-51.75808 0-94.11072-42.35264-94.11072-94.11072S460.2368 206.14144 512 206.14144s94.11072 42.35264 94.11072 94.11072S563.75808 394.36288 512 394.36288z m-23.5264 129.40288c0-14.11584 9.41056-23.53152 23.5264-23.53152 14.12096 0 23.53152 9.41056 23.53152 23.53152v470.54848c0 14.12096-9.41056 23.53152-23.53152 23.53152-14.11584 0-23.5264-9.41056-23.5264-23.53152v-470.54848z m-329.39008 294.0928c51.75808 0 94.11072-42.34752 94.11072-94.11072s-42.34752-94.11072-94.11072-94.11072-94.11072 42.34752-94.11072 94.11072 42.35264 94.11072 94.11072 94.11072z m705.83296 0c51.75808 0 94.11072-42.34752 94.11072-94.11072s-42.34752-94.11072-94.11072-94.11072-94.11072 42.34752-94.11072 94.11072 42.34752 94.11072 94.11072 94.11072z" fill="" p-id="1443"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-ops-analysis.svg b/src/icons/svg/svg-ops-analysis.svg
new file mode 100644
index 0000000..26c4eb0
--- /dev/null
+++ b/src/icons/svg/svg-ops-analysis.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1617876209511" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4338" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M109.7 590.8c-22.1 0-40-17.9-40-40v-6.4c0.2-11.3 0.8-22.7 1.8-33.9 6.1-65.6 27.7-129.8 62.3-185.8 33.8-54.5 80.3-101.7 134.4-136.3 18.6-11.9 43.3-6.5 55.3 12.1s6.5 43.3-12.1 55.3C219.6 314.5 161.2 410 151.2 517.9c-0.9 9.1-1.4 18.4-1.5 27.6v5.3c0 22.1-17.9 40-40 40zM499.7 980.8c-79.6 0-157.4-21.9-224.9-63.4-18.8-11.6-24.7-36.2-13.1-55 11.6-18.8 36.2-24.7 55-13.1 54.9 33.8 118.2 51.6 183 51.6 88.6 0 173.1-33.2 238-93.4 16.2-15 41.5-14.1 56.5 2.1s14.1 41.5-2.1 56.5c-79.8 74-183.6 114.7-292.4 114.7zM880.1 504.9c-18.3 0-34.8-12.6-39-31.2-21.4-95.3-82.6-177.9-167.7-226.7-19.2-11-25.8-35.4-14.8-54.6s35.4-25.8 54.6-14.8c104.6 59.9 179.7 161.5 206 278.6 4.8 21.6-8.7 43-30.2 47.8-3 0.6-6 0.9-8.9 0.9zM499.7 282c-66 0-120-54-120-120s54-120 120-120 120 54 120 120-54 120-120 120zM158.1 862c-66 0-120-54-120-120s54-120 120-120 120 54 120 120-54 120-120 120zM871.7 787.8c-66 0-120-54-120-120s54-120 120-120 120 54 120 120-54 120-120 120z" p-id="4339"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-order.svg b/src/icons/svg/svg-order.svg
new file mode 100644
index 0000000..a67b375
--- /dev/null
+++ b/src/icons/svg/svg-order.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1619161235402" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2782" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M727.2 374H292.6c-13.5 0-24.5-11-24.5-24.5v-1.1c0-13.5 11-24.5 24.5-24.5h434.5c13.5 0 24.5 11 24.5 24.5v1.1c0 13.5-11 24.5-24.4 24.5zM654.6 98.2H368.1c-11.1 0-20.1-9.1-20.1-20.1v-9.8c0-11.1 9.1-20.1 20.1-20.1h286.5c11.1 0 20.1 9.1 20.1 20.1V78c0 11.1-9 20.2-20.1 20.2zM727.2 547H292.6c-13.5 0-24.5-11-24.5-24.5v-1.1c0-13.5 11-24.5 24.5-24.5h434.5c13.5 0 24.5 11 24.5 24.5v1.1c0 13.5-11 24.5-24.4 24.5zM727.2 714.4H292.6c-13.5 0-24.5-11-24.5-24.5v-1.1c0-13.5 11-24.5 24.5-24.5h434.5c13.5 0 24.5 11 24.5 24.5v1.1c0 13.5-11 24.5-24.4 24.5z" fill="#686868" p-id="2783"></path><path d="M822.7 975.6H199.6c-62.3 0-113-50.7-113-113V162c0-62.3 50.7-113 113-113h95.3l42.3 87v0.8h350.2v-0.8l42.3-87h92.9c62.3 0 113 50.7 113 113v700.6c0.1 62.3-50.6 113-112.9 113zM199.6 99c-34.7 0-63 28.3-63 63v700.6c0 34.7 28.3 63 63 63h623.1c34.7 0 63-28.3 63-63V162c0-34.7-28.3-63-63-63H761l-24.1 49.6c-3.3 21.6-22 38.2-44.5 38.2H332.2c-22.5 0-41.2-16.6-44.5-38.2L263.6 99h-64z" fill="#686868" p-id="2784"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-permission.svg b/src/icons/svg/svg-permission.svg
new file mode 100644
index 0000000..67182a7
--- /dev/null
+++ b/src/icons/svg/svg-permission.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1617877587265" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15833" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M874.538573 127.922397H862.390562C734.516757 127.922397 610.479167 85.724041 559.329645 13.475342a54.985736 54.985736 0 0 0-38.362141-13.42675h-21.099178C478.769148 0.048592 463.424292 5.802913 458.30934 17.311556 409.077925 87.002779 290.155287 127.922397 159.084637 127.922397H146.297256a58.82195 58.82195 0 0 0-51.149521 59.461319v351.013593A526.840075 526.840075 0 0 0 502.425802 1023.039028a26.21413 26.21413 0 0 0 14.066119 0A526.200706 526.200706 0 0 0 926.327464 549.266583a30.689713 30.689713 0 0 0 0-12.787381V187.383716a56.903843 56.903843 0 0 0-51.149522-59.461319zM862.390562 524.97056v9.590535A462.263803 462.263803 0 0 1 509.458861 959.102126 462.263803 462.263803 0 0 1 159.084637 536.479202V199.531727A441.164626 441.164626 0 0 0 505.622647 63.985494h8.951167c63.936902 81.839235 196.925659 134.906864 347.177379 135.546233z" p-id="15834"></path><path d="M382.863795 351.701555A127.873805 127.873805 0 0 0 478.769148 474.460407V831.228322a31.968451 31.968451 0 0 0 31.968451 31.968451 31.968451 31.968451 0 0 0 31.968452-31.968451v-63.936903h63.936902a31.968451 31.968451 0 0 0 31.968451-31.968451 31.968451 31.968451 0 0 0-31.968451-31.968451H542.706051v-63.936902h63.936902a31.968451 31.968451 0 0 0 31.968451-31.968451A31.968451 31.968451 0 0 0 606.642953 575.480712H542.706051V474.460407A127.873805 127.873805 0 1 0 382.863795 351.701555z m191.810707 0a63.936902 63.936902 0 1 1-63.936903-63.936903 63.936902 63.936902 0 0 1 63.936903 63.936903z" p-id="15835"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-port.svg b/src/icons/svg/svg-port.svg
new file mode 100644
index 0000000..b8b5a98
--- /dev/null
+++ b/src/icons/svg/svg-port.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1618310470844" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7840" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M852 261.2v-78.5H732v-110H292v110H172v78.5H64v690h896v-690H852z m58 640H114v-590h108v-78.5h120v-110h340v110h120v78.5h108v590zM245 474.8h50v319.5h-50V474.8z m161.3 0h50v319.5h-50V474.8z m161.4 0h50v319.5h-50V474.8z m161.3 0h50v319.5h-50V474.8z" fill="" p-id="7841"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-product.svg b/src/icons/svg/svg-product.svg
new file mode 100644
index 0000000..b2fc579
--- /dev/null
+++ b/src/icons/svg/svg-product.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1619161122519" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2517" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M423.300438 484.294258L136.046395 334.422584a76.46514 76.46514 0 0 0-34.664197-8.666049 47.663271 47.663271 0 0 0-49.702341 48.937689v405.265243a105.521893 105.521893 0 0 0 60.407461 84.876305l287.254042 150.126558a80.543281 80.543281 0 0 0 34.409313 8.411166 47.663271 47.663271 0 0 0 49.702341-48.93769V569.425448A105.267009 105.267009 0 0 0 423.300438 484.294258z m2.803721 410.108035a35.173964 35.173964 0 0 1-36.448383 35.938616 57.858623 57.858623 0 0 1-25.48838-6.372095l-211.29867-110.109802a76.46514 76.46514 0 0 1-44.094898-61.936764V454.472854a34.919081 34.919081 0 0 1 36.448384-35.938616 54.545133 54.545133 0 0 1 25.48838 6.372095L381.754378 535.271018a76.46514 76.46514 0 0 1 44.349781 62.191648zM970.79084 779.959467V374.694224a47.918154 47.918154 0 0 0-50.97676-49.192573 80.798165 80.798165 0 0 0-34.409313 8.666049L598.660492 484.294258a105.521893 105.521893 0 0 0-61.172112 85.386073v405.265243a47.663271 47.663271 0 0 0 50.97676 48.937689 76.46514 76.46514 0 0 0 34.664197-8.666049l287.254043-150.381442A105.267009 105.267009 0 0 0 970.79084 779.959467z m-57.603739-28.037219A76.46514 76.46514 0 0 1 868.83732 814.113896l-211.043786 110.109801a56.839087 56.839087 0 0 1-25.48838 6.372095 35.173964 35.173964 0 0 1-36.448384-35.938615V597.462666A76.46514 76.46514 0 0 1 639.4419 535.271018l210.788903-110.364685a53.780482 53.780482 0 0 1 25.48838-6.372095 34.919081 34.919081 0 0 1 36.448383 35.938616V751.922248z m-25.48838-581.644831L566.290249 12.249461a136.872601 136.872601 0 0 0-58.623274-12.234423 142.734928 142.734928 0 0 0-62.446531 13.508842L120.753367 178.433698a57.093971 57.093971 0 0 0-35.173965 48.427922 54.290249 54.290249 0 0 0 34.919081 47.408387L441.906955 433.317498a136.107949 136.107949 0 0 0 58.623274 12.234423 141.715393 141.715393 0 0 0 62.446531-14.528377l324.721961-164.400051a56.32932 56.32932 0 0 0 34.664197-48.93769 55.054901 55.054901 0 0 0-34.91908-47.408386z m-116.481896 82.837235l-226.336815 114.69771a97.620495 97.620495 0 0 1-43.330246 9.4307 90.738633 90.738633 0 0 1-40.526524-8.666049l-224.552628-110.109802a38.23257 38.23257 0 0 1-25.48838-33.134894 39.506989 39.506989 0 0 1 25.48838-33.899545L462.807427 76.480178a103.227939 103.227939 0 0 1 43.585129-9.4307 95.836309 95.836309 0 0 1 41.036292 9.4307l224.042861 110.109802a38.23257 38.23257 0 0 1 24.213961 33.389778 38.997221 38.997221 0 0 1-25.48838 33.899545z" fill="" p-id="2518"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-repository.svg b/src/icons/svg/svg-repository.svg
new file mode 100644
index 0000000..043a59e
--- /dev/null
+++ b/src/icons/svg/svg-repository.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1617881405978" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4872" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M397.4 736.2h-79.9c-4.4 0-8 3.6-8 8v79.9c0 4.4 3.6 8 8 8h79.9c4.4 0 8-3.6 8-8v-79.9c0-4.5-3.6-8-8-8z m0-147.9h-79.9c-4.4 0-8 3.6-8 8v79.9c0 4.4 3.6 8 8 8h79.9c4.4 0 8-3.6 8-8v-79.9c0-4.4-3.6-8-8-8z m0-147.9h-79.9c-4.4 0-8 3.6-8 8v79.9c0 4.4 3.6 8 8 8h79.9c4.4 0 8-3.6 8-8v-79.9c0-4.4-3.6-8-8-8z m328 511.3c-13.6 0-27.4-1.2-40.8-3.6l-1.4-0.3c-10.4-1.9-18.8-10.2-20.7-20.7l-6.7-36.5c-14.8-6.1-28.8-14.2-41.6-24.2l-35 12.4c-2.8 1-5.7 1.5-8.6 1.5-7.6 0-14.7-3.3-19.6-9.1l-0.9-1c-17.8-21.1-31.6-44.9-40.9-70.9l-0.5-1.4c-3.5-9.9-0.5-21.3 7.5-28.2l28.3-24.2c-1-7.8-1.6-15.9-1.6-24s0.5-16.2 1.6-24l-28.3-24.2c-8.1-6.9-11.1-18.3-7.5-28.2l0.5-1.3c9.3-25.9 23.1-49.8 40.9-70.9l0.9-1.1c4.8-5.7 12-9.1 19.6-9.1 2.9 0 5.8 0.5 8.6 1.5l35 12.4c12.8-9.9 26.8-18 41.6-24.2l6.7-36.5c1.9-10.4 10.2-18.7 20.7-20.7l1.3-0.2c13.4-2.4 27.1-3.6 40.8-3.6 13.8 0 27.5 1.2 40.8 3.6l1.4 0.3c10.4 1.9 18.8 10.2 20.7 20.7l6.7 36.3c15 6.2 29.1 14.3 42 24.3l34.7-12.3c2.8-1 5.7-1.5 8.6-1.5 7.6 0 14.7 3.3 19.6 9.1l0.9 1c17.9 21.1 31.6 44.9 40.9 70.9l0.5 1.3c3.6 10 0.5 21.4-7.5 28.2l-27.9 23.9c1.1 8.1 1.6 16.3 1.6 24.4 0 8.1-0.5 16.3-1.6 24.4l27.9 23.9c8.1 7 11.1 18.3 7.5 28.2l-0.5 1.3c-9.3 25.9-23.1 49.8-40.9 70.9l-0.9 1.1c-4.8 5.7-12 9.1-19.6 9.1-2.9 0-5.8-0.5-8.6-1.5l-34.7-12.3c-12.9 9.9-26.9 18.1-42 24.3l-6.7 36.3c-1.9 10.4-10.2 18.7-20.7 20.7l-1.3 0.2c-13.4 2.2-27.2 3.5-40.8 3.5zM712.9 896c4.1 0.3 8.3 0.4 12.4 0.4s8.3-0.1 12.4-0.4l8.4-45.8 24-9c13-4.9 25.2-11.9 36.1-20.9L826 804l43.7 15.5c4.7-6.9 8.8-14.1 12.4-21.5L847 767.9l4.2-25.3c1.1-7 1.7-14 1.7-21s-0.6-14.1-1.7-21l-4.1-25.2 35.2-30.1c-3.7-7.5-7.8-14.7-12.4-21.5L826 639.3 806.3 623c-10.9-8.9-23-15.9-36.1-20.9l-24-9-8.4-45.8c-4.1-0.3-8.3-0.4-12.4-0.4s-8.3 0.1-12.4 0.4l-8.4 45.9-23.9 9c-12.9 4.9-25 11.9-35.8 20.8l-19.8 16.3-44.1-15.6c-4.7 6.9-8.8 14.1-12.4 21.5l35.6 30.4-4.1 25.2c-1.1 6.7-1.7 13.7-1.7 20.8 0 6.8 0.6 13.8 1.7 20.8l4.1 25.2-35.6 30.4c3.7 7.5 7.8 14.7 12.4 21.5l44-15.7 19.8 16.3c10.8 8.9 22.8 15.9 35.8 20.8l23.8 9.2 8.5 45.9z" p-id="4873"></path><path d="M725.4 682.4c17.6 0 32 14.4 32 32.1s-14.3 32.1-32 32.1-32-14.4-32-32.1 14.3-32.1 32-32.1m0-56c-48.6 0-88 39.4-88 88.1s39.4 88.1 88 88.1 88-39.4 88-88.1-39.5-88.1-88-88.1z" p-id="4874"></path><path d="M474.3 889H235.5V366.9l278.9-213.5 278.6 216v92.4c0 4.4 3.6 8 8 8h53c4.4 0 8-3.6 8-8v-38.9l38.8 30.1c3.5 2.7 8.5 2.1 11.2-1.4l34.3-44.2c2.7-3.5 2.1-8.5-1.4-11.2L534.2 77.7c-11.5-8.9-27.5-8.9-39-0.1l-416 318.5c-3.5 2.7-4.2 7.7-1.5 11.2l34 44.4c2.7 3.5 7.7 4.2 11.2 1.5l43.7-33.5V921c0 17.7 14.3 32 32 32h275.7c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z" p-id="4875"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-resource-interface.svg b/src/icons/svg/svg-resource-interface.svg
new file mode 100644
index 0000000..a440486
--- /dev/null
+++ b/src/icons/svg/svg-resource-interface.svg
@@ -0,0 +1 @@
+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48"><defs><style>.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}</style><clipPath id="clip-path"><rect class="cls-1" x="1" y="2.84" width="46" height="42.33"/></clipPath></defs><title>画板 1</title><g class="cls-2"><path d="M6,37.68A5,5,0,0,1,1,32.74V28.67a1.65,1.65,0,1,1,3.3,0v4.07A1.65,1.65,0,0,0,6,34.39H42.07a1.65,1.65,0,0,0,1.64-1.65v-25a1.65,1.65,0,0,0-1.64-1.65H6A1.65,1.65,0,0,0,4.34,7.79V12A1.65,1.65,0,1,1,1,12V7.79A5,5,0,0,1,6,2.85H42.07A5,5,0,0,1,47,7.79v25a4.94,4.94,0,0,1-4.94,4.94Zm4.94,7.42a1.65,1.65,0,1,1,0-3.29h26.2a1.65,1.65,0,0,1,0,3.29Zm0,0"/></g><path d="M23.52,21.43l-5.71,5.71a1.63,1.63,0,0,1-1.17.49,1.65,1.65,0,0,1-1.16-.49,1.64,1.64,0,0,1,0-2.33l2.9-2.9H3.69a1.65,1.65,0,0,1,0-3.29H18.38l-2.9-2.9a1.65,1.65,0,1,1,2.33-2.33l5.71,5.71A1.65,1.65,0,0,1,23.52,21.43Z"/></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-resource-manage.svg b/src/icons/svg/svg-resource-manage.svg
new file mode 100644
index 0000000..b636fb0
--- /dev/null
+++ b/src/icons/svg/svg-resource-manage.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1617874168481" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2954" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M966.4 731.733333V78.933333H57.6v652.8H469.333333v125.866667H57.6v85.333333h908.8v-85.333333H554.666667v-125.866667h411.733333z m-85.333333-567.466666v204.8H142.933333V164.266667h738.133334zM142.933333 456.533333h738.133334v192H142.933333v-192z" p-id="2955"></path><path d="M627.2 230.4h194.133333v85.333333h-194.133333zM200.533333 230.4h85.333334v85.333333h-85.333334zM627.2 514.133333h194.133333v85.333334h-194.133333zM200.533333 514.133333h85.333334v85.333334h-85.333334z" p-id="2956"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-resource-monitor.svg b/src/icons/svg/svg-resource-monitor.svg
new file mode 100644
index 0000000..de2fd08
--- /dev/null
+++ b/src/icons/svg/svg-resource-monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1617875310508" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3324" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M978.814586 886.315239h-902.491982V107.642238c0-17.14978-13.987409-31.13719-31.13719-31.13719-17.14978 0-31.13719 13.987409-31.13719 31.13719v809.931821c0 17.14978 13.987409 31.13719 31.13719 31.137189h933.629172c17.14978 0 31.13719-13.987409 31.13719-31.137189 0-17.27141-13.987409-31.258819-31.13719-31.25882z" p-id="3325"></path><path d="M141.759354 692.9241h82.100012c20.312151 0 35.637487-10.825039 46.340895-27.974819 6.081482-9.730372 9.973631-19.582373 15.933484-37.583561 0.12163-0.364889 2.675852-8.149186 3.40563-10.33852 5.108445-15.203706 8.757335-23.839411 12.771113-29.434374 2.432593-3.52726 3.284-4.013778 4.986816-4.013779 1.581185 0 2.067704 0.243259 4.257037 3.162371 3.770519 4.865186 7.176149 11.919705 13.622521 27.245041 0 0.12163 1.581185 3.892149 2.067704 4.986816 9.122224 21.771707 15.082076 33.569783 24.812448 45.367858 14.960447 18.122817 34.786079 28.339708 59.112008 28.339708 12.041335 0 22.744744-4.743556 31.988598-12.649483 6.568001-5.594964 12.527854-12.771113 18.122817-21.650078 9.122224-14.230669 18.122817-33.326523 27.60993-58.138971 8.027557-20.79867 16.420002-45.367858 26.150374-76.018529 6.93289-21.771707 7.297779-23.231263 26.150374-85.505642 22.258225-73.464307 34.664449-112.020905 48.28697-146.685355 8.149186-20.67704 15.690224-36.975413 22.623115-48.530229 2.432593-4.013778 4.621927-7.297779 6.68963-9.973631 3.52726 4.500297 7.419408 10.825039 11.676446 18.852595 11.068298 20.920299 23.109633 51.449341 37.461932 93.411569 8.270816 24.447559 15.082076 45.732747 29.920893 93.04668 27.73156 88.424754 39.772895 124.548759 55.341489 162.01069 10.33852 24.934078 20.190521 44.273192 30.407412 58.62549 6.324742 8.878964 12.892743 16.055113 20.068892 21.528448 9.608742 7.297779 20.433781 11.554816 32.231857 11.554816h142.793205c17.14978 0 31.13719-13.987409 31.13719-31.137189s-13.987409-31.13719-31.13719-31.13719h-138.657797c-1.459556-1.459556-3.40563-3.648889-5.594964-6.81126-7.05452-9.852001-14.960447-25.420596-23.717781-46.462526-14.473928-34.907709-26.272004-70.301936-53.395416-156.658985-14.960447-47.922081-21.893337-69.450529-30.407411-94.506236-15.203706-44.88134-28.339708-77.964604-41.35408-102.533793-8.027557-15.082076-16.055113-27.123411-24.569189-36.245635-12.041335-12.649483-25.907115-20.312151-42.205488-20.312151-7.541038 0-14.838817 1.824445-21.771707 4.986816-14.838817 7.05452-26.880152 20.433781-38.313338 39.651265-9.000594 14.960447-17.879558 34.177931-27.123412 57.774082-14.473928 36.732153-27.245041 76.261789-49.989785 151.428911-29.191115 96.69557-37.461931 122.724314-50.719563 157.145504-8.149186 21.163559-15.568595 36.975413-21.893336 46.949044-1.094667 1.824445-2.189334 3.284-3.284001 4.621927-1.946074-0.851408-3.648889-2.310963-5.594963-4.743556-4.621927-5.594964-8.635705-13.500891-15.325336-29.677634l-2.067704-4.865186c-8.514075-20.67704-13.62252-30.89393-21.893337-41.59734-13.379261-17.27141-31.258819-27.366671-53.517044-27.36667-23.474522 0-42.327117 11.311557-55.706379 30.164152-8.514075 12.041335-13.987409 24.934078-21.041929 45.732748-0.851408 2.432593-3.40563 10.33852-3.527259 10.460149-3.892149 11.919705-6.568001 18.609336-8.878965 22.866374H141.759354c-17.14978 0-31.13719 13.987409-31.13719 31.13719s13.86578 31.502079 31.13719 31.502078z" p-id="3326"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-resource-ops.svg b/src/icons/svg/svg-resource-ops.svg
new file mode 100644
index 0000000..7631e8d
--- /dev/null
+++ b/src/icons/svg/svg-resource-ops.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1617874899211" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3085" width="200" height="200" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M430.4 252.8l91.2-92.8c30.4-32 73.6-48 116.8-46.4 38.4 1.6 76.8 11.2 112 30.4l28.8 16-22.4 24-100.8 100.8c-11.2 11.2-17.6 25.6-19.2 41.6 0 16 6.4 32 17.6 43.2 11.2 11.2 27.2 17.6 43.2 17.6 16 0 32-6.4 43.2-19.2l123.2-121.6 16 30.4c44.8 84.8 41.6 177.6-14.4 233.6l-91.2 94.4c-24 22.4-56 35.2-88 35.2-40-3.2-78.4-12.8-115.2-30.4l-240 265.6c-22.4 25.6-56 40-89.6 38.4-70.4 0-126.4-56-126.4-126.4 0-33.6 14.4-67.2 38.4-89.6l260.8-238.4c-48-65.6-40-152 16-206.4z m348.8 148.8c-20.8 20.8-49.6 32-78.4 32-28.8 0-57.6-11.2-78.4-32-20.8-20.8-32-48-32-78.4 0-28.8 11.2-56 32-76.8l73.6-76.8c-19.2-6.4-40-9.6-59.2-8-30.4-1.6-59.2 9.6-81.6 32L464 286.4c-44.8 49.6-43.2 99.2 0 158.4l11.2 16-14.4 16-275.2 254.4c-14.4 14.4-22.4 33.6-22.4 52.8 0 41.6 35.2 76.8 76.8 76.8 20.8 0 40-8 52.8-22.4L561.6 544l17.6 9.6c33.6 19.2 70.4 30.4 108.8 33.6 19.2 0 38.4-8 54.4-20.8l91.2-94.4c33.6-40 41.6-96 19.2-142.4l-73.6 72z" fill="" p-id="3086"></path><path d="M204.8 788.8c0 16 12.8 30.4 30.4 30.4 16 0 30.4-12.8 30.4-30.4 0-16-12.8-30.4-30.4-30.4-17.6 1.6-30.4 14.4-30.4 30.4z" fill="" p-id="3087"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-screen.svg b/src/icons/svg/svg-screen.svg
new file mode 100644
index 0000000..1a18939
--- /dev/null
+++ b/src/icons/svg/svg-screen.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1617876370385" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7119" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M184.32 420.352h425.984V665.6H184.32V420.352zM430.08 230.4h180.224v119.808H430.08V230.4z m-245.76 0h180.224v119.808H184.32V230.4z m490.496 0H839.68v119.808h-164.864V230.4zM839.68 420.352V665.6h-164.864V420.352H839.68z" p-id="7120"></path><path d="M864.256 64H160.256c-53.248 0-96.256 43.008-96.256 96.256v576c0 53.248 43.008 96.256 96.256 96.256h704c53.248 0 96.256-43.008 96.256-96.256V160.256c-0.512-53.248-43.52-96.256-96.256-96.256z m31.744 672.256c0 17.92-14.336 32.256-32.256 32.256H160.256c-17.92 0-32.256-14.336-32.256-32.256V160.256c0-17.92 14.336-32.256 32.256-32.256h704c17.92 0 32.256 14.336 32.256 32.256v576zM911.872 896H112.128c-17.92 0-32.256 14.336-32.256 32.256s14.336 32.256 32.256 32.256h800.256c17.92 0 32.256-14.336 32.256-32.256s-14.848-32.256-32.768-32.256z" p-id="7121"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-security.svg b/src/icons/svg/svg-security.svg
new file mode 100644
index 0000000..649f460
--- /dev/null
+++ b/src/icons/svg/svg-security.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1617881379579" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4741" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M512.276804 960.25621c-130.992403 0-374.619096-200.418612-374.619096-389.93492L137.657708 192.791911l37.249369-0.617054c0.794086 0 83.944877-1.766226 169.743986-36.589336 88.00331-35.748179 144.760988-76.794014 145.293107-77.190033l22.242584-16.198937 22.419616 16.198937c0.533143 0.396019 57.287751 41.442878 145.291061 77.190033 85.802178 34.82311 168.9499 36.589336 169.83506 36.589336l37.072337 0.617054 0.174985 377.530402C886.979812 759.836575 643.356189 960.25621 512.276804 960.25621zM213.305619 265.173428l0 305.147862c0 146.527215 212.20096 314.285986 298.972209 314.285986 86.768179 0 298.969139-167.758772 298.969139-314.285986L811.246967 265.173428c-37.074384-4.019547-97.273441-14.123672-159.771867-39.502689-64.080457-26.040073-112.718201-54.372352-139.197272-71.232344-26.39516 16.859993-75.120908 45.192272-139.115408 71.232344C310.577013 251.049756 250.377956 261.153882 213.305619 265.173428z" p-id="4742"></path><path d="M492.236376 712.171995 333.17366 576.677045 382.07644 519.125281 484.116441 605.983511 677.783279 382.880247 734.978932 432.487062Z" p-id="4743"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-service-ops.svg b/src/icons/svg/svg-service-ops.svg
new file mode 100644
index 0000000..cd5d63c
--- /dev/null
+++ b/src/icons/svg/svg-service-ops.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1617875580498" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3586" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M874.666667 138.666667H550.4v-64c0-23.466667-19.2-42.666667-42.666667-42.666667s-42.666667 19.2-42.666666 42.666667v66.133333H142.933333c-46.933333 0-85.333333 38.4-85.333333 85.333333v445.866667c0 46.933333 38.4 85.333333 85.333333 85.333333h324.266667v25.6c-6.4 2.133333-14.933333 6.4-21.333333 10.666667l-162.133334 121.6c-19.2 14.933333-23.466667 40.533333-8.533333 59.733333 8.533333 10.666667 21.333333 17.066667 34.133333 17.066667 8.533333 0 17.066667-2.133333 25.6-8.533333l162.133334-121.6c4.266667-2.133333 14.933333-2.133333 17.066666 0l168.533334 121.6c19.2 12.8 44.8 8.533333 59.733333-8.533334 12.8-19.2 8.533333-44.8-8.533333-59.733333l-168.533334-121.6c-4.266667-2.133333-8.533333-6.4-12.8-8.533333v-27.733334H874.666667c46.933333 0 85.333333-38.4 85.333333-85.333333v-448c0-46.933333-38.4-85.333333-85.333333-85.333333z m0 533.333333H142.933333v-448H874.666667v448z" p-id="3587"></path><path d="M209.066667 582.4c10.666667 0 21.333333-4.266667 29.866666-12.8l140.8-134.4c2.133333-2.133333 6.4-2.133333 6.4 0l151.466667 125.866667c34.133333 27.733333 87.466667 27.733333 119.466667-2.133334l174.933333-149.333333c17.066667-14.933333 19.2-42.666667 4.266667-59.733333-14.933333-17.066667-42.666667-19.2-59.733334-4.266667l-174.933333 149.333333c-2.133333 2.133333-8.533333 2.133333-10.666667 0l-151.466666-125.866666C405.333333 341.333333 352 341.333333 320 373.333333l-140.8 134.4c-17.066667 17.066667-17.066667 42.666667-2.133333 59.733334 10.666667 10.666667 21.333333 14.933333 32 14.933333z" p-id="3588"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-setting.svg b/src/icons/svg/svg-setting.svg
new file mode 100644
index 0000000..5293a5d
--- /dev/null
+++ b/src/icons/svg/svg-setting.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-v-029747aa=""><path fill="currentColor" d="M600.704 64a32 32 0 0 1 30.464 22.208l35.2 109.376c14.784 7.232 28.928 15.36 42.432 24.512l112.384-24.192a32 32 0 0 1 34.432 15.36L944.32 364.8a32 32 0 0 1-4.032 37.504l-77.12 85.12a357.12 357.12 0 0 1 0 49.024l77.12 85.248a32 32 0 0 1 4.032 37.504l-88.704 153.6a32 32 0 0 1-34.432 15.296L708.8 803.904c-13.44 9.088-27.648 17.28-42.368 24.512l-35.264 109.376A32 32 0 0 1 600.704 960H423.296a32 32 0 0 1-30.464-22.208L357.696 828.48a351.616 351.616 0 0 1-42.56-24.64l-112.32 24.256a32 32 0 0 1-34.432-15.36L79.68 659.2a32 32 0 0 1 4.032-37.504l77.12-85.248a357.12 357.12 0 0 1 0-48.896l-77.12-85.248A32 32 0 0 1 79.68 364.8l88.704-153.6a32 32 0 0 1 34.432-15.296l112.32 24.256c13.568-9.152 27.776-17.408 42.56-24.64l35.2-109.312A32 32 0 0 1 423.232 64H600.64zm-23.424 64H446.72l-36.352 113.088-24.512 11.968a294.113 294.113 0 0 0-34.816 20.096l-22.656 15.36-116.224-25.088-65.28 113.152 79.68 88.192-1.92 27.136a293.12 293.12 0 0 0 0 40.192l1.92 27.136-79.808 88.192 65.344 113.152 116.224-25.024 22.656 15.296a294.113 294.113 0 0 0 34.816 20.096l24.512 11.968L446.72 896h130.688l36.48-113.152 24.448-11.904a288.282 288.282 0 0 0 34.752-20.096l22.592-15.296 116.288 25.024 65.28-113.152-79.744-88.192 1.92-27.136a293.12 293.12 0 0 0 0-40.256l-1.92-27.136 79.808-88.128-65.344-113.152-116.288 24.96-22.592-15.232a287.616 287.616 0 0 0-34.752-20.096l-24.448-11.904L577.344 128zM512 320a192 192 0 1 1 0 384 192 192 0 0 1 0-384zm0 64a128 128 0 1 0 0 256 128 128 0 0 0 0-256z"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-storage-resource.svg b/src/icons/svg/svg-storage-resource.svg
new file mode 100644
index 0000000..f8a773e
--- /dev/null
+++ b/src/icons/svg/svg-storage-resource.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1617880389215" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1834" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M383.832073 0c205.925907 0 373.980384 54.05635 383.38427 121.930655L767.664147 127.944024v128.455801a976.852627 976.852627 0 0 0-63.780096 0v-22.390204c-26.420441 11.898794-57.574811 22.006372-92.247642 30.19479-25.077029 3.326545-48.682701 7.676641-70.561129 13.05029C492.584494 284.22765 439.487724 287.874055 383.832073 287.874055c-128.455801 0-243.349535-19.447492-319.668145-53.73649l-0.127944 184.111451 9.21197 5.181733c13.306179 7.036921 29.746986 14.073843 49.258449 20.471044C190.636596 466.675829 283.90779 479.790092 383.832073 479.790092v63.972012c-128.583745 0-243.477479-19.447492-319.796089-53.73649L63.972012 674.009121l9.339914 5.245705c13.306179 7.036921 29.746986 14.073843 49.258449 20.471044 68.066221 22.710064 161.401387 35.888299 261.32567 35.888299v63.972012c-128.583745 0-243.733367-19.511464-319.988005-53.864434l-0.063972 145.792216 1.27944 0.31986 7.676642 5.501593c14.073843 10.107578 36.400075 20.471044 65.123508 29.683013C202.151559 947.553445 289.857187 959.580184 383.832073 959.580184v63.972012c-205.925907 0-373.980384-54.05635-383.384269-121.930655L0 895.608171V127.944024l0.447804-6.013369C9.85169 54.05635 177.842194 0 383.832073 0z m351.846068 319.860061c131.782345 0 242.90173 27.060161 277.062785 63.972012H1023.552196v23.413757l0.063972 0.575748v527.769101c0 48.618729-128.903605 87.961517-287.874055 87.961517-153.660773 0-279.237833-36.783907-287.426251-83.163616L447.804086 935.590679v-127.432248h-0.127944L447.804086 735.678141V383.832073h10.875242c34.161055-36.911851 145.216468-63.972012 277.062785-63.972012z m-224.157931 532.18317v68.194165l3.518461 2.175049c7.612669 4.158181 17.912163 8.444306 30.386705 12.474542l9.787718 3.070657c46.955457 13.626039 111.311301 21.62254 180.465047 21.62254 71.392766 0 137.731742-8.57225 184.879115-23.029925 13.370151-4.030237 24.437309-8.316362 32.625726-12.538514l6.397202-3.582433v-68.258137c-57.958643 27.571937-137.283938 43.436996-223.902043 43.436996-86.682077 0-166.135316-15.865059-224.157931-43.56494z m448.25189-191.916037c-58.022615 27.699881-137.411882 43.56494-224.093959 43.564941s-166.071344-15.865059-224.093959-43.500969v118.987943c43.24508 29.299182 126.600612 52.45705 224.093959 52.45705 97.429375 0 180.656963-23.157868 223.966015-52.393078l0.127944-119.051915z m0-159.93003c-57.958643 27.699881-137.411882 43.56494-224.093959 43.56494-86.618105 0-166.007372-15.865059-224.029987-43.500968v87.065908c43.373024 29.23521 126.664584 52.393078 224.029987 52.393078 97.493347 0 180.784907-23.157868 224.029987-52.45705l0.127944-87.001936zM735.678141 383.832073c-69.089773 0-133.50959 7.996502-180.401075 21.622541-17.016555 4.989817-30.706566 10.363466-40.238395 15.545199L511.776098 422.918973v4.478041c43.309052 29.299182 126.53664 52.393078 223.902043 52.393078 97.493347 0 180.848879-23.157868 224.093959-52.45705v-4.222153l-3.454489-2.111076a184.623227 184.623227 0 0 0-30.386706-12.474543l-9.787718-3.070656C869.18773 391.828575 804.767914 383.832073 735.678141 383.832073zM383.832073 63.972012c-94.038858 0-181.680515 11.962766-245.972387 32.497782-28.723433 9.147998-51.049666 19.575436-65.123508 29.683014l-6.908977 4.797901-1.087525 0.255888-0.511776-0.575748v31.79409l9.020054 5.117761c13.306179 7.036921 29.746986 14.073843 49.258449 20.471044C190.636596 210.78778 283.90779 223.902043 383.832073 223.902043c99.924283 0 193.259449-13.178235 261.32567-35.824327 24.501281-8.188418 44.140688-17.080527 58.79028-25.908665l-0.127944-30.258762-1.279441-0.255888-7.612669-5.501593c-14.073843-10.107578-36.400075-20.471044-65.123508-29.683014C565.512588 75.998751 477.806959 63.972012 383.832073 63.972012z" p-id="1835"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-task-platform.svg b/src/icons/svg/svg-task-platform.svg
new file mode 100644
index 0000000..9e3d0bc
--- /dev/null
+++ b/src/icons/svg/svg-task-platform.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1617881304895" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4610" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M898.133333 57.6H119.466667c-36.266667 0-64 27.733333-64 64v780.8c0 36.266667 27.733333 64 64 64h780.8c36.266667 0 64-27.733333 64-64V121.6c-2.133333-34.133333-29.866667-64-66.133334-64z m-21.333333 823.466667H140.8V142.933333h738.133333v738.133334z" p-id="4611"></path><path d="M535.466667 407.466667h264.533333c23.466667 0 42.666667-19.2 42.666667-42.666667s-19.2-42.666667-42.666667-42.666667H535.466667c-23.466667 0-42.666667 19.2-42.666667 42.666667s19.2 42.666667 42.666667 42.666667zM535.466667 693.333333h264.533333c23.466667 0 42.666667-19.2 42.666667-42.666666s-19.2-42.666667-42.666667-42.666667H535.466667c-23.466667 0-42.666667 19.2-42.666667 42.666667s19.2 42.666667 42.666667 42.666666zM251.733333 428.8c12.8 12.8 29.866667 19.2 44.8 19.2 17.066667 0 32-6.4 44.8-19.2l91.733334-89.6c17.066667-17.066667 17.066667-42.666667 0-59.733333s-42.666667-17.066667-59.733334 0l-76.8 74.666666-27.733333-27.733333c-17.066667-17.066667-42.666667-17.066667-59.733333 0-17.066667 17.066667-17.066667 42.666667 0 59.733333l42.666666 42.666667zM296.533333 765.866667c61.866667 0 113.066667-51.2 113.066667-113.066667s-51.2-113.066667-113.066667-113.066667-113.066667 51.2-113.066666 113.066667 49.066667 113.066667 113.066666 113.066667z m0-140.8c14.933333 0 27.733333 12.8 27.733334 27.733333 0 14.933333-12.8 27.733333-27.733334 27.733333s-27.733333-12.8-27.733333-27.733333c0-14.933333 10.666667-27.733333 27.733333-27.733333z" p-id="4612"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/svg-vm.svg b/src/icons/svg/svg-vm.svg
new file mode 100644
index 0000000..e97a9ec
--- /dev/null
+++ b/src/icons/svg/svg-vm.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1633745787789" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5546" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 63.744H128a64 64 0 0 0-64 64v768.512a64 64 0 0 0 64 64h768a64 64 0 0 0 64-64V127.744a64 64 0 0 0-64-64z m0 800.512a32 32 0 0 1-32 32h-704a32 32 0 0 1-32-32v-218.944h768v218.944z m0-283.328H128V384.576h768v196.352z m0-260.736H128V159.744a32 32 0 0 1 32-32h704a32 32 0 0 1 32 32v160.448z" fill="#7CA0FB" p-id="5547"></path><path d="M571.136 192.256h191.744v64H571.136zM571.136 448.64h191.744v64H571.136zM571.136 704.704h191.744v64H571.136z" fill="#7CA0FB" p-id="5548"></path></svg>
\ No newline at end of file
diff --git a/src/layouts/app.vue b/src/layouts/app.vue
new file mode 100644
index 0000000..8b4333c
--- /dev/null
+++ b/src/layouts/app.vue
@@ -0,0 +1,13 @@
+<template>
+  <keep-alive :include="cachedViews" :max="cacheViewMax">
+    <router-view></router-view>
+  </keep-alive>
+</template>
+<script lang="ts" setup>
+import { useStore } from 'vuex'
+import { computed } from 'vue'
+import { cacheViewMax } from '@/config'
+
+const store = useStore()
+const cachedViews = computed(() => store.state.tagsView.cachedViews)
+</script>
diff --git a/src/layouts/blank.vue b/src/layouts/blank.vue
new file mode 100644
index 0000000..b312b15
--- /dev/null
+++ b/src/layouts/blank.vue
@@ -0,0 +1,7 @@
+<script>
+export default {
+  render: function (h) {
+    return h()
+  },
+}
+</script>
diff --git a/src/layouts/components/Header.vue b/src/layouts/components/Header.vue
new file mode 100644
index 0000000..a826cc6
--- /dev/null
+++ b/src/layouts/components/Header.vue
@@ -0,0 +1,78 @@
+/** * Created by HaijunZhang on 2019/12/18. */
+<template>
+  <el-header class="common-header" :style="style">
+    <div class="header-logo">
+      <img :src="pageConfigs.headerLogo" alt="" class="pull-left" />
+    </div>
+    <el-divider class="czhj-split-line" direction="vertical"></el-divider>
+    <el-icon class="home-icon" v-if="homePath" @click="goHome"><icon-ep-home-filled /></el-icon>
+    <HeaderMenu :page-configs="pageConfigs"></HeaderMenu>
+    <RightContent />
+  </el-header>
+</template>
+
+<script lang="ts" setup>
+import RightContent from './RightContent.vue'
+import HeaderMenu from './HeaderMenu.vue'
+import { useStore } from 'vuex'
+import { useRouter } from 'vue-router'
+
+const store = useStore()
+const pageConfigs = computed(() => store.getters.pageConfig)
+const style = computed(() => {
+  return {
+    backgroundColor: pageConfigs.value.headerBgColour,
+    color: pageConfigs.value.headerFontColour
+  }
+})
+const homePath = computed(() => `${store.getters.appConfigs.homePath}`)
+const router = useRouter()
+function goHome () {
+  router.push(`${homePath.value}?date=${new Date().getTime()}`)
+}
+</script>
+
+<style lang="scss" scoped>
+.common-header {
+  display: flex;
+  align-items: center;
+  -webkit-box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+  box-sizing: border-box;
+  width: 100%;
+  height: 50px !important;
+  font-size: 22px;
+  padding: 0 0 0 10px;
+  overflow: hidden;
+  background: #2c2e3b;
+  color: #b9b9ba;
+  & :deep(.el-dropdown) {
+    color: inherit !important;
+  }
+  .header-logo {
+    min-width: 120px;
+    max-width: 260px;
+    img {
+      height: 30px;
+      margin: 4.5px 10px;
+    }
+  }
+  .home-icon {
+    font-size: 18px;
+    margin-right: 15px;
+    cursor: pointer;
+  }
+  .czhj-split-line {
+    height: 20px;
+    margin-left: 30px;
+    margin-right: 15px;
+    border-color: #999999;
+  }
+  .toggle-class {
+    height: 50px;
+    line-height: 43px;
+    cursor: pointer;
+    margin-left: 15px;
+  }
+}
+</style>
diff --git a/src/layouts/components/HeaderMenu.vue b/src/layouts/components/HeaderMenu.vue
new file mode 100644
index 0000000..4a54607
--- /dev/null
+++ b/src/layouts/components/HeaderMenu.vue
@@ -0,0 +1,169 @@
+<template>
+  <ul class="header-menu">
+    <template v-for="item in menuData">
+      <li
+        @click="selectMenu(item, 1)"
+        :key="item.id"
+        :class="{ selected: item.selected }"
+        :style="getStyle(item)"
+        v-if="!item.hidden"
+      >
+        <svg-icon class="icon animated" :icon-name="item.meta.icon"></svg-icon>
+        <span>{{ item.meta.title }}</span>
+      </li>
+    </template>
+  </ul>
+</template>
+<script>
+import useRouteItem from "@/hooks/useRouteItem";
+import { useStore } from "vuex";
+import { useRoute, useRouter } from "vue-router";
+export default {
+  props: {
+    pageConfigs: Object
+  },
+  setup(props) {
+    const store = useStore();
+    const route = useRoute();
+    const router = useRouter();
+    const firstPath = computed(() => `/${route.path.split("/")[1]}`);
+    const menuData = computed(() => store.state.permission.addRoutes);
+    const { routeItem } = useRouteItem();
+    const hiddenSide = computed(() => {
+      return !routeItem.value || routeItem.value.meta.hiddenSide;
+    });
+    function getStyle(item) {
+      if (item.selected) {
+        return {
+          backgroundColor: props.pageConfigs.headerSelectColour,
+          color: props.pageConfigs.headerFontSelectColour
+        };
+      }
+    }
+    function getJumpRoute(data) {
+      const route = data[0];
+      if (route.children && route.children.length) {
+        return getJumpRoute(route.children);
+      }
+      return route.path;
+    }
+    // 重置菜单数据 flag:是否重置菜单书局
+    function resetMenu(flag) {
+      unref(menuData).forEach((row) => {
+        row.selected = false;
+        // this.$set(row, 'selected', false)
+      });
+      if (flag) {
+        store.commit("SETTING_SIDE_MENU", []);
+        store.commit("SETTING_BASE_PATH", "/");
+      }
+    }
+    function selectMenu(item, flag) {
+      if (item.meta.path) {
+        window.open(item.meta.path)
+        return
+      }
+      if (item.selected) return;
+      resetMenu();
+      const menu = menuData.value.find((cell) => cell.id === item.id);
+      menu.selected = true;
+      // 处理一级菜单没有子菜单的情况
+      const menus = menu.children.filter((item) => !item.hidden);
+      if (menus.length) {
+        store.commit("SETTING_SIDE_MENU", menu.children);
+        store.commit("SETTING_BASE_PATH", menu.path);
+      } else {
+        resetMenu(true);
+      }
+      // 点击一级菜单时跳转界面，刷新界面是保持不动
+      if (flag) {
+        router.push({ path: getJumpRoute(menu.children) });
+      }
+    }
+    function initMenu() {
+      // 没有任何菜单信息或者当前路由为隐藏侧边栏直接return
+      if (!menuData.value || menuData.value.length === 1 || hiddenSide.value)
+        return;
+      const selectedMenu = unref(menuData).find(
+        (item) => item.path === firstPath.value
+      );
+      if (selectedMenu) {
+        selectMenu(selectedMenu, route.name === "Home");
+      } else {
+        resetMenu(1);
+      }
+    }
+    watch(firstPath, () => {
+      // 左侧菜单刷新不用重置菜单数据
+      if (route.name !== "Redirect") initMenu("firstPath");
+    });
+    watch(
+      menuData,
+      () => {
+        initMenu("menuData");
+      },
+      {
+        immediate: true
+      }
+    );
+    watch(hiddenSide, (cur) => {
+      if (cur) {
+        resetMenu(1);
+      } else {
+        initMenu();
+      }
+    });
+    return {
+      firstPath,
+      menuData,
+      hiddenSide,
+      getStyle,
+      selectMenu
+    };
+  }
+};
+</script>
+<style lang="scss" scoped>
+ul.header-menu {
+  margin: 0;
+  list-style: none;
+  flex: 1;
+  display: flex;
+  padding: 0;
+  box-sizing: border-box;
+  overflow: hidden;
+  li {
+    display: flex;
+    flex: 1;
+    justify-content: center;
+    align-items: center;
+    font-size: 14px;
+    position: relative;
+    height: 48px;
+    cursor: pointer;
+    white-space: nowrap;
+    max-width: 120px;
+    min-width: 80px;
+    float: left;
+    &:hover .icon {
+      animation-name: swing;
+    }
+    .icon {
+      font-size: 16px;
+      margin-right: 4px;
+    }
+    &.selected {
+      color: #fff;
+      background: #15171d;
+    }
+    div {
+      display: none;
+      position: absolute;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: rgba(0, 0, 0, 0.15);
+    }
+  }
+}
+</style>
diff --git a/src/layouts/components/HelpCenter.vue b/src/layouts/components/HelpCenter.vue
new file mode 100644
index 0000000..2b3da66
--- /dev/null
+++ b/src/layouts/components/HelpCenter.vue
@@ -0,0 +1,397 @@
+<template>
+  <el-dropdown class="m-r" popper-class="custom-dropdown-popper">
+    <span class="help-wrapper">
+      <el-icon class="help-icon"><icon-ep-service /></el-icon>
+    </span>
+    <template #dropdown>
+      <el-dropdown-menu>
+        <!-- <router-link to="/cos-web/documents">
+          <el-dropdown-item> 帮助中心 </el-dropdown-item>
+        </router-link> -->
+        <el-dropdown-item @click="visible = true"> 新手入门 </el-dropdown-item>
+      </el-dropdown-menu>
+    </template>
+  </el-dropdown>
+  <el-dialog
+    v-model="visible"
+    width="900px"
+    custom-class="guid-modal"
+  >
+    <div class="guid-wrapper">
+      <div class="guid-title">新手指引</div>
+      <div class="guid-desc">
+        当前还没有资源接入，可按照下方新手指引完成接入和系统配置，此页面关闭后可在新手指引中查找
+      </div>
+      <div class="guid-content">
+        <div class="guid-cell">
+          <div class="system-title">管理端</div>
+          <div class="guid-flow-wrapper">
+            <div class="guid-flow" v-for="(item, key) in list" :key="key">
+              <div class="guid-flow-item">
+                <div class="guid-flow-item-number">{{ key + 1 }}</div>
+                <span>{{ item }}</span>
+              </div>
+              <div class="guid-flow-line" v-if="key !== list.length - 1"></div>
+            </div>
+            <div class="guid-flow" v-for="(item, key) in list2" :key="key">
+              <div class="guid-flow-item">
+                <div class="guid-flow-item-number">{{ 5 - key }}</div>
+                <span>{{ item }}</span>
+              </div>
+              <div
+                class="guid-flow-line left"
+                v-if="key !== list2.length - 1"
+              ></div>
+            </div>
+          </div>
+          <div class="special-line">
+            <div class="line-cover"></div>
+            <div class="line-cover-add"></div>
+          </div>
+        </div>
+        <div class="guid-cell">
+          <div class="system-title">控制台</div>
+          <div class="console-flow-item">
+            <div class="console-bg"></div>
+            <span class="console-text">一站式申请资源</span>
+            <div class="console-flow-item-number">6</div>
+          </div>
+          <div class="special-line console">
+            <div class="line-cover"></div>
+          </div>
+        </div>
+      </div>
+      <div class="guid-module">
+        <div
+          class="guid-module-cell"
+          v-for="(item, index) in moduleList"
+          :key="index"
+          @click="goPage(item.path)"
+        >
+          <svg-icon :icon-name="item.icon" class="icon"></svg-icon>
+          <span class="name">{{ item.name }}</span>
+          <el-icon><IconEpArrowRightBold /></el-icon>
+        </div>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+<script lang="ts">
+import { ref, defineComponent } from "vue";
+import { useRouter } from "vue-router";
+import { useStore } from "vuex";
+import { handleSearchParam } from "utils/index";
+import { getTrack } from "services/manager";
+export default defineComponent({
+  setup() {
+    const visible = ref(false);
+    const store = useStore();
+    (async function () {
+      const res = await getTrack({
+        simple: true,
+        params: handleSearchParam({
+          account: store.getters.userData.account
+        })
+      });
+      if (res.data?.total === 1) {
+        visible.value = true;
+      }
+    })();
+
+    const router = useRouter();
+    function goPage(path: string) {
+      visible.value = false;
+      router.push(path);
+    }
+    return {
+      list: ["资源接入", "资源池", "服务发布"],
+      list2: ["创建租户", "资源配置"],
+      visible,
+      moduleList: [
+        {
+          icon: "svg-resource-manage",
+          name: "资源纳管",
+          path: "/cmp-web/base_resource/vendors"
+        },
+        {
+          icon: "svg-service-ops",
+          name: "服务运营",
+          path: "/cos-web/products/service_manage"
+        },
+        {
+          icon: "svg-resource-monitor",
+          name: "资源监控",
+          path: "/cms-web/dashboard"
+        }
+        // {
+        //   icon: "svg-ops-analysis",
+        //   name: "运营分析",
+        //   path: "/aos-web/resource/status"
+        // }
+      ],
+      goPage
+    };
+  }
+});
+</script>
+<style lang="scss" scoped>
+.help-wrapper {
+  display: flex;
+  align-items: center;
+  .help-icon {
+    cursor: pointer;
+    font-size: 20px;
+    color: #98a6ad;
+  }
+}
+.guid-wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 900px;
+  height: 550px;
+  box-sizing: border-box;
+  padding: 0 32px 28px 32px;
+  .guid-title {
+    width: 112px;
+    font-size: 28px;
+    font-weight: bold;
+    color: #1b181c;
+    line-height: 21px;
+    margin-bottom: 19px;
+  }
+  .guid-desc {
+    width: 560px;
+    text-align: center;
+    color: #3a3a3c;
+    line-height: 30px;
+    font-size: 20px;
+    margin-bottom: 48px;
+  }
+  .guid-content {
+    padding: 0 27px;
+    width: 100%;
+    box-sizing: border-box;
+    .guid-cell {
+      position: relative;
+      display: flex;
+      align-items: center;
+    }
+    .guid-flow-wrapper {
+      display: flex;
+      flex-wrap: wrap;
+      margin-left: 62px;
+      flex: 1;
+      .guid-flow {
+        display: flex;
+        align-items: center;
+        justify-content: flex-start;
+        margin-bottom: 22px;
+      }
+    }
+    .guid-flow-item {
+      position: relative;
+      width: 143px;
+      height: 57px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: #f2f4f8;
+      border-radius: 16px;
+      font-weight: 400;
+      color: #3a3a3c;
+      .guid-flow-item-number {
+        position: absolute;
+        top: 16px;
+        text-align: center;
+        left: -12px;
+        width: 24px;
+        color: #fff;
+        height: 24px;
+        line-height: 24px;
+        border-radius: 12px;
+        background: #1e54d5;
+      }
+    }
+    .guid-flow-line {
+      position: relative;
+      width: 44px;
+      box-sizing: border-box;
+      border: 1px dashed #1e54d5;
+      margin: 0 23px 0 11px;
+      &::after {
+        position: absolute;
+        right: -10px;
+        top: -5px;
+        content: "";
+        opacity: 1;
+        border: 6px solid transparent;
+        border-left-color: #1e54d5;
+      }
+      &.left::after {
+        left: -10px;
+        right: auto;
+        border-left-color: transparent;
+        border-right-color: #1e54d5;
+      }
+    }
+    .console-flow-item {
+      position: relative;
+      margin-left: 92px;
+      width: 530px;
+      height: 76px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: #f5faff;
+      border-radius: 5px;
+      .console-flow-item-number {
+        position: absolute;
+        top: 21px;
+        text-align: center;
+        left: -12px;
+        width: 34px;
+        color: #1e54d5;
+        font-size: 21px;
+        border: 1px solid #1e54d5;
+        height: 34px;
+        line-height: 34px;
+        border-radius: 17px;
+      }
+      .console-text {
+        position: absolute;
+        font-weight: bold;
+        color: #3a3a3c;
+        font-size: 20px;
+      }
+      .console-bg {
+        position: absolute;
+        overflow: hidden;
+        bottom: 10px;
+        width: 530px;
+        height: 65px;
+        &::after {
+          position: absolute;
+          left: -135px;
+          bottom: 0;
+          content: "一站式申请资源";
+          width: 800px;
+          height: 800px;
+          border-radius: 330px;
+          background: #f0f7ff;
+        }
+      }
+    }
+  }
+  .guid-module {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 75px;
+    .guid-module-cell {
+      display: flex;
+      align-items: center;
+      box-sizing: border-box;
+      cursor: pointer;
+      color: #fff;
+      width: 200px;
+      height: 72px;
+      opacity: 1;
+      background: #4e7be9;
+      border-radius: 4px;
+      padding: 0 16px;
+      &:not(:last-child) {
+        margin-right: 12px;
+      }
+      &:nth-child(even) {
+        background: #5ec4ec;
+      }
+      .icon {
+        font-size: 41px;
+      }
+      .name {
+        font-size: 16px;
+        margin-left: 15px;
+        margin-right: 6px;
+      }
+    }
+  }
+  .system-title {
+    width: 119px;
+    height: 57px;
+    line-height: 57px;
+    text-align: center;
+    border-radius: 4px;
+    border: 1px solid #1e54d5;
+    font-weight: bold;
+    color: #1e54d5;
+    font-size: 16px;
+  }
+}
+.special-line {
+  position: absolute;
+  right: -15px;
+  top: 28px;
+  width: 20px;
+  height: 80px;
+  border: 1px dashed #1e54d5;
+  border-radius: 10px;
+  border-left: transparent;
+  &.console {
+    transform: rotateY(180deg);
+    left: 142px;
+    top: -50px;
+    height: 90px;
+    right: auto;
+    .line-cover {
+      height: 91px;
+      &::after {
+      position: absolute;
+      left: -7px;
+      bottom: -6px;
+      content: "";
+      opacity: 1;
+      border: 6px solid transparent;
+      border-right-color: #1e54d5;
+    }
+    }
+  }
+  .line-cover {
+    background: #fff;
+    width: 15px;
+    height: 81px;
+    position: absolute;
+    border-top: 1px dashed #1e54d5;
+    border-bottom: 1px dashed #1e54d5;
+    top: -1px;
+    right: 8px;
+  }
+  .line-cover-add {
+    position: absolute;
+    border-top: 1px dashed #1e54d5;
+    width: 210px;
+    height: 1px;
+    top: 81px;
+    right: 25px;
+    &::after {
+      position: absolute;
+      left: -7px;
+      bottom: -6px;
+      content: "";
+      opacity: 1;
+      border: 6px solid transparent;
+      border-right-color: #1e54d5;
+    }
+  }
+}
+</style>
+<style lang="scss">
+.guid-modal {
+  z-index: 99999;
+  .czhj-dialog__header{
+    border-bottom: none !important;
+  }
+  .czhj-dialog__body {
+    padding: 0;
+  }
+}
+</style>
diff --git a/src/layouts/components/RightContent.vue b/src/layouts/components/RightContent.vue
new file mode 100644
index 0000000..e9e4621
--- /dev/null
+++ b/src/layouts/components/RightContent.vue
@@ -0,0 +1,41 @@
+/** * Created by HaijunZhang on 2019/12/18. */
+<template>
+  <div class="right-container">
+    <template v-if="hasCos">
+      <!-- <router-link to="/jump">
+       <el-icon class="m-r m-t-xs"><icon-ep-position /></el-icon>
+      </router-link>
+      <router-link to="/cos-web/screen">
+        <span class="m-r" title="大屏展示"><svg-icon icon-name="svg-screen" class="cur-point" /></span>
+      </router-link> -->
+      <!-- <service-order v-if="hasFms"></service-order> -->
+      <!-- <HelpCenter v-if="userData" /> -->
+    </template>
+    <site-message></site-message>
+    <personal-info></personal-info>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue'
+import PersonalInfo from './personal/index.vue'
+import ServiceOrder from './ServiceOrder.vue'
+import SiteMessage from './SiteMessage.vue'
+// import HelpCenter from './HelpCenter.vue'
+import { useStore } from 'vuex'
+
+const store = useStore()
+// const userData = computed(() => store.getters.userData)
+const hasCos = computed(() => store.getters.appConfigs.hasCos)
+const hasFms = computed(() => store.getters.hasFms)
+</script>
+
+<style lang="scss">
+.right-container {
+  display: flex;
+  font-size: 18px;
+  a {
+    color: #b9b9ba;
+  }
+}
+</style>
diff --git a/src/layouts/components/ServiceOrder.vue b/src/layouts/components/ServiceOrder.vue
new file mode 100644
index 0000000..71730c3
--- /dev/null
+++ b/src/layouts/components/ServiceOrder.vue
@@ -0,0 +1,44 @@
+<!--
+ * @Author: Haijun Zhang
+ * @Date: 2022-11-10 10:46:38
+ * @LastEditTime: 2022-11-10 14:43:57
+ * @LastEditors: Haijun Zhang
+ * @Description: 
+ * @FilePath: \main-web-qiankun\src\layouts\components\ServiceOrder.vue
+-->
+<template>
+  <el-dropdown popper-class="custom-dropdown-popper">
+    <span class="m-r icon-warpper">
+      <el-icon class="cur-point icon-platform"><icon-ep-monitor /></el-icon>
+    </span>
+    <template #dropdown>
+      <el-dropdown-menu>
+        <router-link to="/cos-web/process_order">
+          <el-dropdown-item>服务工单</el-dropdown-item>
+        </router-link>
+        <router-link to="/cos-web/service_work_order">
+          <el-dropdown-item>问题工单</el-dropdown-item>
+        </router-link>
+      </el-dropdown-menu>
+    </template>
+  </el-dropdown>
+</template>
+
+<style lang="scss" scoped>
+.icon-warpper {
+  display: flex;
+  align-items: center;
+  .icon-platform {
+    font-size: 20px;
+    color: #98a6ad;
+  }
+}
+.#{$namespace}-menu {
+  padding: 0;
+  overflow: hidden;
+}
+:deep(.#{$namespace}-menu-item) {
+  height: 40px;
+}
+
+</style>
diff --git a/src/layouts/components/SiteMessage.vue b/src/layouts/components/SiteMessage.vue
new file mode 100644
index 0000000..3170157
--- /dev/null
+++ b/src/layouts/components/SiteMessage.vue
@@ -0,0 +1,160 @@
+<template>
+  <el-dropdown class="system-letter" popper-class="custom-dropdown-popper custom-dropdown-message">
+    <span class="m-r-md">
+      <el-badge :value="totalMessage" class="item cur-point">
+        <el-icon class="message-icon"><icon-ep-bell /></el-icon>
+      </el-badge>
+    </span>
+    <template #dropdown>
+      <el-card class="list-group">
+        <template #header>
+          <div class="card-header">
+            <span class="text-16px">我的消息</span>
+            <el-button type="primary" link @click="goProfileMessage('')">查看更多</el-button>
+          </div>
+        </template>
+        <div v-for="item in messageList" :key="item.id" class="list-group-item" @click="goProfileMessage(item.id)">
+          <span class="text-ellipsis">
+            <i class="dot dot-warning m-r-xs"></i>
+            {{ item.name }}
+          </span>
+          <el-tooltip :content="item.content" :show-after="500" placement="top">
+            <small class="text-content">{{ item.content }}</small>
+          </el-tooltip>
+        </div>
+        <empty v-if="messageList.length === 0"></empty>
+      </el-card>
+    </template>
+  </el-dropdown>
+</template>
+<script>
+import { ref } from 'vue'
+import { setToken } from 'utils/auth'
+import useWebsocket from '@/hooks/useWebsocket'
+import { getMessage } from '@/services/message'
+import { handleSearchParam } from 'utils'
+import { useStore } from 'vuex'
+import { useRouter, useRoute } from 'vue-router'
+
+export default {
+  setup() {
+    // 获取站内信信息
+    const messageList = ref([])
+    const totalMessage = ref(0)
+    async function loadMessage() {
+      const data = await getMessage({
+        page: 1,
+        rows: 5,
+        params: handleSearchParam({
+          status: 'UNREAD'
+        })
+      })
+      if (data.success) {
+        messageList.value = data.data.rows
+        totalMessage.value = data.data.total
+      }
+    }
+    loadMessage()
+    function handleServiceMessage(data) {
+      if (data.operate === 'refresh.token') {
+        setToken(data.data)
+      }
+    }
+    function messageCommonFun(data) {
+      if (data.operate !== 'HeartBeat') console.log(data)
+      switch (data.category) {
+        case 'MachineDiscovered': // 机器发现消息
+        case 'ResourceEvent': // 云管消息
+          ElNotification[data.success ? 'success' : 'error']({
+            message: data.message
+          })
+          break
+        case 'ServiceEvent': // 服务消息
+          handleServiceMessage(data)
+          break
+        case 'SiteMessage': // 站内信消息
+          loadMessage()
+          if (data.operate !== 'message.change') {
+            ElNotification.info({
+              title: '您有一条新的消息！',
+              message: data.message
+            })
+          }
+          break
+      }
+    }
+    const router = useRouter()
+    const route = useRoute()
+    function goProfileMessage(id) {
+      if (route.path !== '/sms-web/message') router.push({ path: '/sms-web/message', query: { id } })
+    }
+    const { webSocket } = useWebsocket('', messageCommonFun)
+    const store = useStore()
+    store.commit('SET_WEBSOCKET', webSocket)
+    return {
+      messageList,
+      totalMessage,
+      goProfileMessage
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.system-letter {
+  display: flex;
+  align-items: center;
+  .message-icon {
+    font-size: 20px;
+    color: #98a6ad;
+  }
+  :deep(.#{$namespace}-badge__content) {
+    border: none;
+  }
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.list-group {
+  padding: 0 !important;
+  width: 300px;
+  margin: 0;
+
+  .list-group-item {
+    position: relative;
+    display: block;
+    padding: 10px 0;
+    background-color: #fff;
+    border-bottom: 1px solid #e7ecee;
+    cursor: pointer;
+    .dot {
+      width: 10px;
+      height: 10px;
+      border-radius: 50%;
+      border-width: 3px;
+      display: inline-block;
+    }
+    .dot-warning {
+      background-color: #fad733;
+    }
+    .text-content {
+      margin-top: 5px;
+      margin-left: 15px;
+      display: block;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      color: #98a6ad;
+    }
+  }
+}
+</style>
+<style>
+.custom-dropdown-popper.custom-dropdown-message {
+  margin-top: 10px !important;
+  border: none;
+}
+</style>
diff --git a/src/layouts/components/SystemTip.vue b/src/layouts/components/SystemTip.vue
new file mode 100644
index 0000000..1b2d792
--- /dev/null
+++ b/src/layouts/components/SystemTip.vue
@@ -0,0 +1,65 @@
+<template>
+  <div class="tip-container" v-show="tipText">{{ tipText }}，为了避免影响您的正常使用，请尽快激活</div>
+</template>
+<script>
+import { onUnmounted, ref } from 'vue'
+import { getLicense } from '@/services/license'
+import dayjs from 'utils/day'
+import { useStore } from 'vuex'
+import relativeTime from 'dayjs/plugin/relativeTime'
+dayjs.extend(relativeTime)
+
+const unit = 1000 * 60 * 60 * 24
+export default {
+  setup() {
+    const store = useStore()
+    const tipText = ref()
+    const interval = unit * 7
+    const getInfo = async () => {
+      const res = await getLicense()
+      if (res.success) {
+        const { expireDate, plugins } = res.data
+        const hasFms = plugins.indexOf('fms') > -1 ? true : false
+        const nowTimer = dayjs().valueOf()
+        const expireTimer = dayjs(expireDate).valueOf()
+        const { commit } = store
+        if (expireTimer - nowTimer <= interval) {
+          const time = dayjs(expireDate).fromNow(true)
+          if (expireTimer - nowTimer >= 0) {
+            tipText.value = `您的证书即将过期，还剩 ${time} 时间可以进行证书激活`
+          } else {
+            tipText.value = `您的证书已经过期 ${time} `
+          }
+          commit('SET_EXPIRE', true)
+        } else {
+          commit('SET_EXPIRE', false)
+          commit('SETTING_HASFMS', hasFms)
+        }
+        // 当证书有效期大于等于30天时直接销毁定时器
+        if (expireTimer - nowTimer > unit * 30) {
+          clearInterval(timer)
+        }
+      }
+    }
+    getInfo()
+    const timer = setInterval(() => {
+      getInfo()
+    }, 1000 * 60 * 60)
+    onUnmounted(() => {
+      clearInterval(timer)
+    })
+    return {
+      tipText,
+    }
+  },
+}
+</script>
+<style scoped lang="scss">
+.tip-container {
+  text-align: center;
+  background: #c92100;
+  color: #fff;
+  font-weight: bold;
+  padding: 5px 0;
+}
+</style>
diff --git a/src/layouts/components/TagsView/ScrollPanel.vue b/src/layouts/components/TagsView/ScrollPanel.vue
new file mode 100644
index 0000000..34f3e22
--- /dev/null
+++ b/src/layouts/components/TagsView/ScrollPanel.vue
@@ -0,0 +1,139 @@
+<template>
+  <div class="tags-view-container" id="tags_view_container">
+    <span v-if="scrollable" class="tags_nav_operate" :class="scrollablePrev ? '' : 'disabled'" @click="scrollPrev"><i class="el-icon-arrow-left"></i></span>
+    <div class="tags-nav-scroll" ref="navScrollRef">
+      <div class="tags-view-wrapper" ref="navRef" :style="navStyle">
+        <slot></slot>
+      </div>
+    </div>
+    <span v-if="scrollable" class="tags_nav_operate" :class="scrollableNext ? '' : 'disabled'" @click="scrollNext"><i class="el-icon-arrow-right"></i></span>
+  </div>
+</template>
+
+<script>
+import { computed, onMounted, onUpdated, reactive, toRefs, ref, unref } from 'vue'
+export default {
+  setup() {
+    const state = reactive({
+      navOffset: 50,
+      scrollable: false,
+      scrollablePrev: false,
+      scrollableNext: false
+    })
+    const navScrollRef = ref(null)
+    const navRef = ref(null)
+    const navStyle = computed(() => {
+      return {
+        transform: `translateX(-${state.navOffset}px)`
+      }
+    })
+    onMounted(() => {
+      update()
+    })
+    onUpdated(() => {
+      update()
+    })
+    // 组件更新
+    const update = () => {
+      // 代码测试容错处理
+      if (!unref(navRef) || !unref(navScrollRef)) return
+      const navWidth = navRef.value.offsetWidth
+      const containerWidth = navScrollRef.value.offsetWidth
+      const currentOffset = state.navOffset
+
+      if (containerWidth < navWidth) {
+        const currentOffset = state.navOffset
+        state.scrollable = state.scrollable || {}
+        state.scrollablePrev = currentOffset
+        state.scrollableNext = currentOffset + containerWidth < navWidth
+        if (navWidth - currentOffset < containerWidth) {
+          state.navOffset = navWidth - containerWidth
+        }
+      } else {
+        state.scrollable = false
+        if (currentOffset > 0) {
+          state.navOffset = 0
+        }
+      }
+    }
+    // 滚动到激活菜单
+    const scrollToactive = () => {
+      const $el = document.getElementById('tags_view_container')
+      const activeTab = $el.querySelector('.tags-item.active')
+      // 不存在激活页签直接返回
+      if (!activeTab) return
+      const activeTabBounding = activeTab.getBoundingClientRect()
+      const navScrollBounding = navScrollRef.value.getBoundingClientRect()
+      const currentOffset = state.navOffset
+      let newOffset = currentOffset
+      if (activeTabBounding.left < navScrollBounding.left) {
+        newOffset = currentOffset - (navScrollBounding.left - activeTabBounding.left)
+      }
+      if (activeTabBounding.right > navScrollBounding.right) {
+        newOffset = currentOffset + activeTabBounding.right - navScrollBounding.right
+      }
+      state.navOffset = newOffset
+    }
+    // 向前滚动
+    const scrollPrev = () => {
+      const currentOffset = state.navOffset
+      // 当前偏移为0时不需要移动
+      if (!currentOffset) return
+      const containerWidth = navScrollRef.value.offsetWidth
+      // 当前偏移小于一个容器长度直接设置为0，大于时向前移动一个容器长度
+      state.navOffset = currentOffset > containerWidth ? currentOffset - containerWidth : 0
+    }
+    // 向后滚动
+    const scrollNext = () => {
+      const containerWidth = navScrollRef.value.offsetWidth
+      const navWidth = navRef.value.offsetWidth
+      const currentOffset = state.navOffset
+      // 偏移量加上长度大于等于整体长度，说明已经移动到最后
+      if (currentOffset + containerWidth >= navWidth) return
+      const newOffset = navWidth - currentOffset > containerWidth * 2 ? currentOffset + containerWidth : navWidth - containerWidth
+      state.navOffset = newOffset
+    }
+    return {
+      ...toRefs(state),
+      navStyle,
+      navScrollRef,
+      navRef,
+      scrollPrev,
+      scrollNext,
+      scrollToactive
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.tags-view-container {
+  // height: 34px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  position: relative;
+  .tags-nav-scroll {
+    position: relative;
+    width: 100%;
+    overflow: hidden;
+    padding: 0 10px;
+  }
+  .tags-view-wrapper {
+    transition: transform 0.3s;
+    float: left;
+    white-space: nowrap;
+  }
+  .tags_nav_operate {
+    cursor: pointer;
+    font-size: 12px;
+    color: #909399;
+    background: #ccc;
+    padding: 6px;
+    &.disabled {
+      cursor: default;
+    }
+  }
+}
+</style>
diff --git a/src/layouts/components/TagsView/SelectRound.vue b/src/layouts/components/TagsView/SelectRound.vue
new file mode 100644
index 0000000..85bf575
--- /dev/null
+++ b/src/layouts/components/TagsView/SelectRound.vue
@@ -0,0 +1,29 @@
+<template>
+  <div class="select-round">
+    <div class="content"></div>
+  </div>
+</template>
+<script>
+export default {}
+</script>
+<style lang="scss" scoped>
+.select-round {
+  width: 10px;
+  height: 10px;
+  overflow: hidden;
+  position: absolute;
+  bottom: 0;
+  right: -10px;
+  transform: rotate(-90deg);
+  &.left {
+    bottom: 0;
+    left: -10px;
+    transform: rotate(180deg);
+  }
+  .content {
+    width: 20px;
+    height: 20px;
+    background: radial-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 71%, #e7f4ff 0%);
+  }
+}
+</style>
diff --git a/src/layouts/components/TagsView/index.vue b/src/layouts/components/TagsView/index.vue
new file mode 100644
index 0000000..8967483
--- /dev/null
+++ b/src/layouts/components/TagsView/index.vue
@@ -0,0 +1,341 @@
+<template>
+  <div id="tags-view-container" class="tags-view" v-show="isShow()">
+    <ScrollPanel ref="scrollRef">
+      <span
+        v-for="(tag, index) in visitedViews"
+        :key="tag.path"
+        @click="goPage(tag.path, tag.query)"
+        class="tags-item"
+        :class="isActive(tag) && 'active'"
+        @contextmenu.prevent.stop="openMenu(tag, index, $event)"
+      >
+        <span class="line"></span>
+        <span class="">{{ tag.title }}</span>
+        <el-icon class="icon-close"  v-if="!tag.meta.fix"  @click.prevent.stop="closeSelectedTag(tag, index)"><icon-ep-close /></el-icon>
+        <span v-if="isActive(tag)">
+          <SelectRound class="left"></SelectRound>
+          <SelectRound></SelectRound>
+        </span>
+      </span>
+    </ScrollPanel>
+    <ul
+      v-show="visible"
+      :style="{ left: left + 'px', top: top + 'px' }"
+      class="contextmenu"
+    >
+      <!-- <li @click="refreshSelectedTag(selectedTag)">刷新</li> -->
+      <li
+        @click="closeSelectedTag(selectedTag)"
+        v-if="selectedTag.meta && !selectedTag.meta.fix"
+      >
+        关闭
+      </li>
+      <li @click="closeOthersTags" v-if="visitedViews.length !== 1">
+        关闭其他
+      </li>
+      <li @click="closeAllTags(selectedTag)">关闭所有</li>
+      <li @click="closeLeftTags(selectedTag)" v-if="selectIndex !== 0">
+        关闭左侧
+      </li>
+      <li
+        @click="closeRightTags(selectedTag)"
+        v-if="selectIndex !== visitedViews.length - 1"
+      >
+        关闭右侧
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script>
+import {
+  onMounted,
+  reactive,
+  toRefs,
+  ref,
+  computed,
+  onUnmounted,
+  watch
+} from "vue";
+import ScrollPanel from "./ScrollPanel.vue";
+import SelectRound from "./SelectRound.vue";
+import { resolvePath } from "utils/resolvePath";
+// import { nth } from "lodash-es";
+import { useStore } from "vuex";
+import { useLink } from '../sidebar/useLink'
+import { useRoute, useRouter } from "vue-router";
+
+export default {
+  components: { ScrollPanel, SelectRound },
+  setup() {
+    const store = useStore();
+    const route = useRoute();
+    const router = useRouter();
+    const state = reactive({
+      visible: false,
+      top: 0,
+      left: 0,
+      selectedTag: {},
+      fixTags: [],
+      selectIndex: 0
+    });
+    const scrollRef = ref(null);
+    const visitedViews = computed(() => store.state.tagsView.visitedViews);
+    const homePath = computed(() => store.getters.appConfigs.homePath)
+    // 关闭菜单
+    function closeMenu() {
+      state.visible = false;
+    }
+    onMounted(() => {
+      addFixTags();
+      addTags();
+      document.body.addEventListener("click", closeMenu);
+    });
+    onUnmounted(() => {
+      document.body.removeEventListener("click", closeMenu);
+    });
+    watch(
+      () => route.path,
+      () => {
+        addTags();
+      }
+    );
+    // 是否为激活状态
+    const isActive = (routeItem) => {
+      const {
+        meta: { parentTag }
+      } = route;
+      let { path } = route;
+      if (parentTag) {
+        path = resolvePath(path, "..");
+      }
+      return routeItem.path === path;
+    };
+    // 是否隐藏
+    const isShow = () => {
+      return ![
+        "/sms-web/resource_dashboard",
+        "/screen/list",
+        "/redirect"
+      ].includes(route.path);
+    };
+    const getFixTags = (routes) => {
+      const tags = [];
+      routes.forEach((item) => {
+        const { meta, name, path, params, children } = item;
+        if (meta && meta.fix) {
+          tags.push({
+            meta,
+            name,
+            path,
+            params,
+            children
+          });
+        }
+        if (children && children.length) {
+          tags.push(...getFixTags(children));
+        }
+      });
+      return tags;
+    };
+    const routes = computed(() => store.getters.addRoutes);
+    const routeMap = computed(() => store.getters.routeMap);
+    const addFixTags = () => {
+      const fixTags = getFixTags(routes.value);
+      fixTags.forEach((tag) => {
+        store.dispatch("tagsView/addView", tag);
+      });
+    };
+    const addTags = () => {
+      // const {
+      //   meta: { parentTag },
+      // } = routeMap[route.path];
+      // console.log(route);
+      // // parentTag 三级菜单展示父级tag
+      // const currentRoute = parentTag ? nth(matched, -2) : { ...route };
+      const currentRoute = routeMap.value[route.path];
+      if(!currentRoute || (currentRoute && currentRoute.redirect)) return;
+      const { path } = currentRoute;
+      const { query = {} } = route;
+      if (path) {
+        state.activeName = path;
+        store.dispatch("tagsView/addView", {...currentRoute, query});
+      }
+      setTimeout(() => {
+        scrollRef.value && scrollRef.value.scrollToactive();
+      });
+      return false;
+    };
+    // 移动下一个标签
+    const toNextView = (visitedViews) => {
+      // 获取关闭页签的上一个坐标
+      const index = state.selectIndex - 1 > 0 ? state.selectIndex - 1 : 0;
+      const latestView = visitedViews[index];
+      if (latestView) {
+        router.push(latestView.path);
+      } else {
+        router.push(homePath.value);
+      }
+    };
+    // 关闭标签
+    const closeSelectedTag = (view, index = state.selectIndex) => {
+      state.selectIndex = index;
+      store.dispatch("tagsView/delView", view).then(({ visitedViews }) => {
+        if (isActive(view)) {
+          toNextView(visitedViews);
+        }
+      });
+    };
+    // 关闭其他标签
+    const closeOthersTags = () => {
+      if (!isActive(state.selectedTag)) router.push(state.selectedTag);
+      store.dispatch("tagsView/delOthersViews", state.selectedTag);
+    };
+    // 关闭所有标签
+    const closeAllTags = () => {
+      store.dispatch("tagsView/delAllViews");
+    };
+    // 关闭左侧标签
+    const closeLeftTags = (view) => {
+      const left = visitedViews.value.slice(0, state.selectIndex);
+      scrollToCurrent(left, view);
+      store.dispatch("tagsView/delLeftViews", {
+        view,
+        index: state.selectIndex
+      });
+    };
+    // 关闭左右标签后 当前页出来
+    const scrollToCurrent = (views, view) => {
+      const { path } = route;
+      if (views.some((v) => v.path === path)) {
+        router.push(view.path);
+      }
+    };
+    // 关闭右侧标签
+    const closeRightTags = (view) => {
+      const right = visitedViews.value.slice(state.selectIndex + 1);
+      scrollToCurrent(right, view);
+      store.dispatch("tagsView/delRightViews", {
+        view,
+        index: state.selectIndex
+      });
+    };
+    // 打开操作菜单
+    const openMenu = (tag, index, e) => {
+      const menuMinWidth = 105;
+      const maxLeft = window.innerWidth - menuMinWidth; // left boundary
+      const left = e.clientX + 15; // 15: margin right
+      if (left > maxLeft) {
+        state.left = maxLeft;
+      } else {
+        state.left = left;
+      }
+      state.top = e.clientY + 10;
+      state.visible = true;
+      state.selectedTag = tag;
+      state.selectIndex = index;
+    };
+    // 界面跳转
+    const goPage = useLink();
+    return {
+      ...toRefs(state),
+      scrollRef,
+      isActive,
+      isShow,
+      visitedViews,
+      closeSelectedTag,
+      closeOthersTags,
+      closeAllTags,
+      closeLeftTags,
+      closeRightTags,
+      closeMenu,
+      openMenu,
+      goPage
+    };
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.tags-view {
+  margin: 0px 0 12px 0;
+  width: 100%;
+  background: #fff;
+  border: 1px solid #ededec;
+  border-bottom: none;
+  .tags-item {
+    display: inline-block;
+    position: relative;
+    cursor: pointer;
+    height: 32px;
+    line-height: 32px;
+    color: #666666;
+    padding: 0 15px;
+    font-size: 12px;
+    &.active {
+      background-color: #e8efff;
+      color: $--color-primary;
+      border-radius: 6px 6px 0 0;
+      .line {
+        display: none;
+      }
+    }
+    &:nth-child(1),
+    &.active + .tags-item {
+      .line {
+        display: none;
+      }
+    }
+    .line {
+      width: 1px;
+      height: 20px;
+      background: #d9d9d9;
+      display: inline-block;
+      position: absolute;
+      top: 6px;
+      left: 0;
+    }
+    .icon-close {
+      overflow: hidden;
+      width: 14px;
+      height: 14px;
+      line-height: 14px;
+      text-align: center;
+      transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+      position: relative;
+      top: 2px;
+      left: 2px;
+      border-radius: 50%;
+      &:hover {
+        background-color: #c0c4cc;
+        color: #fff;
+      }
+    }
+    &.active .icon-close,
+    &:hover .icon-close {
+      width: 14px;
+    }
+  }
+  .contextmenu {
+    margin: 0;
+    background: #fff;
+    z-index: 3000;
+    position: fixed;
+    list-style-type: none;
+    padding: 5px 0;
+    border-radius: 4px;
+    font-size: 12px;
+    font-weight: 400;
+    color: #333;
+    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
+    li {
+      margin: 0;
+      padding: 7px 16px;
+      cursor: pointer;
+      &:hover {
+        background: #eee;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/layouts/components/ThirdMenu.vue b/src/layouts/components/ThirdMenu.vue
new file mode 100644
index 0000000..2acef9a
--- /dev/null
+++ b/src/layouts/components/ThirdMenu.vue
@@ -0,0 +1,125 @@
+<template>
+  <el-aside width="160px" class="third-menu-container" :class="{ collapsed: isCollapsed }">
+    <!-- <div class="menu-title">{{ menuData.meta.title }}</div> -->
+    <el-scrollbar class="scrollbar-wrapper">
+      <BaseMenu v-bind="menuProps"></BaseMenu>
+    </el-scrollbar>
+    <!-- <a href="javascript:;" class="subMenuToggle" @click="toggle"></a> -->
+  </el-aside>
+</template>
+<script>
+import { computed } from 'vue'
+import BaseMenu from './sidebar/BaseMenu.vue'
+import useMenuColorConfig from "./sidebar/useMenuColorConfig";
+
+export default {
+  components: { BaseMenu },
+  props: {
+    menuData: {
+      type: Object
+    }
+  },
+  data() {
+    return {
+      isCollapsed: false
+    }
+  },
+  setup(props) {
+    const { menuColorConfig } = useMenuColorConfig();
+    const menuProps = computed(() => {
+      return {
+        limitLevel: 7,
+        defaultIcon: '',
+        menuData: props.menuData.children,
+        inlineIndent: 20,
+        ...unref(menuColorConfig),
+      }
+    })
+    return {
+      menuProps
+    }
+  },
+  methods: {
+    toggle() {
+      this.isCollapsed = !this.isCollapsed
+    },
+    selectItem(path) {
+      if (this.$route.path.indexOf(path) > -1) {
+        setTimeout(() => {
+          this.$router.push({ name: 'Redirect', query: { path: this.$route.path } })
+        })
+      }
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.expire-top .third-menu {
+  height: calc(100vh - 180px) !important;
+}
+.third-menu-container.collapsed {
+  background: transparent !important;
+  border: 0;
+  margin-left: -160px;
+  .third-menu,
+  .menu-title {
+    visibility: hidden;
+  }
+  .subMenuToggle {
+    background: url(/web-common-resource/img/slideIcon-new.png) no-repeat right -110px;
+    right: 0;
+  }
+}
+
+.third-menu-container {
+  background: var(--custom-base-color-background);
+  transition: margin 0.28s;
+  border-left: 1px solid var(--custom-base-color-background-selected);
+  .scrollbar-wrapper {
+    height: calc(100% - 45px);
+    :deep(.el-scrollbar__wrap) {
+      overflow-x: hidden !important;
+    }
+  }
+  :deep(.ant-menu-item) {
+    height: 38px;
+    line-height: 38px;
+    font-size: 12px;
+  }
+  .third-menu {
+    height: calc(100vh - 150px);
+    border: 0;
+  }
+}
+
+.subMenuToggle {
+  display: block;
+  position: absolute;
+  z-index: 2;
+  left: 146px;
+  top: 50%;
+  width: 13px;
+  height: 0;
+  margin: -25px 0 0;
+  padding: 50px 0 0;
+  background: url(/web-common-resource/img/slideIcon-new.png) no-repeat 0 -60px;
+  overflow: hidden;
+  transition: width 0.1s, right 0.1s;
+  &:hover {
+    left: 142px;
+    width: 20px;
+    z-index: 3;
+  }
+}
+
+.menu-title {
+  visibility: visible;
+  height: 40px;
+  line-height: 40px;
+  font-size: 14px;
+  background: var(--custom-base-color-background);
+  border-bottom: 1px solid var(--custom-base-color-background-selected);
+  color: var(--custom-base-color-text);
+  padding-left: 20px;
+}
+</style>
diff --git a/src/layouts/components/personal/InfoDialog.vue b/src/layouts/components/personal/InfoDialog.vue
new file mode 100644
index 0000000..12f2696
--- /dev/null
+++ b/src/layouts/components/personal/InfoDialog.vue
@@ -0,0 +1,165 @@
+<template>
+  <el-dialog title="个人信息" ref="dialog" :close-on-click-modal="false" v-model="visible" width="800px">
+    <el-form ref="formRef" :model="userData" label-width="100px" label-position="right">
+      <el-row :gutter="5">
+        <el-col :span="12">
+          <el-col :span="24">
+            <div class="info-header-title">基本信息</div>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="登录账号：">
+              <el-input v-model="userData.account" disabled></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="用户姓名：" prop="name" :rules="[required]">
+              <el-input v-model="userData.name"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <div class="info-header-title">联系信息</div>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="用户邮箱：" prop="email" :rules="[required, email]">
+              <el-input v-model="userData.email"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="联系方式：" prop="mobile" :rules="[required, mobile]">
+              <el-input v-model="userData.mobile"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="公司名称：">
+              <el-input v-model="userData.company"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="组织机构：">
+              <el-input v-model="userData.departName" disabled></el-input>
+            </el-form-item>
+          </el-col>
+        </el-col>
+        <el-col :span="12">
+          <div class="info-img">
+            <img :src="userData.portrait" alt="" />
+          </div>
+          <div class="info-btn">
+            <el-button @click="imageCropperShow = true">
+              <template #icon>
+                <el-icon><IconEpUploadFilled /></el-icon>
+              </template>
+              更换头像</el-button
+            >
+          </div>
+        </el-col>
+      </el-row>
+    </el-form>
+    <image-cropper field="files" @crop-success="imageCropSuccess" v-if="imageCropperShow" v-model="imageCropperShow" :width="size" :height="size" img-format="png"></image-cropper>
+    <template #footer>
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="editSubmit" :loading="loading">更新信息</el-button>
+    </template>
+  </el-dialog>
+</template>
+<script>
+import { cloneDeep } from 'lodash-es'
+import ImageCropper from 'components/image-cropper/index.vue'
+import { modifyUser } from '@/services/manager'
+import { reactive, toRefs, ref } from 'vue'
+import { useStore } from 'vuex'
+import { required, email, mobile } from '@/validate'
+import { formSetting } from '@/config'
+import { ElMessage } from 'element-plus'
+
+export default {
+  props: {
+    data: {
+      type: Object
+    }
+  },
+  components: {
+    ImageCropper
+  },
+  setup(props, context) {
+    const state = reactive({
+      imageCropperShow: false,
+      size: 65,
+      visible: false,
+      userData: {}
+    })
+    function open() {
+      const userData = cloneDeep(props.data)
+      Object.keys(userData).forEach(key => {
+        state.userData[key] = userData[key]
+      })
+      state.visible = true
+    }
+    function imageCropSuccess(imageDataUrl) {
+      state.userData.portrait = imageDataUrl
+    }
+    const formRef = ref(null)
+    const store = useStore()
+    const loading = ref(false)
+    function editSubmit() {
+      try {
+        loading.value = true
+        const { validate } = formRef.value || context.refs.formRef
+        validate(async () => {
+          if (typeof state.userData.departIds == 'string') state.userData.departIds = JSON.parse(state.userData.departIds)
+          const data = await modifyUser(state.userData)
+          loading.value = false
+          if (data.success) {
+            ElMessage.success(data.message)
+            state.visible = false
+            store.dispatch('GetUserInfo')
+          }
+        })
+      } catch (error) {
+        loading.value = false
+      }
+    }
+    return {
+      loading,
+      formSetting,
+      ...toRefs(state),
+      formRef,
+      open,
+      editSubmit,
+      imageCropSuccess,
+      required,
+      email,
+      mobile
+    }
+  },
+  methods: {}
+}
+</script>
+<style lang="scss" scoped>
+.info-header-title {
+  padding-left: 10px;
+  border-left: 3px solid #2d8cf0;
+  margin-bottom: 20px;
+  height: 28px;
+  line-height: 28px;
+}
+
+.info-img {
+  width: 100px;
+  height: 100px;
+  border-radius: 50%;
+  overflow: hidden;
+  margin: 90px 0px 20px 100px;
+  border: 1px solid #d9d9d9;
+  margin-top: 40px;
+}
+
+.info-img img {
+  width: 100%;
+  height: 100%;
+}
+
+.info-btn {
+  margin: 0px 0px 0px 100px;
+}
+</style>
diff --git a/src/layouts/components/personal/index.vue b/src/layouts/components/personal/index.vue
new file mode 100644
index 0000000..a26ad13
--- /dev/null
+++ b/src/layouts/components/personal/index.vue
@@ -0,0 +1,219 @@
+<template>
+  <el-dropdown popper-class="custom-dropdown-popper">
+    <div class="user-content">
+      <img :src="userData.portrait" class="head-portrait" />
+      <span class="user-name">{{ userData.name }}</span>
+      <el-icon class="color-#ccc">
+        <icon-ep-arrow-down />
+      </el-icon>
+    </div>
+    <template #dropdown>
+      <el-dropdown-menu class="user-dropdown">
+        <el-dropdown-item @click="openInfoDialog" class="menu-item">
+          <el-icon><icon-ep-user /></el-icon>
+          个人信息
+        </el-dropdown-item>
+        <el-dropdown-item @click="openPwdDialog" class="menu-item">
+          <el-icon><icon-ep-key /></el-icon>
+          修改密码
+        </el-dropdown-item>
+        <el-dropdown-item @click="lockScreen" class="menu-item">
+          <el-icon><icon-ep-lock /></el-icon>
+          锁定屏幕
+        </el-dropdown-item>
+        <el-dropdown-item @click="logoutSystem()" class="menu-item">
+          <el-icon><icon-ep-switch-button /></el-icon>
+          退出系统
+        </el-dropdown-item>
+      </el-dropdown-menu>
+    </template>
+  </el-dropdown>
+  <el-dialog
+    title="修改密码"
+    :close-on-click-modal="false"
+    append-to-body
+    v-model="pwdDialogVisible"
+    width="600px"
+    v-if="pwdDialogVisible"
+  >
+    <el-form
+      :model="pwdData"
+      ref="pwdRef"
+      label-width="100px"
+      label-position="right"
+    >
+      <el-form-item label="原密码：" prop="oldPassword" :rules="[required]">
+        <el-input
+          show-password
+          v-model="pwdData.oldPassword"
+          auto-complete="off"
+        ></el-input>
+      </el-form-item>
+      <el-form-item label="新密码：" prop="newPassword" :rules="pwdRule">
+        <el-input
+          show-password
+          v-model="pwdData.newPassword"
+          auto-complete="off"
+        ></el-input>
+      </el-form-item>
+      <el-form-item label="确认密码：" prop="confirmPassword" :rules="pwdRule">
+        <el-input
+          show-password
+          v-model="pwdData.confirmPassword"
+          auto-complete="off"
+        ></el-input>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+        <el-button @click="pwdDialogVisible = false">取消</el-button>
+        <el-button
+          type="primary"
+          @click="modifyPwdSubmit"
+          :loading="loading"
+          >确定</el-button
+        >
+    </template>
+  </el-dialog>
+  <InfoDialog ref="infoRef" :data="userData"></InfoDialog>
+</template>
+<script>
+import crypto from "utils/crypto.js";
+import { changePassword } from "@/services/manager";
+import { logout } from "services";
+import InfoDialog from "./InfoDialog.vue";
+import { computed, defineComponent, ref } from "vue";
+import { useStore } from "vuex";
+import { required, complexPassword } from "@/validate";
+import useTokenAndLock from "./useTokenAndLock";
+import { ElMessage, ElMessageBox } from "element-plus";
+
+export default defineComponent({
+  components: {
+    InfoDialog
+  },
+  setup(props, context) {
+    const store = useStore();
+
+    // 密码修改
+    const pwdData = ref({
+      oldPassword: "",
+      newPassword: "",
+      confirmPassword: ""
+    });
+    const pwdDialogVisible = ref(false);
+    function openPwdDialog() {
+      pwdDialogVisible.value = true;
+      pwdData.value = {
+        oldPassword: "",
+        newPassword: "",
+        confirmPassword: ""
+      };
+    }
+    function checkPassword() {
+      const { newPassword, oldPassword, confirmPassword } = pwdData.value;
+      if (newPassword === oldPassword) {
+        ElMessage.error("新密码不能与原密码相同");
+        return false;
+      }
+      if (confirmPassword !== newPassword) {
+        ElMessage.error("确认密码与新密码不一致");
+        return false;
+      }
+
+      return true;
+    }
+    const pwdRef = ref();
+    const loading = ref(false);
+    async function modifyPwdSubmit() {
+      const { validate } = pwdRef.value || context.refs.pwdRef;
+      validate(async () => {
+        if (!checkPassword()) return;
+        loading.value = true;
+        const res = await changePassword(userData.value.id, {
+          password: crypto.encrypt(pwdData.value.newPassword),
+          oldPassword: crypto.encrypt(pwdData.value.oldPassword)
+        });
+        if (res.success) {
+          pwdDialogVisible.value = false;
+          ElMessage.success(res.message);
+          store.dispatch("permission/ResetRoutes");
+        }
+        loading.value = false;
+      });
+    }
+    const userData = computed(() => store.getters.userData || {});
+    const pwdRule = computed(() => {
+      const rule = store.state.app.systemConfig.pwdStrength;
+      if (rule === "required") return [required];
+      return [required, complexPassword];
+    });
+    // 登出
+    function logoutSystem() {
+      ElMessageBox.confirm("您确定要退出该系统吗?", "提示", {
+        type: "warning"
+      }).then(async () => {
+        const res = await logout();
+        if (res.success) {
+          store.dispatch("permission/ResetRoutes");
+        }
+      });
+    }
+    // 个人信息
+    const infoRef = ref();
+    function openInfoDialog() {
+      infoRef.value.open();
+    }
+    const { lockScreen } = useTokenAndLock();
+    return {
+      loading,
+      pwdData,
+      pwdDialogVisible,
+      pwdRef,
+      pwdRule,
+      openPwdDialog,
+      modifyPwdSubmit,
+      logoutSystem,
+      infoRef,
+      openInfoDialog,
+      userData,
+      required,
+      lockScreen
+    };
+  }
+});
+</script>
+<style lang="scss" scoped>
+.user-content {
+  margin-right: 10px;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  .head-portrait {
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+  }
+}
+.user-name {
+  max-width: 140px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 14px;
+  margin: 0 2px 0 5px;
+  color: #303133;
+}
+.user-dropdown {
+  // background: #2c2e3b;
+  // border-color: #2c2e3b;
+  color: #303133;
+  :deep(.menu-item) {
+    color: #303133;
+    &:hover {
+      background: #F2F3F5 !important;
+      color: #3570EE;
+    }
+  }
+}
+</style>
diff --git a/src/layouts/components/personal/useTokenAndLock.ts b/src/layouts/components/personal/useTokenAndLock.ts
new file mode 100644
index 0000000..481379a
--- /dev/null
+++ b/src/layouts/components/personal/useTokenAndLock.ts
@@ -0,0 +1,52 @@
+import { computed, onMounted, onUnmounted } from 'vue'
+import { useStore } from 'vuex'
+import { useRouter, useRoute } from 'vue-router'
+
+export default function () {
+  const store = useStore()
+  const router = useRouter()
+  const route = useRoute()
+
+  function init() {
+    store.commit('SET_OPERATETIME')
+    let lockData = localStorage.getItem('lockData')
+    if (lockData) {
+      lockData = JSON.parse(lockData)
+      if ((lockData as any).isLock) router.push({ name: 'LockMe' })
+    }
+  }
+  init()
+  const operateTime = computed(() => store.state.app.operateTime)
+  const lockScreenTime = computed(() => store.getters.systemConfig.lockScreenTime)
+
+  let timer: any = 0
+  function clearTimer() {
+    clearInterval(timer)
+    timer = 0
+  }
+  onMounted(() => {
+    timer = setInterval(() => {
+      // 锁屏
+      const interval = 1000 * 60 * Number(lockScreenTime.value)
+      // checkUserStatus()
+      if (interval && new Date().getTime() - operateTime.value >= interval) {
+        lockScreen()
+      }
+    }, 1000 * 20)
+  })
+  onUnmounted(clearTimer)
+  // 锁屏
+  function lockScreen() {
+    localStorage.setItem(
+      'lockData',
+      JSON.stringify({
+        path: route.fullPath,
+        isLock: true
+      })
+    )
+    router.push({ name: 'LockMe' })
+  }
+  return {
+    lockScreen
+  }
+}
diff --git a/src/layouts/components/sidebar/BaseMenu.vue b/src/layouts/components/sidebar/BaseMenu.vue
new file mode 100644
index 0000000..2b22b0d
--- /dev/null
+++ b/src/layouts/components/sidebar/BaseMenu.vue
@@ -0,0 +1,105 @@
+<template>
+  <el-menu
+    class="custom-base-menu"
+    :default-active="matchPath"
+    :mode="mode"
+    unique-opened
+    v-bind="$attrs"
+  >
+    <sidebar-item
+      v-for="route in sideMenuData"
+      :menuItem="route"
+      :key="route.path"
+      :isLimitLevel="isLimitLevel"
+      :base-path="basePath"
+      :default-icon="defaultIcon"
+    ></sidebar-item>
+  </el-menu>
+</template>
+
+<script lang="ts">
+import { computed, defineComponent, PropType } from "vue";
+import { useRoute } from "vue-router";
+import SidebarItem from "./SidebarItem.vue";
+import { trimStart } from "lodash-es";
+
+export default defineComponent({
+  components: { SidebarItem },
+  props: {
+    mode: {
+      type: String as PropType<"horizontal" | "vertical">,
+      default: "vertical"
+    },
+    menuData: {
+      type: Array
+    },
+    mainMenu: {
+      type: Boolean,
+      default: false
+    },
+    inlineIndent: {
+      type: Number,
+      default: 12
+    },
+    isLimitLevel: {
+      type: Boolean,
+      default: true
+    },
+    limitLevel: {
+      type: Number,
+      default: 4
+    },
+    basePath: {
+      type: String,
+      default: "/"
+    },
+    defaultIcon: {
+      type: String,
+      default: "svg-dot"
+    }
+  },
+  setup(props) {
+    // 对菜单数据做过滤，去掉隐藏菜单
+    function filterMenuData(data: any) {
+      const menu: any[] = [];
+      data.forEach((item: any) => {
+        if (!item.hidden) {
+          const cache = { ...item };
+          menu.push(cache);
+          if (
+            item.children &&
+            item.path.split("/").length - 1 < props.limitLevel
+          ) {
+            cache.children = filterMenuData(item.children);
+          } else {
+            cache.children = null;
+          }
+        }
+      });
+      return menu.length ? menu : null;
+    }
+    const sideMenuData = computed(() => filterMenuData(props.menuData));
+    const route = useRoute();
+    const matchPath = computed(() => {
+      return `/${trimStart(route.path, "/")
+        .split("/", props.limitLevel - 1)
+        .join("/")}`;
+    });
+    return {
+      matchPath,
+      sideMenuData
+    };
+  }
+});
+</script>
+<style lang="scss" scoped>
+.custom-base-menu {
+  background: var(--custom-base-color-background);
+  color: var(--custom-base-color-text);
+  border-right: none;
+  height: 100%;
+  :deep(.ant-menu-submenu-arrow) {
+    color: var(--custom-base-color-text);
+  }
+}
+</style>
diff --git a/src/layouts/components/sidebar/MenuItem.vue b/src/layouts/components/sidebar/MenuItem.vue
new file mode 100644
index 0000000..f6a1e1d
--- /dev/null
+++ b/src/layouts/components/sidebar/MenuItem.vue
@@ -0,0 +1,64 @@
+<template>
+  <el-menu-item
+    class="custom-base-menu-item"
+    :index="path"
+    ref="menuItemRef"
+    @click="clickMenu"
+  >
+    <template v-if="meta.icon || defaultIcon">
+      <svg-icon
+        class="custom-base-icon"
+        :class="meta.icon && 'animated'"
+        :icon-name="meta.icon || defaultIcon"
+      ></svg-icon>
+    </template>
+     <template #title>{{meta.title}}</template>
+  </el-menu-item>
+</template>
+
+<script setup lang="ts">
+import { useLink } from './useLink'
+
+defineProps({
+  path: {
+    type: String
+  },
+  meta: {
+    type: Object,
+    default: function (){
+      return {}
+    }
+  },
+  defaultIcon: {
+    type: String,
+    default: ""
+  }
+});
+// 界面跳转
+const goPage = useLink();
+function clickMenu({ index: path }: { index: string}) {
+  goPage(path);
+}
+</script>
+<style lang="scss" scoped>
+.custom-base-menu-item {
+  min-width: auto;
+  color: var(--custom-base-color-text) !important;
+  .custom-base-icon {
+    font-size: 16px;
+    margin-right: 10px;
+  }
+  &:hover {
+    // background-color: inherit;
+    .custom-base-icon {
+      animation-name: swing;
+    }
+    color: var(--custom-base-color-text-selected) !important;
+  }
+  &.is-active {
+    background-color: var(--custom-base-color-background-selected) !important;
+    color: var(--custom-base-color-text-selected) !important;
+    border-right: 2px solid var(--custom-base-color-text-selected);
+  }
+}
+</style>
diff --git a/src/layouts/components/sidebar/OperateBtn.vue b/src/layouts/components/sidebar/OperateBtn.vue
new file mode 100644
index 0000000..75b597e
--- /dev/null
+++ b/src/layouts/components/sidebar/OperateBtn.vue
@@ -0,0 +1,58 @@
+<template>
+  <div class="box">
+    <div class="box1">
+      <slot>
+        <el-icon class="operate-icon"><IconEpArrowRight /></el-icon>
+      </slot>
+    </div>
+    <div class="box2"></div>
+    <div class="box3"></div>
+  </div>
+</template>
+
+<script setup>
+</script>
+<style lang="scss" scoped>
+.operate-icon {
+  transform: rotate(-90deg);
+}
+$color: var(--custom-base-color-background-selected);
+.box {
+  width: 60px;
+  height: 20px;
+  overflow: hidden;
+}
+.box1 {
+  width: 20px;
+  height: 20px;
+  text-align: center;
+  line-height: 20px;
+  background: $color;
+  position: absolute;
+  left: 20px;
+  color: #fff;
+  font-weight: bold;
+  z-index: 2;
+}
+.box2,
+.box3 {
+  border: 20px solid transparent;
+  border-bottom: 20px solid $color;
+  position: absolute;
+  left: 20px;
+  top: -20px;
+}
+.box3 {
+  left: 0px;
+}
+.collapsed {
+  .box1 {
+    background: $color;
+  }
+  .box2,
+  .box3 {
+    border: 20px solid transparent;
+    border-bottom: 20px solid $color;
+  }
+}
+</style>
diff --git a/src/layouts/components/sidebar/Sidebar.vue b/src/layouts/components/sidebar/Sidebar.vue
new file mode 100644
index 0000000..af73502
--- /dev/null
+++ b/src/layouts/components/sidebar/Sidebar.vue
@@ -0,0 +1,120 @@
+<template>
+  <el-aside
+    class="sidebar-container"
+    width="190px"
+    :collapsed="isCollapsed"
+    :class="isCollapsed && 'collapsed'"
+  >
+    <el-scrollbar class="scrollbar-wrapper">
+      <BaseMenu
+        v-bind="menuProps"
+        class="sidebar-menu"
+        @select="selectItem"
+      ></BaseMenu>
+    </el-scrollbar>
+    <OperateBtn class="operate" @click="$emit('toggleCollapsed')"> </OperateBtn>
+  </el-aside>
+</template>
+
+<script>
+import { computed } from "vue";
+import BaseMenu from "./BaseMenu.vue";
+import OperateBtn from "./OperateBtn.vue";
+import useMenuColorConfig from "./useMenuColorConfig";
+import useBreakPoint from "./useBreakPoint";
+
+export default {
+  components: { BaseMenu, OperateBtn },
+  props: {
+    isCollapsed: {
+      type: Boolean,
+      default: false
+    },
+    menuData: {
+      type: Array
+    },
+    isLimitLevel: {
+      type: Boolean,
+      default: false
+    },
+    basePath: {
+      type: String,
+      default: "/"
+    },
+    matchPath: {
+      type: String,
+      default: ""
+    },
+    selectItem: {
+      type: Function
+    }
+  },
+  setup(props, { emit }) {
+    const { menuColorConfig } = useMenuColorConfig();
+    const menuProps = computed(() => {
+      const { menuData, isLimitLevel, basePath, matchPath, isCollapsed } =
+        props;
+      return {
+        menuData,
+        isLimitLevel,
+        basePath,
+        matchPath,
+        collapse: isCollapsed,
+        ...unref(menuColorConfig),
+        mainMenu: true,
+        uniqueOpened: true
+      };
+    });
+    useBreakPoint('xl', emit)
+    return {
+      menuProps
+    };
+  }
+};
+</script>
+<style lang="scss" scoped>
+.sidebar-container {
+  position: relative;
+  background: var(--custom-base-color-background);
+  color: var(--custom-base-color-text);
+  z-index: 3;
+  transition: width 0.2s;
+  overflow: hidden;
+  height: 100%;
+  &.collapsed {
+    width: 48px !important;
+    overflow: initial;
+    .operate {
+      position: absolute;
+      left: 25px;
+      transform: rotate(90deg);
+      transition: left 0.1s;
+      z-index: -1;
+      &:hover {
+        left: 28px;
+      }
+    }
+  }
+  .scrollbar-wrapper {
+    height: 100%;
+    :deep(.el-scrollbar__view) {
+      height: 100%;
+    }
+    :deep(.el-scrollbar__wrap) {
+      overflow-x: hidden;
+    }
+  }
+  .operate {
+    position: absolute;
+    left: 155px;
+    top: 50%;
+    font-size: 18px;
+    cursor: pointer;
+    transform: rotate(-90deg);
+    transition: left 0.1s;
+    &:hover {
+      left: 150px;
+    }
+  }
+}
+</style>
diff --git a/src/layouts/components/sidebar/SidebarItem.vue b/src/layouts/components/sidebar/SidebarItem.vue
new file mode 100644
index 0000000..2edce88
--- /dev/null
+++ b/src/layouts/components/sidebar/SidebarItem.vue
@@ -0,0 +1,117 @@
+<template>
+  <template v-if="menuItem.children">
+    <MenuItem
+      v-if="hasOneChild(menuItem.children, menuItem)"
+      :path="singleChild.path"
+      :meta="singleChild.meta"
+      :default-icon="defaultIcon"
+    ></MenuItem>
+    <el-sub-menu v-else :index="currPath" class="custom-base-sub-menu">
+      <template #title>
+        <svg-icon
+          v-if="menuItem.meta.icon || defaultIcon"
+          class="animated custom-base-icon"
+          :icon-name="menuItem.meta.icon || defaultIcon"
+        ></svg-icon>
+        <span class="custom-base-sub-menu__title">{{
+          menuItem.meta.title
+        }}</span>
+      </template>
+      <template v-for="child in menuItem.children">
+        <sidebar-item
+          v-if="!child.hidden && !isLimitLevel && child.children"
+          :menuItem="child"
+          :key="child.path"
+          :base-path="currPath"
+          :default-icon="defaultIcon"
+        ></sidebar-item>
+        <MenuItem
+          v-else-if="!child.hidden"
+          :path="resolvePath(currPath, child.path)"
+          :meta="child.meta"
+          :key="`${child.path1}`"
+          :default-icon="defaultIcon"
+        ></MenuItem>
+      </template>
+    </el-sub-menu>
+  </template>
+  <MenuItem v-else :path="currPath" :meta="menuItem.meta"></MenuItem>
+</template>
+
+<script>
+import { resolvePath } from "utils/resolvePath";
+import MenuItem from "./MenuItem.vue";
+export default {
+  components: {
+    MenuItem
+  },
+  name: "SidebarItem",
+  data() {
+    return {
+      singleChild: {}
+    };
+  },
+  props: {
+    menuItem: {
+      type: Object
+    },
+    basePath: {
+      type: String
+    },
+    isLimitLevel: {
+      type: Boolean
+    },
+    defaultIcon: {
+      type: String
+    }
+  },
+  computed: {
+    currPath() {
+      return this.resolvePath(this.basePath, this.menuItem.path);
+    }
+  },
+  methods: {
+    resolvePath(basePath, routePath) {
+      return resolvePath(basePath, routePath);
+    },
+    hasOneChild(children, parent) {
+      if (children.length === 1 && !parent.meta.alwaysShow) {
+        this.singleChild = children[0];
+        return true;
+      }
+      return false;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.custom-base-sub-menu {
+  :deep(.#{$namespace}-sub-menu__title) {
+      margin: 4px 0;
+  }
+  .custom-base-icon {
+    font-size: 16px !important;
+    margin-right: 10px;
+    color: var(--custom-base-color-text);
+  }
+  :deep(.#{$namespace}-menu) {
+    background-color: var(--custom-base-color-background-sub) !important;
+    color: var(--custom-base-color-text);
+  }
+  &:hover, &.is-active {
+    :deep(.#{$namespace}-sub-menu__title) {
+      .custom-base-sub-menu__title {
+        color: var(--custom-base-color-text-selected);
+      }
+      & > .#{$namespace}-sub-menu__icon-arrow {
+        color: var(--custom-base-color-text-selected);
+      }
+    }
+    .custom-base-icon {
+      animation-name: swing;
+      color: var(--custom-base-color-text-selected);
+    }
+  }
+}
+</style>
diff --git a/src/layouts/components/sidebar/theme.scss b/src/layouts/components/sidebar/theme.scss
new file mode 100644
index 0000000..b3a8eec
--- /dev/null
+++ b/src/layouts/components/sidebar/theme.scss
@@ -0,0 +1,15 @@
+.sidebar-menu {
+    border: 0;
+    background: inherit;
+     :deep {
+        .el-menu {
+            background: inherit;
+        }
+        .el-menu-item,
+        .el-menu-item i,
+        .el-submenu__title,
+        .el-submenu__title i {
+            color: inherit;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/layouts/components/sidebar/useBreakPoint.ts b/src/layouts/components/sidebar/useBreakPoint.ts
new file mode 100644
index 0000000..07348d8
--- /dev/null
+++ b/src/layouts/components/sidebar/useBreakPoint.ts
@@ -0,0 +1,22 @@
+import { onMounted, onUnmounted } from 'vue'
+import { debounce } from 'lodash-es'
+const breakpointMap: any = {
+  xl: 1200
+}
+export default function(breakpoint: string, emit: any){
+  const resize = debounce(() => {
+    const width = document.body.clientWidth;
+    if(width <= breakpointMap[breakpoint]){
+      emit("toggleCollapsed", true, 'resize');
+    }else{
+      emit("toggleCollapsed", false, 'resize');
+    }
+  }, 10)
+  onMounted(() => {
+    // resize()
+    window.addEventListener('resize', resize)
+  })
+  onUnmounted(() => {
+    window.removeEventListener('resize', resize)
+  })
+}
\ No newline at end of file
diff --git a/src/layouts/components/sidebar/useGlobalStyle.ts b/src/layouts/components/sidebar/useGlobalStyle.ts
new file mode 100644
index 0000000..56dbdbf
--- /dev/null
+++ b/src/layouts/components/sidebar/useGlobalStyle.ts
@@ -0,0 +1,35 @@
+import { onUnmounted, computed, unref } from 'vue'
+import { useStore } from 'vuex'
+
+export default function () {
+  const store = useStore()
+  const pageConfigs = computed(() => store.getters.pageConfig)
+  const cssStyle: any = computed(() => {
+    const { menuBgColour, subMenuBgColour, menuFontColour, menuFontSelectColour, menuSelectColour } = pageConfigs.value
+    return {
+      '--custom-base-color-background': menuBgColour,
+      '--custom-base-color-background-sub': subMenuBgColour,
+      '--custom-base-color-text': menuFontColour,
+      '--custom-base-color-background-selected': menuSelectColour,
+      '--custom-base-color-text-selected': menuFontSelectColour
+    }
+  })
+  const style = document.createElement('style')
+  style.setAttribute('type', 'text/css')
+  function generateCss() {
+    let str = ''
+    Object.keys(unref(cssStyle)).forEach((item: string) => {
+      str += `${item}:${cssStyle.value[item]};`
+    })
+    return str
+  }
+  style.innerHTML = `:root{${generateCss()}}`
+  document.head.appendChild(style)
+
+  onUnmounted(() => {
+    style && style.remove()
+  })
+  return {
+    style: cssStyle
+  }
+}
diff --git a/src/layouts/components/sidebar/useLink.ts b/src/layouts/components/sidebar/useLink.ts
new file mode 100644
index 0000000..78cf500
--- /dev/null
+++ b/src/layouts/components/sidebar/useLink.ts
@@ -0,0 +1,20 @@
+import { isExternalLink } from 'utils/resolvePath'
+import { useRouter } from 'vue-router'
+import type { Router } from 'vue-router'
+
+export function openWindow(url: string, opt?: { target?: '_self' | '_blank' }) {
+  const { target = '__blank' } = opt || {}
+  window.open(url, target)
+}
+export function useLink(_router?: Router) {
+  const { push } = _router || useRouter()
+  function goPage(url: string, query: any = {}) {
+    if (isExternalLink(url)) {
+      return openWindow(url)
+    }
+    push({path: url, query}).catch((e) => {
+      console.log(e)
+    })
+  }
+  return goPage
+}
diff --git a/src/layouts/components/sidebar/useMenuColorConfig.ts b/src/layouts/components/sidebar/useMenuColorConfig.ts
new file mode 100644
index 0000000..78d1938
--- /dev/null
+++ b/src/layouts/components/sidebar/useMenuColorConfig.ts
@@ -0,0 +1,18 @@
+import { computed } from 'vue'
+import type { Ref } from 'vue'
+import { useStore } from 'vuex'
+
+export default function () {
+  const store = useStore()
+  const menuColorConfig: Ref<any> = computed(() => {
+    const { menuBgColour, menuFontColour, menuFontSelectColour } = store.getters.pageConfig;
+    return {
+      backgroundColor: menuBgColour,
+      textColor: menuFontColour,
+      activeTextColor: menuFontSelectColour,
+    };
+  })
+  return {
+    menuColorConfig
+  }
+}
\ No newline at end of file
diff --git a/src/layouts/components/sidebar/useOpenKeys.ts b/src/layouts/components/sidebar/useOpenKeys.ts
new file mode 100644
index 0000000..e626de4
--- /dev/null
+++ b/src/layouts/components/sidebar/useOpenKeys.ts
@@ -0,0 +1,45 @@
+import { ref, watch, computed, unref } from 'vue'
+import { useRoute } from 'vue-router'
+import { urlToList } from './utils'
+import { useStore } from 'vuex'
+
+export default function (props: { mainMenu: boolean }) {
+  const route = useRoute()
+  const store = useStore()
+  function getDefaultOpenKeys(path: string) {
+    return urlToList(path)
+  }
+  const { mainMenu } = props
+  const collapsed = computed(() => store.state.app.isCollapsed)
+  const openKeys = ref(getDefaultOpenKeys(route.path))
+  if (mainMenu) {
+    watch(
+      () => route.path,
+      () => {
+        if (unref(collapsed)) return
+        openKeys.value = getDefaultOpenKeys(route.path)
+      }
+    )
+    watch(collapsed, () => {
+      if (!collapsed.value) openKeys.value = getDefaultOpenKeys(route.path)
+    })
+  }
+  // 处理菜单数据，只保持一个子菜单展开
+  const handleOpenChange = (openKey: string[]) => {
+    const result: string[] = []
+    if (openKey.length) {
+      const lastOpenKey = [...openKey].pop() as string
+      openKey.forEach((item) => {
+        // 子菜单打开父菜单也需要展开 || 父菜单展开之前缓存的子菜单数据也要展开
+        if (lastOpenKey.includes(item) || item.includes(lastOpenKey)) {
+          result.push(item)
+        }
+      })
+    }
+    openKeys.value = result
+  }
+  return {
+    openKeys,
+    handleOpenChange,
+  }
+}
diff --git a/src/layouts/components/sidebar/utils.js b/src/layouts/components/sidebar/utils.js
new file mode 100644
index 0000000..075703e
--- /dev/null
+++ b/src/layouts/components/sidebar/utils.js
@@ -0,0 +1,31 @@
+/**
+ * Created by HaijunZhang on 2019/7/5.
+ */
+// 获取菜单数组
+export function getFlatMenuPath(menus) {
+  const paths = []
+  menus.forEach((item) => {
+    paths.push(item.path)
+    if (item.children) {
+      paths.push(...getFlatMenuPath(item.children))
+    }
+  })
+  return paths
+}
+// /userinfo/2144/id => ['/userinfo','/useinfo/2144,'/userindo/2144/id']
+export function urlToList(url) {
+  const urllist = url.split('/').filter((i) => i)
+  return urllist.map((urlItem, index) => {
+    return `/${urllist.slice(0, index + 1).join('/')}`
+  })
+}
+export const getIcon = (icon, iconMap) => {
+  if (iconMap) return iconMap[icon]
+  if (typeof icon !== 'string') return icon
+  // if (icon.indexOf('/') > -1) {
+  //   return <img src={icon} alt="icon" className={'sider-menu-item-img'} />
+  // }
+  // if (icon.includes('iconfont')) {
+  //   return <i className={icon} style={{ marginRight: '10px' }} />
+  // }
+}
diff --git a/src/layouts/home.vue b/src/layouts/home.vue
new file mode 100644
index 0000000..3349d98
--- /dev/null
+++ b/src/layouts/home.vue
@@ -0,0 +1,181 @@
+<template>
+  <el-container class="app-wrapper" :class="[{ hideSidebar: isCollapsed }, { 'font-big': isFontBig }, { 'expire-top': expire }]" @click="setTime">
+    <SystemTip />
+    <CommonHeader :match-path="matchPath"></CommonHeader>
+    <el-container style="overflow: hidden">
+      <Sidebar v-if="showSidebar" @toggleCollapsed="toggleCollapsed" :isCollapsed="isCollapsed" :menuData="menuData" :isLimitLevel="true" :matchPath="matchPath" :basePath="basePath"></Sidebar>
+      <el-container class="main-container">
+        <ThirdMenu :menuData="thirdMenuData" v-if="thirdMenuData.children"></ThirdMenu>
+        <el-main class="main-body">
+          <el-scrollbar class="custom-scrollbar" style="flex: 1">
+            <transition enter-active-class="fadeInUp" mode="out-in">
+              <!-- <router-view v-if="$route.path === '/404'"></router-view> -->
+              <div id="subapp-viewport" class="app-view-box"></div>
+            </transition>
+            <!-- <el-backtop target=".custom-scrollbar .el-scrollbar__wrap" :right="5"></el-backtop> -->
+          </el-scrollbar>
+        </el-main>
+      </el-container>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+import { watch, ref, computed, unref } from 'vue'
+import { useRoute } from 'vue-router'
+import { useStore } from 'vuex'
+import { trimStart, cloneDeep } from 'lodash-es'
+import Sidebar from './components/sidebar/Sidebar.vue'
+import ThirdMenu from './components/ThirdMenu.vue'
+import CommonHeader from './components/Header.vue'
+import SystemTip from './components/SystemTip.vue'
+import useRouteItem from "@/hooks/useRouteItem";
+
+// import startApp from '@/core/register'
+export default {
+  components: {
+    CommonHeader,
+    SystemTip,
+    Sidebar,
+    ThirdMenu
+  },
+  data() {
+    return {
+      matchPath: ''
+    }
+  },
+  setup() {
+    const route = useRoute()
+    const store = useStore()
+    // 初始化
+    function init() {
+      store.commit('permission/SET_BUTTONS')
+      store.dispatch('GetSystemConfigs')
+    }
+    init()
+    // onMounted(() => {
+    //   console.log('micro apps register')
+    //   startApp()
+    // })
+    // 获取三级菜单数据
+    const thirdMenuData = ref({})
+    function getThirdMenu(data, matchPath) {
+      for (const items of data) {
+        if (matchPath.includes(items.path) && items.children) {
+          if (matchPath === items.path) {
+            const thirdMenu = cloneDeep(items)
+            // 对三级菜单隐藏的数据做剔除
+            const children = []
+            items.children = items.children || []
+            items.children.forEach((_) => {
+              if (!_.hidden) children.push(_)
+            })
+            thirdMenuData.value = Object.assign(thirdMenu, { children: children.length ? children : null })
+          } else {
+            getThirdMenu(items.children, matchPath)
+          }
+          break
+        }
+      }
+    }
+    // 截取当前路径
+    function getLevelPath(level) {
+      return `/${trimStart(route.path, '/').split('/', level).join('/')}`
+    }
+    // 处理路径，获取匹配的路由以及获取第三级菜单的数据
+    function handlePath() {
+      const matchPath = getLevelPath(3)
+      // 确保刷新先更新menuData再去获取三级菜单数据
+      setTimeout(() => {
+        const pathLen = route.path.split('/').length
+        thirdMenuData.value = {}
+        if (pathLen >= 6) {
+          // 寻找四级菜单
+          getThirdMenu(addRoutes.value, getLevelPath(4))
+        } else if (pathLen >= 5) {
+          // 寻找三级菜单
+          getThirdMenu(addRoutes.value, matchPath)
+        }
+      })
+    }
+    watch(
+      () => route.path,
+      () => {
+        handlePath()
+      },
+      {
+        immediate: true
+      }
+    )
+    watch(thirdMenuData, (current, pre) => {
+      // 当三级菜单数据有变化是触发, 有三级菜单默认收缩主菜单
+      if (!current.children === !pre.children) return
+      store.commit('SET_COLLAPSED', !!thirdMenuData.value.children)
+    })
+    const toggleCollapsed = (value, source) => {
+      if (typeof value === 'boolean') {
+        // 窗口改变时，发现有三级菜单直接返回
+        if(source === 'resize' && thirdMenuData.value.children) return;
+        store.commit('SET_COLLAPSED', value)
+      } else {
+        store.commit('TOGGLE_SIDEBAR')
+      }
+    }
+    const addRoutes = computed(() => store.state.permission.addRoutes)
+    const menuData = computed(() => store.state.app.sideMenuData)
+    const { routeItem } = useRouteItem();
+    const showSidebar = computed(() => {
+      return (
+        routeItem.value &&
+        !routeItem.value.meta.hiddenSide &&
+        unref(menuData).length
+      );
+    });
+    function setTime() {
+      store.commit('SET_OPERATETIME')
+    }
+    return {
+      isCollapsed: computed(() => store.state.app.isCollapsed),
+      basePath: computed(() => store.state.app.basePath),
+      expire: computed(() => store.state.app.expire),
+      isFontBig: computed(() => store.state.app.pageConfig.contentFontSize === 'big'),
+      addRoutes,
+      menuData,
+      showSidebar,
+      thirdMenuData,
+      toggleCollapsed,
+      setTime
+    }
+  },
+  methods: {
+    // 选择菜单处理，主要处理当前菜单二次点击
+    selectItem() {
+      // const matchPath = [path, `${path}/list`]
+      // if (matchPath.includes(this.$route.path)) {
+      //   setTimeout(() => {
+      //     this.$router.push({ name: 'Redirect', query: { path: path } })
+      //   })
+      // }
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.app-wrapper {
+  background: #e7f4ff;
+  flex-direction: column;
+  min-width: 1200px;
+  overflow: hidden;
+}
+
+.main-container {
+  position: relative;
+  height: 100%;
+  background: #f5f7f9;
+  .main-body {
+    padding: 0 16px 12px 16px;
+    display: flex;
+    flex-direction: column;
+  }
+}
+</style>
diff --git a/src/layouts/redirect.vue b/src/layouts/redirect.vue
new file mode 100644
index 0000000..103fb13
--- /dev/null
+++ b/src/layouts/redirect.vue
@@ -0,0 +1,12 @@
+<template>
+  <div></div>
+</template>
+<script setup lang="ts">
+import { useRouter, useRoute } from 'vue-router'
+
+const router = useRouter()
+const route = useRoute()
+setTimeout(() => {
+  router.push(route.query.path as string)
+})
+</script>
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..9769753
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,20 @@
+/*
+ * @Author: Haijun Zhang
+ * @Date: 2022-11-10 10:46:38
+ * @LastEditTime: 2022-11-14 18:01:42
+ * @LastEditors: Haijun Zhang
+ * @Description: 
+ * @FilePath: \main-web-qiankun\src\main.ts
+ */
+import { createApp } from 'vue'
+import router from '@/router/index'
+import store from '@/store'
+import '@/permission'
+import App from './App.vue'
+import 'virtual:svg-icons-register'
+import startApp from '@/core/register'
+import 'uno.css'
+
+const application = createApp(App)
+application.use(store).use(router).mount('#master-container')
+startApp()
diff --git a/src/mixins/getGlobalSocket.js b/src/mixins/getGlobalSocket.js
new file mode 100644
index 0000000..cc9f32b
--- /dev/null
+++ b/src/mixins/getGlobalSocket.js
@@ -0,0 +1,10 @@
+export default {
+  computed: {
+    $webSocket() {
+      return this.$store.state.app.$webSocket
+    }
+  },
+  created() {
+    this.$webSocket.onmessage = this.onmessage
+  }
+}
diff --git a/src/mixins/selection.js b/src/mixins/selection.js
new file mode 100644
index 0000000..a2f2fa0
--- /dev/null
+++ b/src/mixins/selection.js
@@ -0,0 +1,12 @@
+export default {
+  data() {
+    return {
+      selectionIds: [],
+    }
+  },
+  methods: {
+    handleSelectionChange(selections) {
+      this.selectionIds = selections.map((item) => item.id)
+    },
+  },
+}
diff --git a/src/mixins/webSocket.js b/src/mixins/webSocket.js
new file mode 100644
index 0000000..f61c3f5
--- /dev/null
+++ b/src/mixins/webSocket.js
@@ -0,0 +1,32 @@
+import WebSocket from 'cmp-socket'
+import { getToken } from 'utils/auth'
+
+export default {
+  data() {
+    return {
+      webSocket: '',
+    }
+  },
+  created() {
+    const protocol = location.protocol === 'http:' ? 'ws' : 'wss'
+    this.webSocket = new WebSocket({
+      url: `${protocol}://${location.host}/api/sms/messageService`,
+      commonFun: this.messageCommonFun,
+      pingMsg: 'HeartBeat',
+      reConnectNum: 5,
+      params: getToken(),
+    })
+    if (this.onmessage && typeof this.onmessage === 'function') {
+      this.webSocket.onmessage = this.onmessage
+    }
+  },
+  destroyed() {
+    this.webSocket.Destroy()
+    this.webSocket = null
+  },
+  methods: {
+    messageCommonFun() { 
+      console.log('common function')
+    },
+  },
+}
diff --git a/src/models/user.d.ts b/src/models/user.d.ts
new file mode 100644
index 0000000..8c082c3
--- /dev/null
+++ b/src/models/user.d.ts
@@ -0,0 +1,19 @@
+export interface IUser {
+  id?: number
+  account: string
+  name: string
+  status: string
+  isManager: boolean
+  sex: boolean
+  password: string
+  email: string
+  mobile: string
+  dingtalk: string
+  wechat: string
+  company: string
+  jobNumber: string
+  tenantId: number
+  remark: string
+  departId: number | undefined
+  departIds: number[]
+}
diff --git a/src/permission.js b/src/permission.js
new file mode 100644
index 0000000..904a73b
--- /dev/null
+++ b/src/permission.js
@@ -0,0 +1,52 @@
+/**
+ * Created by HaijunZhang on 2018/11/12.
+ */
+import store from './store'
+import router from './router'
+import { getToken, setToken } from 'utils/auth'
+import { getQuery } from 'utils'
+import { isEmpty, assign } from 'lodash-es'
+
+const { token } = getQuery(location.hash)
+if (token) {
+  setToken(token)
+}
+
+const whiteList = ['/login', '/404', '/401', '/license', '/sso', '/jump']
+router.beforeEach(async (to, from, next) => {
+  if (isEmpty(history.state.current)) {
+    assign(history.state, { current: from.fullPath })
+  }
+  if (getToken()) {
+    // 判断用户是否处于登录状态
+    if (to.path === '/login') {
+      // 如果已经登录重定向到主页
+      await store.dispatch('permission/ResetRoutes', false)
+      next('/login')
+    } else {
+      // 为null的场景： 刷新页面或者新开窗口；
+      const addRoutes = store.getters.addRoutes
+      if (addRoutes) {
+        next()
+      } else {
+        try {
+          await store.dispatch('permission/GenerateRoutes')
+          store.dispatch('GetUserInfo')
+          next({ ...to, replace: true })
+        } catch (error) {
+          // remove token and go to login page to re-login
+          await store.dispatch('permission/ResetRoutes', false)
+          next('/login')
+        }
+      }
+    }
+  } else {
+    // 用户没有登录
+    if (whiteList.includes(to.path)) {
+      // 在白名单里直接跳转
+      next()
+    } else {
+      next('/login')
+    }
+  }
+})
diff --git a/src/router/constant.ts b/src/router/constant.ts
new file mode 100644
index 0000000..f34f9f9
--- /dev/null
+++ b/src/router/constant.ts
@@ -0,0 +1,44 @@
+import type { RouteRecordRaw } from 'vue-router'
+
+const routes: RouteRecordRaw[] = [
+  {
+    name: 'Login',
+    path: '/login',
+    component: () => import('views/login/login.vue')
+  },
+  {
+    path: '/sso',
+    component: () => import('views/login/sso.vue')
+  },
+  {
+    path: '/jump',
+    component: () => import('views/login/JumpPage.vue')
+  },
+  {
+    name: 'LockMe',
+    path: '/lockme',
+    component: () => import('views/login/lockme.vue')
+  },
+  {
+    name: 'Redirect',
+    path: '/redirect',
+    meta: { noTag: true },
+    component: () => import('@/layouts/redirect.vue')
+  },
+  {
+    path: '/',
+    component: () => import('@/layouts/home.vue'),
+    redirect: '/sms-web/resource_dashboard',
+    meta: {
+      title: '主页'
+    },
+    name: 'Home',
+    children: []
+  },
+  {
+    path: '/license',
+    name: 'License',
+    component: () => import('@/views/about/index.vue')
+  }
+]
+export default routes
diff --git a/src/router/index.ts b/src/router/index.ts
new file mode 100644
index 0000000..3d7c515
--- /dev/null
+++ b/src/router/index.ts
@@ -0,0 +1,20 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import routes from './constant'
+
+function createRoute() {
+  return createRouter({
+    history: createWebHistory(),
+    routes,
+  })
+}
+const router = createRoute()
+export const asyncRouterMap = {
+  Home: () => import('@/layouts/home.vue'),
+  App: () => import('@/layouts/app.vue'),
+}
+export function resetRouter() {
+  // const newRouter = createRoute();
+  // router.matcher = newRouter.matcher; // reset router
+}
+
+export default router
diff --git a/src/services/index.js b/src/services/index.js
new file mode 100644
index 0000000..65e99db
--- /dev/null
+++ b/src/services/index.js
@@ -0,0 +1,78 @@
+/**
+ * Created by HaijunZhang on 2019/7/23.
+ */
+import request from 'utils/request'
+import { wrapperParams } from 'utils'
+
+export function login(params) {
+  return request.post('/sms/v1/users/login', params)
+}
+export function getTokenInfo(params) {
+  return request.post('/sms/v1/sso/token/info', params)
+}
+export function getToken() {
+  return request.post('/sms/v1/sso/check')
+}
+export function getUserInfo() {
+  return request.get('/sms/v1/login/detail')
+}
+export function logout() {
+  return request.post('/sms/v1/users/logout')
+}
+export function getConfig(params) {
+  return request.get('/sms/v1/logo', {
+    params: wrapperParams(params),
+  })
+}
+export function getDict(data) {
+  return request.get('/dict/children', {
+    params: wrapperParams(data),
+  })
+}
+export function getSysconf() {
+  return request.get('/sms/v1/configs')
+}
+export function getSysconfCode(params) {
+  return request.get('/sms/v1/configs', { params })
+}
+export function modifySysconf(data) {
+  return request.put('/sms/v1/configs', wrapperParams(data))
+}
+
+export function syncLdapApi() {
+  return request.post('/sms/v1/configs/syncLdap')
+}
+// 获取首页概览信息
+export function getPortal(params) {
+  return request.get('/ims/v1/portal/platform/stats', { params: wrapperParams(params) })
+}
+export function getServiceQuota(tenantId, data) {
+  return request.get(`/cos/v1/tenants/${tenantId}/quotas`, {
+    params: wrapperParams(data),
+  })
+}
+// 获取用户权限
+export function getUserPermissions() {
+  return request.get('/sms/v1/users/permissions')
+}
+// 获取系统配置信息
+export function getSystemConfigs(params) {
+  return request.get('/sms/v1/configs', { params })
+}
+// 获取树状系统配置信息
+export function getSystemTreeConfigs(params) {
+  return request.get('/sms/v1/configs/tree', { params })
+}
+// 更新系统配置信息
+export function updateSystemConfigs(params) {
+  return request.put('/sms/v1/system-configs', params, {
+    headers: { 'Content-Type': 'multipart/form-data', BsmAjaxHeader: true, options: { noSeri: true } },
+  })
+}
+// 测试连接
+export function testLinkApi(category) {
+  return request.get('/sms/v1/configs/test', { params: { category } })
+}
+export function getWinhongToken() {
+  return request.get('/sms/v1/system/home/winhong/token')
+}
diff --git a/src/services/license.js b/src/services/license.js
new file mode 100644
index 0000000..e1e8e56
--- /dev/null
+++ b/src/services/license.js
@@ -0,0 +1,26 @@
+/**
+ * Created by HaijunZhang on 2019/7/23.
+ */
+import request from 'utils/request'
+
+const baseUrl = '/sms/v1/config'
+
+export function getStatus(params) {
+  return request.get(`${baseUrl}/status`, {
+    params,
+  })
+}
+export function getSid() {
+  return request.get('/sms/v1/status/sids')
+}
+export function getServer(params) {
+  return request.get(`${baseUrl}/servers`, {
+    params,
+  })
+}
+export function getLicense() {
+  return request.get(`${baseUrl}/license`)
+}
+export function installCaptcha(params) {
+  return request.post('/sms/v1/config/captcha/install', params)
+}
diff --git a/src/services/manager.ts b/src/services/manager.ts
new file mode 100644
index 0000000..5bacd7b
--- /dev/null
+++ b/src/services/manager.ts
@@ -0,0 +1,56 @@
+/* eslint-disable no-undef */
+/**
+ * Created by HaijunZhang on 2019/7/23.
+ */
+import request from 'utils/request'
+import { wrapperParams, downloadFile } from 'utils/index'
+import type { IUser } from '@/models/user'
+
+const baseUrl = '/sms/v1/users'
+export function getUser(params: Base.IListParams) {
+  return request.get<Base.IListData<IUser>>(baseUrl, {
+    params,
+  })
+}
+export function getUserDetail(id: number) {
+  return request.get<IUser>(`${baseUrl}/${id}`)
+}
+export function createUser(params: IUser) {
+  return request.post(baseUrl, wrapperParams(params))
+}
+export function modifyUser(params: IUser) {
+  return request.put(`${baseUrl}/${params.id}`, wrapperParams(params))
+}
+export function removeUser(id: number) {
+  return request.delete(`${baseUrl}/${id}`)
+}
+
+export function accreditManager(id: number, roleIds: number[]) {
+  return request.patch(`${baseUrl}/${id}/accredit`, roleIds)
+}
+export function resetManager(id: number, password: string) {
+  return request.patch<unknown, Base.IResponseData>(`${baseUrl}/${id}/reset`, { password })
+}
+export function operateManager(id: number, action: string) {
+  return request.patch(`${baseUrl}/${id}`, { action })
+}
+export function batchOperateManager(ids: number[], action: string) {
+  return request.patch(`${baseUrl}`, { action, ids })
+}
+export function changePassword(id: number, params: { oldPassword: string; password: string }) {
+  return request.patch(`${baseUrl}/${id}/pwd`, params)
+}
+export function checkUser(id: number) {
+  return request.get(`${baseUrl}/${id}/status`)
+}
+export function getRolesByUser(id: number) {
+  return request.get(`${baseUrl}/${id}/roles`)
+}
+export function getTrack(params: Base.IListParams) {
+  return request.get(`${baseUrl}/track`, {
+    params,
+  })
+}
+export function exportUser(params: Base.IListParams) {
+  downloadFile(`${baseUrl}/export`, params)
+}
diff --git a/src/services/message.js b/src/services/message.js
new file mode 100644
index 0000000..2697c89
--- /dev/null
+++ b/src/services/message.js
@@ -0,0 +1,23 @@
+/**
+ * Created by HaijunZhang on 2019/7/23.
+ */
+import request from 'utils/request'
+
+const baseUrl = '/sms/v1/messages'
+export function getMessage(params) {
+  return request.get(baseUrl, {
+    params,
+  })
+}
+export function getMessageStats() {
+  return request.get(`${baseUrl}/stats`)
+}
+export function getMessageDetail(id) {
+  return request.get(`${baseUrl}/${id}`)
+}
+export function removeMessage(id) {
+  return request.delete(`${baseUrl}/${id}`)
+}
+export function readAllMessage(params) {
+  return request.patch(`${baseUrl}`, params)
+}
diff --git a/src/services/user.js b/src/services/user.js
new file mode 100644
index 0000000..35f5758
--- /dev/null
+++ b/src/services/user.js
@@ -0,0 +1,50 @@
+/**
+ * Created by HaijunZhang on 2019/7/23.
+ */
+import request from 'utils/request'
+import { wrapperParams } from 'utils/index'
+
+const baseUrl = '/sms/v1/users'
+export function getUser(params) {
+  return request.get(baseUrl, {
+    params,
+  })
+}
+export function getUserDetail(id) {
+  return request.get(`${baseUrl}/${id}`)
+}
+export function createUser(params) {
+  return request.post(baseUrl, wrapperParams(params))
+}
+export function modifyUser(params) {
+  return request.put(`${baseUrl}/${params.id}`, wrapperParams(params))
+}
+export function removeUser(id) {
+  return request.delete(`${baseUrl}/${id}`)
+}
+export function getManager(id) {
+  return request.get(`/sms/v1/tenants/${id}`)
+}
+/*
+ * action取值为：
+ * lock active reset accredit change
+ */
+export function operateUser(id, action, params) {
+  return request.patch(`${baseUrl}/${id}`, {
+    action,
+    ...wrapperParams(params),
+  })
+}
+export function checkStatus(data) {
+  const { accountCategory, id } = data
+  const url = accountCategory === 'User' ? baseUrl : '/sms/v1/tenants'
+  return request.get(`${url}/${id}/status`)
+}
+export function getRolesByUser(id) {
+  return request.get(`${baseUrl}/${id}/roles`)
+}
+export function getTrack(params) {
+  return request.get(`${baseUrl}/track`, {
+    params,
+  })
+}
diff --git a/src/store/getters.js b/src/store/getters.js
new file mode 100644
index 0000000..5e1174b
--- /dev/null
+++ b/src/store/getters.js
@@ -0,0 +1,11 @@
+const getters = {
+  addRoutes: (state) => state.permission.addRoutes,
+  routeMap: (state) => state.permission.routeMap,
+  userData: (state) => state.app.userData,
+  pageConfig: (state) => state.app.pageConfig,
+  systemConfig: (state) => state.app.systemConfig,
+  appLoading: (state) => state.app.appLoading,
+  appConfigs: (state) => state.app.appConfigs,
+  hasFms: (state) => state.app.hasFms,
+}
+export default getters
diff --git a/src/store/index.ts b/src/store/index.ts
new file mode 100644
index 0000000..b48f11f
--- /dev/null
+++ b/src/store/index.ts
@@ -0,0 +1,10 @@
+import { createStore } from 'vuex'
+import getters from './getters'
+import { getModules } from '@/utils/autoImport'
+
+const modulesMap: any = import.meta.globEager('./modules/*.js')
+const modules = getModules(modulesMap)
+export default createStore({
+  modules,
+  getters
+})
diff --git a/src/store/modules/app.js b/src/store/modules/app.js
new file mode 100644
index 0000000..76931b3
--- /dev/null
+++ b/src/store/modules/app.js
@@ -0,0 +1,136 @@
+/**
+ * Created by Zhang Haijun on 2018/6/15.
+ */
+import { getSystemConfigs, getUserInfo } from 'services'
+import { userKey, enableUserStorage } from '@/config'
+import { setBrowser, createGlobalStyle } from '../utils'
+import actionStore from '@/core/actions'
+
+const state = {
+  isCollapsed: false,
+  sideMenuData: [],
+  pageConfig: {},
+  systemConfig: {},
+  userData: null,
+  operateTime: '',
+  basePath: '',
+  $webSocket: {},
+  expire: false,
+  appLoading: false,
+  appConfigs: {
+    homePath: '',
+    hasCos: true,
+  },
+  hasFms: true
+}
+const mutations = {
+  SET_EXPIRE(state, value) {
+    state.expire = value
+  },
+  SET_APP_LOADING(state, value) {
+    state.appLoading = value
+  },
+  SET_OPERATETIME(state) {
+    state.operateTime = new Date().getTime()
+  },
+  SET_WEBSOCKET(state, value) {
+    state.$webSocket = value
+  },
+  SET_ONMESSAGE(state, value) {
+    if (state.$webSocket) {
+      state.$webSocket.onmessage = value
+    }
+  },
+  SET_USERDATA(state, userData = {}) {
+    state.userData = userData
+    actionStore.setGlobalState({
+      userData
+    })
+  },
+  RESET_USER(state) {
+    state.userData = {}
+    if (enableUserStorage) {
+      localStorage.removeItem(userKey)
+    }
+  },
+  TOGGLE_SIDEBAR(state) {
+    state.isCollapsed = !state.isCollapsed
+  },
+  SET_COLLAPSED(state, value) {
+    state.isCollapsed = value
+  },
+  SETTING_SIDE_MENU(state, data) {
+    state.sideMenuData = data
+  },
+  SETTING_BASE_PATH(state, data) {
+    state.basePath = data
+  },
+  SETTING_PAGE_CONFIG(state, data) {
+    const { browserIcon, browserTitle, menuBgColour, subMenuBgColour, menuFontColour, menuFontSelectColour, menuSelectColour } = data
+    setBrowser(browserIcon, browserTitle);
+    createGlobalStyle({
+      '--custom-base-color-background': menuBgColour,
+      '--custom-base-color-background-sub': subMenuBgColour,
+      '--custom-base-color-text': menuFontColour,
+      '--custom-base-color-background-selected': menuSelectColour,
+      '--custom-base-color-text-selected': menuFontSelectColour
+    })
+    state.pageConfig = data
+  },
+  SETTING_SYSTEM_CONFIG(state, data) {
+    state.systemConfig = data
+  },
+  SET_APP_CONFIGS(state, value){
+    state.appConfigs = value
+    actionStore.setGlobalState({
+      appConfigs: value
+    })
+  },
+  SETTING_HASFMS(state, value) {
+    state.hasFms = value
+  }
+}
+const actions = {
+  async GetUserInfo({ commit, state: { userData } }) {
+    // 如果启用了本地缓存，直接在缓存取数据
+    if (enableUserStorage && !userData) {
+      const userData = JSON.parse(localStorage.getItem(userKey))
+      if (userData) {
+        // 判断下菜单数据是否存在
+        commit('SET_USERDATA', userData)
+        return
+      }
+    }
+    const data = await getUserInfo()
+    if (data.success) {
+      // 云桌面登录与系统登录返回值不同
+      const { portrait, ...others } = data.data.Manager || {}
+      const result = {
+        ...others,
+        portrait: portrait || '/web-common-resource/img/avatar_default.png',
+        accountCategory: data.data.accountCategory
+      }
+      if (enableUserStorage) {
+        localStorage.setItem(userKey, JSON.stringify(result))
+      }
+      commit('SET_USERDATA', result)
+    }
+  },
+  async GetPageConfigs({ commit }) {
+    const data = await getSystemConfigs({ category: '界面配置' })
+    if (data.success) {
+      commit('SETTING_PAGE_CONFIG', data.data)
+    }
+  },
+  async GetSystemConfigs({ commit }) {
+    const data = await getSystemConfigs({ codes: 'pwdStrength,lockScreenTime' })
+    if (data.success) {
+      commit('SETTING_SYSTEM_CONFIG', data.data)
+    }
+  }
+}
+export default {
+  state,
+  mutations,
+  actions
+}
diff --git a/src/store/modules/permission.js b/src/store/modules/permission.js
new file mode 100644
index 0000000..e1127be
--- /dev/null
+++ b/src/store/modules/permission.js
@@ -0,0 +1,155 @@
+/**
+ * Created by HaijunZhang on 2018/11/12.
+ */
+import { resolvePath } from 'utils/resolvePath'
+import { removeToken } from 'utils/auth'
+import { getUserPermissions } from 'services'
+import BlankView from '@/layouts/blank.vue'
+import router, { resetRouter } from '@/router'
+import { menuKey, enablePermissionStorage } from '@/config'
+import actionStore from '@/core/actions'
+import { trimStart } from 'lodash-es'
+
+const resultRoutes = []
+const createSubRoute = (permissions) => {
+  permissions.forEach(item => {
+    const { path } = item;
+    router.addRoute('Home',{
+      name: trimStart(path, '/'),
+      path: `${path}/:page*`,
+      component: BlankView
+    })
+  })
+}
+// 对异步路由数据进行处理生成路由表
+const handleAsyncRouter = (routes, basePath = '/') => {
+  const res = []
+  routes.forEach((route) => {
+    const { router, component, name, redirect, icon, id, category, meta, params } = route
+    // 生成meta对象
+    const metaCache = {}
+    JSON.parse(meta).forEach((item) => {
+      metaCache[item.key] = item.value
+    })
+    // 生成params对象
+    const paramsCache = {}
+    JSON.parse(params).forEach((item) => {
+      paramsCache[item.key] = item.value
+    })
+    const tmp = {
+      id,
+      path: resolvePath(basePath, route.path),
+      name: router,
+      component,
+      redirect,
+      hidden: category === 'view',
+      meta: {
+        ...metaCache,
+        title: name,
+        icon
+      },
+      params: paramsCache
+    }
+    if (route.children) {
+      tmp.children = handleAsyncRouter(route.children, tmp.path)
+    }
+    res.push(tmp)
+  })
+  return res
+}
+function getRouteMap(menus) {
+  let routerMap = {};
+  menus.forEach((menuItem) => {
+    const { path, children } = menuItem;
+    if (children) {
+      routerMap = Object.assign(routerMap, getRouteMap(children));
+    }
+    routerMap[path] = menuItem;
+  });
+
+  return routerMap;
+}
+const state = {
+  addRoutes: null,
+  buttons: [],
+  routeMap: {}
+}
+const mutations = {
+  SET_ROUTES: (state, routers) => {
+    state.addRoutes = routers
+    state.routeMap = getRouteMap(routers || [])
+  },
+  SET_BUTTONS: (state) => {
+    state.buttons = JSON.parse(localStorage.getItem('buttonData'))
+  }
+}
+const actions = {
+  GenerateRoutes({ commit, state: { addRoutes } }) {
+    return new Promise((resolve) => {
+      const callback = (permissions) => {
+        resultRoutes.length = 0
+        actionStore.setGlobalState({
+          permissions
+        })
+        createSubRoute(permissions)
+        const asyncRouter = handleAsyncRouter(permissions)
+        commit('SET_ROUTES', asyncRouter)
+        resolve(asyncRouter)
+      }
+      // 如果启用了本地缓存并且刷新界面进入，直接在缓存取数据,因为存在一种情况主动更新数据
+      if (enablePermissionStorage && !addRoutes) {
+        const menuData = JSON.parse(localStorage.getItem(menuKey))
+        if (menuData) {
+          // 判断下菜单数据是否存在
+          callback(menuData)
+          return
+        }
+      }
+      getUserPermissions()
+        .then((data) => {
+          if (data.success) {
+            if (enablePermissionStorage) {
+              localStorage.setItem(menuKey, JSON.stringify(data.data))
+            }
+            callback(data.data)
+          }
+        })
+        .catch((err) => {
+          console.log(err)
+        })
+    })
+  },
+  // 动态更新权限
+  ChangeRoutes({ dispatch }) {
+    return new Promise((resolve) => {
+      resetRouter()
+      dispatch('GenerateRoutes').then(() => {
+        resolve()
+      })
+    })
+  },
+  ResetRoutes({ commit, dispatch }, redirectToLogin = true) {
+    return new Promise((resolve) => {
+      resetRouter()
+      commit('SET_ROUTES', null)
+      if (enablePermissionStorage) {
+        localStorage.removeItem(menuKey)
+      }
+      // 重置用户信息
+      commit('RESET_USER', null, { root: true })
+      // 重置用户信息
+      commit('SETTING_SIDE_MENU', [], { root: true })
+      // 重置标签信息
+      dispatch('tagsView/delAllViews', null, { root: true })
+      removeToken()
+      if (redirectToLogin) window.location.href = '/login'
+      resolve()
+    })
+  }
+}
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
diff --git a/src/store/modules/tagsView.js b/src/store/modules/tagsView.js
new file mode 100644
index 0000000..5e6c650
--- /dev/null
+++ b/src/store/modules/tagsView.js
@@ -0,0 +1,132 @@
+const state = {
+  visitedViews: [],
+  cachedViews: [],
+}
+
+const mutations = {
+  ADD_VISITED_VIEW: (state, view) => {
+    const {
+      meta: { noTag, title },
+    } = view
+    if (noTag || !title) return
+    if (state.visitedViews.some((v) => v.path === view.path)) return
+    state.visitedViews.push({ ...view, title })
+  },
+  ADD_CACHED_VIEW: (state, view) => {
+    if (state.cachedViews.includes(view.name)) return
+    if (view.name && !view.meta.noCache) {
+      state.cachedViews.push(view.name)
+    }
+  },
+
+  DEL_VISITED_VIEW: (state, view) => {
+    for (const [i, v] of state.visitedViews.entries()) {
+      if (v.path === view.path) {
+        state.visitedViews.splice(i, 1)
+        break
+      }
+    }
+  },
+  DEL_CACHED_VIEW: (state, view) => {
+    const index = state.cachedViews.indexOf(view.name)
+    if (index > -1) state.cachedViews.splice(index, 1)
+  },
+
+  DEL_OTHERS_VISITED_VIEWS: (state, view) => {
+    state.visitedViews = state.visitedViews.filter((v) => v.meta.fix || v.path === view.path)
+  },
+  DEL_OTHERS_CACHED_VIEWS: (state, view) => {
+    const index = state.cachedViews.indexOf(view.name)
+    if (index > -1) {
+      state.cachedViews = [view.name]
+    } else {
+      // if index = -1, there is no cached tags
+      state.cachedViews = []
+    }
+  },
+  DEL_LEFT_VISITED_VIEWS: (state, index) => {
+    const left = state.visitedViews.slice(0, index).filter((v) => v.meta.fix)
+    const right = state.visitedViews.slice(index)
+    state.visitedViews = [...left, ...right]
+  },
+  DEL_RIGHT_VISITED_VIEWS: (state, index) => {
+    const left = state.visitedViews.slice(0, index + 1)
+    const right = state.visitedViews.slice(index + 1).filter((v) => v.meta.fix)
+    state.visitedViews = [...left, ...right]
+  },
+  UPDATE_CACHE_VIEWS: (state) => {
+    state.cachedViews = state.visitedViews.filter((v) => !v.meta.noCache && v.name).map((v) => v.name)
+  },
+  DEL_ALL_VISITED_VIEWS: (state) => {
+    // keep fix tags
+    const fixTags = state.visitedViews.filter((tag) => tag.meta.fix)
+    state.visitedViews = fixTags
+  },
+  DEL_ALL_CACHED_VIEWS: (state) => {
+    state.cachedViews = []
+  },
+}
+
+const actions = {
+  addView({ commit }, view) {
+    commit('ADD_VISITED_VIEW', view)
+    commit('ADD_CACHED_VIEW', view)
+  },
+  delView({ commit, state }, view) {
+    return new Promise((resolve) => {
+      commit('DEL_VISITED_VIEW', view)
+      commit('DEL_CACHED_VIEW', view)
+      resolve({
+        visitedViews: [...state.visitedViews],
+        cachedViews: [...state.cachedViews],
+      })
+    })
+  },
+  delOthersViews({ commit, state }, view) {
+    return new Promise((resolve) => {
+      commit('DEL_OTHERS_VISITED_VIEWS', view)
+      commit('DEL_OTHERS_CACHED_VIEWS', view)
+      resolve({
+        visitedViews: [...state.visitedViews],
+        cachedViews: [...state.cachedViews],
+      })
+    })
+  },
+  delLeftViews({ commit, state }, { index }) {
+    return new Promise((resolve) => {
+      commit('DEL_LEFT_VISITED_VIEWS', index)
+      commit('UPDATE_CACHE_VIEWS')
+      resolve({
+        visitedViews: [...state.visitedViews],
+        cachedViews: [...state.cachedViews],
+      })
+    })
+  },
+  delRightViews({ commit, state }, { index }) {
+    return new Promise((resolve) => {
+      commit('DEL_RIGHT_VISITED_VIEWS', index)
+      commit('UPDATE_CACHE_VIEWS')
+      resolve({
+        visitedViews: [...state.visitedViews],
+        cachedViews: [...state.cachedViews],
+      })
+    })
+  },
+  delAllViews({ commit, state }) {
+    return new Promise((resolve) => {
+      commit('DEL_ALL_VISITED_VIEWS')
+      commit('DEL_ALL_CACHED_VIEWS')
+      resolve({
+        visitedViews: [...state.visitedViews],
+        cachedViews: [...state.cachedViews],
+      })
+    })
+  },
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions,
+}
diff --git a/src/store/utils.js b/src/store/utils.js
new file mode 100644
index 0000000..345f3d5
--- /dev/null
+++ b/src/store/utils.js
@@ -0,0 +1,27 @@
+export const setBrowser = (icon, title) => {
+  const head = document.getElementsByTagName('head')[0]
+  const linkTag = document.createElement('link')
+  linkTag.href = icon
+  linkTag.setAttribute('rel', 'shortcut icon')
+  linkTag.setAttribute('type', 'image/x-icon')
+  head.appendChild(linkTag)
+  document.title = title
+}
+// /system/configs/page -> [ '/system','/system/configs','/system/configs/page']
+export const urlToList = (url) => {
+  const urllist = url.split('/').filter((i) => i)
+  return urllist.map((urlItem, index) => `/${urllist.slice(0, index + 1).join('/')}`)
+}
+export function createGlobalStyle(cssStyle){
+  const style = document.createElement('style')
+  style.setAttribute('type', 'text/css')
+  function generateCss() {
+    let str = ''
+    Object.keys(cssStyle).forEach((item) => {
+      str += `${item}:${cssStyle[item]};`
+    })
+    return str
+  }
+  style.innerHTML = `:root{${generateCss()}}`
+  document.head.appendChild(style)
+}
\ No newline at end of file
diff --git a/src/types/shims-ajax.d.ts b/src/types/shims-ajax.d.ts
new file mode 100644
index 0000000..413445a
--- /dev/null
+++ b/src/types/shims-ajax.d.ts
@@ -0,0 +1,21 @@
+import {} from 'axios'
+declare module 'axios' {
+  export interface AxiosInstance {
+    (config: AxiosRequestConfig): AxiosPromise
+    (url: string, config?: AxiosRequestConfig): AxiosPromise
+    defaults: AxiosRequestConfig
+    interceptors: {
+      request: AxiosInterceptorManager<AxiosRequestConfig>
+      response: AxiosInterceptorManager<AxiosResponse>
+    }
+    getUri(config?: AxiosRequestConfig): string
+    request<T = any, R = Base.IResponseData<T>>(config: AxiosRequestConfig): Promise<R>
+    get<T = any, R = Base.IResponseData<T>>(url: string, config?: AxiosRequestConfig): Promise<R>
+    delete<T = any, R = Base.IResponseData<T>>(url: string, config?: AxiosRequestConfig): Promise<R>
+    head<T = any, R = Base.IResponseData<T>>(url: string, config?: AxiosRequestConfig): Promise<R>
+    options<T = any, R = Base.IResponseData<T>>(url: string, config?: AxiosRequestConfig): Promise<R>
+    post<T = any, R = Base.IResponseData<T>>(url: string, data?: any, config?: AxiosRequestConfig): Promise<R>
+    put<T = any, R = Base.IResponseData<T>>(url: string, data?: any, config?: AxiosRequestConfig): Promise<R>
+    patch<T = any, R = Base.IResponseData<T>>(url: string, data?: any, config?: AxiosRequestConfig): Promise<R>
+  }
+}
diff --git a/src/types/shims-global.d.ts b/src/types/shims-global.d.ts
new file mode 100644
index 0000000..40e23da
--- /dev/null
+++ b/src/types/shims-global.d.ts
@@ -0,0 +1,53 @@
+declare namespace Base {
+  // ajax请求返回数据格式
+  interface IResponseData<T = any> {
+    success: boolean
+    failed: boolean
+    solution: string
+    message: string
+    errorMsg: string
+    data: T
+    status: string
+  }
+  // list接口返回数据格式
+  interface IListData<T = any> {
+    page: number
+    pages: number
+    total: number
+    rows: T[]
+  }
+  interface IResponseList<T = any> extends IResponseData {
+    data: IListData<T>
+  }
+  // 列表查询传参
+  interface IListParams {
+    page?: number
+    rows?: number
+    simple?: boolean
+    params?: string
+    sorter?: string
+  }
+  // 模态框打开
+  interface IDialog<T = any> {
+    visible: boolean
+    record: T
+  }
+  // 搜索配置
+  interface ISearchConfig<T = any> {
+    label?: string
+    value: string
+    type: string
+    initValue?: string | number
+    sign?: string
+    data?: T[]
+    onChange?: {
+      (val: string, listQuery: any): void
+    }
+  }
+  // 列表
+  type IListState<T = any> = {
+    list: T[]
+    total: number
+    params: IListParams
+  }
+}
diff --git a/src/types/shims-tsx.d.ts b/src/types/shims-tsx.d.ts
new file mode 100644
index 0000000..0f0e0c1
--- /dev/null
+++ b/src/types/shims-tsx.d.ts
@@ -0,0 +1,13 @@
+import Vue, { VNode } from 'vue'
+
+declare global {
+  namespace JSX {
+    // tslint:disable no-empty-interface
+    type Element = VNode
+    // tslint:disable no-empty-interface
+    type ElementClass = Vue
+    interface IntrinsicElements {
+      [elem: string]: any
+    }
+  }
+}
diff --git a/src/types/shims-vue.d.ts b/src/types/shims-vue.d.ts
new file mode 100644
index 0000000..cb609c2
--- /dev/null
+++ b/src/types/shims-vue.d.ts
@@ -0,0 +1,10 @@
+import Vue from 'vue'
+
+declare module '*.vue' {
+  export default Vue
+}
+declare module 'vue/types/vue' {
+  interface Vue {
+    $tools: any
+  }
+}
diff --git a/src/types/shims.tools.d.ts b/src/types/shims.tools.d.ts
new file mode 100644
index 0000000..8a9d43a
--- /dev/null
+++ b/src/types/shims.tools.d.ts
@@ -0,0 +1,16 @@
+declare module 'cmp-basic'
+declare module 'cmp-echarts'
+declare module 'cmp-element'
+declare module 'cmp-socket'
+declare module 'cmp-element/utils'
+declare module 'vite-plugin-svg-icons'
+declare module 'services'
+declare module 'v-viewer/src/component.vue'
+
+declare interface Window {
+  Vue: any
+  Vue2: any
+  appConfigs: {
+   homePath: string
+  }
+}
diff --git a/src/utils/auth.ts b/src/utils/auth.ts
new file mode 100644
index 0000000..4b61c47
--- /dev/null
+++ b/src/utils/auth.ts
@@ -0,0 +1,16 @@
+/**
+ * Created by HaijunZhang on 2018/11/16.
+ */
+import { tokenKey } from '@/config'
+
+export function getToken() {
+  return sessionStorage.getItem(tokenKey)
+}
+
+export function setToken(token: string) {
+  return sessionStorage.setItem(tokenKey, token)
+}
+
+export function removeToken(){
+  return sessionStorage.removeItem(tokenKey)
+}
\ No newline at end of file
diff --git a/src/utils/autoImport.ts b/src/utils/autoImport.ts
new file mode 100644
index 0000000..6bbf23f
--- /dev/null
+++ b/src/utils/autoImport.ts
@@ -0,0 +1,30 @@
+// 同步加载
+export function getModules(files: any) {
+  // 当files为方法时为webapock,为对象时为vite
+  const isWebpack = typeof files === 'function'
+  // 路径包含compoennts的是内置组件不向外暴露
+  const modules = (isWebpack ? files.keys() : Object.keys(files))
+    .filter((item: string) => !item.includes('components'))
+    .reduce((modules: any, modulePath: string) => {
+      // set './app.vue' => 'app'
+      const moduleName = modulePath.replace(/^\.\S*\/(.*)\.\w+$/, '$1')
+      const value = isWebpack ? files(modulePath) : files[modulePath]
+      modules[moduleName] = value.default
+      return modules
+    }, {})
+  return modules
+}
+// 异步加载
+export function getAsyncModules(files: any, asyncImport: any) {
+  // 当files为方法时为webapock,为对象时为vite
+  const isWebpack = typeof files === 'function'
+  const modules = (isWebpack ? files.keys() : Object.keys(files))
+    .filter((item: string) => !item.includes('components'))
+    .reduce((modules: any, modulePath: string) => {
+      // set './app.vue' => 'app'
+      const moduleName = modulePath.replace(/^\.\S*\/(.*)\.\w+$/, '$1')
+      modules[moduleName] = isWebpack ? asyncImport(modulePath) : files[moduleName]
+      return modules
+    }, {})
+  return modules
+}
diff --git a/src/utils/crypto.js b/src/utils/crypto.js
new file mode 100644
index 0000000..af22977
--- /dev/null
+++ b/src/utils/crypto.js
@@ -0,0 +1,45 @@
+/**
+ * Created by HaijunZhang on 2018/11/19.
+ */
+import CryptoJS from 'crypto-js'
+
+// base64解码
+function decryptByBase64(word) {
+  const base64string = CryptoJS.enc.Base64.parse(word)
+  return CryptoJS.enc.Utf8.stringify(base64string)
+}
+
+// base64编码
+function encryptByBase64(word) {
+  const src = CryptoJS.enc.Utf8.parse(word)
+  const base64string = CryptoJS.enc.Base64.stringify(src)
+  return base64string
+}
+
+const defaultKey = CryptoJS.enc.Utf8.parse(decryptByBase64('Qm9jbG91ZENNUFY1ODchIQ=='))
+const iv = CryptoJS.enc.Utf8.parse(decryptByBase64('QmV5b25kQ01QVjU4NyEhIQ=='))
+const options = {
+  iv,
+  mode: CryptoJS.mode.CBC,
+  padding: CryptoJS.pad.Pkcs7,
+}
+
+// 加密方法
+export function encrypt(word, key = defaultKey) {
+  const srcs = CryptoJS.enc.Utf8.parse(typeof word === 'object' ? JSON.stringify(word) : word)
+  const encrypted = CryptoJS.AES.encrypt(srcs, key, options)
+  return encrypted.toString()
+}
+
+// 解密方法
+export function decrypt(word, key = defaultKey) {
+  const decryptRes = CryptoJS.AES.decrypt(word, key, options)
+  return decryptRes.toString(CryptoJS.enc.Utf8)
+}
+
+export default {
+  encrypt,
+  decrypt,
+  encryptByBase64,
+  decryptByBase64,
+}
diff --git a/src/utils/day.ts b/src/utils/day.ts
new file mode 100644
index 0000000..37bf2f2
--- /dev/null
+++ b/src/utils/day.ts
@@ -0,0 +1,6 @@
+import dayjs from 'dayjs'
+import 'dayjs/locale/zh-cn'
+
+dayjs.locale('zh-cn')
+
+export default dayjs
diff --git a/src/utils/index.js b/src/utils/index.js
new file mode 100644
index 0000000..1e6e717
--- /dev/null
+++ b/src/utils/index.js
@@ -0,0 +1,98 @@
+/**
+ * Created by HaijunZhang on 2019/7/23.
+ */
+import { getToken } from 'utils/auth'
+import dayjs from './day'
+import Clipboard from 'clipboard'
+
+export function wrapperParams(data) {
+  return data
+  // return { params: JSON.stringify(data) }
+}
+export const copyText = (text, event, successCallback, errorCallback) => {
+  const clipboard = new Clipboard(event.target, {
+    text: () => text
+  })
+  clipboard.on('success', () => {
+    successCallback && successCallback()
+    clipboard.destroy()
+  })
+  clipboard.on('error', () => {
+    errorCallback && errorCallback()
+    clipboard.destroy()
+  })
+  clipboard.onClick(event)
+}
+export const formatEqParams = (params) => ({ page: 1, rows: 9999, params: JSON.stringify([{ param: params, sign: 'EQ' }]) })
+export const downloadFile = (url, params = {}) => {
+  let str = ''
+  Object.keys(params).forEach((item) => {
+    str += `&${item}=${params[item]}`
+  })
+  window.location.href = encodeURI(`/api${url}?token=${getToken()}${str}`)
+}
+export const getQuery = (hash) => {
+  const queryArr = hash.split('?')
+  if (queryArr.length === 1) {
+    return {}
+  }
+  const query = {}
+  queryArr[1].split('&').forEach((item) => {
+    const [key, value] = item.split('=')
+    query[key] = value
+  })
+  return query
+}
+// ip比较大小
+export const compareIp = (ip1, ip2) => {
+  const ip1Arr = ip1.split('.')
+  const ip2Arr = ip2.split('.')
+  let flag
+  for (let i = 0; i < 4; i += 1) {
+    if (Number(ip1Arr[i]) > Number(ip2Arr[i])) {
+      flag = 0
+      break
+    } else if (Number(ip1Arr[i]) < Number(ip2Arr[i])) {
+      flag = 1
+    }
+  }
+  return flag
+}
+export function makeTimeStamp() {
+  return dayjs().format('YYYYMMDDHHmmss')
+}
+export function handleSearchParam(params) {
+  // 设置参数
+  const objParams = {}
+  function setParams(sign, key, value) {
+    if (objParams[sign]) {
+      objParams[sign][key] = value
+    } else {
+      objParams[sign] = {
+        [key]: value
+      }
+    }
+  }
+  // 将参数处理为对象
+  for (const a in params) {
+    const value = params[a]
+    // 对参数进行处理，去除空参数
+    if (value === '' || value === undefined || value === null) continue
+    // 对key值进行处理
+    const [key, sign = 'EQ'] = a.split(':')
+    // 将sign全部转换为大写
+    const signs = sign.toLocaleUpperCase()
+    if (signs === 'RANGE') {
+      const [first, second] = value
+      setParams('GET', key, first)
+      setParams('LET', key, second)
+      continue
+    }
+    setParams(signs, key, value)
+  }
+  const result = []
+  for (const a in objParams) {
+    result.push({ param: objParams[a], sign: a })
+  }
+  return JSON.stringify(result)
+}
diff --git a/src/utils/request.js b/src/utils/request.js
new file mode 100644
index 0000000..fde2894
--- /dev/null
+++ b/src/utils/request.js
@@ -0,0 +1,121 @@
+/**
+ * Created by Zhang Haijun on 2017/8/24.
+ * axios#request(config)
+ * axios#get(url[, config])
+ * axios#delete(url[, config])
+ * axios#head(url[, config])
+ * axios#options(url[, config])
+ * axios#post(url[, data[, config]])
+ * axios#put(url[, data[, config]])
+ * axios#patch(url[, data[, config]])
+ */
+import axios from 'axios'
+import NProgress from 'nprogress'
+import qs from 'qs'
+import 'nprogress/nprogress.css'
+import { getToken, setToken } from 'utils/auth'
+import store from '@/store'
+import { ElNotification } from 'element-plus'
+import 'element-plus/es/components/notification/style/css'
+
+const codeMessage = {
+  200: '服务器成功返回请求的数据。',
+  201: '新建或修改数据成功。',
+  202: '一个请求已经进入后台排队（异步任务）。',
+  204: '删除数据成功。',
+  400: '发出的请求有错误，服务器没有进行新建或修改数据的操作。',
+  401: '用户没有权限（令牌、用户名、密码错误）。',
+  403: '用户得到授权，但是访问是被禁止的。',
+  404: '发出的请求针对的是不存在的记录，服务器没有进行操作。',
+  406: '请求的格式不可得。',
+  410: '请求的资源被永久删除，且不会再得到的。',
+  422: '当创建一个对象时，发生一个验证错误。',
+  500: '服务器发生错误，请检查服务器。',
+  502: '网关错误。',
+  503: '服务不可用，服务器暂时过载或维护。',
+  504: '网关超时。'
+}
+const axiosInstance = axios.create({
+  baseURL: '/api',
+  headers: { 'Content-Type': 'application/json', BsmAjaxHeader: true },
+  timeout: 20000,
+  paramsSerializer: (params) => qs.stringify(params, { arrayFormat: 'indices' })
+})
+// 请求完成回调
+const finishCallback = function () {
+  NProgress.done()
+}
+// 报错处理
+const handleError = function(response) {
+  if (!response) return // 容错处理
+  let title = `请求错误 ${response.status}: ${response.config.url}`
+  let errorText = codeMessage[response.status] || response.statusText
+  const { data } = response
+  if (typeof data?.message == 'string') {
+    title = data.message
+    errorText = ''
+  }
+  Notification({
+    type: 'error',
+    title,
+    message: errorText
+  })
+  const error = new Error(errorText)
+  error.name = response.status
+  error.response = response
+  throw error
+}
+axiosInstance.interceptors.request.use(
+  (config) => {
+    const {
+      headers,
+      headers: { options = {} }
+    } = config
+    NProgress.start()
+    if (config.method === 'get') {
+      // 清除get缓存
+      config.url = `${config.url}?t=${new Date().getTime()}`
+    } else if (headers['Content-Type'] === 'application/x-www-form-urlencoded') {
+      config.data = qs.stringify(config.data || {})
+    }
+    config.headers.token = getToken()
+    delete config.headers.options
+    config.options = options
+    return config
+  },
+  (error) => Promise.reject(error)
+)
+axiosInstance.interceptors.response.use(
+  (data) => {
+    // const requestKey = getRequestIdentify(data.config);
+    // removePending(requestKey);
+    finishCallback()
+    const { data: responseData, config: { options }, headers: { token }} = data
+    if(token) setToken(token)
+    if (!responseData.success) {
+      switch (responseData.status) {
+        case '402':
+          store.dispatch('permission/ResetRoutes')
+          window.location.href = '/license'
+          break
+        case '401':
+        case '509':
+          store.dispatch('permission/ResetRoutes')
+          break
+        default:
+      }
+      if (!options.ignoreError) {
+        ElNotification.error({
+          message: responseData.message || responseData.data
+        })
+      }
+    }
+    return responseData
+  },
+  (error) => {
+    finishCallback()
+    handleError(error.response)
+    return Promise.reject(error)
+  }
+)
+export default axiosInstance
diff --git a/src/utils/resolvePath.js b/src/utils/resolvePath.js
new file mode 100644
index 0000000..63aca96
--- /dev/null
+++ b/src/utils/resolvePath.js
@@ -0,0 +1,22 @@
+/**
+ * Created by HaijunZhang on 2018/12/10.
+ */
+// import path from 'path';
+import { startsWith } from 'lodash-es'
+
+export function isExternalLink(path) {
+  return /^(http:|https:|mailto:|tel:)\/\//.test(path)
+}
+export function resolvePath(basePath, routePath) {
+  if (isExternalLink(routePath)) {
+    return routePath
+  }
+  // return path.resolve(basePath, routePath);
+  const basePathArr = basePath.split('/')
+  const routePathArr = routePath.split('/')
+  if (startsWith(routePath, '/')) {
+    return routePath
+  }
+  const res = [...basePathArr, ...routePathArr].filter((item) => item)
+  return `/${res.join('/')}`
+}
diff --git a/src/utils/uploadFile.js b/src/utils/uploadFile.js
new file mode 100644
index 0000000..5e4e3d0
--- /dev/null
+++ b/src/utils/uploadFile.js
@@ -0,0 +1,89 @@
+// websocket文件上传
+import { getToken } from './auth'
+
+export default function uploadFile(item, callback, errorCallBack) {
+  const protocol = location.protocol === 'http:' ? 'ws' : 'wss'
+  item.isReady = true
+  const socket = new WebSocket(`${protocol}://${location.host}/api/sms/uploadService`, getToken())
+  let i = 0
+  let startSize = 0
+  let endSize = 0
+  const paragraph = 4 * 1024 * 1024 // 以4MB为一个分片
+  const count = parseInt(item.file.size / paragraph) + 1
+  socket.onopen = function () {
+    item.isUploading = true
+    socket.send(
+      JSON.stringify({
+        filename: item.file.name,
+        upload: 'file',
+      })
+    )
+    // 取消上传
+    item.cancel = function () {
+      item.progress = 0
+      socket.send(
+        JSON.stringify({
+          UPLOAD_CANCEL: 'UPLOAD_CANCEL',
+        })
+      )
+      item.isUploading = false
+    }
+  }
+  socket.onmessage = function (event) {
+    const sendFile = function () {
+      if (startSize < item.file.size) {
+        let blob
+        endSize += paragraph
+        if (item.file.webkitSlice) {
+          blob = item.file.webkitSlice(startSize, endSize)
+        } else if (item.file.mozSlice) {
+          blob = item.file.mozSlice(startSize, endSize)
+        } else {
+          blob = item.file.slice(startSize, endSize)
+        }
+        const reader = new FileReader()
+        reader.readAsArrayBuffer(blob)
+
+        reader.onload = function loaded(evt) {
+          const { result } = evt.target
+          i++
+          const isok = (i / count) * 100
+          item.progress = parseInt(isok)
+          startSize = endSize
+          socket.send(result)
+        }
+      } else {
+        item.progress = 100
+        socket.send(
+          JSON.stringify({
+            sendover: 'sendover',
+          })
+        )
+      }
+    }
+    item.isUploading = true
+    item.isCancel = false
+    const obj = JSON.parse(event.data)
+    if (obj.category == 'UPLOAD_ACK') {
+      item.filePath = obj.content
+      sendFile()
+    } else if (obj.category == 'UPLOAD') {
+      if (obj.content == 'SAVE_FAILURE') {
+        item.isUploading = false
+        errorCallBack(item)
+      } else if (obj.content == 'SAVE_SUCCESS') {
+        sendFile()
+      } else if (obj.content == 'TRUE') {
+        callback(item)
+        item.isReady = true
+        item.isSuccess = true
+        item.isUploading = false
+        socket.close()
+      }
+    } else if (obj.category == 'UPLOAD_CANCEL') {
+      item.progress = 0
+      item.isCancel = true
+      socket.close()
+    }
+  }
+}
diff --git a/src/validate/index.ts b/src/validate/index.ts
new file mode 100644
index 0000000..17afe36
--- /dev/null
+++ b/src/validate/index.ts
@@ -0,0 +1,23 @@
+export const required = { required: true, message: '请输入内容' }
+export const complexPassword = {
+  validator: (rule: any, value: string, callback: any) => {
+    const reg = /^(?=.*?[a-z])(?=.*?[A-Z])(?=.*?\d)(?=.*?[~!@#￥%&*()$])[a-zA-Z\d~!@#￥%&*()$]{6,12}$/
+    if (reg.test(value)) {
+      callback()
+    } else {
+      callback(new Error('密码必须由6-12位大小写字母数字和~!@#￥%&*()$组成'))
+    }
+  }
+}
+export const email = { type: 'email', message: '请输入正确的邮箱' }
+// 手机
+export const mobile = {
+  validator: (rule: any, value: string) => {
+    const reg = /^(13[0123456789]|14[57]|15[012356789]|18[0123456789]|17[0,3,5-8]|166|198|199)[0-9]{8}$/
+    if (reg.test(value) || !value) {
+      return Promise.resolve()
+    } else {
+      return Promise.reject('请输入正确的手机号')
+    }
+  }
+}
diff --git a/src/views/about/index.vue b/src/views/about/index.vue
new file mode 100644
index 0000000..78cdc27
--- /dev/null
+++ b/src/views/about/index.vue
@@ -0,0 +1,147 @@
+<template>
+  <el-card class="license-card">
+    <h1 class="title">关于系统</h1>
+    <p>
+      <span class="left">授权客户：</span>
+      <span class="right">{{ certData.project }}</span>
+    </p>
+    <p>
+      <span class="left">平台版本：</span>
+      <span class="right">{{ certStatusFilter(certData.catalog) }}</span>
+    </p>
+    <p>
+      <span class="left">已用节点：</span>
+      <span class="right">{{ certData.used }}</span>
+    </p>
+    <p>
+      <span class="left">授权节点：</span>
+      <span class="right">{{ certData.nodeUnLimited ? '无限制' : certData.node }}</span>
+    </p>
+    <p>
+      <span class="left">过期时间：</span>
+      <span class="right">{{ certData.timeUnLimited ? '永久' : certData.expireDate }}</span>
+    </p>
+    <div class="link">
+      <el-button type="primary" class="pull-right m-t-n-xs m-r-xs" link @click="active()">证书激活</el-button>
+      <el-button type="primary" class="pull-right m-t-n-xs" link @click="getSid()">获取SID</el-button>
+    </div>
+    <LogActive ref="activeRef"></LogActive>
+    <el-dialog title="SID" width="30%" :close-on-click-modal="false" v-model="dialogVisible">
+      <el-input class="m-b-sm" v-model="sidArr[index]" readonly v-for="(item, index) in sidArr" :key="item"> </el-input>
+      <template #footer>
+        <el-button type="primary" @click="copySid($event)">一键复制</el-button>
+      </template>
+    </el-dialog>
+  </el-card>
+</template>
+
+<script>
+import LogActive from './logActive.vue'
+import { copyText } from 'utils/index'
+import { getLicense, getSid } from 'services/license'
+import { ElMessage } from 'element-plus'
+function certStatusFilter(value) {
+  const map = {
+    FREE: '免费版',
+    STANDARD: '标准版',
+    ENTERPRISE: '企业版',
+    ULTIMATE: '旗舰版'
+  }
+  return map[value]
+}
+export default {
+  components: { LogActive },
+  data() {
+    return {
+      activeObject: {
+        type: 'sinple'
+      },
+      certData: {},
+      // sid
+      sidArr: '',
+      dialogVisible: false
+    }
+  },
+  setup() {
+    const activeRef = ref()
+    function active() {
+      activeRef.value.open()
+    }
+    return {
+      activeRef,
+      active
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    certStatusFilter,
+    getData() {
+      getLicense().then(data => {
+        if (data.success) {
+          this.certData = data.data
+        }
+      })
+    },
+    async getSid() {
+      const data = await getSid()
+      if (data.success) {
+        this.sidArr = data.data
+        this.dialogVisible = true
+      }
+    },
+    copySid(event) {
+      const str = this.sidArr.join('\n')
+      copyText(str, event, () => {
+        ElMessage.success('SID复制成功')
+        this.dialogVisible = false
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.license-card {
+  width: 440px;
+  margin: 100px auto;
+  :deep(.#{$namespace}-card__body) {
+    padding: 0;
+  }
+  .title {
+    height: 85px;
+    background-color: rgba(0, 0, 0, 1);
+    border-radius: 4px 4px 0 0;
+    font-size: 28px;
+    font-family: Microsoft YaHei;
+    color: #ffffff;
+    margin: 0;
+    text-align: center;
+    line-height: 85px;
+  }
+  p {
+    padding: 0 40px;
+    display: flex;
+    justify-content: space-between;
+    margin: 10px 0;
+    .left {
+      font-weight: 600;
+      font-size: 14px;
+    }
+    .right {
+      font-weight: 500;
+      font-size: 14px;
+      color: #333333;
+    }
+  }
+  .link {
+    padding: 10px 40px 24px;
+    display: flex;
+    justify-content: space-between;
+    .el-button {
+      margin-right: 0;
+    }
+  }
+}
+</style>
diff --git a/src/views/about/logActive.vue b/src/views/about/logActive.vue
new file mode 100644
index 0000000..cc3abbb
--- /dev/null
+++ b/src/views/about/logActive.vue
@@ -0,0 +1,73 @@
+<template>
+  <el-dialog
+    title="证书激活"
+    v-model="visible"
+    :close-on-click-modal="false"
+    width="40%"
+  >
+    <el-form ref="formRef" :model="addData">
+      <el-form-item
+        label="激活码："
+        prop="licenseMask"
+        :rules="[required]"
+        maxlength="10240"
+      >
+        <el-input
+          type="textarea"
+          v-model="addData.licenseMask"
+          :rows="15"
+        ></el-input>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button  @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="ok" :loading="loading">确定</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import { installCaptcha } from "services/license";
+import { required } from "@/validate";
+import { reactive, ref } from "vue";
+import { useRouter } from "vue-router";
+import { ElMessage } from "element-plus";
+// 单个传 sinple   多个 multiple
+export default {
+  setup() {
+    const loading = ref(false);
+    const formRef = ref();
+    const addData = reactive({
+      licenseMask: ""
+    });
+    const visible = ref(false);
+    function open() {
+      addData.licenseMask = "";
+      visible.value = true;
+    }
+    const router = useRouter();
+    async function ok() {
+      formRef.value.validate(async valid => {
+        if(valid) {
+          loading.value = true;
+          const data = await installCaptcha(addData);
+          loading.value = false;
+          if (data.success) {
+            ElMessage.success(data.message);
+            router.replace("/login");
+          }
+        }
+      })
+    }
+    return {
+      visible,
+      required,
+      loading,
+      formRef,
+      addData,
+      ok,
+      open
+    };
+  }
+};
+</script>
diff --git a/src/views/login/JumpPage.vue b/src/views/login/JumpPage.vue
new file mode 100644
index 0000000..dc2c88e
--- /dev/null
+++ b/src/views/login/JumpPage.vue
@@ -0,0 +1,169 @@
+<template>
+  <el-container class="jump-page">
+    <el-header class="jump-page-header">
+      <span class="jump-page-header-logo">博云</span>
+      <span class="jump-page-header-title">一体化云管理平台</span>
+      <div class="jump-page-header-right">
+        <el-avatar  :size="30" :src="userData.portrait"></el-avatar>
+        <span class="login-user">{{userData.name}}</span>
+      </div>
+    </el-header>
+    <el-main class="jump-page-container" :style="style">
+      <div class="platform-card" v-for="item in platformList" :key="item.title" @click="goPage(item.logo)">
+        <img class="platform-card-logo" :src="`/static/img/jump/${item.logo}.png`" alt="" />
+        <div class="platform-card-title">{{ item.title }}</div>
+        <div>
+          <div class="platform-card-count" v-for="cell in item.counts" :key="cell.name">
+            <div class="platform-card-count-name">{{ cell.name }}：</div>
+            <div class="platform-card-count-value">{{ cell.value }}</div>
+          </div>
+        </div>
+      </div>
+    </el-main>
+  </el-container>
+</template>
+<script lang="ts" setup>
+import { ref } from 'vue'
+import JumpBg from '@/assets/jump_bg.png'
+import { useStore } from 'vuex'
+import { getSystemConfigs, getWinhongToken } from 'services'
+import { useRouter } from 'vue-router'
+import axios from 'axios'
+
+const style = {
+  'background-image': `url(${JumpBg})`
+}
+const store = useStore()
+// const pageConfigs = computed(() => store.getters.pageConfig)
+const userData = computed(() => store.getters.userData || {});
+type IPlatform = {
+  title: string,
+  logo: string,
+  counts: any[]
+}
+const platformList = ref<IPlatform[]>([]);
+// 获取数据
+(async function(){
+    const { data } = await axios.get('/cof-web/platform.json')
+    platformList.value = data;
+})();
+// 获取配置信息
+let paasUrl = '', hongUrl = '';
+(async function () {
+    const data = await getSystemConfigs({ codes: 'passUrl,passUserName,passPwd,winhongUrl' })
+    if (data.success) {
+      const { passUrl, passUserName, passPwd, winhongUrl } = data.data;
+      hongUrl = winhongUrl
+      paasUrl = `${passUrl}/#/?userName=${passUserName}&passWord=${btoa(passPwd)}`
+    }
+})();
+const router = useRouter()
+function goPage(logo: string) {
+  switch(logo) {
+    case 'cmp':
+      router.push('/sms-web/resource_dashboard');
+      break;
+    case 'paas':
+      window.open(paasUrl);
+      break;
+    case 'winhong':
+      goWinhong();
+      break;
+  }
+}
+async function goWinhong(){
+  const res = await getWinhongToken();
+  if(res.success) {
+     window.open(`${hongUrl}/api/user/loginBySessionId?sessionId=${res.data}`);
+  }
+}
+</script>
+<style lang="scss" scoped>
+.jump-page {
+  &-header {
+    height: 48px;
+    background: #06102a;
+    display: flex;
+    align-items: center;
+    color: #fff;
+    &-logo{
+      // height: 80%;
+      font-size: 18px;
+      font-weight: bold;
+      letter-spacing: 2px;
+    }
+    &-title{
+      font-size: 16px;
+      font-weight: bold;
+      color: #FFFFFF;
+      margin-left: 40px;
+    }
+    &-right{
+      flex: 1;
+      padding-right: 40px;
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+      & > .login-user{
+        margin-left: 12px;
+      }
+    }
+  }
+  &-container {
+    height: calc(100vh - 48px);
+    background-size: 100% 100%;
+    display: flex;
+    justify-content: space-evenly;
+    align-items: center;
+    padding: 0 80px;
+  }
+  .platform-card {
+    width: 360px;
+    height: 597px;
+    padding: 82px 0 103px 0;
+    box-sizing: border-box;
+    background: url('/static/img/jump/card_bg.png') #DEEDFF;
+    background-size: 100% 100%;
+    // box-shadow: 0px 0px 4px 0px #9ac3f8;
+    border-radius: 4px 4px 4px 4px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    cursor: pointer;
+    opacity: 0.8;
+    &:hover {
+       background: url('/static/img/jump/card_bg_select.png');
+      .platform-card-title {
+        color: #0083ff;
+      }
+    }
+    &-logo {
+      width: 154px;
+      height: 173px;
+    }
+    &-title {
+      font-size: 24px;
+      font-family: PingFang SC-Bold, PingFang SC;
+      font-weight: bold;
+      color: #6eb7e7;
+      line-height: 21px;
+      margin: 50px 0;
+    }
+    &-count {
+      display: flex;
+      margin-bottom: 14px;
+      font-size: 14px;
+      font-weight: 500;
+      color: #333333;
+      line-height: 19px;
+      &-name {
+        width: 165px;
+      }
+      &-value {
+        flex: 1;
+        text-align: right;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/login/lockme.vue b/src/views/login/lockme.vue
new file mode 100644
index 0000000..016f537
--- /dev/null
+++ b/src/views/login/lockme.vue
@@ -0,0 +1,221 @@
+<template>
+  <div class="lock-wrapper" @click.stop>
+    <div class="lock-center">
+      <img class="logo" :src="userData.portrait" />
+      <p class="account">{{ userData.name }}</p>
+      <el-form
+        :model="loginForm"
+        ref="loginFormRef"
+        @keyup.enter.prevent="handleLogin"
+        @submit.prevent
+      >
+        <el-form-item
+          prop="password"
+          :rules="[{ ...required, message: '请输入密码' }]"
+          class="form-item-wrapper"
+        >
+          <el-input
+            type="password"
+            v-model="loginForm.password"
+            placeholder="请输入密码"
+            show-password
+          >
+            <template #append>
+              <el-button
+                class="text-white login-btn"
+                @click="handleLogin()"
+                :loading="loading"
+              >
+                <template #icon>
+                  <el-icon><IconEpRight /></el-icon>
+                </template>
+              </el-button>
+            </template>
+          </el-input>
+        </el-form-item>
+      </el-form>
+      <el-button class="switch-button" link @click="switchUser()">
+        <template #icon>
+          <IconEpArrowLeft />
+        </template>
+        切换账户
+      </el-button>
+    </div>
+    <div class="date-time">
+      <div class="time">{{ currentTime.time }}</div>
+      <div class="date">{{ currentTime.date }}</div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import dayjs from "utils/day";
+import { encrypt } from "utils/crypto";
+import { useStore } from "vuex";
+import { useRouter } from "vue-router";
+import { login } from "services";
+import {
+  computed,
+  defineComponent,
+  onMounted,
+  onUnmounted,
+  reactive,
+  ref,
+  toRefs
+} from "vue";
+import setLoginData from "./tools";
+import { required } from "@/validate";
+
+export default defineComponent({
+  setup() {
+    const state = reactive({
+      loginForm: {
+        password: ""
+      },
+      loading: false
+    });
+    let timer: any = 0;
+    const store = useStore();
+    const userData = computed(() => store.getters.userData || {});
+    // 当前时间设置
+    const currentTime = ref({
+      time: "",
+      date: ""
+    });
+    function setTimer() {
+      const getTime = () => {
+        const time = dayjs();
+        currentTime.value = {
+          time: time.format("HH:mm:ss"),
+          date: `${time.format("MM月DD日")}, ${time.format("dddd")}`
+        };
+      };
+      getTime();
+      timer = setInterval(() => {
+        getTime();
+      }, 1000);
+    }
+    let lockData = {
+      isLock: false,
+      path: ""
+    };
+    onMounted(() => {
+      const lockDataItem = localStorage.getItem("lockData");
+      if (lockDataItem) lockData = JSON.parse(lockDataItem);
+      // 处理通过路由进入锁屏
+      localStorage.setItem(
+        "lockData",
+        JSON.stringify({
+          ...lockData,
+          isLock: true
+        })
+      );
+      setTimer();
+    });
+    onUnmounted(() => {
+      clearInterval(timer);
+    });
+    function switchUser() {
+      store.dispatch("permission/ResetRoutes");
+    }
+    const loginFormRef = ref();
+    const router = useRouter();
+    async function handleLogin() {
+      const { validate } = loginFormRef.value as any;
+      validate(async (valid: boolean) => {
+        if(!valid) return;
+        state.loading = true;
+        const res = await login({
+          account: userData.value.account,
+          password: encrypt(state.loginForm.password),
+          isManager: true
+        });
+        if (res.success) {
+          setLoginData(res.data);
+          router.replace(lockData.path);
+          store.commit("SET_OPERATETIME");
+          localStorage.setItem(
+            "lockData",
+            JSON.stringify({
+              ...lockData,
+              isLock: false
+            })
+          );
+        }
+        state.loading = false;
+      });
+    }
+    return {
+      ...toRefs(state),
+      currentTime,
+      userData,
+      loginFormRef,
+      required,
+      switchUser,
+      handleLogin
+    };
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+.lock-wrapper {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: url("/web-common-resource/img/lock_wrapper.jpg") #1c2b36 no-repeat;
+  background-size: 100%;
+  .lock-center {
+    position: absolute;
+    text-align: center;
+    top: 40%;
+    left: 50%;
+    width: 300px;
+    margin: -150px 0 0 -150px;
+    .logo {
+      display: inline-block;
+      width: 160px;
+      height: 160px;
+      border-radius: 50%;
+      background: rgba(0, 0, 0, 0.5);
+      overflow: hidden;
+    }
+    .form-item-wrapper :deep(.#{$namespace}-form-item__content) {
+      display: flex;
+      .#{$namespace}-input {
+        flex: 1;
+      }
+    }
+    .account {
+      font-size: 45px;
+      font-weight: 500;
+      color: #fff;
+      margin: 15px 0 25px 0;
+    }
+    .login-btn {
+      background: #6b7485;
+      border: none;
+      width: 48px;
+      border-radius: 0;
+    }
+  }
+  .date-time {
+    position: absolute;
+    left: 30px;
+    bottom: 60px;
+    color: #fff;
+    .time {
+      font-size: 80px;
+    }
+    .date {
+      font-size: 50px;
+    }
+  }
+  .switch-button {
+    font-size: 14px;
+    color: #fff;
+  }
+}
+</style>
diff --git a/src/views/login/login.vue b/src/views/login/login.vue
new file mode 100644
index 0000000..75ea680
--- /dev/null
+++ b/src/views/login/login.vue
@@ -0,0 +1,274 @@
+<template>
+  <div
+    class="login-container"
+    :style="{
+      backgroundImage: `url(${
+        configs.loginBg || '/web-common-resource/img/bg_login.png'
+      })`
+    }"
+  >
+    <div class="login-logo">
+      <img :src="configs.loginLogo" />
+    </div>
+    <div class="login-center">
+      <div class="desc-content">
+        <span class="desc-title">{{ configs.promotionalTitle }}</span>
+        <span class="desc-remark">{{ configs.promotionalContent }}</span>
+      </div>
+      <el-form
+        :model="loginForm"
+        ref="loginFormRef"
+        label-position="left"
+        label-width="0px"
+        class="card-box login-form"
+        @keyup.enter="handleLogin"
+      >
+        <div class="login-title">账号登录</div>
+        <el-form-item
+          class="login-form-item"
+          prop="account"
+          :rules="[{ ...required, message: '请输入用户名' }]"
+        >
+          <el-input
+            v-model="loginForm.account"
+            autocomplete="off"
+            placeholder="登录账户"
+          >
+            <template #prefix>
+              <el-icon>
+                <icon-ep-user />
+              </el-icon>
+            </template>
+          </el-input>
+        </el-form-item>
+        <el-tooltip
+          :visible="capsTooltip"
+          content="大写锁定已打开"
+          placement="right"
+          :manual="true"
+        >
+          <el-form-item
+            class="login-form-item"
+            prop="password"
+            :rules="[{ ...required, message: '请输入密码' }]"
+          >
+            <el-input
+              show-password
+              v-model="loginForm.password"
+              placeholder="密码"
+              @blur="capsTooltip = false"
+              @keyup="checkCapslock"
+            >
+              <template #prefix>
+                <el-icon><icon-ep-lock /></el-icon>
+              </template>
+            </el-input>
+          </el-form-item>
+        </el-tooltip>
+        <el-form-item class="login-form-item">
+          <div class="operate-region">
+            <span class="remember">
+              <el-switch v-model="remember"></el-switch>
+              <span class="m-l-xs">记住密码</span>
+            </span>
+            <a
+              :href="`mailto:${configs.helpInformationLink}`"
+              type="text"
+              class="text-info help-info"
+              :title="configs.helpInformationContent"
+              >{{ configs.helpInformationContent }}</a
+            >
+          </div>
+        </el-form-item>
+        <el-button
+          class="login-btn"
+          type="primary"
+          :loading="loading"
+          @click="handleLogin"
+          >登录</el-button
+        >
+      </el-form>
+    </div>
+    <div class="copyright-info">{{ configs.copyrightInformation }}</div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { decrypt, encrypt } from "utils/crypto";
+import { login } from "services";
+import { useStore } from "vuex";
+import { useRouter, useRoute } from "vue-router";
+import setLoginData from "./tools";
+import { required } from "@/validate";
+import type { FormInstance } from "element-plus";
+
+const loginForm = reactive({
+  account: "",
+  password: ""
+});
+const remember = ref(false);
+const loading = ref(false);
+const capsTooltip = ref(false);
+
+const store = useStore();
+const configs = computed(() => store.getters.pageConfig);
+const appConfigs = computed(() => store.getters.appConfigs);
+const loginFormRef = ref<FormInstance>();
+const init = () => {
+  const local = localStorage.getItem("cmcLoginData");
+  if (local) {
+    const obj = JSON.parse(local);
+    loginForm.account = obj.account;
+    loginForm.password = decrypt(obj.password);
+    remember.value = true;
+  }
+};
+init();
+const router = useRouter();
+const route = useRoute();
+function goLogin(data: any) {
+  setLoginData(data);
+  if (unref(remember)) {
+    const obj = {
+      account: loginForm.account,
+      password: encrypt(loginForm.password)
+    };
+    localStorage.setItem("cmcLoginData", JSON.stringify(obj));
+  } else {
+    localStorage.removeItem("cmcLoginData");
+  }
+  const { redirect } = route.query;
+  const path = redirect
+    ? (redirect as string).split("/#")[1]
+    : appConfigs.value.homePath;
+  router.replace(path);
+  localStorage.removeItem("lockData");
+}
+function handleLogin() {
+  if(!loginFormRef.value) return;
+  loginFormRef.value.validate(async (valid) => {
+    if (valid) {
+      loading.value = true;
+      const { account, password } = loginForm;
+      const res = await login({
+        account,
+        password: encrypt(password),
+        isManager: true
+      });
+      if (res.success) {
+        goLogin(res.data);
+      }
+      loading.value = false;
+    }
+  });
+}
+
+function checkCapslock({ shiftKey, key }: { shiftKey: boolean, key: string}) {
+  if (key && key.length === 1) {
+    if (
+      (shiftKey && key >= "a" && key <= "z") ||
+      (!shiftKey && key >= "A" && key <= "Z")
+    ) {
+      capsTooltip.value = true;
+    } else {
+      capsTooltip.value = false;
+    }
+  }
+  if (key === "CapsLock" && unref(capsTooltip) === true) {
+    capsTooltip.value = false;
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.login-container {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  background: url("/web-common-resource/img/bg_login.png") #2d3a4b no-repeat;
+  background-size: cover;
+  .login-logo {
+    padding: 5px 40px;
+    img {
+      height: 40px;
+    }
+  }
+  .login-center {
+    display: flex;
+    flex: 1;
+    justify-content: space-around;
+    align-items: center;
+    .desc-content {
+      color: #fff;
+      display: flex;
+      flex-direction: column;
+      margin-top: -150x;
+      width: 600px;
+      .desc-title {
+        font-weight: 700;
+        font-style: normal;
+        font-size: 38px;
+        color: #ffffff;
+        margin-bottom: 56px;
+      }
+      .desc-remark {
+        line-height: 40px;
+        font-weight: 400;
+        font-style: normal;
+        font-size: 22px;
+        color: #ffffff;
+      }
+    }
+    .login-form {
+      box-sizing: border-box;
+      width: 462px;
+      padding: 50px 30px;
+      background: #fff;
+      font-size: 17px;
+      .login-title {
+        font-size: 32px;
+        text-align: center;
+        color: #333;
+        margin-bottom: 50px;
+      }
+      .operate-region {
+        display: flex;
+        align-items: center;
+        width: 100%;
+        .remember {
+          flex: 1;
+          text-align: left;
+        }
+      }
+      .login-btn {
+        margin-top: 20px;
+        height: 60px;
+        width: 100%;
+      }
+      .help-info {
+        max-width: 130px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+      .login-form-item {
+        :deep(.#{$namespace}-input__wrapper) {
+          height: 60px;
+          line-height: 60px;
+        }
+        :deep(.#{$namespace}-input__prefix) {
+          font-size: 20px;
+          color: #000;
+          padding: 0 10px;
+        }
+      }
+    }
+  }
+  .copyright-info {
+    padding: 10px 0;
+    text-align: center;
+    background: rgba(10, 37, 68, 0.6);
+    color: #bbbbbb;
+  }
+}
+</style>
diff --git a/src/views/login/sso.vue b/src/views/login/sso.vue
new file mode 100644
index 0000000..6934bba
--- /dev/null
+++ b/src/views/login/sso.vue
@@ -0,0 +1,15 @@
+<template>
+  <div></div>
+</template>
+
+<script setup lang="ts">
+import { setToken } from 'utils/auth'
+import { useRoute, useRouter } from 'vue-router'
+
+const route = useRoute()
+const router = useRouter()
+
+const { token, redirect = '/home' } = route.query
+setToken(token as string)
+router.push(redirect as string)
+</script>
diff --git a/src/views/login/tools.ts b/src/views/login/tools.ts
new file mode 100644
index 0000000..558bb2c
--- /dev/null
+++ b/src/views/login/tools.ts
@@ -0,0 +1,15 @@
+import { setToken } from 'utils/auth'
+import { enablePermissionStorage, menuKey, enableUserStorage, userKey } from '@/config'
+
+export default function setLoginData(data: any) {
+  const { accountCategory, manager = {}, servicePermissions } = data
+  if (enableUserStorage) {
+    localStorage.setItem(userKey, JSON.stringify({ ...manager, accountCategory }))
+  }
+  if (enablePermissionStorage) {
+    localStorage.setItem(menuKey, JSON.stringify(servicePermissions || []))
+  }
+  localStorage.setItem('buttonData', JSON.stringify(data.buttons || []))
+  localStorage.removeItem('lockData')
+  setToken(data.token)
+}
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
new file mode 100644
index 0000000..0a87c24
--- /dev/null
+++ b/src/vite-env.d.ts
@@ -0,0 +1,8 @@
+/* eslint-disable @typescript-eslint/ban-types */
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..90b1f93
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,28 @@
+{
+    "compilerOptions": {
+        "baseUrl": ".",
+        "target": "ESNext",
+        "useDefineForClassFields": true,
+        "module": "ESNext",
+        "moduleResolution": "Node",
+        "strict": true,
+        "jsx": "preserve",
+        "allowJs": true,
+        "sourceMap": true,
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "esModuleInterop": true,
+        "lib": ["ESNext", "DOM"],
+        "skipLibCheck": true,
+        "paths": {
+            "@/*": ["./src/*"],
+            "services/*": ["src/services/*"],
+            "utils/*": ["src/utils/*"],
+            "components/*": ["src/components/*"],
+            "hooks/*": ["src/hooks/*"],
+            "filters/*": ["src/filters/*"]
+        }
+    },
+    "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+    "references": [{ "path": "./tsconfig.node.json" }]
+}
\ No newline at end of file
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..9137607
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,9 @@
+{
+    "compilerOptions": {
+        "composite": true,
+        "module": "ESNext",
+        "moduleResolution": "Node",
+        "allowSyntheticDefaultImports": true
+    },
+    "include": ["vite.config.ts", "build/*.ts"]
+}
\ No newline at end of file
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..4f60711
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,33 @@
+import { defineConfig } from 'vite'
+import plugins from './build/plugin'
+import css from './build/css'
+import server from './build/server'
+import path from 'path'
+
+function resolve(dir: string) {
+  return path.join(__dirname, dir)
+}
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins,
+  resolve: {
+    alias: {
+      '@': resolve('src'),
+      assets: resolve('src/assets'),
+      services: resolve('src/services'),
+      utils: resolve('src/utils'),
+      interface: resolve('src/interface'),
+      components: resolve('src/components'),
+      hooks: resolve('src/hooks'),
+      filters: resolve('src/filters'),
+      views: resolve('src/views')
+    }
+  },
+  server,
+  css,
+  build: {
+    outDir: 'cmc-web',
+    assetsDir: 'static'
+  }
+})