feat: 🎸 初始化项目

.browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not dead

.env.development

@@ -0,0 +1,2 @@
+NODE_ENV = 'development'
+VUE_APP_CURENV = 'dev'

.env.production

@@ -0,0 +1,2 @@
+NODE_ENV = 'production'
+VUE_APP_CURENV = 'pro'

.env.test

@@ -0,0 +1,2 @@
+NODE_ENV = 'test'
+VUE_APP_CURENV = 'test'

.eslintrc.js

@@ -0,0 +1,364 @@
+module.exports = {
+  root: true,
+  // parser: 'vue-eslint-parser',
+  // parserOptions: {
+  //   parser: '@typescript-eslint/parser',
+  //   ecmaVersion: 2020,
+  //   sourceType: 'module',
+  //   ecmaFeatures: {
+  //     jsx: true,
+  //   },
+  // },
+
+  env: {
+    browser: true,
+    node: true,
+    es6: true
+  },
+
+  extends: [
+    'plugin:vue/vue3-recommended',
+    '@vue/typescript/recommended',
+    'eslint:recommended'
+  ],
+
+  rules: {
+    '@typescript-eslint/ban-ts-ignore': 'off',
+    '@typescript-eslint/explicit-function-return-type': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/no-var-requires': 'off',
+    '@typescript-eslint/no-empty-function': 'off',
+    'vue/custom-event-name-casing': 'off',
+    'no-use-before-define': 'off',
+    '@typescript-eslint/no-use-before-define': 'off',
+    '@typescript-eslint/ban-ts-comment': 'off',
+    '@typescript-eslint/ban-types': 'off',
+    '@typescript-eslint/no-non-null-assertion': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    'vue/max-attributes-per-line': [
+      2,
+      {
+        singleline: 10,
+        multiline: {
+          max: 1,
+          allowFirstLine: false
+        }
+      }
+    ],
+    'vue/singleline-html-element-content-newline': 'off',
+    'vue/multiline-html-element-content-newline': 'off',
+    'vue/name-property-casing': [
+      'error',
+      'PascalCase'
+    ],
+    'vue/no-v-html': 'off',
+    'accessor-pairs': 2,
+    'arrow-spacing': [
+      2,
+      {
+        before: true,
+        after: true
+      }
+    ],
+    'block-spacing': [
+      2,
+      'always'
+    ],
+    'brace-style': [
+      2,
+      '1tbs',
+      {
+        allowSingleLine: true
+      }
+    ],
+    camelcase: [
+      0,
+      {
+        properties: 'always'
+      }
+    ],
+    'comma-dangle': [
+      2,
+      'never'
+    ],
+    'comma-spacing': [
+      2,
+      {
+        before: false,
+        after: true
+      }
+    ],
+    'comma-style': [
+      2,
+      'last'
+    ],
+    'constructor-super': 2,
+    curly: [
+      2,
+      'multi-line'
+    ],
+    'dot-location': [
+      2,
+      'property'
+    ],
+    'eol-last': 2,
+    eqeqeq: [
+      'error',
+      'always',
+      {
+        null: 'ignore'
+      }
+    ],
+    'generator-star-spacing': [
+      2,
+      {
+        before: true,
+        after: true
+      }
+    ],
+    'handle-callback-err': [
+      2,
+      '^(err|error)$'
+    ],
+    indent: [
+      2,
+      2
+    ],
+    'jsx-quotes': [
+      2,
+      'prefer-single'
+    ],
+    'key-spacing': [
+      2,
+      {
+        beforeColon: false,
+        afterColon: true
+      }
+    ],
+    'keyword-spacing': [
+      2,
+      {
+        before: true,
+        after: true
+      }
+    ],
+    'new-cap': [
+      2,
+      {
+        newIsCap: true,
+        capIsNew: false
+      }
+    ],
+    'new-parens': 2,
+    'no-array-constructor': 2,
+    'no-caller': 2,
+    'no-console': 'off',
+    'no-class-assign': 2,
+    'no-cond-assign': 2,
+    'no-const-assign': 2,
+    'no-control-regex': 0,
+    'no-delete-var': 2,
+    'no-dupe-args': 2,
+    'no-dupe-class-members': 2,
+    'no-dupe-keys': 2,
+    'no-duplicate-case': 2,
+    'no-empty-character-class': 2,
+    'no-empty-pattern': 2,
+    'no-eval': 2,
+    'no-ex-assign': 2,
+    'no-extend-native': 2,
+    'no-extra-bind': 2,
+    'no-extra-boolean-cast': 2,
+    'no-extra-parens': [
+      2,
+      'functions'
+    ],
+    'no-fallthrough': 2,
+    'no-floating-decimal': 2,
+    'no-func-assign': 2,
+    'no-implied-eval': 2,
+    'no-inner-declarations': [
+      2,
+      'functions'
+    ],
+    'no-invalid-regexp': 2,
+    'no-irregular-whitespace': 2,
+    'no-iterator': 2,
+    'no-label-var': 2,
+    'no-labels': [
+      2,
+      {
+        allowLoop: false,
+        allowSwitch: false
+      }
+    ],
+    'no-lone-blocks': 2,
+    'no-mixed-spaces-and-tabs': 2,
+    'no-multi-spaces': 2,
+    'no-multi-str': 2,
+    'no-multiple-empty-lines': [
+      2,
+      {
+        max: 1
+      }
+    ],
+    'no-native-reassign': 2,
+    'no-negated-in-lhs': 2,
+    'no-new-object': 2,
+    'no-new-require': 2,
+    'no-new-symbol': 2,
+    'no-new-wrappers': 2,
+    'no-obj-calls': 2,
+    'no-octal': 2,
+    'no-octal-escape': 2,
+    'no-path-concat': 2,
+    'no-proto': 2,
+    'no-redeclare': 2,
+    'no-regex-spaces': 2,
+    'no-return-assign': [
+      2,
+      'except-parens'
+    ],
+    'no-self-assign': 2,
+    'no-self-compare': 2,
+    'no-sequences': 2,
+    'no-shadow-restricted-names': 2,
+    'no-spaced-func': 2,
+    'no-sparse-arrays': 2,
+    'no-this-before-super': 2,
+    'no-throw-literal': 2,
+    'no-trailing-spaces': 2,
+    'no-undef': 0,
+    'no-undef-init': 2,
+    'no-unexpected-multiline': 2,
+    'no-unmodified-loop-condition': 2,
+    'no-unneeded-ternary': [
+      2,
+      {
+        defaultAssignment: false
+      }
+    ],
+    'no-unreachable': 2,
+    'no-unsafe-finally': 2,
+    'no-unused-vars': [
+      1,
+      {
+        vars: 'all',
+        args: 'none'
+      }
+    ],
+    'no-useless-call': 0,
+    'no-useless-computed-key': 2,
+    'no-useless-constructor': 2,
+    'no-useless-escape': 0,
+    'no-whitespace-before-property': 2,
+    'no-with': 2,
+    'one-var': [
+      2,
+      {
+        initialized: 'never'
+      }
+    ],
+    'operator-linebreak': [
+      2,
+      'after',
+      {
+        overrides: {
+          '?': 'before',
+          ':': 'before'
+        }
+      }
+    ],
+    'padded-blocks': [
+      2,
+      'never'
+    ],
+    quotes: [
+      2,
+      'single',
+      {
+        avoidEscape: true,
+        allowTemplateLiterals: true
+      }
+    ],
+    semi: [
+      2,
+      'never'
+    ],
+    'semi-spacing': [
+      2,
+      {
+        before: false,
+        after: true
+      }
+    ],
+    'space-before-blocks': [
+      2,
+      'always'
+    ],
+    'space-before-function-paren': [
+      2,
+      'never'
+    ],
+    'space-in-parens': [
+      2,
+      'never'
+    ],
+    'space-infix-ops': 2,
+    'space-unary-ops': [
+      2,
+      {
+        words: true,
+        nonwords: false
+      }
+    ],
+    'spaced-comment': [
+      2,
+      'always',
+      {
+        markers: [
+          'global',
+          'globals',
+          'eslint',
+          'eslint-disable',
+          '*package',
+          '!',
+          ','
+        ]
+      }
+    ],
+    'template-curly-spacing': [
+      2,
+      'never'
+    ],
+    'use-isnan': 2,
+    'valid-typeof': 2,
+    'wrap-iife': [
+      2,
+      'any'
+    ],
+    'yield-star-spacing': [
+      2,
+      'both'
+    ],
+    yoda: [
+      2,
+      'never'
+    ],
+    'prefer-const': 2,
+    'no-debugger': 0,
+    'object-curly-spacing': [
+      2,
+      'always',
+      {
+        objectsInObjects: false
+      }
+    ],
+    'array-bracket-spacing': [
+      2,
+      'never'
+    ],
+    'vue/no-use-v-if-with-v-for': 'off',
+    'vue/no-v-model-argument': 'off'
+  }
+}

.gitignore

@@ -0,0 +1,24 @@
+.DS_Store
+node_modules
+/dist
+/dist*
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

README.md

@@ -0,0 +1,24 @@
+# demo
+
+## Project setup
+```
+yarn install
+```
+
+### Compiles and hot-reloads for development
+```
+yarn serve
+```
+
+### Compiles and minifies for production
+```
+yarn build
+```
+
+### Lints and fixes files
+```
+yarn lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

babel.config.js

@@ -0,0 +1,23 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset', [
+      '@babel/preset-env', {
+        modules: false
+      }
+    ]
+  ],
+  plugins: [
+    [
+      'component',
+      {
+        'libraryName': 'element-plus',
+        'styleLibraryName': 'theme-chalk'
+      }
+    ]
+  ],
+  'env': {
+    'development': {
+      'plugins': ['dynamic-import-node']
+    }
+  }
+}

package.json

@@ -0,0 +1,81 @@
+{
+  "name": "vue-antdv-admin-webpack",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "lint": "vue-cli-service lint",
+    "build-dev:index": "cross-env PROJECT_NAME=index vue-cli-service build --mode development",
+    "build-pro:index": "cross-env PROJECT_NAME=index vue-cli-service build",
+    "build-test:index": "cross-env PROJECT_NAME=index vue-cli-service build --mode test",
+    "build:all": "npm run build:dev && npm run build:pro && npm run build:test",
+    "build:dev": "vue-cli-service build --mode development",
+    "build:pro": "vue-cli-service build",
+    "build:test": "vue-cli-service build --mode test",
+    "serve:index": "cross-env PROJECT_NAME=index vue-cli-service serve"
+  },
+  "dependencies": {
+    "axios": "^0.20.0",
+    "clipboard": "^2.0.6",
+    "core-js": "^3.6.5",
+    "echarts": "^4.9.0",
+    "element-plus": "^1.0.1-beta.8",
+    "highlight.js": "^10.4.0",
+    "lodash-es": "^4.17.15",
+    "mockjs": "^1.1.0",
+    "normalize.css": "^8.0.1",
+    "nprogress": "^0.2.0",
+    "path-to-regexp": "^6.2.0",
+    "qs": "^6.9.4",
+    "resize-observer-polyfill": "^1.5.1",
+    "screenfull": "^5.0.2",
+    "vditor": "^3.7.0",
+    "vue": "3.0.4",
+    "vue-router": "4.0.0-rc.6",
+    "vuex": "4.0.0-rc.2",
+    "wangeditor": "^4.5.2",
+    "web-storage-cache": "^1.1.1"
+  },
+  "devDependencies": {
+    "@types/clipboard": "^2.0.1",
+    "@types/echarts": "^4.9.1",
+    "@types/lodash-es": "^4.17.3",
+    "@types/mockjs": "^1.0.3",
+    "@types/nprogress": "^0.2.0",
+    "@typescript-eslint/eslint-plugin": "^4.5.0",
+    "@typescript-eslint/parser": "^4.5.0",
+    "@vue/cli-plugin-babel": "^4.5.9",
+    "@vue/cli-plugin-eslint": "~4.5.0",
+    "@vue/cli-plugin-router": "~4.5.0",
+    "@vue/cli-plugin-typescript": "~4.5.0",
+    "@vue/cli-plugin-vuex": "~4.5.0",
+    "@vue/cli-service": "~4.5.0",
+    "@vue/compiler-sfc": "^3.0.3",
+    "@vue/eslint-config-typescript": "^5.0.2",
+    "babel-eslint": "^10.1.0",
+    "babel-plugin-component": "^1.1.1",
+    "babel-plugin-import": "^1.13.1",
+    "body-parser": "^1.19.0",
+    "chalk": "^4.1.0",
+    "chokidar": "^3.4.3",
+    "compression-webpack-plugin": "^6.0.3",
+    "cross-env": "^7.0.2",
+    "eslint": "^6.7.2",
+    "eslint-config-prettier": "^6.14.0",
+    "eslint-plugin-prettier": "^3.1.4",
+    "eslint-plugin-vue": "^7.0.0-0",
+    "image-webpack-loader": "^7.0.1",
+    "less": "^3.0.4",
+    "less-loader": "^5.0.0",
+    "path": "^0.12.7",
+    "prettier": "^2.1.2",
+    "script-ext-html-webpack-plugin": "^2.1.4",
+    "style-resources-loader": "^1.3.3",
+    "svg-sprite-loader": "^5.0.0",
+    "terser-webpack-plugin": "4.1.0",
+    "typescript": "~3.9.3",
+    "uglifyjs-webpack-plugin": "^2.2.0",
+    "vue-cli-plugin-element-plus": "^0.0.8",
+    "vuex-module-decorators": "^1.0.1"
+  }
+}

pages.config.js

@@ -0,0 +1,12 @@
+/**
+ * 多页应用配置，只需要配置基础路径即可。
+ */
+
+const pagesConfig = {
+  index: {
+    template: 'public/index.html',
+    title: 'vue-element-admin-webpack'
+  }
+}
+
+module.exports = pagesConfig

public/index.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title><%= htmlWebpackPlugin.options.title %></title>
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

src/assets/icons/index.ts

@@ -0,0 +1,12 @@
+import type { App } from 'vue'
+import SvgIcon from '@/components/SvgIcon/index.vue'// svg组件
+
+const req: any = require.context('./svg', false, /\.svg$/)
+const requireAll: any = (requireContext: any) => {
+  requireContext.keys().map(requireContext)
+}
+requireAll(req)
+
+export function setupSvgIcon(app: App<Element>): void {
+  app.component('SvgIcon', SvgIcon)
+}

src/assets/icons/svg/404.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M121.718 73.272v9.953c3.957-7.584 6.199-16.05 6.199-24.995C127.917 26.079 99.273 0 63.958 0 28.644 0 0 26.079 0 58.23c0 .403.028.806.028 1.21l22.97-25.953h13.34l-19.76 27.187h6.42V53.77l13.728-19.477v49.361H22.998V73.272H2.158c5.951 20.284 23.608 36.208 45.998 41.399-1.44 3.3-5.618 11.263-12.565 12.674-8.607 1.764 23.358.428 46.163-13.178 17.519-4.611 31.938-15.849 39.77-30.513h-13.506V73.272H85.02V59.464l22.998-25.977h13.008l-19.429 27.187h6.421v-7.433l13.727-19.402v39.433h-.027zm-78.24 2.822a10.516 10.516 0 0 1-.996-4.535V44.548c0-1.613.332-3.124.996-4.535a11.66 11.66 0 0 1 2.713-3.68c1.134-1.032 2.49-1.864 4.04-2.468 1.55-.605 3.21-.908 4.982-.908h11.292c1.77 0 3.431.303 4.981.908 1.522.604 2.85 1.41 3.986 2.418l-12.26 16.303v-2.898a1.96 1.96 0 0 0-.665-1.512c-.443-.403-.996-.604-1.66-.604-.665 0-1.218.201-1.661.604a1.96 1.96 0 0 0-.664 1.512v9.071L44.364 77.606a10.556 10.556 0 0 1-.886-1.512zm35.73-4.535c0 1.613-.332 3.124-.997 4.535a11.66 11.66 0 0 1-2.712 3.68c-1.134 1.032-2.49 1.864-4.04 2.469-1.55.604-3.21.907-4.982.907H55.185c-1.77 0-3.431-.303-4.981-.907-1.55-.605-2.906-1.437-4.041-2.47a12.49 12.49 0 0 1-1.384-1.512l13.727-18.217v6.375c0 .605.222 1.109.665 1.512.442.403.996.604 1.66.604.664 0 1.218-.201 1.66-.604a1.96 1.96 0 0 0 .665-1.512V53.87L75.97 36.838c.913.932 1.66 1.99 2.214 3.175.664 1.41.996 2.922.996 4.535v27.011h.028z"/></svg>

src/assets/icons/svg/UI.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="1566004829076" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10493" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M817.3 551.1c-7.9 10.7-17.2 19.8-27.2 27.1-23 30.8-56 46.8-85.2 37.2-40.3-13.2-58-69.6-39.5-126.1 5.8-17.7 14.7-33 25.1-45.7l68.3-160.3 28.1-66.1c-84.6-85.9-216.1-138.1-394.6-109.6C0.8 170.1-120 649.1 134.1 874c237.7 210.5 362.4 67.1 452.6-92.1 10.2-18 34.3-28.6 54.9-26.4 65.5 7 199.8-0.4 246.3-164.7 13-46 16-96.6 9.1-147.3l-79.7 107.6z m-585.4-206c44.9 0 81.2 36.4 81.2 81.2 0 44.9-36.4 81.2-81.2 81.2-44.8 0-81.2-36.4-81.2-81.2 0-44.9 36.4-81.2 81.2-81.2z m-46.8 371.6c-44.8 0-81.2-36.4-81.2-81.2 0-44.8 36.3-81.2 81.2-81.2s81.2 36.4 81.2 81.2c0 44.9-36.4 81.2-81.2 81.2z m159.3 162.5c-44.8 0-81.2-36.3-81.2-81.2 0-44.9 36.4-81.2 81.2-81.2 44.9 0 81.2 36.4 81.2 81.2 0 44.8-36.3 81.2-81.2 81.2zM410 366.9c-44.8 0-81.2-36.3-81.2-81.2 0-44.8 36.4-81.2 81.2-81.2 44.8 0 81.2 36.4 81.2 81.2 0 44.9-36.4 81.2-81.2 81.2zM939.5 66.6c-52.6 3.4-92 54.3-92 54.3l0.4 0.2c-2.2 2.2-4.4 4.5-6.4 6.9-35.8 42.6-30.2 106.2 12.5 142 42.6 35.8 106.2 30.2 142-12.4 13-15.4 20.4-33.7 22.7-52.3 19.4-91.6-20.4-153.5-20.4-153.5s-6.2 11.4-58.8 14.8z" fill="" p-id="10494"></path><path d="M707.3 579.5c19.8 11.5 52.7-1.9 73.5-30l96.9-130.9c-45.1-10.4-85.6-38.4-111.7-60.2-2.4-2-4.7-4-6.9-5.9l-63 148c-13.5 32-8.6 67.5 11.2 79zM844.3 281.4c-16-13.4-27.4-30.2-34.2-48.5l-28.9 68c25.6 25.4 81.6 69.7 132.7 69l52.9-71.4c-39.5 17.4-87.2 12.5-122.5-17.1z" fill="" p-id="10495"></path></svg>

src/assets/icons/svg/bottom.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="1562375978982" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1574" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M512 832a21.333333 21.333333 0 0 1-21.333333-21.333333V213.333333a21.333333 21.333333 0 0 1 42.666666 0v597.333334a21.333333 21.333333 0 0 1-21.333333 21.333333z" p-id="1575"></path><path d="M512 832a21.333333 21.333333 0 0 1-15.146667-6.186667l-277.333333-277.333333a21.333333 21.333333 0 0 1 30.293333-30.293333L512 780.586667l262.186667-262.4a21.333333 21.333333 0 0 1 30.293333 30.293333l-277.333333 277.333333A21.333333 21.333333 0 0 1 512 832z" p-id="1576"></path></svg>

src/assets/icons/svg/bug.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M127.88 73.143c0 1.412-.506 2.635-1.518 3.669-1.011 1.033-2.209 1.55-3.592 1.55h-17.887c0 9.296-1.783 17.178-5.35 23.645l16.609 17.044c1.011 1.034 1.517 2.257 1.517 3.67 0 1.412-.506 2.635-1.517 3.668-.958 1.033-2.155 1.55-3.593 1.55-1.438 0-2.635-.517-3.593-1.55l-15.811-16.063a15.49 15.49 0 0 1-1.196 1.06c-.532.434-1.65 1.208-3.353 2.322a50.104 50.104 0 0 1-5.192 2.974c-1.758.87-3.94 1.658-6.546 2.364-2.607.706-5.189 1.06-7.748 1.06V47.044H58.89v73.062c-2.716 0-5.417-.367-8.106-1.102-2.688-.734-5.003-1.631-6.945-2.692a66.769 66.769 0 0 1-5.268-3.179c-1.571-1.057-2.73-1.94-3.476-2.65L33.9 109.34l-14.611 16.877c-1.066 1.14-2.344 1.711-3.833 1.711-1.277 0-2.422-.434-3.434-1.304-1.012-.978-1.557-2.187-1.635-3.627-.079-1.44.333-2.705 1.236-3.794l16.129-18.51c-3.087-6.197-4.63-13.644-4.63-22.342H5.235c-1.383 0-2.58-.517-3.592-1.55S.125 74.545.125 73.132c0-1.412.506-2.635 1.518-3.668 1.012-1.034 2.21-1.55 3.592-1.55h17.887V43.939L9.308 29.833c-1.012-1.033-1.517-2.256-1.517-3.669 0-1.412.505-2.635 1.517-3.668 1.012-1.034 2.21-1.55 3.593-1.55s2.58.516 3.593 1.55l13.813 14.106h67.396l13.814-14.106c1.012-1.034 2.21-1.55 3.592-1.55 1.384 0 2.581.516 3.593 1.55 1.012 1.033 1.518 2.256 1.518 3.668 0 1.413-.506 2.636-1.518 3.67l-13.814 14.105v23.975h17.887c1.383 0 2.58.516 3.593 1.55 1.011 1.033 1.517 2.256 1.517 3.668l-.005.01zM89.552 26.175H38.448c0-7.23 2.489-13.386 7.466-18.469C50.892 2.623 56.92.082 64 .082c7.08 0 13.108 2.541 18.086 7.624 4.977 5.083 7.466 11.24 7.466 18.469z"/></svg>

src/assets/icons/svg/chart.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M0 54.857h36.571V128H0V54.857zM91.429 27.43H128V128H91.429V27.429zM45.714 0h36.572v128H45.714V0z"/></svg>

src/assets/icons/svg/clipboard.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M54.857 118.857h64V73.143H89.143c-1.902 0-3.52-.668-4.855-2.002-1.335-1.335-2.002-2.954-2.002-4.855V36.57H54.857v82.286zM73.143 16v-4.571a2.2 2.2 0 0 0-.677-1.61 2.198 2.198 0 0 0-1.609-.676H20.571c-.621 0-1.158.225-1.609.676a2.198 2.198 0 0 0-.676 1.61V16a2.2 2.2 0 0 0 .676 1.61c.451.45.988.676 1.61.676h50.285c.622 0 1.158-.226 1.61-.677.45-.45.676-.987.676-1.609zm18.286 48h21.357L91.43 42.642V64zM128 73.143v48c0 1.902-.667 3.52-2.002 4.855-1.335 1.335-2.953 2.002-4.855 2.002H52.57c-1.901 0-3.52-.667-4.854-2.002-1.335-1.335-2.003-2.953-2.003-4.855v-11.429H6.857c-1.902 0-3.52-.667-4.855-2.002C.667 106.377 0 104.759 0 102.857v-96c0-1.902.667-3.52 2.002-4.855C3.337.667 4.955 0 6.857 0h77.714c1.902 0 3.52.667 4.855 2.002 1.335 1.335 2.003 2.953 2.003 4.855V30.29c1 .622 1.856 1.29 2.569 2.003l29.147 29.147c1.335 1.335 2.478 3.145 3.429 5.43.95 2.287 1.426 4.383 1.426 6.291v-.018z"/></svg>

src/assets/icons/svg/close.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="1563171044087" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2252" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><defs><style type="text/css"></style></defs><path d="M574.55 522.35L904.4 192.5c16.65-16.65 16.65-44.1 0-60.75l-1.8-1.8c-16.65-16.65-44.1-16.65-60.75 0L512 460.25 182.15 129.95c-16.65-16.65-44.1-16.65-60.75 0l-1.8 1.8c-17.1 16.65-17.1 44.1 0 60.75l329.85 329.85L119.6 852.2c-16.65 16.65-16.65 44.1 0 60.75l1.8 1.8c16.65 16.65 44.1 16.65 60.75 0L512 584.9 841.85 914.75c16.65 16.65 44.1 16.65 60.75 0l1.8-1.8c16.65-16.65 16.65-44.1 0-60.75L574.55 522.35z" p-id="2253"></path></svg>

src/assets/icons/svg/component.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h54.857v54.857H0V0zm0 73.143h54.857V128H0V73.143zm73.143 0H128V128H73.143V73.143zm27.428-18.286C115.72 54.857 128 42.577 128 27.43 128 12.28 115.72 0 100.571 0 85.423 0 73.143 12.28 73.143 27.429c0 15.148 12.28 27.428 27.428 27.428z"/></svg>

src/assets/icons/svg/documentation.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M71.984 44.815H115.9L71.984 9.642v35.173zM16.094.05h63.875l47.906 38.37v76.74c0 3.392-1.682 6.645-4.677 9.044-2.995 2.399-7.056 3.746-11.292 3.746H16.094c-4.236 0-8.297-1.347-11.292-3.746-2.995-2.399-4.677-5.652-4.677-9.044V12.84C.125 5.742 7.23.05 16.094.05zm71.86 102.32V89.58h-71.86v12.79h71.86zm23.952-25.58V64H16.094v12.79h95.812z"/></svg>

src/assets/icons/svg/drag.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M73.137 29.08h-9.209 29.7L63.886.093 34.373 29.08h20.49v27.035H27.238v17.948h27.625v27.133h18.274V74.063h27.41V56.115h-27.41V29.08zm-9.245 98.827l27.518-26.711H36.59l27.302 26.71zM.042 64.982l27.196 27.029V38.167L.042 64.982zm100.505-26.815V92.01l27.41-27.029-27.41-26.815z"/></svg>

src/assets/icons/svg/edit.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M106.133 67.2a4.797 4.797 0 0 0-4.8 4.8c0 .187.014.36.027.533h-.027V118.4H9.6V26.667h50.133c2.654 0 4.8-2.147 4.8-4.8 0-2.654-2.146-4.8-4.8-4.8H9.6a9.594 9.594 0 0 0-9.6 9.6V118.4c0 5.307 4.293 9.6 9.6 9.6h91.733c5.307 0 9.6-4.293 9.6-9.6V72.533h-.026c.013-.173.026-.346.026-.533 0-2.653-2.146-4.8-4.8-4.8z"/><path d="M125.16 13.373L114.587 2.8c-3.747-3.747-9.854-3.72-13.6.027l-52.96 52.96a4.264 4.264 0 0 0-.907 1.36L33.813 88.533c-.746 1.76-.226 3.534.907 4.68 1.133 1.147 2.92 1.667 4.693.92l31.4-13.293c.507-.213.96-.52 1.36-.907l52.96-52.96c3.747-3.746 3.774-9.853.027-13.6zM66.107 72.4l-18.32 7.76 7.76-18.32L92.72 24.667l10.56 10.56L66.107 72.4zm52.226-52.227l-8.266 8.267-10.56-10.56 8.266-8.267.027-.026 10.56 10.56-.027.026z"/></svg>

src/assets/icons/svg/email.svg

@@ -0,0 +1 @@
+<svg width="128" height="96" xmlns="http://www.w3.org/2000/svg"><path d="M64.125 56.975L120.188.912A12.476 12.476 0 0 0 115.5 0h-103c-1.588 0-3.113.3-4.513.838l56.138 56.137z"/><path d="M64.125 68.287l-62.3-62.3A12.42 12.42 0 0 0 0 12.5v71C0 90.4 5.6 96 12.5 96h103c6.9 0 12.5-5.6 12.5-12.5v-71a12.47 12.47 0 0 0-1.737-6.35L64.125 68.287z"/></svg>

src/assets/icons/svg/example.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M96.258 57.462h31.421C124.794 27.323 100.426 2.956 70.287.07v31.422a32.856 32.856 0 0 1 25.971 25.97zm-38.796-25.97V.07C27.323 2.956 2.956 27.323.07 57.462h31.422a32.856 32.856 0 0 1 25.97-25.97zm12.825 64.766v31.421c30.46-2.885 54.507-27.253 57.713-57.712H96.579c-2.886 13.466-13.146 23.726-26.292 26.291zM31.492 70.287H.07c2.886 30.46 27.253 54.507 57.713 57.713V96.579c-13.466-2.886-23.726-13.146-26.291-26.292z"/></svg>

src/assets/icons/svg/excel.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M78.208 16.576v8.384h38.72v5.376h-38.72v8.704h38.72v5.376h-38.72v8.576h38.72v5.376h-38.72v8.576h38.72v5.376h-38.72v8.576h38.72v5.376h-38.72v8.512h38.72v5.376h-38.72v11.136H128v-94.72H78.208zM0 114.368L72.128 128V0L0 13.632v100.736z"/><path d="M28.672 82.56h-11.2l14.784-23.488-14.08-22.592h11.52l8.192 14.976 8.448-14.976h11.136l-14.08 22.208L58.368 82.56H46.656l-8.768-15.68z"/></svg>

src/assets/icons/svg/exit-fullscreen.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M49.217 41.329l-.136-35.24c-.06-2.715-2.302-4.345-5.022-4.405h-3.65c-2.712-.06-4.866 2.303-4.806 5.016l.152 19.164-24.151-23.79a6.698 6.698 0 0 0-9.499 0 6.76 6.76 0 0 0 0 9.526l23.93 23.713-18.345.074c-2.712-.069-5.228 1.813-5.64 5.02v3.462c.069 2.721 2.31 4.97 5.022 5.03l35.028-.207c.052.005.087.025.133.025l2.457.054a4.626 4.626 0 0 0 3.436-1.38c.88-.874 1.205-2.096 1.169-3.462l-.262-2.465c0-.048.182-.081.182-.136h.002zm52.523 51.212l18.32-.073c2.713.06 5.224-1.609 5.64-4.815v-3.462c-.068-2.722-2.317-4.97-5.021-5.04l-34.58.21c-.053 0-.086-.021-.138-.021l-2.451-.06a4.64 4.64 0 0 0-3.445 1.381c-.885.868-1.201 2.094-1.174 3.46l.27 2.46c.005.06-.177.095-.177.141l.141 34.697c.069 2.713 2.31 4.338 5.022 4.397l3.45.006c2.705.062 4.867-2.31 4.8-5.026l-.153-18.752 24.151 23.946a6.69 6.69 0 0 0 9.494 0 6.747 6.747 0 0 0 0-9.523L101.74 92.54v.001zM48.125 80.662a4.636 4.636 0 0 0-3.437-1.382l-2.457.06c-.05 0-.082.022-.137.022l-35.025-.21c-2.712.07-4.957 2.318-5.022 5.04v3.462c.409 3.206 2.925 4.874 5.633 4.814l18.554.06-24.132 23.928c-2.62 2.626-2.62 6.89 0 9.524a6.694 6.694 0 0 0 9.496 0l24.155-23.79-.155 18.866c-.06 2.722 2.094 5.093 4.801 5.025h3.65c2.72-.069 4.962-1.685 5.022-4.406l.141-34.956c0-.05-.182-.082-.182-.136l.262-2.46c.03-1.366-.286-2.592-1.166-3.46h-.001zM80.08 47.397a4.62 4.62 0 0 0 3.443 1.374l2.45-.054c.055 0 .088-.02.143-.028l35.08.21c2.712-.062 4.953-2.312 5.021-5.033l.009-3.463c-.417-3.211-2.937-5.084-5.64-5.025l-18.615-.073 23.917-23.715c2.63-2.623 2.63-6.879.008-9.513a6.691 6.691 0 0 0-9.494 0L92.251 26.016l.155-19.312c.065-2.713-2.097-5.085-4.802-5.025h-3.45c-2.713.069-4.954 1.693-5.022 4.406l-.139 35.247c0 .054.18.088.18.136l-.267 2.465c-.028 1.366.288 2.588 1.174 3.463v.001z"/></svg>

src/assets/icons/svg/eye-open.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="128" height="128"><defs><style/></defs><path d="M512 128q69.675 0 135.51 21.163t115.498 54.997 93.483 74.837 73.685 82.006 51.67 74.837 32.17 54.827L1024 512q-2.347 4.992-6.315 13.483T998.87 560.17t-31.658 51.669-44.331 59.99-56.832 64.34-69.504 60.16-82.347 51.5-94.848 34.687T512 896q-69.675 0-135.51-21.163t-115.498-54.826-93.483-74.326-73.685-81.493-51.67-74.496-32.17-54.997L0 513.707q2.347-4.992 6.315-13.483t18.816-34.816 31.658-51.84 44.331-60.33 56.832-64.683 69.504-60.331 82.347-51.84 94.848-34.816T512 128.085zm0 85.333q-46.677 0-91.648 12.331t-81.152 31.83-70.656 47.146-59.648 54.485-48.853 57.686-37.675 52.821-26.325 43.99q12.33 21.674 26.325 43.52t37.675 52.351 48.853 57.003 59.648 53.845T339.2 767.02t81.152 31.488T512 810.667t91.648-12.331 81.152-31.659 70.656-46.848 59.648-54.186 48.853-57.344 37.675-52.651T927.957 512q-12.33-21.675-26.325-43.648t-37.675-52.65-48.853-57.345-59.648-54.186-70.656-46.848-81.152-31.659T512 213.334zm0 128q70.656 0 120.661 50.006T682.667 512 632.66 632.661 512 682.667 391.339 632.66 341.333 512t50.006-120.661T512 341.333zm0 85.334q-35.328 0-60.33 25.002T426.666 512t25.002 60.33T512 597.334t60.33-25.002T597.334 512t-25.002-60.33T512 426.666z"/></svg>

src/assets/icons/svg/eye.svg

@@ -0,0 +1 @@
+<svg width="128" height="64" xmlns="http://www.w3.org/2000/svg"><path d="M127.072 7.994c1.37-2.208.914-5.152-.914-6.87-2.056-1.717-4.797-1.226-6.396.982-.229.245-25.586 32.382-55.74 32.382-29.24 0-55.74-32.382-55.968-32.627-1.6-1.963-4.57-2.208-6.397-.49C-.17 3.086-.399 6.275 1.2 8.238c.457.736 5.94 7.36 14.62 14.72L4.17 35.96c-1.828 1.963-1.6 5.152.228 6.87.457.98 1.6 1.471 2.742 1.471s2.284-.49 3.198-1.472l12.564-13.983c5.94 4.416 13.021 8.587 20.788 11.53l-4.797 17.418c-.685 2.699.686 5.397 3.198 6.133h1.37c2.057 0 3.884-1.472 4.341-3.68L52.6 42.83c3.655.736 7.538 1.227 11.422 1.227 3.883 0 7.767-.49 11.422-1.227l4.797 17.173c.457 2.208 2.513 3.68 4.34 3.68.457 0 .914 0 1.143-.246 2.513-.736 3.883-3.434 3.198-6.133l-4.797-17.172c7.767-2.944 14.848-7.114 20.788-11.53l12.336 13.738c.913.981 2.056 1.472 3.198 1.472s2.284-.49 3.198-1.472c1.828-1.963 1.828-4.906.228-6.87l-11.65-13.001c9.366-7.36 14.849-14.474 14.849-14.474z"/></svg>

src/assets/icons/svg/fullscreen.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M38.47 52L52 38.462l-23.648-23.67L43.209 0H.035L0 43.137l14.757-14.865L38.47 52zm74.773 47.726L89.526 76 76 89.536l23.648 23.672L84.795 128h43.174L128 84.863l-14.757 14.863zM89.538 52l23.668-23.648L128 43.207V.038L84.866 0 99.73 14.76 76 38.472 89.538 52zM38.46 76L14.792 99.651 0 84.794v43.173l43.137.033-14.865-14.757L52 89.53 38.46 76z"/></svg>

src/assets/icons/svg/guide.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M1.482 70.131l36.204 16.18 69.932-65.485-61.38 70.594 46.435 18.735c1.119.425 2.397-.17 2.797-1.363v-.085L127.998.047 1.322 65.874c-1.12.597-1.519 1.959-1.04 3.151.32.511.72.937 1.2 1.107zm44.676 57.821L64.22 107.26l-18.062-7.834v28.527z"/></svg>

src/assets/icons/svg/icon.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M115.147.062a13 13 0 0 1 4.94.945c1.55.63 2.907 1.526 4.069 2.688a13.148 13.148 0 0 1 2.761 4.069c.678 1.55 1.017 3.245 1.017 5.086v102.3c0 3.681-1.187 6.733-3.56 9.155-2.373 2.422-5.352 3.633-8.937 3.633H12.992c-3.875 0-7-1.26-9.373-3.779-2.373-2.518-3.56-5.667-3.56-9.445V12.704c0-3.39 1.163-6.345 3.488-8.863C5.872 1.32 8.972.062 12.847.062h102.3zM81.434 109.047c1.744 0 3.003-.412 3.778-1.235.775-.824 1.163-1.914 1.163-3.27 0-1.26-.388-2.325-1.163-3.197-.775-.872-2.034-1.307-3.778-1.307H72.57c.097-.194.145-.485.145-.872V27.09h9.01c1.743 0 2.954-.436 3.633-1.308.678-.872 1.017-1.938 1.017-3.197 0-1.26-.34-2.325-1.017-3.197-.679-.872-1.89-1.308-3.633-1.308H46.268c-1.743 0-2.954.436-3.632 1.308-.678.872-1.018 1.938-1.018 3.197 0 1.26.34 2.325 1.018 3.197.678.872 1.889 1.308 3.632 1.308h8.138v72.075c0 .193.024.339.073.436.048.096.072.242.072.436H46.56c-1.744 0-3.003.435-3.778 1.307-.775.872-1.163 1.938-1.163 3.197 0 1.356.388 2.446 1.163 3.27.775.823 2.034 1.235 3.778 1.235h34.875z"/></svg>

src/assets/icons/svg/international.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M83.287 103.01c-1.57-3.84-6.778-10.414-15.447-19.548-2.327-2.444-2.182-4.306-1.338-9.862v-.64c.553-3.81 1.513-6.05 14.313-8.087 6.516-1.018 8.203 1.57 10.589 5.178l.785 1.193a12.625 12.625 0 0 0 6.43 5.207c1.134.524 2.53 1.164 4.421 2.24 4.596 2.53 4.596 5.41 4.596 11.753v.727a26.91 26.91 0 0 1-5.178 17.454 59.055 59.055 0 0 1-19.025 11.026c3.49-6.546.814-14.313 0-16.553l-.146-.087zM64 5.12a58.502 58.502 0 0 1 25.484 5.818 54.313 54.313 0 0 0-12.859 10.327c-.93 1.28-1.716 2.473-2.472 3.579-2.444 3.694-3.637 5.352-5.818 5.614a25.105 25.105 0 0 1-4.219 0c-4.276-.29-10.094-.64-11.956 4.422-1.193 3.23-1.396 11.956 2.444 16.495.66 1.077.778 2.4.32 3.578a7.01 7.01 0 0 1-2.066 3.229 18.938 18.938 0 0 1-2.909-2.91 18.91 18.91 0 0 0-8.32-6.603c-1.25-.349-2.647-.64-3.985-.93-3.782-.786-8.03-1.688-9.019-3.812a14.895 14.895 0 0 1-.727-5.818 21.935 21.935 0 0 0-1.396-9.25 8.873 8.873 0 0 0-5.557-4.946A58.705 58.705 0 0 1 64 5.12zM0 64c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-35.346-28.654-64-64-64C28.654 0 0 28.654 0 64z"/></svg>

src/assets/icons/svg/language.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M84.742 36.8c2.398 7.2 5.595 12.8 11.19 18.4 4.795-4.8 7.992-11.2 10.39-18.4h-21.58zm-52.748 40h20.78l-10.39-28-10.39 28z"/><path d="M111.916 0H16.009C7.218 0 .025 7.2.025 16v96c0 8.8 7.193 16 15.984 16h95.907c8.791 0 15.984-7.2 15.984-16V16c0-8.8-6.394-16-15.984-16zM72.754 103.2c-1.598 1.6-3.197 1.6-4.795 1.6-.8 0-2.398 0-3.197-.8-.8-.8-1.599 0-1.599-.8s-.799-1.6-1.598-3.2c-.8-1.6-.8-2.4-1.599-4l-3.196-8.8H28.797L25.6 96c-1.598 3.2-2.398 5.6-3.197 7.2-.8 1.6-2.398 1.6-4.795 1.6-1.599 0-3.197-.8-4.796-1.6-1.598-1.6-2.397-2.4-2.397-4 0-.8 0-1.6.799-3.2.8-1.6.8-2.4 1.598-4l17.583-44.8c.8-1.6.8-3.2 1.599-4.8.799-1.6 1.598-3.2 2.397-4 .8-.8 1.599-2.4 3.197-3.2 1.599-.8 3.197-.8 4.796-.8 1.598 0 3.196 0 4.795.8 1.598.8 2.398 1.6 3.197 3.2.799.8 1.598 2.4 2.397 4 .8 1.6 1.599 3.2 2.398 5.6l17.583 44c1.598 3.2 2.398 5.6 2.398 7.2-.8.8-1.599 2.4-2.398 4zM116.711 72c-8.791-3.2-15.185-7.2-20.78-12-5.594 5.6-12.787 9.6-21.579 12l-2.397-4c8.791-2.4 15.984-5.6 21.579-11.2C87.939 51.2 83.144 44 81.545 36h-7.992v-3.2h21.58c-1.6-2.4-3.198-5.6-4.796-8l2.397-.8c1.599 2.4 3.997 5.6 5.595 8.8h19.98v4h-7.992c-2.397 8-6.393 15.2-11.189 20 5.595 4.8 11.988 8.8 20.78 11.2l-3.197 4z"/></svg>

src/assets/icons/svg/left.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="1562375964995" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1423" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M810.666667 533.333333H240.64a21.333333 21.333333 0 1 1 0-42.666666H810.666667a21.333333 21.333333 0 0 1 0 42.666666z" p-id="1424"></path><path d="M490.666667 810.666667a21.333333 21.333333 0 0 1-15.146667-6.186667l-277.333333-277.333333a21.333333 21.333333 0 0 1 0-30.293334l277.333333-277.333333a21.333333 21.333333 0 0 1 30.293333 30.293333L243.413333 512l262.4 262.186667a21.333333 21.333333 0 0 1 0 30.293333A21.333333 21.333333 0 0 1 490.666667 810.666667z" p-id="1425"></path></svg>

src/assets/icons/svg/link.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M115.625 127.937H.063V12.375h57.781v12.374H12.438v90.813h90.813V70.156h12.374z"/><path d="M116.426 2.821l8.753 8.753-56.734 56.734-8.753-8.745z"/><path d="M127.893 37.982h-12.375V12.375H88.706V0h39.187z"/></svg>

src/assets/icons/svg/list.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M1.585 12.087c0 6.616 3.974 11.98 8.877 11.98 4.902 0 8.877-5.364 8.877-11.98 0-6.616-3.975-11.98-8.877-11.98-4.903 0-8.877 5.364-8.877 11.98zM125.86.107H35.613c-1.268 0-2.114 1.426-2.114 2.852v18.255c0 1.712 1.057 2.853 2.114 2.853h90.247c1.268 0 2.114-1.426 2.114-2.853V2.96c0-1.711-1.057-2.852-2.114-2.852zM.106 62.86c0 6.615 3.974 11.979 8.876 11.979 4.903 0 8.877-5.364 8.877-11.98 0-6.616-3.974-11.98-8.877-11.98-4.902 0-8.876 5.364-8.876 11.98zM124.17 50.88H33.921c-1.268 0-2.114 1.425-2.114 2.851v18.256c0 1.711 1.057 2.852 2.114 2.852h90.247c1.268 0 2.114-1.426 2.114-2.852V53.73c0-1.426-.846-2.852-2.114-2.852zM.106 115.913c0 6.616 3.974 11.98 8.876 11.98 4.903 0 8.877-5.364 8.877-11.98 0-6.616-3.974-11.98-8.877-11.98-4.902 0-8.876 5.364-8.876 11.98zm124.064-11.98H33.921c-1.268 0-2.114 1.426-2.114 2.853v18.255c0 1.711 1.057 2.852 2.114 2.852h90.247c1.268 0 2.114-1.426 2.114-2.852v-18.255c0-1.427-.846-2.853-2.114-2.853z"/></svg>

src/assets/icons/svg/lock.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M119.88 49.674h-7.987V39.52C111.893 17.738 90.45.08 63.996.08 37.543.08 16.1 17.738 16.1 39.52v10.154H8.113c-4.408 0-7.987 2.94-7.987 6.577v65.13c0 3.637 3.57 6.577 7.987 6.577H119.88c4.407 0 7.987-2.94 7.987-6.577v-65.13c-.008-3.636-3.58-6.577-7.987-6.577zm-23.953 0H32.065V39.52c0-14.524 14.301-26.295 31.931-26.295 17.63 0 31.932 11.777 31.932 26.295v10.153z"/></svg>

src/assets/icons/svg/magnify.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="1562375412765" class="icon" viewBox="0 0 1027 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4196" width="32.09375" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M853.95951925 475.5066105h-310.08967642v-300.83326917c0-13.88461268-13.88461268-32.39742862-32.39742936-32.39742862-18.51281666 0-32.39742862 18.51281666-32.39742861 37.02563333v300.83326844H178.2417157c-18.51281666-4.62820399-37.02563333 13.88461268-37.02563262 32.39742934s18.51281666 32.39742862 32.39742863 32.39742861h300.83326916v300.83326845c4.62820399 18.51281666 18.51281666 37.02563333 37.02563261 37.02563334s32.39742862-18.51281666 32.39742935-32.39742862v-305.46147317h305.46147243c18.51281666 0 32.39742862-18.51281666 32.39742934-32.39742861s-9.25640796-37.02563333-27.76922535-37.02563333z" fill="" p-id="4197"></path></svg>

src/assets/icons/svg/message.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M0 20.967v59.59c0 11.59 8.537 20.966 19.075 20.966h28.613l1 26.477L76.8 101.523h32.125c10.538 0 19.075-9.377 19.075-20.966v-59.59C128 9.377 119.463 0 108.925 0h-89.85C8.538 0 0 9.377 0 20.967zm82.325 33.1c0-5.524 4.013-9.935 9.037-9.935 5.026 0 9.038 4.41 9.038 9.934 0 5.524-4.025 9.934-9.038 9.934-5.024 0-9.037-4.41-9.037-9.934zm-27.613 0c0-5.524 4.013-9.935 9.038-9.935s9.037 4.41 9.037 9.934c0 5.524-4.025 9.934-9.037 9.934-5.025 0-9.038-4.41-9.038-9.934zm-27.1 0c0-5.524 4.013-9.935 9.038-9.935s9.038 4.41 9.038 9.934c0 5.524-4.026 9.934-9.05 9.934-5.013 0-9.025-4.41-9.025-9.934z"/></svg>

src/assets/icons/svg/money.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M54.122 127.892v-28.68H7.513V87.274h46.609v-12.4H7.513v-12.86h38.003L.099 0h22.6l32.556 45.07c3.617 5.144 6.44 9.611 8.487 13.385 1.788-3.05 4.89-7.779 9.301-14.186L103.93 0h24.01L82.385 62.013h38.34v12.862h-46.41v12.4h46.41v11.937h-46.41v28.68H54.123z"/></svg>

src/assets/icons/svg/nested.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M.002 9.2c0 5.044 3.58 9.133 7.998 9.133 4.417 0 7.997-4.089 7.997-9.133 0-5.043-3.58-9.132-7.997-9.132S.002 4.157.002 9.2zM31.997.066h95.981V18.33H31.997V.066zm0 45.669c0 5.044 3.58 9.132 7.998 9.132 4.417 0 7.997-4.088 7.997-9.132 0-3.263-1.524-6.278-3.998-7.91-2.475-1.63-5.524-1.63-7.998 0-2.475 1.632-4 4.647-4 7.91zM63.992 36.6h63.986v18.265H63.992V36.6zm-31.995 82.2c0 5.043 3.58 9.132 7.998 9.132 4.417 0 7.997-4.089 7.997-9.132 0-5.044-3.58-9.133-7.997-9.133s-7.998 4.089-7.998 9.133zm31.995-9.131h63.986v18.265H63.992V109.67zm0-27.404c0 5.044 3.58 9.133 7.998 9.133 4.417 0 7.997-4.089 7.997-9.133 0-3.263-1.524-6.277-3.998-7.909-2.475-1.631-5.524-1.631-7.998 0-2.475 1.632-4 4.646-4 7.91zm31.995-9.13h31.991V91.4H95.987V73.135z"/></svg>

src/assets/icons/svg/password.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M108.8 44.322H89.6v-5.36c0-9.04-3.308-24.163-25.6-24.163-23.145 0-25.6 16.881-25.6 24.162v5.361H19.2v-5.36C19.2 15.281 36.798 0 64 0c27.202 0 44.8 15.281 44.8 38.961v5.361zm-32 39.356c0-5.44-5.763-9.832-12.8-9.832-7.037 0-12.8 4.392-12.8 9.832 0 3.682 2.567 6.808 6.407 8.477v11.205c0 2.718 2.875 4.962 6.4 4.962 3.524 0 6.4-2.244 6.4-4.962V92.155c3.833-1.669 6.393-4.795 6.393-8.477zM128 64v49.201c0 8.158-8.645 14.799-19.2 14.799H19.2C8.651 128 0 121.359 0 113.201V64c0-8.153 8.645-14.799 19.2-14.799h89.6c10.555 0 19.2 6.646 19.2 14.799z"/></svg>

src/assets/icons/svg/pdf.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="128" height="128"><path d="M869.073 277.307H657.111V65.344l211.962 211.963zm-238.232 26.27V65.344l-476.498-.054v416.957h714.73v-178.67H630.841zm-335.836 360.57c-5.07-3.064-10.944-5.133-17.61-6.201-6.67-1.064-13.603-1.6-20.81-1.6h-48.821v85.641h48.822c7.206 0 14.14-.532 20.81-1.6 6.665-1.065 12.54-3.133 17.609-6.202 5.064-3.063 9.134-7.406 12.208-13.007 3.065-5.602 4.6-12.937 4.6-22.011 0-9.07-1.535-16.408-4.6-22.01-3.074-5.603-7.144-9.94-12.208-13.01zM35.82 541.805v416.904h952.358V541.805H35.821zm331.421 191.179c-3.6 11.071-9.343 20.879-17.209 29.413-7.874 8.542-18.078 15.408-30.617 20.61-12.544 5.206-27.747 7.807-45.621 7.807h-66.036v102.45h-62.831V607.517h128.867c17.874 0 33.077 2.6 45.62 7.802 12.541 5.207 22.745 12.076 30.618 20.615 7.866 8.538 13.604 18.277 17.21 29.212 3.6 10.943 5.401 22.278 5.401 34.018 0 11.477-1.8 22.752-5.402 33.819zM644.9 806.417c-5.343 17.61-13.408 32.818-24.212 45.627-10.807 12.803-24.283 22.879-40.423 30.213-16.146 7.343-35.155 11.007-57.03 11.007h-123.26V607.518h123.26c18.41 0 35.552 2.941 51.428 8.808 15.873 5.869 29.618 14.671 41.22 26.412 11.608 11.744 20.674 26.411 27.217 44.02 6.535 17.61 9.803 38.288 9.803 62.035 0 20.81-2.67 40.02-8.003 57.624zm245.362-146.07h-138.07v66.03h119.66v48.829h-119.66v118.058h-62.83V607.518h200.9v52.829h-.001zm-318.2 25.611c-6.402-8.266-14.877-14.604-25.412-19.01-10.544-4.402-23.551-6.602-39.019-6.602h-44.825v180.088h56.029c9.07 0 17.872-1.463 26.415-4.401 8.535-2.932 16.14-7.802 22.812-14.609 6.665-6.8 12.007-15.667 16.007-26.61 4.003-10.94 6.003-24.275 6.003-40.021 0-14.408-1.4-27.416-4.202-39.019-2.8-11.607-7.406-21.542-13.808-29.816zm0 0"/></svg>

src/assets/icons/svg/people.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M104.185 95.254c8.161 7.574 13.145 17.441 13.145 28.28 0 1.508-.098 2.998-.285 4.466h-10.784c.238-1.465.403-2.948.403-4.465 0-8.983-4.36-17.115-11.419-23.216C86 104.66 75.355 107.162 64 107.162c-11.344 0-21.98-2.495-31.22-6.83-7.064 6.099-11.444 14.218-11.444 23.203 0 1.517.165 3 .403 4.465H10.955a35.444 35.444 0 0 1-.285-4.465c0-10.838 4.974-20.713 13.127-28.291C9.294 85.42.003 70.417.003 53.58.003 23.99 28.656.001 64 .001s63.997 23.988 63.997 53.58c0 16.842-9.299 31.85-23.812 41.673zM64 36.867c-29.454 0-53.33-10.077-53.33 15.342 0 25.418 23.876 46.023 53.33 46.023 29.454 0 53.33-20.605 53.33-46.023 0-25.419-23.876-15.342-53.33-15.342zm24.888 25.644c-3.927 0-7.111-2.665-7.111-5.953 0-3.288 3.184-5.954 7.11-5.954 3.928 0 7.111 2.666 7.111 5.954s-3.183 5.953-7.11 5.953zm-3.556 16.372c0 4.11-9.55 7.442-21.332 7.442-11.781 0-21.332-3.332-21.332-7.442 0-1.06.656-2.064 1.8-2.976 3.295 2.626 10.79 4.465 19.532 4.465 8.743 0 16.237-1.84 19.531-4.465 1.145.912 1.801 1.916 1.801 2.976zm-46.22-16.372c-3.927 0-7.11-2.665-7.11-5.953 0-3.288 3.183-5.954 7.11-5.954 3.927 0 7.111 2.666 7.111 5.954s-3.184 5.953-7.11 5.953z"/></svg>

src/assets/icons/svg/peoples.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M95.648 118.762c0 5.035-3.563 9.121-7.979 9.121H7.98c-4.416 0-7.979-4.086-7.979-9.121C0 100.519 15.408 83.47 31.152 76.75c-9.099-6.43-15.216-17.863-15.216-30.987v-9.128c0-20.16 14.293-36.518 31.893-36.518s31.894 16.358 31.894 36.518v9.122c0 13.137-6.123 24.556-15.216 30.993 15.738 6.726 31.141 23.769 31.141 42.012z"/><path d="M106.032 118.252h15.867c3.376 0 6.101-3.125 6.101-6.972 0-13.957-11.787-26.984-23.819-32.123 6.955-4.919 11.638-13.66 11.638-23.704v-6.985c0-15.416-10.928-27.926-24.39-27.926-1.674 0-3.306.193-4.89.561 1.936 4.713 3.018 9.974 3.018 15.526v9.121c0 13.137-3.056 23.111-11.066 30.993 14.842 4.41 27.312 23.42 27.541 41.509z"/></svg>

src/assets/icons/svg/resume.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="1595307154239" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7317" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><defs><style type="text/css"></style></defs><path d="M316 672h60c4.4 0 8-3.6 8-8V360c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v304c0 4.4 3.6 8 8 8zM512 622c22.1 0 40-17.9 40-39 0-23.1-17.9-41-40-41s-40 17.9-40 41c0 21.1 17.9 39 40 39zM512 482c22.1 0 40-17.9 40-39 0-23.1-17.9-41-40-41s-40 17.9-40 41c0 21.1 17.9 39 40 39z" p-id="7318"></path><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32z m-40 728H184V184h656v656z" p-id="7319"></path><path d="M648 672h60c4.4 0 8-3.6 8-8V360c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v304c0 4.4 3.6 8 8 8z" p-id="7320"></path></svg>

src/assets/icons/svg/right.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="1562375990891" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1725" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M213.333333 533.333333a21.333333 21.333333 0 0 1 0-42.666666l577.706667-1.92a21.333333 21.333333 0 0 1 0 42.666666L213.333333 533.333333z" p-id="1726"></path><path d="M512 810.666667a21.333333 21.333333 0 0 1-15.573333-6.826667 21.333333 21.333333 0 0 1 1.066666-30.08L779.306667 512 497.493333 250.24a21.333333 21.333333 0 1 1 29.013334-31.146667l298.666666 277.333334a21.333333 21.333333 0 0 1 0 31.146666l-298.666666 277.333334A21.333333 21.333333 0 0 1 512 810.666667z" p-id="1727"></path></svg>

src/assets/icons/svg/scale.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="1595307195033" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8116" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><defs><style type="text/css"></style></defs><path d="M887.081 904.791a25.8 25.8 0 0 1-18.376-7.619L705.618 734.075l-4.163 3.369c-58.255 47.18-131.522 73.16-206.32 73.16-181.07 0-328.377-147.308-328.377-328.367 0-181.068 147.308-328.376 328.377-328.376 181.063 0 328.376 147.308 328.376 328.376 0 77.072-27.412 152.07-77.169 211.17l-3.522 4.173 162.719 162.744a25.846 25.846 0 0 1 7.639 18.432 26.081 26.081 0 0 1-26.051 26.045l-0.046-0.01zM495.13 205.957c-152.336 0-276.27 123.935-276.27 276.27 0 152.33 123.934 276.27 276.27 276.27 152.34 0 276.275-123.94 276.275-276.27 0-152.335-123.935-276.27-276.275-276.27z" p-id="8117"></path><path d="M626.545 508.355h-262.83a26.127 26.127 0 0 1 0-52.255h262.83a26.127 26.127 0 0 1 0 52.255z" p-id="8118"></path><path d="M495.13 639.77a26.127 26.127 0 0 1-26.128-26.128v-262.83a26.127 26.127 0 0 1 52.255 0v262.835a26.127 26.127 0 0 1-26.127 26.123z" p-id="8119"></path></svg>

src/assets/icons/svg/scaleX.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="1562375700814" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3884" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M585.728 108.606061H178.424242c-27.151515 0-40.742788 13.156848-40.742787 39.439515v197.135515c0 26.282667 13.591273 39.439515 40.742787 39.439515h407.303758c27.151515 0 40.711758-13.156848 40.711758-39.439515V148.045576c0-26.282667-13.560242-39.439515-40.711758-39.439515z m0 512.558545H178.424242c-27.151515 0-40.742788 13.125818-40.742787 39.439515v197.135515c0 26.282667 13.591273 39.408485 40.742787 39.408485h407.303758c27.151515 0 40.711758-13.125818 40.711758-39.408485v-197.135515c0-26.313697-13.560242-39.439515-40.711758-39.439515zM15.515152 542.285576h81.454545v-78.848H15.515152v78.848z m162.90909-78.848v78.848h81.454546v-78.848H178.424242z m162.940122 0v78.848h81.454545v-78.848h-81.454545z m325.818181 78.848h81.454546v-78.848h-81.454546v78.848z m-81.454545-78.848h-81.454545v78.848h81.454545v-78.848zM916.324848 772.344242c104.261818-254.169212 68.608-476.253091-107.954424-663.365818l-43.752727 31.371637c161.202424 170.852848 195.521939 372.177455 101.841455 606.828606l-103.299879-52.037819-2.823758 251.345455 248.149333-127.813818-92.16-46.328243z" p-id="3885"></path></svg>

src/assets/icons/svg/scaleY.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="1562375722051" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4028" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M325.070452 397.774452H123.012129c-26.954323 0-40.431484 13.543226-40.431484 40.629677v406.461936c0 27.086452 13.477161 40.66271 40.431484 40.662709h202.091355c26.954323 0 40.431484-13.543226 40.431484-40.662709V438.404129c-0.033032-27.086452-13.510194-40.629677-40.464516-40.629677z m525.411096 0h-202.091354c-26.954323 0-40.398452 13.543226-40.398452 40.629677v406.461936c0 27.086452 13.477161 40.66271 40.398452 40.662709h202.091354c26.954323 0 40.398452-13.543226 40.398452-40.662709V438.404129c0.033032-27.086452-13.444129-40.629677-40.398452-40.629677zM446.331871 844.899097h80.829935v-81.292387h-80.829935v81.292387z m0 162.584774h80.829935v-81.292387h-80.829935V1007.483871z m0-650.372129h80.829935V275.819355h-80.829935v81.292387z m0 162.617806h80.829935v-81.292387h-80.829935v81.292387z m0 162.584775h80.829935v-81.292388h-80.829935v81.292388z m290.849032-524.056775l-53.347097 103.093678 257.651613 2.840774L810.479484 16.549161l-47.500387 91.961807C502.420645 4.459355 274.762323 40.002065 82.977032 216.229161l32.17342 43.668645c175.137032-160.900129 381.522581-195.121548 622.030451-101.640258z" p-id="4029"></path></svg>

src/assets/icons/svg/search.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M124.884 109.812L94.256 79.166c-.357-.357-.757-.629-1.129-.914a50.366 50.366 0 0 0 8.186-27.59C101.327 22.689 78.656 0 50.67 0 22.685 0 0 22.688 0 50.663c0 27.989 22.685 50.663 50.656 50.663 10.186 0 19.643-3.03 27.6-8.201.286.385.557.771.9 1.114l30.628 30.632a10.633 10.633 0 0 0 7.543 3.129c2.728 0 5.457-1.043 7.543-3.115 4.171-4.157 4.171-10.915.014-15.073M50.671 85.338C31.557 85.338 16 69.78 16 50.663c0-19.102 15.557-34.661 34.67-34.661 19.115 0 34.657 15.559 34.657 34.675 0 19.102-15.557 34.661-34.656 34.661"/></svg>

src/assets/icons/svg/shrink.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="1562375389854" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3444" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M129 480h766v64H129z" p-id="3445"></path></svg>

src/assets/icons/svg/size.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M0 54.857h54.796v18.286H36.531V128H18.265V73.143H0V54.857zm127.857-36.571H91.935V128H72.456V18.286H36.534V0h91.326l-.003 18.286z"/></svg>

src/assets/icons/svg/star.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M70.66 4.328l14.01 29.693c1.088 2.29 3.177 3.882 5.603 4.25l31.347 4.76c6.087.926 8.528 8.756 4.117 13.247L103.05 79.395c-1.75 1.78-2.544 4.352-2.132 6.867l5.352 32.641c1.043 6.337-5.33 11.182-10.778 8.19l-28.039-15.409a7.13 7.13 0 0 0-6.91 0l-28.039 15.41c-5.448 2.99-11.821-1.854-10.777-8.19l5.352-32.642c.415-2.515-.387-5.088-2.136-6.867L2.264 56.278C-2.146 51.787.286 43.957 6.38 43.031l31.343-4.76c2.419-.368 4.51-1.96 5.595-4.25L57.334 4.328c2.728-5.77 10.605-5.77 13.325 0z"/></svg>

src/assets/icons/svg/sure.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="1562658397037" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4306" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><defs><style type="text/css"></style></defs><path d="M869.373317 199.309348L422.664346 646.01832 154.62566 377.980657 65.290005 467.316312l268.038686 268.038685 89.335655 89.335655L958.708971 288.645003z" p-id="4307" data-spm-anchor-id="a313x.7781069.0.i3" class="selected"></path></svg>

src/assets/icons/svg/tab.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M78.921.052H49.08c-1.865 0-3.198 1.599-3.198 3.464v6.661c0 1.865 1.6 3.464 3.198 3.464h29.84c1.865 0 3.198-1.599 3.198-3.464V3.516C82.385 1.65 80.786.052 78.92.052zm45.563 0H94.642c-1.865 0-3.464 1.599-3.464 3.464v6.661c0 1.865 1.599 3.464 3.464 3.464h29.842c1.865-.266 3.464-1.599 3.464-3.464V3.516c0-1.865-1.599-3.464-3.464-3.464zm0 22.382H40.02c-1.866 0-3.464-1.599-3.464-3.464V3.516c0-1.865-1.599-3.464-3.464-3.464H3.516C1.65.052.052 1.651.052 3.516V124.75c0 1.598 1.599 3.197 3.464 3.197h120.968c1.865 0 3.464-1.599 3.464-3.464V25.898c0-1.865-1.599-3.464-3.464-3.464z"/></svg>

src/assets/icons/svg/table.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M.006.064h127.988v31.104H.006V.064zm0 38.016h38.396v41.472H.006V38.08zm0 48.384h38.396v41.472H.006V86.464zM44.802 38.08h38.396v41.472H44.802V38.08zm0 48.384h38.396v41.472H44.802V86.464zM89.598 38.08h38.396v41.472H89.598zm0 48.384h38.396v41.472H89.598z"/><path d="M.006.064h127.988v31.104H.006V.064zm0 38.016h38.396v41.472H.006V38.08zm0 48.384h38.396v41.472H.006V86.464zM44.802 38.08h38.396v41.472H44.802V38.08zm0 48.384h38.396v41.472H44.802V86.464zM89.598 38.08h38.396v41.472H89.598zm0 48.384h38.396v41.472H89.598z"/></svg>

src/assets/icons/svg/theme.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M125.5 36.984L95.336 2.83C93.735 1.018 91.565 0 89.3 0c-2.263 0-4.433 1.018-6.033 2.83l-3.786 4.286c-1.6 1.812-3.77 2.83-6.032 2.831H54.553c-2.263 0-4.434-1.018-6.033-2.83L44.734 2.83C43.134 1.018 40.964 0 38.701 0c-2.263 0-4.434 1.018-6.034 2.83L2.5 36.984C.9 38.796 0 41.254 0 43.815c0 2.562.899 5.02 2.5 6.831L14.565 64.31c2.178 2.468 5.367 3.403 8.33 2.444 1.35-.435 2.709.592 2.709 2.18v49.407c0 5.313 3.84 9.66 8.532 9.66h59.726c4.693 0 8.532-4.347 8.532-9.66V68.934c0-1.59 1.36-2.616 2.71-2.181 2.962.96 6.15.024 8.329-2.444L125.5 50.646c1.6-1.811 2.499-4.269 2.499-6.83 0-2.563-.899-5.02-2.5-6.832z"/></svg>

src/assets/icons/svg/top.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="1562375946558" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1240" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M512 832a21.333333 21.333333 0 0 1-21.333333-21.333333V213.333333a21.333333 21.333333 0 0 1 42.666666 0v597.333334a21.333333 21.333333 0 0 1-21.333333 21.333333z" p-id="1241"></path><path d="M789.333333 512a21.333333 21.333333 0 0 1-15.146666-6.186667L512 243.413333l-262.186667 262.4a21.333333 21.333333 0 0 1-30.293333-30.293333l277.333333-277.333333a21.333333 21.333333 0 0 1 30.293334 0l277.333333 277.333333a21.333333 21.333333 0 0 1 0 30.293333A21.333333 21.333333 0 0 1 789.333333 512z" p-id="1242"></path></svg>

src/assets/icons/svg/tree.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M126.713 90.023c.858.985 1.287 2.134 1.287 3.447v29.553c0 1.423-.429 2.6-1.287 3.53-.858.93-1.907 1.395-3.146 1.395H97.824c-1.145 0-2.146-.465-3.004-1.395-.858-.93-1.287-2.107-1.287-3.53V93.47c0-.875.19-1.696.572-2.462.382-.766.906-1.368 1.573-1.806a3.84 3.84 0 0 1 2.146-.657h9.725V69.007a3.84 3.84 0 0 0-.43-1.806 3.569 3.569 0 0 0-1.143-1.313 2.714 2.714 0 0 0-1.573-.492h-36.47v23.149h9.725c1.144 0 2.145.492 3.004 1.478.858.985 1.287 2.134 1.287 3.447v29.553c0 .876-.191 1.696-.573 2.463-.38.766-.905 1.368-1.573 1.806a3.84 3.84 0 0 1-2.145.656H51.915a3.84 3.84 0 0 1-2.145-.656c-.668-.438-1.216-1.04-1.645-1.806a4.96 4.96 0 0 1-.644-2.463V93.47c0-1.313.43-2.462 1.288-3.447.858-.986 1.907-1.478 3.146-1.478h9.582v-23.15h-37.9c-.953 0-1.74.356-2.359 1.068-.62.711-.93 1.56-.93 2.544v19.538h9.726c1.239 0 2.264.492 3.074 1.478.81.985 1.216 2.134 1.216 3.447v29.553c0 1.423-.405 2.6-1.216 3.53-.81.93-1.835 1.395-3.074 1.395H4.29c-.476 0-.93-.082-1.358-.246a4.1 4.1 0 0 1-1.144-.657 4.658 4.658 0 0 1-.93-1.067 5.186 5.186 0 0 1-.643-1.395 5.566 5.566 0 0 1-.215-1.56V93.47c0-.437.048-.875.143-1.313a3.95 3.95 0 0 1 .429-1.15c.19-.328.429-.656.715-.984.286-.329.572-.602.858-.821.286-.22.62-.383 1.001-.493.382-.11.763-.164 1.144-.164h9.726V61.619c0-.985.31-1.833.93-2.544.619-.712 1.358-1.068 2.216-1.068h44.335V39.62h-9.582c-1.24 0-2.288-.492-3.146-1.477a5.09 5.09 0 0 1-1.287-3.448V5.14c0-1.423.429-2.627 1.287-3.612.858-.985 1.907-1.477 3.146-1.477h25.743c.763 0 1.478.246 2.145.739a5.17 5.17 0 0 1 1.573 1.888c.382.766.573 1.587.573 2.462v29.553c0 1.313-.43 2.463-1.287 3.448-.859.985-1.86 1.477-3.004 1.477h-9.725v18.389h42.762c.954 0 1.74.355 2.36 1.067.62.711.93 1.56.93 2.545v26.925h9.582c1.239 0 2.288.492 3.146 1.478z"/></svg>

src/assets/icons/svg/unscale.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="1595308005241" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9878" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><defs><style type="text/css"></style></defs><path d="M750.3 198.7C598 46.4 351.1 46.4 198.7 198.7s-152.3 399.2 0 551.5C345.1 896.6 578.8 902.3 732 767.3l172.1 172.1 35.4-35.4-172.1-171.9c135-153.2 129.3-387-17.1-533.4z m39.3 403.8c-17.1 42.1-42.2 80-74.7 112.4-32.5 32.5-70.3 57.6-112.4 74.7-40.7 16.5-83.8 24.9-128 24.9s-87.2-8.4-128-24.9c-42.1-17.1-80-42.2-112.4-74.7s-57.6-70.3-74.7-112.4c-16.5-40.7-24.9-83.8-24.9-128s8.4-87.2 24.9-128c17.1-42.1 42.2-80 74.7-112.4s70.3-57.6 112.4-74.7c40.7-16.5 83.8-24.9 128-24.9s87.2 8.4 128 24.9c42.1 17.1 80 42.2 112.4 74.7 32.5 32.5 57.6 70.3 74.7 112.4 16.5 40.7 24.9 83.8 24.9 128s-8.4 87.3-24.9 128zM671 502H271v-50h400v50z" p-id="9879"></path></svg>

src/assets/icons/svg/user.svg

@@ -0,0 +1 @@
+<svg width="130" height="130" xmlns="http://www.w3.org/2000/svg"><path d="M63.444 64.996c20.633 0 37.359-14.308 37.359-31.953 0-17.649-16.726-31.952-37.359-31.952-20.631 0-37.36 14.303-37.358 31.952 0 17.645 16.727 31.953 37.359 31.953zM80.57 75.65H49.434c-26.652 0-48.26 18.477-48.26 41.27v2.664c0 9.316 21.608 9.325 48.26 9.325H80.57c26.649 0 48.256-.344 48.256-9.325v-2.663c0-22.794-21.605-41.271-48.256-41.271z" stroke="#979797"/></svg>

src/assets/icons/svg/wechat.svg

@@ -0,0 +1 @@
+<svg width="128" height="110" xmlns="http://www.w3.org/2000/svg"><path d="M86.635 33.334c1.467 0 2.917.113 4.358.283C87.078 14.392 67.58.111 45.321.111 20.44.111.055 17.987.055 40.687c0 13.104 6.781 23.863 18.115 32.209l-4.527 14.352 15.82-8.364c5.666 1.182 10.207 2.395 15.858 2.395 1.42 0 2.829-.073 4.227-.189-.886-3.19-1.398-6.53-1.398-9.996 0-20.845 16.98-37.76 38.485-37.76zm-24.34-12.936c3.407 0 5.665 2.363 5.665 5.954 0 3.576-2.258 5.97-5.666 5.97-3.392 0-6.795-2.395-6.795-5.97 0-3.591 3.403-5.954 6.795-5.954zM30.616 32.323c-3.393 0-6.818-2.395-6.818-5.971 0-3.591 3.425-5.954 6.818-5.954 3.392 0 5.65 2.363 5.65 5.954 0 3.576-2.258 5.97-5.65 5.97z"/><path d="M127.945 70.52c0-19.075-18.108-34.623-38.448-34.623-21.537 0-38.5 15.548-38.5 34.623 0 19.108 16.963 34.622 38.5 34.622 4.508 0 9.058-1.2 13.584-2.395l12.414 7.167-3.404-11.923c9.087-7.184 15.854-16.712 15.854-27.471zm-50.928-5.97c-2.254 0-4.53-2.362-4.53-4.773 0-2.378 2.276-4.771 4.53-4.771 3.422 0 5.665 2.393 5.665 4.771 0 2.41-2.243 4.773-5.665 4.773zm24.897 0c-2.24 0-4.498-2.362-4.498-4.773 0-2.378 2.258-4.771 4.498-4.771 3.392 0 5.665 2.393 5.665 4.771 0 2.41-2.273 4.773-5.665 4.773z"/></svg>

src/assets/icons/svg/zip.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M78.527 116.793c.178.008.348.024.527.024h40.233c4.711-.005 8.53-3.677 8.534-8.21V18.895c-.004-4.532-3.823-8.204-8.534-8.209H79.054c-.179 0-.353.016-.527.024V0L0 10.082v107.406l78.527 10.342v-11.037zm0-101.362c.174-.024.348-.052.527-.052h40.233c2.018 0 3.659 1.578 3.659 3.52v89.713c-.003 1.942-1.64 3.517-3.659 3.519H79.054c-.179 0-.353-.028-.527-.052V15.431zM30.262 75.757l-18.721-.46V72.37l11.3-16.673v-.148l-10.266.164v-4.51l17.504-.44v3.264L18.696 70.76v.144l11.566.176v4.678zm9.419.231l-5.823-.144V50.671l5.823-.144v25.461zm22.255-11.632c-2.168 1.922-5.353 2.76-9.02 2.736-.702.004-1.402-.04-2.097-.131v9.303l-5.997-.148V50.743c1.852-.352 4.473-.647 8.218-.743 3.838-.096 6.608.539 8.48 1.913 1.807 1.306 3.032 3.5 3.032 6.112s-.926 4.833-2.612 6.331h-.004zM53.36 54.45c-.856-.01-1.71.083-2.541.275v7.682c.523.116 1.167.152 2.06.152 3.301-.004 5.36-1.614 5.36-4.314 0-2.425-1.772-3.843-4.875-3.791l-.004-.004zm39.847-37.066h9.564v3.795h-9.564v-3.795zm-9.568 5.68h9.564v3.8h-9.564v-3.8zm9.568 6.216h9.564v3.799h-9.564V29.28zm0 12h9.564v3.794h-9.564V41.28zm-9.568-6.096h9.564v3.795h-9.564v-3.795zm9.472 47.064c2.512 0 4.921-.96 6.697-2.67 1.776-1.708 2.773-4.026 2.772-6.442l-1.748-15.263c0-5.033-2.492-9.112-7.725-9.112-5.232 0-7.72 4.079-7.72 9.112l-1.752 15.263c-.001 2.417.996 4.735 2.773 6.444 1.777 1.71 4.187 2.669 6.7 2.668h.003zm-3.135-16.75h6.27v12.743h-6.27V65.5z"/></svg>

src/assets/icons/svgo.yml

@@ -0,0 +1,22 @@
+# replace default config
+
+# multipass: true
+# full: true
+
+plugins:
+
+  # - name
+  #
+  # or:
+  # - name: false
+  # - name: true
+  #
+  # or:
+  # - name:
+  #     param1: 1
+  #     param2: 2
+
+- removeAttrs:
+    attrs:
+      - 'fill'
+      - 'fill-rule'

src/cache/index.ts

@@ -0,0 +1,11 @@
+/**
+ * 配置浏览器本地存储的方式，可直接存储对象数组。
+ */
+
+import WebStorageCache from 'web-storage-cache'
+
+const wsCache: WebStorageCache = new WebStorageCache({
+  storage: 'sessionStorage'
+})
+
+export default wsCache

src/components/Breadcrumb/Breadcrumb.vue

@@ -0,0 +1,96 @@
+<template>
+  <div ref="breadcrumbRef" class="breadcrumb">
+    <slot />
+  </div>
+</template>
+
+<script lang="ts">
+import type { PropType } from 'vue'
+import { defineComponent, provide, ref } from 'vue'
+
+export default defineComponent({
+  name: 'Breadcrumb',
+  props: {
+    separator: {
+      type: String as PropType<string>,
+      default: '/'
+    },
+    separatorClass: {
+      type: String as PropType<string>,
+      default: ''
+    }
+  },
+  setup(props) {
+    const breadcrumbRef = ref<HTMLElement | null>(null)
+
+    provide('breadcrumb', props)
+
+    return {
+      breadcrumbRef
+    }
+  }
+})
+</script>
+<style lang="less">
+.breadcrumb {
+  padding-right: 20px;
+  font-size: 12px;
+
+  &::after,
+  &::before {
+    display: table;
+    content: '';
+  }
+
+  &::after {
+    clear: both;
+  }
+
+  &__separator {
+    margin: 0 9px;
+    font-weight: 700;
+    color: #6e90a7;
+
+    &[class*='icon'] {
+      margin: 0 6px;
+      font-weight: 400;
+    }
+  }
+
+  &__item {
+    float: left;
+    display: inline-block;
+  }
+
+  &__inner {
+    display: inline-block;
+    color: #6e90a7;
+
+    a {
+      font-weight: 700;
+      color: #2c3a61;
+      text-decoration: none;
+      transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+    }
+
+    a:hover,
+    &.is-link:hover {
+      color: #1890ff;
+      cursor: pointer;
+    }
+  }
+
+  &__item:last-child .breadcrumb__inner,
+  &__item:last-child &__inner a,
+  &__item:last-child &__inner a:hover,
+  &__item:last-child &__inner:hover {
+    font-weight: 400;
+    color: #6e90a7;
+    cursor: text;
+  }
+
+  &__item:last-child &__separator {
+    display: none;
+  }
+}
+</style>

src/components/Breadcrumb/BreadcrumbItem.vue

@@ -0,0 +1,51 @@
+<template>
+  <span class="breadcrumb__item">
+    <span ref="linkRef" :class="['breadcrumb__inner']">
+      <slot />
+    </span>
+    <i v-if="separatorClass" class="breadcrumb__separator" :class="separatorClass" />
+    <span v-else class="breadcrumb__separator">{{ separator }}</span>
+  </span>
+</template>
+
+<script lang="ts">
+import { defineComponent, inject, ref, onMounted, unref } from 'vue'
+import type { PropType } from 'vue'
+import { useRouter } from 'vue-router'
+
+export default defineComponent({
+  name: 'BreadcrumbItem',
+  props: {
+    to: {
+      type: [String, Object] as PropType<string | object>,
+      default: ''
+    },
+    replace: {
+      type: Boolean as PropType<boolean>,
+      default: false
+    }
+  },
+  setup(props) {
+    const linkRef = ref<HTMLElement | null>(null)
+    const parent = inject('breadcrumb') as {
+      separator: string
+      separatorClass: string
+    }
+    const { push, replace } = useRouter()
+
+    onMounted(() => {
+      const link = unref(linkRef)
+      if (!link) return
+      const { to } = props
+      if (!props.to) return
+      props.replace ? replace(to) : push(to)
+    })
+
+    return {
+      linkRef,
+      separator: parent.separator && parent.separator,
+      separatorClass: parent.separatorClass && parent.separatorClass
+    }
+  }
+})
+</script>

src/components/Breadcrumb/index.vue

@@ -0,0 +1,107 @@
+<template>
+  <Breadcrumb class="app-breadcrumb">
+    <transition-group name="breadcrumb">
+      <BreadcrumbItem
+        v-for="(item,index) in levelList"
+        :key="item.path"
+      >
+        <svg-icon v-if="item.meta.icon" :icon-class="item.meta.icon" class="icon-breadcrumb" />
+        <span v-if="item.redirect==='noredirect'||index==levelList.length-1" class="no-redirect">
+          {{ item.meta.title }}
+        </span>
+        <a v-else @click.prevent="handleLink(item)">
+          {{ item.meta.title }}
+        </a>
+      </BreadcrumbItem>
+    </transition-group>
+  </Breadcrumb>
+</template>
+
+<script lang="ts">
+import { ref, defineComponent, watch } from 'vue'
+import type { RouteRecordRaw, RouteLocationMatched, RouteLocationNormalizedLoaded } from 'vue-router'
+import { useRouter } from 'vue-router'
+import { compile } from 'path-to-regexp'
+import Breadcrumb from './Breadcrumb.vue'
+import BreadcrumbItem from './BreadcrumbItem.vue'
+export default defineComponent({
+  name: 'BreadcrumbWrap',
+  components: {
+    Breadcrumb,
+    BreadcrumbItem
+  },
+  setup() {
+    const { currentRoute, push } = useRouter()
+
+    const levelList = ref<RouteRecordRaw[]>([])
+
+    function getBreadcrumb() {
+      let matched: any[] = currentRoute.value.matched.filter((item: RouteLocationMatched) => item.meta && item.meta.title)
+      const first = matched[0]
+
+      if (!isDashboard(first)) {
+        matched = [{ path: '/dashboard', meta: { title: '首页', icon: 'dashboard' }}].concat(matched)
+      }
+
+      levelList.value = matched.filter((item: RouteLocationMatched) => item.meta && item.meta.title && item.meta.breadcrumb !== false)
+    }
+
+    function isDashboard(route: RouteLocationMatched) {
+      const name = route && route.name
+      if (!name) {
+        return false
+      }
+      return (name as any).trim().toLocaleLowerCase() === 'Dashboard'.toLocaleLowerCase()
+    }
+
+    function pathCompile(path: string): string {
+      const { params } = currentRoute.value
+      const toPath = compile(path)
+      return toPath(params)
+    }
+
+    function handleLink(item: RouteRecordRaw): void {
+      const { redirect, path } = item
+      if (redirect) {
+        push(redirect as string)
+        return
+      }
+      push(pathCompile(path))
+    }
+
+    watch(
+      () => currentRoute.value,
+      (route: RouteLocationNormalizedLoaded) => {
+        if (route.path.startsWith('/redirect/')) {
+          return
+        }
+        getBreadcrumb()
+      },
+      {
+        immediate: true
+      }
+    )
+
+    return {
+      levelList,
+      handleLink
+    }
+  }
+})
+</script>
+
+<style lang="less" scoped>
+.app-breadcrumb {
+  display: inline-block;
+  font-size: 14px;
+  margin-left: 10px;
+  .no-redirect {
+    color: #97a8be;
+    cursor: text;
+  }
+  .icon-breadcrumb {
+    color: #97a8be;
+    margin-right: 8px;
+  }
+}
+</style>

src/components/Button/index.vue

@@ -0,0 +1,73 @@
+<template>
+  <Button v-bind="getBindValue" :class="[getColor, $attrs.class]">
+    <template #default="data">
+      <slot name="icon" />
+      <slot v-bind="data" />
+    </template>
+  </Button>
+</template>
+<script lang="ts">
+import { PropType } from 'vue'
+import { defineComponent, computed, VNodeChild } from 'vue'
+import { Button } from 'ant-design-vue'
+export default defineComponent({
+  name: 'AButton',
+  components: { Button },
+  inheritAttrs: false,
+  props: {
+    // 按钮类型
+    type: {
+      type: String as PropType<'primary' | 'default' | 'danger' | 'dashed' | 'link' | 'warning' | 'success' | 'info'>,
+      default: 'default'
+    },
+    disabled: {
+      type: Boolean as PropType<boolean>,
+      default: false
+    },
+    htmlType: {
+      type: String as PropType<'button' | 'submit' | 'reset' | 'menu'>,
+      default: 'button'
+    },
+    icon: {
+      type: Object as PropType<VNodeChild | JSX.Element>,
+      default: () => null
+    },
+    size: {
+      type: String as PropType<'small' | 'large' | 'default'>,
+      default: 'default'
+    },
+    loading: {
+      type: Boolean as PropType<boolean>,
+      default: false
+    },
+    ghost: {
+      type: Boolean as PropType<boolean>,
+      default: false
+    },
+    block: {
+      type: Boolean as PropType<boolean>,
+      default: false
+    }
+  },
+  setup(props, { attrs }) {
+    const getColor = computed(() => {
+      const res: string[] = []
+      const { type, disabled } = props
+      type && res.push(`ant-btn-${type}`)
+      disabled && res.push('is-disabled')
+      return res
+    })
+
+    const getBindValue = computed((): any => {
+      const otherTypes = ['warning', 'success', 'info']
+      const bindValue = { ...attrs, ...props }
+      if (otherTypes.indexOf(props.type) !== -1) {
+        bindValue.type = 'default'
+      }
+      return bindValue
+    })
+
+    return { getBindValue, getColor }
+  }
+})
+</script>

src/components/CountTo/index.vue

@@ -0,0 +1,160 @@
+<template>
+  <span>
+    {{ displayValue }}
+  </span>
+</template>
+<script lang="ts">
+import { defineComponent, reactive, computed, watch, onMounted, unref, toRef } from 'vue'
+import { countToProps } from './props'
+import { isNumber } from '@/utils/is'
+import { requestAnimationFrame, cancelAnimationFrame } from '@/utils/animation'
+export default defineComponent({
+  name: 'CountTo',
+  props: countToProps,
+  emits: ['mounted', 'callback'],
+  setup(props, { emit }) {
+    const state = reactive<{
+      localStartVal: number
+      printVal: number | null
+      displayValue: string
+      paused: boolean
+      localDuration: number | null
+      startTime: number | null
+      timestamp: number | null
+      rAF: any
+      remaining: number | null
+    }>({
+      localStartVal: props.startVal,
+      displayValue: formatNumber(props.startVal),
+      printVal: null,
+      paused: false,
+      localDuration: props.duration,
+      startTime: null,
+      timestamp: null,
+      remaining: null,
+      rAF: null
+    })
+
+    onMounted(() => {
+      if (props.autoplay) {
+        start()
+      }
+      emit('mounted')
+    })
+
+    const getCountDown = computed(() => {
+      return props.startVal > props.endVal
+    })
+
+    watch([() => props.startVal, () => props.endVal], () => {
+      if (props.autoplay) {
+        start()
+      }
+    })
+
+    function start() {
+      const { startVal, duration } = props
+      state.localStartVal = startVal
+      state.startTime = null
+      state.localDuration = duration
+      state.paused = false
+      state.rAF = requestAnimationFrame(count)
+    }
+
+    function pauseResume() {
+      if (state.paused) {
+        resume()
+        state.paused = false
+      } else {
+        pause()
+        state.paused = true
+      }
+    }
+
+    function pause() {
+      cancelAnimationFrame(state.rAF)
+    }
+
+    function resume() {
+      state.startTime = null
+      state.localDuration = +(state.remaining as number)
+      state.localStartVal = +(state.printVal as number)
+      requestAnimationFrame(count)
+    }
+
+    function reset() {
+      state.startTime = null
+      cancelAnimationFrame(state.rAF)
+      state.displayValue = formatNumber(props.startVal)
+    }
+
+    function count(timestamp: number) {
+      const { useEasing, easingFn, endVal } = props
+      if (!state.startTime) state.startTime = timestamp
+      state.timestamp = timestamp
+      const progress = timestamp - state.startTime
+      state.remaining = (state.localDuration as number) - progress
+      if (useEasing) {
+        if (unref(getCountDown)) {
+          state.printVal =
+            state.localStartVal -
+            easingFn(progress, 0, state.localStartVal - endVal, state.localDuration as number)
+        } else {
+          state.printVal = easingFn(
+            progress,
+            state.localStartVal,
+            endVal - state.localStartVal,
+            state.localDuration as number
+          )
+        }
+      } else {
+        if (unref(getCountDown)) {
+          state.printVal =
+            state.localStartVal -
+            (state.localStartVal - endVal) * (progress / (state.localDuration as number))
+        } else {
+          state.printVal =
+            state.localStartVal +
+            (endVal - state.localStartVal) * (progress / (state.localDuration as number))
+        }
+      }
+      if (unref(getCountDown)) {
+        state.printVal = state.printVal < endVal ? endVal : state.printVal
+      } else {
+        state.printVal = state.printVal > endVal ? endVal : state.printVal
+      }
+      state.displayValue = formatNumber(state.printVal)
+      if (progress < (state.localDuration as number)) {
+        state.rAF = requestAnimationFrame(count)
+      } else {
+        emit('callback')
+      }
+    }
+
+    function formatNumber(num: number | string) {
+      const { decimals, decimal, separator, suffix, prefix } = props
+      num = Number(num).toFixed(decimals)
+      num += ''
+      const x = num.split('.')
+      let x1 = x[0]
+      const x2 = x.length > 1 ? decimal + x[1] : ''
+      const rgx = /(\d+)(\d{3})/
+      if (separator && !isNumber(separator)) {
+        while (rgx.test(x1)) {
+          x1 = x1.replace(rgx, '$1' + separator + '$2')
+        }
+      }
+      return prefix + x1 + x2 + suffix
+    }
+
+    return {
+      count,
+      reset,
+      resume,
+      start,
+      pauseResume,
+      displayValue: toRef(state, 'displayValue')
+    }
+  }
+})
+</script>

src/components/CountTo/props.ts

@@ -0,0 +1,62 @@
+import { PropType } from 'vue'
+export const countToProps = {
+  startVal: {
+    type: Number as PropType<number>,
+    required: false,
+    default: 0
+  },
+  endVal: {
+    type: Number as PropType<number>,
+    required: false,
+    default: 2017
+  },
+  duration: {
+    type: Number as PropType<number>,
+    required: false,
+    default: 3000
+  },
+  autoplay: {
+    type: Boolean as PropType<boolean>,
+    required: false,
+    default: true
+  },
+  decimals: {
+    type: Number as PropType<number>,
+    required: false,
+    default: 0,
+    validator(value: number) {
+      return value >= 0
+    }
+  },
+  decimal: {
+    type: String as PropType<string>,
+    required: false,
+    default: '.'
+  },
+  separator: {
+    type: String as PropType<string>,
+    required: false,
+    default: ','
+  },
+  prefix: {
+    type: String as PropType<string>,
+    required: false,
+    default: ''
+  },
+  suffix: {
+    type: String as PropType<string>,
+    required: false,
+    default: ''
+  },
+  useEasing: {
+    type: Boolean as PropType<boolean>,
+    required: false,
+    default: true
+  },
+  easingFn: {
+    type: Function as PropType<(t: number, b: number, c: number, d: number) => number>,
+    default(t: number, b: number, c: number, d: number) {
+      return (c * (-Math.pow(2, (-10 * t) / d) + 1) * 1024) / 1023 + b
+    }
+  }
+}

src/components/Echart/index.vue

@@ -0,0 +1,109 @@
+<template>
+  <div
+    ref="chartRef"
+    :class="className"
+    :style="{height: height, width: width}"
+  />
+</template>
+
+<script lang="ts">
+import { defineComponent, onActivated, PropType, onMounted, onBeforeMount, unref, ref, watch, nextTick } from 'vue'
+import { debounce } from 'lodash-es'
+import type { EChartOption, ECharts } from 'echarts'
+import echarts from 'echarts'
+const tdTheme = require('./theme.json') // 引入默认主题
+echarts.registerTheme('tdTheme', tdTheme) // 覆盖默认主题
+export default defineComponent({
+  name: 'Echarts',
+  props: {
+    className: {
+      type: String as PropType<string>,
+      default: 'chart'
+    },
+    width: {
+      type: String as PropType<string>,
+      default: ''
+    },
+    height: {
+      type: String as PropType<string>,
+      default: '200px'
+    },
+    options: {
+      type: Object as PropType<EChartOption | undefined>,
+      default: undefined
+    }
+  },
+  setup(props) {
+    const chartRef = ref<HTMLCanvasElement | null>(null)
+    let chart: ECharts | null = null
+    let sidebarElm: HTMLElement | any = null
+    let __resizeHandler: Function | null = null
+
+    watch(
+      () => props.options,
+      (options: EChartOption) => {
+        nextTick(() => {
+          if (chart) {
+            chart.setOption(options, true)
+          }
+        })
+      },
+      {
+        deep: true
+      }
+    )
+
+    onMounted(() => {
+      // 设置异步，不然图例一开始的宽度不正确。
+      setTimeout(() => {
+        initChart()
+      }, 10)
+      __resizeHandler = debounce(() => {
+        if (chart) {
+          chart.resize()
+        }
+      }, 100);
+      (window as any).addEventListener('resize', __resizeHandler)
+      sidebarElm = document.getElementsByClassName('sidebar-container-wrap')[0]
+      sidebarElm && sidebarElm.addEventListener('transitionend', sidebarResizeHandler)
+    })
+
+    onActivated(() => {
+      // 防止keep-alive之后图表变形
+      if (chart) {
+        chart.resize()
+      }
+    })
+
+    onBeforeMount(() => {
+      (window as any).removeEventListener('resize', __resizeHandler)
+
+      sidebarElm && sidebarElm.removeEventListener('transitionend', sidebarResizeHandler)
+    })
+
+    function initChart(): void {
+      // 初始化echart
+      const chartRefWrap = unref(chartRef)
+      if (chartRefWrap) {
+        chart = echarts.init(chartRefWrap, 'tdTheme')
+        chart.setOption(props.options as EChartOption, true)
+      }
+    }
+
+    function sidebarResizeHandler(e: any): void {
+      if (e.propertyName === 'width') {
+        if (__resizeHandler) {
+          __resizeHandler()
+        }
+      }
+    }
+
+    return {
+      chartRef
+    }
+  }
+})
+</script>
+
+<style>
+</style>

src/components/Echart/theme.json

@@ -0,0 +1,490 @@
+{
+  "color": [
+    "#2d8cf0",
+    "#19be6b",
+    "#ff9900",
+    "#E46CBB",
+    "#9A66E4",
+    "#ed3f14"
+  ],
+  "backgroundColor": "rgba(0,0,0,0)",
+  "textStyle": {},
+  "title": {
+    "textStyle": {
+      "color": "#516b91"
+    },
+    "subtextStyle": {
+      "color": "#93b7e3"
+    }
+  },
+  "line": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": "2"
+      }
+    },
+    "lineStyle": {
+      "normal": {
+        "width": "2"
+      }
+    },
+    "symbolSize": "6",
+    "symbol": "emptyCircle",
+    "smooth": true
+  },
+  "radar": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": "2"
+      }
+    },
+    "lineStyle": {
+      "normal": {
+        "width": "2"
+      }
+    },
+    "symbolSize": "6",
+    "symbol": "emptyCircle",
+    "smooth": true
+  },
+  "bar": {
+    "itemStyle": {
+      "normal": {
+        "barBorderWidth": 0,
+        "barBorderColor": "#ccc"
+      },
+      "emphasis": {
+        "barBorderWidth": 0,
+        "barBorderColor": "#ccc"
+      }
+    }
+  },
+  "pie": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "scatter": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "boxplot": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "parallel": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "sankey": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "funnel": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "gauge": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "candlestick": {
+    "itemStyle": {
+      "normal": {
+        "color": "#edafda",
+        "color0": "transparent",
+        "borderColor": "#d680bc",
+        "borderColor0": "#8fd3e8",
+        "borderWidth": "2"
+      }
+    }
+  },
+  "graph": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    },
+    "lineStyle": {
+      "normal": {
+        "width": 1,
+        "color": "#aaa"
+      }
+    },
+    "symbolSize": "6",
+    "symbol": "emptyCircle",
+    "smooth": true,
+    "color": [
+      "#2d8cf0",
+      "#19be6b",
+      "#f5ae4a",
+      "#9189d5",
+      "#56cae2",
+      "#cbb0e3"
+    ],
+    "label": {
+      "normal": {
+        "textStyle": {
+          "color": "#eee"
+        }
+      }
+    }
+  },
+  "map": {
+    "itemStyle": {
+      "normal": {
+        "areaColor": "#f3f3f3",
+        "borderColor": "#516b91",
+        "borderWidth": 0.5
+      },
+      "emphasis": {
+        "areaColor": "rgba(165,231,240,1)",
+        "borderColor": "#516b91",
+        "borderWidth": 1
+      }
+    },
+    "label": {
+      "normal": {
+        "textStyle": {
+          "color": "#000"
+        }
+      },
+      "emphasis": {
+        "textStyle": {
+          "color": "rgb(81,107,145)"
+        }
+      }
+    }
+  },
+  "geo": {
+    "itemStyle": {
+      "normal": {
+        "areaColor": "#f3f3f3",
+        "borderColor": "#516b91",
+        "borderWidth": 0.5
+      },
+      "emphasis": {
+        "areaColor": "rgba(165,231,240,1)",
+        "borderColor": "#516b91",
+        "borderWidth": 1
+      }
+    },
+    "label": {
+      "normal": {
+        "textStyle": {
+          "color": "#000"
+        }
+      },
+      "emphasis": {
+        "textStyle": {
+          "color": "rgb(81,107,145)"
+        }
+      }
+    }
+  },
+  "categoryAxis": {
+    "axisLine": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisTick": {
+      "show": false,
+      "lineStyle": {
+        "color": "#333"
+      }
+    },
+    "axisLabel": {
+      "show": true,
+      "textStyle": {
+        "color": "#999999"
+      }
+    },
+    "splitLine": {
+      "show": true,
+      "lineStyle": {
+        "color": [
+          "#eeeeee"
+        ]
+      }
+    },
+    "splitArea": {
+      "show": false,
+      "areaStyle": {
+        "color": [
+          "rgba(250,250,250,0.05)",
+          "rgba(200,200,200,0.02)"
+        ]
+      }
+    }
+  },
+  "valueAxis": {
+    "axisLine": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisTick": {
+      "show": false,
+      "lineStyle": {
+        "color": "#333"
+      }
+    },
+    "axisLabel": {
+      "show": true,
+      "textStyle": {
+        "color": "#999999"
+      }
+    },
+    "splitLine": {
+      "show": true,
+      "lineStyle": {
+        "color": [
+          "#eeeeee"
+        ]
+      }
+    },
+    "splitArea": {
+      "show": false,
+      "areaStyle": {
+        "color": [
+          "rgba(250,250,250,0.05)",
+          "rgba(200,200,200,0.02)"
+        ]
+      }
+    }
+  },
+  "logAxis": {
+    "axisLine": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisTick": {
+      "show": false,
+      "lineStyle": {
+        "color": "#333"
+      }
+    },
+    "axisLabel": {
+      "show": true,
+      "textStyle": {
+        "color": "#999999"
+      }
+    },
+    "splitLine": {
+      "show": true,
+      "lineStyle": {
+        "color": [
+          "#eeeeee"
+        ]
+      }
+    },
+    "splitArea": {
+      "show": false,
+      "areaStyle": {
+        "color": [
+          "rgba(250,250,250,0.05)",
+          "rgba(200,200,200,0.02)"
+        ]
+      }
+    }
+  },
+  "timeAxis": {
+    "axisLine": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisTick": {
+      "show": false,
+      "lineStyle": {
+        "color": "#333"
+      }
+    },
+    "axisLabel": {
+      "show": true,
+      "textStyle": {
+        "color": "#999999"
+      }
+    },
+    "splitLine": {
+      "show": true,
+      "lineStyle": {
+        "color": [
+          "#eeeeee"
+        ]
+      }
+    },
+    "splitArea": {
+      "show": false,
+      "areaStyle": {
+        "color": [
+          "rgba(250,250,250,0.05)",
+          "rgba(200,200,200,0.02)"
+        ]
+      }
+    }
+  },
+  "toolbox": {
+    "iconStyle": {
+      "normal": {
+        "borderColor": "#999"
+      },
+      "emphasis": {
+        "borderColor": "#666"
+      }
+    }
+  },
+  "legend": {
+    "textStyle": {
+      "color": "#999999"
+    }
+  },
+  "tooltip": {
+    "axisPointer": {
+      "lineStyle": {
+        "color": "#ccc",
+        "width": 1
+      },
+      "crossStyle": {
+        "color": "#ccc",
+        "width": 1
+      }
+    }
+  },
+  "timeline": {
+    "lineStyle": {
+      "color": "#8fd3e8",
+      "width": 1
+    },
+    "itemStyle": {
+      "normal": {
+        "color": "#8fd3e8",
+        "borderWidth": 1
+      },
+      "emphasis": {
+        "color": "#8fd3e8"
+      }
+    },
+    "controlStyle": {
+      "normal": {
+        "color": "#8fd3e8",
+        "borderColor": "#8fd3e8",
+        "borderWidth": 0.5
+      },
+      "emphasis": {
+        "color": "#8fd3e8",
+        "borderColor": "#8fd3e8",
+        "borderWidth": 0.5
+      }
+    },
+    "checkpointStyle": {
+      "color": "#8fd3e8",
+      "borderColor": "rgba(138,124,168,0.37)"
+    },
+    "label": {
+      "normal": {
+        "textStyle": {
+          "color": "#8fd3e8"
+        }
+      },
+      "emphasis": {
+        "textStyle": {
+          "color": "#8fd3e8"
+        }
+      }
+    }
+  },
+  "visualMap": {
+    "color": [
+      "#516b91",
+      "#59c4e6",
+      "#a5e7f0"
+    ]
+  },
+  "dataZoom": {
+    "backgroundColor": "rgba(0,0,0,0)",
+    "dataBackgroundColor": "rgba(255,255,255,0.3)",
+    "fillerColor": "rgba(167,183,204,0.4)",
+    "handleColor": "#a7b7cc",
+    "handleSize": "100%",
+    "textStyle": {
+      "color": "#333"
+    }
+  },
+  "markPoint": {
+    "label": {
+      "normal": {
+        "textStyle": {
+          "color": "#eee"
+        }
+      },
+      "emphasis": {
+        "textStyle": {
+          "color": "#eee"
+        }
+      }
+    }
+  }
+}

src/components/Editor/index.vue

@@ -0,0 +1,132 @@
+<template>
+  <div ref="editorRef" />
+</template>
+
+<script lang="ts">
+import { defineComponent, ref, onMounted, onBeforeUnmount, unref, watch } from 'vue'
+import { editorProps } from './props'
+import E from 'wangeditor'
+import hljs from 'highlight.js'
+import 'highlight.js/styles/monokai-sublime.css'
+export default defineComponent({
+  name: 'Editor',
+  props: editorProps,
+  emits: ['change', 'focus', 'blur', 'update:value'],
+  setup(props, { emit }) {
+    const editorRef = ref<HTMLElement | null>(null)
+    const editor = ref<E | null>(null)
+
+    onMounted(() => {
+      createdEditor()
+    })
+
+    onBeforeUnmount(() => {
+      if (editor.value) {
+        editor.value.destroy()
+        editor.value = null
+      }
+    })
+
+    watch(
+      () => props.value,
+      (value: string) => {
+        if (editor.value) {
+          editor.value.txt.html(value)
+        }
+      },
+      {
+        immediate: true
+      }
+    )
+
+    function createdEditor(): void {
+      editor.value = new E(unref(editorRef) as any)
+      initConfig(editor.value)
+      editor.value.create()
+      editor.value.txt.html(props.value)
+    }
+
+    function initConfig(editor: any): void {
+      const {
+        height,
+        zIndex,
+        placeholder,
+        focus,
+        customAlert,
+        menus,
+        colors,
+        fontNames,
+        lineHeights,
+        showFullScreen,
+        onchangeTimeout
+      } = props.config
+
+      // 设置编辑区域高度为 500px
+      editor.config.height = height
+
+      // 设置zIndex
+      editor.config.zIndex = zIndex
+
+      // 设置 placeholder 提示文字
+      editor.config.placeholder = placeholder
+
+      // 设置是否自动聚焦
+      editor.config.focus = focus
+
+      // 配置菜单
+      editor.config.menus = menus
+
+      // 配置颜色（文字颜色、背景色）
+      editor.config.colors = colors
+
+      // 配置字体
+      editor.config.fontNames = fontNames
+
+      // 配置行高
+      editor.config.lineHeights = lineHeights
+
+      // 代码高亮
+      editor.highlight = hljs
+
+      // 配置全屏
+      editor.config.showFullScreen = showFullScreen
+
+      // 编辑器 customAlert 是对全局的alert做了统一处理，默认为 window.alert。
+      // 如觉得浏览器自带的alert体验不佳，可自定义 alert，以便于达到与自身项目统一的alert效果。
+      editor.config.customAlert = customAlert
+
+      // 图片上传默认使用base64
+      editor.config.uploadImgShowBase64 = true
+
+      // 配置 onchange 回调函数
+      editor.config.onchange = (html: string) => {
+        const text = editor.txt.text()
+        emitFun(editor, html, 'change')
+        emit('update:value', props.valueType === 'html' ? html : text)
+      }
+      // 配置触发 onchange 的时间频率，默认为 200ms
+      editor.config.onchangeTimeout = onchangeTimeout
+
+      // 编辑区域 focus（聚焦）和 blur（失焦）时触发的回调函数。
+      editor.config.onblur = (html: string) => {
+        emitFun(editor, html, 'blur')
+      }
+      editor.config.onfocus = (html: string) => {
+        emitFun(editor, html, 'focus')
+      }
+    }
+
+    function emitFun(editor: any, html: string, type: 'change' | 'focus' | 'blur'): void {
+      const text = editor.txt.text()
+      emit(type, props.valueType === 'html' ? html : text)
+    }
+
+    return {
+      editorRef
+    }
+  }
+})
+</script>
+
+<style>
+</style>

src/components/Editor/props.ts

@@ -0,0 +1,101 @@
+import { PropType } from 'vue'
+import { message } from 'ant-design-vue'
+import { oneOf } from '@/utils'
+
+import { Config } from './types'
+
+export const editorProps = {
+  // 基础配置
+  config: {
+    type: Object as PropType<Config>,
+    default: () => {
+      return {
+        height: 500,
+        zIndex: 500,
+        placeholder: '请输入文本',
+        focus: false,
+        onchangeTimeout: 500,
+        customAlert: (s: string, t: string) => {
+          switch (t) {
+          case 'success':
+            message.success(s)
+            break
+          case 'info':
+            message.info(s)
+            break
+          case 'warning':
+            message.warning(s)
+            break
+          case 'error':
+            message.error(s)
+            break
+          default:
+            message.info(s)
+            break
+          }
+        },
+        menus: [
+          'head',
+          'bold',
+          'fontSize',
+          'fontName',
+          'italic',
+          'underline',
+          'strikeThrough',
+          'indent',
+          'lineHeight',
+          'foreColor',
+          'backColor',
+          'link',
+          'list',
+          'justify',
+          'quote',
+          'emoticon',
+          'image',
+          'video',
+          'table',
+          'code',
+          'splitLine',
+          'undo',
+          'redo'
+        ],
+        colors: [
+          '#000000',
+          '#eeece0',
+          '#1c487f',
+          '#4d80bf'
+        ],
+        fontNames: [
+          '黑体',
+          '仿宋',
+          '楷体',
+          '标楷体',
+          '华文仿宋',
+          '华文楷体',
+          '宋体',
+          '微软雅黑',
+          'Arial',
+          'Tahoma',
+          'Verdana',
+          'Times New Roman',
+          'Courier New'
+        ],
+        lineHeights: ['1', '1.15', '1.6', '2', '2.5', '3'],
+        showFullScreen: true
+      }
+    }
+  },
+  // 绑定的值的类型, enum: ['html', 'text']
+  valueType: {
+    type: String as PropType<string>,
+    default: 'html',
+    validator: (val: string) => {
+      return oneOf(val, ['html', 'text'])
+    }
+  },
+  // 文本内容
+  value: {
+    type: String as PropType<string>,
+    default: ''
+  }
+}

src/components/Editor/types.ts

@@ -0,0 +1,13 @@
+export interface Config {
+  height: number
+  zIndex: number
+  placeholder: string
+  focus: boolean
+  customAlert: () => any
+  menus: string[]
+  colors: string[]
+  fontNames: string[]
+  lineHeights: string[]
+  showFullScreen: boolean
+  onchangeTimeout: number
+}

src/components/Error/404.vue

@@ -0,0 +1,234 @@
+<template>
+  <div class="wscn-http404-container">
+    <div class="wscn-http404">
+      <div class="pic-404">
+        <img class="pic-404__parent" src="@/assets/img/404.png" alt="404">
+        <img class="pic-404__child left" src="@/assets/img/404_cloud.png" alt="404">
+        <img class="pic-404__child mid" src="@/assets/img/404_cloud.png" alt="404">
+        <img class="pic-404__child right" src="@/assets/img/404_cloud.png" alt="404">
+      </div>
+      <div class="bullshit">
+        <div class="bullshit__oops">
+          OOPS!
+        </div>
+        <div class="bullshit__headline">
+          {{ message }}
+        </div>
+        <div class="bullshit__info">
+          请检查您输入的网址是否正确，请点击以下按钮返回主页
+        </div>
+        <router-link to="/">
+          <a href="" class="bullshit__return-home">返回首页</a>
+        </router-link>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, ref } from 'vue'
+export default defineComponent({
+  name: 'Page404',
+  setup() {
+    const message = ref<string>('网管说这个页面你不能进......')
+    return {
+      message
+    }
+  }
+})
+</script>
+
+<style lang="less" scoped>
+.wscn-http404-container{
+  transform: translate(-50%,-50%);
+  position: absolute;
+  top: 40%;
+  left: 50%;
+}
+.wscn-http404 {
+  position: relative;
+  width: 1200px;
+  padding: 0 50px;
+  overflow: hidden;
+  .pic-404 {
+    position: relative;
+    float: left;
+    width: 600px;
+    overflow: hidden;
+    &__parent {
+      width: 100%;
+    }
+    &__child {
+      position: absolute;
+      &.left {
+        width: 80px;
+        top: 17px;
+        left: 220px;
+        opacity: 0;
+        animation-name: cloudLeft;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1s;
+      }
+      &.mid {
+        width: 46px;
+        top: 10px;
+        left: 420px;
+        opacity: 0;
+        animation-name: cloudMid;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1.2s;
+      }
+      &.right {
+        width: 62px;
+        top: 100px;
+        left: 500px;
+        opacity: 0;
+        animation-name: cloudRight;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1s;
+      }
+      @keyframes cloudLeft {
+        0% {
+          top: 17px;
+          left: 220px;
+          opacity: 0;
+        }
+        20% {
+          top: 33px;
+          left: 188px;
+          opacity: 1;
+        }
+        80% {
+          top: 81px;
+          left: 92px;
+          opacity: 1;
+        }
+        100% {
+          top: 97px;
+          left: 60px;
+          opacity: 0;
+        }
+      }
+      @keyframes cloudMid {
+        0% {
+          top: 10px;
+          left: 420px;
+          opacity: 0;
+        }
+        20% {
+          top: 40px;
+          left: 360px;
+          opacity: 1;
+        }
+        70% {
+          top: 130px;
+          left: 180px;
+          opacity: 1;
+        }
+        100% {
+          top: 160px;
+          left: 120px;
+          opacity: 0;
+        }
+      }
+      @keyframes cloudRight {
+        0% {
+          top: 100px;
+          left: 500px;
+          opacity: 0;
+        }
+        20% {
+          top: 120px;
+          left: 460px;
+          opacity: 1;
+        }
+        80% {
+          top: 180px;
+          left: 340px;
+          opacity: 1;
+        }
+        100% {
+          top: 200px;
+          left: 300px;
+          opacity: 0;
+        }
+      }
+    }
+  }
+  .bullshit {
+    position: relative;
+    float: left;
+    width: 300px;
+    padding: 30px 0;
+    overflow: hidden;
+    &__oops {
+      font-size: 32px;
+      font-weight: bold;
+      line-height: 40px;
+      color: #1482f0;
+      opacity: 0;
+      margin-bottom: 20px;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-fill-mode: forwards;
+    }
+    &__headline {
+      font-size: 20px;
+      line-height: 24px;
+      color: #222;
+      font-weight: bold;
+      opacity: 0;
+      margin-bottom: 10px;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.1s;
+      animation-fill-mode: forwards;
+    }
+    &__info {
+      font-size: 13px;
+      line-height: 21px;
+      color: grey;
+      opacity: 0;
+      margin-bottom: 30px;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.2s;
+      animation-fill-mode: forwards;
+    }
+    &__return-home {
+      display: block;
+      float: left;
+      width: 110px;
+      height: 36px;
+      background: #1482f0;
+      border-radius: 100px;
+      text-align: center;
+      color: #ffffff;
+      opacity: 0;
+      font-size: 14px;
+      line-height: 36px;
+      cursor: pointer;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.3s;
+      animation-fill-mode: forwards;
+    }
+    @keyframes slideUp {
+      0% {
+        transform: translateY(60px);
+        opacity: 0;
+      }
+      100% {
+        transform: translateY(0);
+        opacity: 1;
+      }
+    }
+  }
+}
+</style>

src/components/Hamburger/index.vue

@@ -0,0 +1,55 @@
+<template>
+  <div>
+    <menu-unfold-outlined
+      v-if="collapsed"
+      class="trigger"
+      @click="toggleCollapsed(!collapsed)"
+    />
+    <menu-fold-outlined
+      v-else
+      class="trigger"
+      @click="toggleCollapsed(!collapsed)"
+    />
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, PropType } from 'vue'
+// import { MenuUnfoldOutlined, MenuFoldOutlined } from '@ant-design/icons-vue'
+export default defineComponent({
+  name: 'Hamburger',
+  // components: {
+  //   MenuUnfoldOutlined,
+  //   MenuFoldOutlined
+  // },
+  props: {
+    collapsed: {
+      type: Boolean as PropType<boolean>,
+      default: true
+    }
+  },
+  emits: ['toggleClick'],
+  setup(props, { emit }) {
+    function toggleCollapsed(collapsed: boolean) {
+      emit('toggleClick', collapsed)
+    }
+
+    return {
+      toggleCollapsed
+    }
+  }
+})
+
+</script>
+
+<style lang="less" scoped>
+.trigger {
+  display: inline-block;
+  transition: color 0.3s;
+  height: @navbarHeight;
+  line-height: @navbarHeight;
+}
+.trigger:hover {
+  color: #1890ff;
+}
+</style>

src/components/Image/index.vue

@@ -0,0 +1,243 @@
+<template>
+  <div ref="imageRef" class="image">
+    <slot v-if="loading" name="placeholder">
+      <div class="image__placeholder" />
+    </slot>
+    <slot v-else-if="error" name="error">
+      <div class="image__error">加载失败</div>
+    </slot>
+    <img
+      v-else
+      v-bind="$attrs"
+      :src="src"
+      :style="imageStyle"
+      :class="{ 'image__inner--center': alignCenter }"
+      class="image__inner"
+    >
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, PropType, ref, computed, watch, onMounted, onBeforeUnmount, getCurrentInstance, unref } from 'vue'
+import { on, off, getScrollContainer, isInContainer } from '@/utils/dom-utils'
+import { isString, isElement } from '@/utils/is'
+import throttle from 'lodash-es/throttle'
+
+const isSupportObjectFit = () => document.documentElement.style.objectFit !== undefined
+
+const ObjectFit = {
+  NONE: 'none',
+  CONTAIN: 'contain',
+  COVER: 'cover',
+  FILL: 'fill',
+  SCALE_DOWN: 'scale-down'
+}
+
+export default defineComponent({
+  name: 'Image',
+  // inheritAttrs: false,
+  props: {
+    src: {
+      type: String as PropType<string>,
+      default: ''
+    },
+    fit: {
+      type: String as PropType<string>,
+      default: ''
+    },
+    lazy: {
+      type: Boolean as PropType<boolean>,
+      default: false
+    },
+    scrollContainer: {
+      type: Object as PropType<any>,
+      default: null
+    }
+  },
+  emits: ['error'],
+  setup(props, { emit }) {
+    const { ctx } = getCurrentInstance() as any
+
+    const imageRef = ref<HTMLElement | null>(null)
+
+    const loading = ref<boolean>(true)
+    const error = ref<boolean>(false)
+    const show = ref<boolean>(!props.lazy)
+    const imageWidth = ref<number>(0)
+    const imageHeight = ref<number>(0)
+    const imageStyle = computed((): any => {
+      const { fit } = props
+      // if (!isServer && fit) {
+      if (fit) {
+        return isSupportObjectFit()
+          ? { 'object-fit': fit }
+          : getImageStyle(fit)
+      }
+      return {}
+    })
+    const alignCenter = computed((): boolean => {
+      const { fit } = props
+      // return !isServer && !isSupportObjectFit() && fit !== ObjectFit.FILL
+      return !isSupportObjectFit() && fit !== ObjectFit.FILL
+    })
+
+    let _scrollContainer: any = null
+    let _lazyLoadHandler: any = null
+
+    watch(
+      () => show.value,
+      (show: boolean) => {
+        show && loadImage()
+      }
+    )
+
+    watch(
+      () => props.src,
+      () => {
+        show.value && loadImage()
+      }
+    )
+
+    onMounted(() => {
+      if (props.lazy) {
+        addLazyLoadListener()
+      } else {
+        loadImage()
+      }
+    })
+
+    onBeforeUnmount(() => {
+      props.lazy && removeLazyLoadListener()
+    })
+
+    function loadImage(): void {
+      // reset status
+      loading.value = true
+      error.value = false
+
+      const img = new Image()
+      img.onload = (e: any) => handleLoad(e, img)
+      img.onerror = (e: any) => handleError(e)
+
+      // bind html attrs
+      // so it can behave consistently
+      Object.keys(ctx.$attrs)
+        .forEach((key) => {
+          const value = ctx.$attrs[key]
+          img.setAttribute(key, value)
+        })
+      img.src = props.src
+    }
+
+    function handleLoad(e: any, img: any): void {
+      imageWidth.value = img.width
+      imageHeight.value = img.height
+      loading.value = false
+    }
+
+    function handleError(e: any): void {
+      loading.value = false
+      error.value = true
+      emit('error', e)
+    }
+
+    function handleLazyLoad(): void {
+      const imageRefWrap = unref(imageRef) as any
+      if (isInContainer(imageRefWrap, _scrollContainer)) {
+        show.value = true
+        removeLazyLoadListener()
+      }
+    }
+
+    function addLazyLoadListener(): void {
+      // if (isServer) return
+
+      const { scrollContainer } = props
+      let __scrollContainer = null
+
+      if (isElement(scrollContainer)) {
+        __scrollContainer = scrollContainer
+      } else if (isString(scrollContainer)) {
+        __scrollContainer = document.querySelector(scrollContainer as any)
+      } else {
+        const imageRefWrap = unref(imageRef) as any
+        __scrollContainer = getScrollContainer(imageRefWrap)
+      }
+      if (__scrollContainer) {
+        _scrollContainer = __scrollContainer
+        _lazyLoadHandler = throttle(handleLazyLoad, 200)
+        on(__scrollContainer, 'scroll', _lazyLoadHandler)
+        handleLazyLoad()
+      }
+    }
+
+    function removeLazyLoadListener(): void {
+      // if (isServer || !_scrollContainer || !_lazyLoadHandler) return
+      if (!_scrollContainer || !_lazyLoadHandler) return
+
+      off(_scrollContainer, 'scroll', _lazyLoadHandler)
+      _scrollContainer = null
+      _lazyLoadHandler = null
+    }
+
+    /**
+     * simulate object-fit behavior to compatible with IE11 and other browsers which not support object-fit
+     */
+    function getImageStyle(fit: string): object {
+      const imageRefWrap = unref(imageRef) as any
+      const {
+        clientWidth: containerWidth,
+        clientHeight: containerHeight
+      } = imageRefWrap
+
+      if (!imageWidth.value || !imageHeight.value || !containerWidth || !containerHeight) return {}
+
+      const vertical: boolean = imageWidth.value / imageHeight.value < 1
+
+      if (fit === ObjectFit.SCALE_DOWN) {
+        const isSmaller: boolean = imageWidth.value < containerWidth && imageHeight.value < containerHeight
+        fit = isSmaller ? ObjectFit.NONE : ObjectFit.CONTAIN
+      }
+
+      switch (fit) {
+      case ObjectFit.NONE:
+        return { width: 'auto', height: 'auto' }
+      case ObjectFit.CONTAIN:
+        return vertical ? { width: 'auto' } : { height: 'auto' }
+      case ObjectFit.COVER:
+        return vertical ? { height: 'auto' } : { width: 'auto' }
+      default:
+        return {}
+      }
+    }
+
+    return {
+      imageRef,
+      loading, error, show,
+      imageStyle, alignCenter
+    }
+  }
+})
+</script>
+
+<style lang="less" scoped>
+.image {
+  position: relative;
+  display: inline-block;
+  overflow: hidden;
+  .image__placeholder {
+    background: #f5f7fa;
+  }
+  .image__error {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 14px;
+    color: #c0c4cc;
+    vertical-align: middle;
+    height: 100%;
+    height: 100%;
+    background: #f5f7fa;
+  }
+}
+</style>

src/components/Logo/index.vue

@@ -0,0 +1,77 @@
+<template>
+  <router-link :class="['app-logo', 'app-logo-' + theme]" to="/">
+    <img :src="require('@/assets/img/logo.png')">
+    <div v-if="show" class="sidebar-title">{{ title }}</div>
+  </router-link>
+</template>
+
+<script lang="ts">
+import { defineComponent, ref, watch, PropType } from 'vue'
+import config from '_p/index/config'
+
+export default defineComponent({
+  name: 'Logo',
+  props: {
+    collapsed: {
+      type: Boolean as PropType<boolean>,
+      required: true
+    },
+    theme: {
+      type: String as PropType<'light' | 'dark'>,
+      default: 'dark'
+    }
+  },
+  setup(props) {
+    const show = ref<boolean>(true)
+    watch(
+      () => props.collapsed,
+      (collapsed: boolean) => {
+        if (!collapsed) {
+          setTimeout(() => {
+            show.value = !collapsed
+          }, 400)
+        } else {
+          show.value = !collapsed
+        }
+      }
+    )
+    return {
+      show,
+      title: config.title
+    }
+  }
+})
+</script>
+
+<style lang="less" scoped>
+.app-logo {
+  display: flex;
+  align-items: center;
+  padding-left: 18px;
+  cursor: pointer;
+  height: @topSilderHeight;
+  max-width: 200px;
+  img {
+    width: 37px;
+    height: 37px;
+  }
+  .sidebar-title {
+    font-size: 14px;
+    font-weight: 700;
+    transition: .5s;
+    margin-left: 12px;
+  }
+}
+.app-logo-dark {
+  background-color: @menuBg;
+  .sidebar-title {
+    color: #fff;
+  }
+}
+.app-logo-light {
+  background-color: #fff;
+  .sidebar-title {
+    color: #000;
+  }
+}
+</style>

src/components/Markdown/index.vue

@@ -0,0 +1,81 @@
+<template>
+  <div ref="wrapRef" class="markdown" />
+</template>
+<script lang="ts">
+import {
+  defineComponent,
+  ref,
+  onMounted,
+  unref,
+  PropType,
+  onUnmounted,
+  nextTick,
+  watchEffect
+} from 'vue'
+import Vditor from 'vditor'
+import 'vditor/dist/index.css'
+export default defineComponent({
+  props: {
+    height: {
+      type: Number as PropType<number>,
+      default: 500
+    },
+    value: {
+      type: String,
+      default: ''
+    }
+  },
+  emits: ['update:value'],
+  setup(props, { attrs, emit }) {
+    const wrapRef = ref<HTMLDivElement | null>(null)
+    const vditorRef = ref<Vditor | null>(null)
+    const initedRef = ref(false)
+
+    function init() {
+      const wrapEl = unref(wrapRef)
+      if (!wrapEl) return
+      const data = { ...attrs, ...props }
+      vditorRef.value = new Vditor(wrapEl, {
+        mode: 'sv',
+        preview: {
+          actions: []
+        },
+        input: (v) => {
+          emit('update:value', v)
+        },
+        ...data,
+        cache: {
+          enable: false
+        }
+      })
+      initedRef.value = true
+    }
+
+    watchEffect(() => {
+      nextTick(() => {
+        const vditor = unref(vditorRef)
+        if (unref(initedRef) && props.value && vditor) {
+          vditor.setValue(props.value)
+        }
+      })
+    })
+
+    onMounted(() => {
+      nextTick(() => {
+        init()
+      })
+    })
+
+    onUnmounted(() => {
+      const vditorInstance = unref(vditorRef)
+      if (!vditorInstance) return
+      vditorInstance.destroy()
+    })
+
+    return {
+      wrapRef,
+      getVditor: (): Vditor => vditorRef.value!
+    }
+  }
+})
+</script>

src/components/Markdown/types.ts

@@ -0,0 +1,4 @@
+import Vditor from 'vditor'
+export interface MarkDownActionType {
+  getVditor: () => Vditor
+}

src/components/ParentView/index.vue

@@ -0,0 +1,26 @@
+<template>
+  <div>
+    <router-view>
+      <template #default="{ Component, route }">
+        <keep-alive :include="getCaches">
+          <component :is="Component" :key="route.fullPath" />
+        </keep-alive>
+      </template>
+    </router-view>
+  </div>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+import { useCache } from './useCache'
+
+export default defineComponent({
+  setup() {
+    const { getCaches } = useCache(false)
+
+    return {
+      getCaches
+    }
+  }
+})
+</script>

src/components/ParentView/useCache.ts

@@ -0,0 +1,54 @@
+import { computed, ref, unref, ComponentInternalInstance, getCurrentInstance } from 'vue'
+
+import { tagsViewStore, PAGE_LAYOUT_KEY } from '_p/index/store/modules/tagsView'
+
+import { useRouter } from 'vue-router'
+
+function tryTsxEmit<T extends any = ComponentInternalInstance>(
+  fn: (_instance: T) => Promise<void> | void
+) {
+  const instance = getCurrentInstance() as any
+  instance && fn.call(null, instance)
+}
+
+const ParentLayoutName = 'ParentLayout'
+export function useCache(isPage: boolean) {
+  const name = ref('')
+  const { currentRoute } = useRouter()
+
+  tryTsxEmit((instance) => {
+    const routeName = instance.type.name
+    if (routeName && ![ParentLayoutName].includes(routeName)) {
+      name.value = routeName
+    } else {
+      const matched = currentRoute.value.matched
+      const len = matched.length
+      if (len < 2) return
+      name.value = matched[len - 2].name as string
+    }
+  })
+
+  const getCaches = computed((): string[] => {
+    const cached = tagsViewStore.cachedViews
+
+    if (isPage) {
+      //  page Layout
+      // not parent layout
+      return (cached as any).get(PAGE_LAYOUT_KEY) || []
+    }
+    const cacheSet = new Set<string>()
+    cacheSet.add(unref(name))
+
+    const list = (cached as any).get(unref(name))
+
+    if (!list) {
+      return Array.from(cacheSet)
+    }
+    (list as string[]).forEach((item: string) => {
+      cacheSet.add(item)
+    })
+
+    return Array.from(cacheSet)
+  })
+  return { getCaches }
+}

src/components/Preview/functional.ts

@@ -0,0 +1,26 @@
+import ImgPreview from './index.vue'
+import { isClient } from '@/utils/is'
+
+import type { Options, Props } from './types'
+
+import { createVNode, render } from 'vue'
+
+let instance: any = null
+
+export function createImgPreview(options: Options) {
+  if (!isClient) return
+  const { imageList, show = true, index = 0, onSelect = null, onClose = null, zIndex = 500 } = options
+
+  const propsData: Partial<Props> = {}
+  const container = document.createElement('div')
+  propsData.imageList = imageList
+  propsData.show = show
+  propsData.index = index
+  propsData.zIndex = zIndex
+  propsData.onSelect = onSelect
+  propsData.onClose = onClose
+
+  instance = createVNode(ImgPreview, propsData)
+  render(instance, container)
+  document.body.appendChild(container)
+}