feat(components): 添加图片验证码

2021-10-18 16:45:35 +08:00 · 2021-10-18 16:45:35 +08:00 · 336c7766f9
commit 336c7766f9
parent 9097fa3866
17 changed files with 336 additions and 270 deletions
--- a/build/plugins/index.ts
+++ b/build/plugins/index.ts
@ -4,6 +4,6 @@ import html from './html';
 import iconify from './iconify';
 import visualizer from './visualizer';

-const plugins = [vue(), ...html, ...iconify, WindiCSS(), visualizer];
+const plugins = [vue, ...html, ...iconify, WindiCSS(), visualizer];

 export default plugins;
--- a/build/plugins/vue.ts
+++ b/build/plugins/vue.ts
@ -1,3 +1,3 @@
 import vue from '@vitejs/plugin-vue';

-export default vue;
+export default vue({});
--- a/package.json
+++ b/package.json
@ -18,13 +18,14 @@
    "*.{vue,js,jsx,ts,tsx}": "eslint --fix"
  },
  "dependencies": {
-    "@vueuse/core": "^6.5.3",
+    "@vueuse/core": "^6.6.1",
    "axios": "^0.23.0",
    "chroma-js": "^2.1.2",
    "clipboard": "^2.0.8",
    "dayjs": "^1.10.7",
    "form-data": "^4.0.0",
-    "naive-ui": "^2.19.8",
+    "makeit-captcha": "^1.2.5",
+    "naive-ui": "^2.19.9",
    "pinia": "^2.0.0-rc.13",
    "qs": "^6.10.1",
    "vue": "^3.2.20",
@ -33,7 +34,7 @@
  "devDependencies": {
    "@commitlint/cli": "^13.2.1",
    "@commitlint/config-conventional": "^13.2.0",
-    "@iconify/json": "^1.1.414",
+    "@iconify/json": "^1.1.415",
    "@iconify/vue": "^3.0.0",
    "@types/chroma-js": "^2.1.3",
    "@types/qs": "^6.9.7",
@ -69,12 +70,12 @@
    "rollup-plugin-visualizer": "^5.5.2",
    "sass": "^1.43.2",
    "typescript": "^4.4.4",
-    "unplugin-icons": "^0.12.15",
+    "unplugin-icons": "^0.12.16",
    "unplugin-vue-components": "^0.15.6",
    "vite": "^2.6.7",
    "vite-plugin-html": "^2.1.1",
    "vite-plugin-windicss": "^1.4.11",
-    "vue-tsc": "^0.28.4",
+    "vue-tsc": "^0.28.7",
    "vueuc": "^0.4.13",
    "windicss": "^3.1.9"
  },
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -3,7 +3,7 @@ lockfileVersion: 5.3
 specifiers:
  '@commitlint/cli': ^13.2.1
  '@commitlint/config-conventional': ^13.2.0
-  '@iconify/json': ^1.1.414
+  '@iconify/json': ^1.1.415
  '@iconify/vue': ^3.0.0
  '@types/chroma-js': ^2.1.3
  '@types/qs': ^6.9.7
@ -21,7 +21,7 @@ specifiers:
  '@vue/compiler-sfc': ^3.2.20
  '@vue/eslint-config-prettier': ^6.0.0
  '@vue/eslint-config-typescript': ^8.0.0
-  '@vueuse/core': ^6.5.3
+  '@vueuse/core': ^6.6.1
  axios: ^0.23.0
  chroma-js: ^2.1.2
  clipboard: ^2.0.8
@ -39,7 +39,8 @@ specifiers:
  form-data: ^4.0.0
  husky: ^7.0.2
  lint-staged: ^11.2.3
-  naive-ui: ^2.19.8
+  makeit-captcha: ^1.2.5
+  naive-ui: ^2.19.9
  patch-package: ^6.4.7
  pinia: ^2.0.0-rc.13
  postinstall-postinstall: ^2.1.0
@ -48,25 +49,26 @@ specifiers:
  rollup-plugin-visualizer: ^5.5.2
  sass: ^1.43.2
  typescript: ^4.4.4
-  unplugin-icons: ^0.12.15
+  unplugin-icons: ^0.12.16
  unplugin-vue-components: ^0.15.6
  vite: ^2.6.7
  vite-plugin-html: ^2.1.1
  vite-plugin-windicss: ^1.4.11
  vue: ^3.2.20
  vue-router: ^4.0.11
-  vue-tsc: ^0.28.4
+  vue-tsc: ^0.28.7
  vueuc: ^0.4.13
  windicss: ^3.1.9

 dependencies:
-  '@vueuse/core': registry.npmmirror.com/@vueuse/core/6.5.3_vue@3.2.20
+  '@vueuse/core': registry.npmmirror.com/@vueuse/core/6.6.1_vue@3.2.20
  axios: registry.npmmirror.com/axios/0.23.0
  chroma-js: registry.nlark.com/chroma-js/2.1.2
  clipboard: registry.nlark.com/clipboard/2.0.8
  dayjs: registry.nlark.com/dayjs/1.10.7
  form-data: 4.0.0
-  naive-ui: registry.npmmirror.com/naive-ui/2.19.8_vue@3.2.20
+  makeit-captcha: registry.npmmirror.com/makeit-captcha/1.2.5
+  naive-ui: registry.npmmirror.com/naive-ui/2.19.9_vue@3.2.20
  pinia: registry.npmmirror.com/pinia/2.0.0-rc.13_typescript@4.4.4+vue@3.2.20
  qs: 6.10.1
  vue: registry.npmmirror.com/vue/3.2.20
@ -75,7 +77,7 @@ dependencies:
 devDependencies:
  '@commitlint/cli': registry.npmmirror.com/@commitlint/cli/13.2.1
  '@commitlint/config-conventional': registry.npmmirror.com/@commitlint/config-conventional/13.2.0
-  '@iconify/json': registry.npmmirror.com/@iconify/json/1.1.414
+  '@iconify/json': registry.npmmirror.com/@iconify/json/1.1.415
  '@iconify/vue': registry.nlark.com/@iconify/vue/3.0.0_vue@3.2.20
  '@types/chroma-js': registry.nlark.com/@types/chroma-js/2.1.3
  '@types/qs': registry.nlark.com/@types/qs/6.9.7
@ -111,12 +113,12 @@ devDependencies:
  rollup-plugin-visualizer: registry.nlark.com/rollup-plugin-visualizer/5.5.2
  sass: registry.npmmirror.com/sass/1.43.2
  typescript: registry.npmmirror.com/typescript/4.4.4
-  unplugin-icons: registry.npmmirror.com/unplugin-icons/0.12.15_e14ef356e1d12d404481b7eb2ba1650f
+  unplugin-icons: registry.npmmirror.com/unplugin-icons/0.12.16_e14ef356e1d12d404481b7eb2ba1650f
  unplugin-vue-components: registry.npmmirror.com/unplugin-vue-components/0.15.6_vite@2.6.7+vue@3.2.20
  vite: registry.npmmirror.com/vite/2.6.7_sass@1.43.2
  vite-plugin-html: registry.npmmirror.com/vite-plugin-html/2.1.1_vite@2.6.7
  vite-plugin-windicss: registry.npmmirror.com/vite-plugin-windicss/1.4.11_vite@2.6.7
-  vue-tsc: registry.npmmirror.com/vue-tsc/0.28.4_typescript@4.4.4
+  vue-tsc: registry.npmmirror.com/vue-tsc/0.28.7_typescript@4.4.4
  vueuc: registry.npmmirror.com/vueuc/0.4.13_vue@3.2.20
  windicss: registry.npmmirror.com/windicss/3.1.9

@ -206,18 +208,6 @@ packages:
    resolution: {integrity: sha1-fJIU5Y6uk+hd1m2/uv5+T/+iNls=, tarball: conventional-commit-types/download/conventional-commit-types-3.0.0.tgz}
    dev: true

-  /cosmiconfig/7.0.0:
-    resolution: {integrity: sha1-75tE13OVnK5j3ezRIt4jhTtg+NM=, tarball: cosmiconfig/download/cosmiconfig-7.0.0.tgz}
-    engines: {node: '>=10'}
-    dependencies:
-      '@types/parse-json': registry.nlark.com/@types/parse-json/4.0.0
-      import-fresh: 3.3.0
-      parse-json: 5.2.0
-      path-type: 4.0.0
-      yaml: registry.nlark.com/yaml/1.10.2
-    dev: true
-    optional: true
-
  /cross-spawn/6.0.5:
    resolution: {integrity: sha1-Sl7Hxk364iw6FBJNus3uhG2Ay8Q=, tarball: cross-spawn/download/cross-spawn-6.0.5.tgz}
    engines: {node: '>=4.8'}
@ -259,13 +249,6 @@ packages:
    engines: {node: '>=0.10.0'}
    dev: true

-  /error-ex/1.3.2:
-    resolution: {integrity: sha1-tKxAZIEH/c3PriQvQovqihTU8b8=, tarball: error-ex/download/error-ex-1.3.2.tgz}
-    dependencies:
-      is-arrayish: 0.2.1
-    dev: true
-    optional: true
-
  /escape-string-regexp/1.0.5:
    resolution: {integrity: sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=, tarball: escape-string-regexp/download/escape-string-regexp-1.0.5.tgz}
    engines: {node: '>=0.8.0'}
@ -385,15 +368,6 @@ packages:
      parse-passwd: registry.nlark.com/parse-passwd/1.0.0
    dev: true

-  /import-fresh/3.3.0:
-    resolution: {integrity: sha1-NxYsJfy566oublPVtNiM4X2eDCs=, tarball: import-fresh/download/import-fresh-3.3.0.tgz}
-    engines: {node: '>=6'}
-    dependencies:
-      parent-module: 1.0.1
-      resolve-from: 4.0.0
-    dev: true
-    optional: true
-
  /inflight/1.0.6:
    resolution: {integrity: sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=, tarball: inflight/download/inflight-1.0.6.tgz}
    dependencies:
@ -409,11 +383,6 @@ packages:
    resolution: {integrity: sha1-op2kJbSIBvNHZ6Tvzjlyaa8oQyw=, tarball: ini/download/ini-1.3.8.tgz}
    dev: true

-  /is-arrayish/0.2.1:
-    resolution: {integrity: sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=, tarball: is-arrayish/download/is-arrayish-0.2.1.tgz}
-    dev: true
-    optional: true
-
  /is-ci/2.0.0:
    resolution: {integrity: sha1-a8YzQYGBDgS1wis9WJ/cpVAmQEw=, tarball: is-ci/download/is-ci-2.0.0.tgz?cache=0&sync_timestamp=1613636778230&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-ci%2Fdownload%2Fis-ci-2.0.0.tgz}
    hasBin: true
@ -458,22 +427,12 @@ packages:
    engines: {node: '>=0.10.0'}
    dev: true

-  /json-parse-even-better-errors/2.3.1:
-    resolution: {integrity: sha1-fEeAWpQxmSjgV3dAXcEuH3pO4C0=, tarball: json-parse-even-better-errors/download/json-parse-even-better-errors-2.3.1.tgz}
-    dev: true
-    optional: true
-
  /jsonfile/4.0.0:
    resolution: {integrity: sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=, tarball: jsonfile/download/jsonfile-4.0.0.tgz}
    optionalDependencies:
      graceful-fs: registry.nlark.com/graceful-fs/4.2.8
    dev: true

-  /lines-and-columns/1.1.6:
-    resolution: {integrity: sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=, tarball: lines-and-columns/download/lines-and-columns-1.1.6.tgz}
-    dev: true
-    optional: true
-
  /lodash.map/4.6.0:
    resolution: {integrity: sha1-dx7Hg540c9nEzeKLGTlMNWL09tM=, tarball: lodash.map/download/lodash.map-4.6.0.tgz}
    dev: true
@ -559,25 +518,6 @@ packages:
    engines: {node: '>=0.10.0'}
    dev: true

-  /parent-module/1.0.1:
-    resolution: {integrity: sha1-aR0nCeeMefrjoVZiJFLQB2LKqqI=, tarball: parent-module/download/parent-module-1.0.1.tgz}
-    engines: {node: '>=6'}
-    dependencies:
-      callsites: registry.nlark.com/callsites/3.1.0
-    dev: true
-    optional: true
-
-  /parse-json/5.2.0:
-    resolution: {integrity: sha1-x2/Gbe5UIxyWKyK8yKcs8vmXU80=, tarball: parse-json/download/parse-json-5.2.0.tgz}
-    engines: {node: '>=8'}
-    dependencies:
-      '@babel/code-frame': registry.nlark.com/@babel/code-frame/7.14.5
-      error-ex: 1.3.2
-      json-parse-even-better-errors: 2.3.1
-      lines-and-columns: 1.1.6
-    dev: true
-    optional: true
-
  /path-is-absolute/1.0.1:
    resolution: {integrity: sha1-F0uSaHNVNP+8es5r9TpanhtcX18=, tarball: path-is-absolute/download/path-is-absolute-1.0.1.tgz}
    engines: {node: '>=0.10.0'}
@ -593,12 +533,6 @@ packages:
    engines: {node: '>=8'}
    dev: false

-  /path-type/4.0.0:
-    resolution: {integrity: sha1-hO0BwKe6OAr+CdkKjBgNzZ0DBDs=, tarball: path-type/download/path-type-4.0.0.tgz}
-    engines: {node: '>=8'}
-    dev: true
-    optional: true
-
  /prettier-linter-helpers/1.0.0:
    resolution: {integrity: sha1-0j1B/hN1ZG3i0BBNNFSjAIgCz3s=, tarball: prettier-linter-helpers/download/prettier-linter-helpers-1.0.0.tgz}
    engines: {node: '>=6.0.0'}
@ -621,18 +555,6 @@ packages:
      global-modules: 1.0.0
    dev: true

-  /resolve-from/4.0.0:
-    resolution: {integrity: sha1-SrzYUq0y3Xuqv+m0DgCjbbXzkuY=, tarball: resolve-from/download/resolve-from-4.0.0.tgz}
-    engines: {node: '>=4'}
-    dev: true
-    optional: true
-
-  /resolve-from/5.0.0:
-    resolution: {integrity: sha1-w1IlhD3493bfIcV1V7wIfp39/Gk=, tarball: resolve-from/download/resolve-from-5.0.0.tgz}
-    engines: {node: '>=8'}
-    dev: true
-    optional: true
-
  /restore-cursor/2.0.0:
    resolution: {integrity: sha1-n37ih/gv0ybU/RYpI9YhKe7g368=, tarball: restore-cursor/download/restore-cursor-2.0.0.tgz}
    engines: {node: '>=4'}
@ -813,6 +735,30 @@ packages:
    engines: {node: '>=0.10.0'}
    dev: true

+  registry.nlark.com/@ant-design/colors/5.1.1:
+    resolution: {integrity: sha1-gAshhrHifmZDLmfQPtlq8+IdiUA=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@ant-design/colors/download/@ant-design/colors-5.1.1.tgz}
+    name: '@ant-design/colors'
+    version: 5.1.1
+    dependencies:
+      '@ctrl/tinycolor': registry.nlark.com/@ctrl/tinycolor/3.4.0
+    dev: false
+
+  registry.nlark.com/@ant-design/icons-vue/5.1.9_vue@3.2.20:
+    resolution: {integrity: sha1-jXQaMpC+Ya98cWGMMIzBqUbE5DQ=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@ant-design/icons-vue/download/@ant-design/icons-vue-5.1.9.tgz}
+    id: registry.nlark.com/@ant-design/icons-vue/5.1.9
+    name: '@ant-design/icons-vue'
+    version: 5.1.9
+    peerDependencies:
+      vue: '>=3.0.3'
+    dependencies:
+      '@ant-design/colors': registry.nlark.com/@ant-design/colors/5.1.1
+      '@ant-design/icons-svg': registry.npmmirror.com/@ant-design/icons-svg/4.2.1
+      '@babel/runtime': registry.nlark.com/@babel/runtime/7.15.4
+      '@types/lodash': registry.npmmirror.com/@types/lodash/4.14.175
+      lodash: registry.nlark.com/lodash/4.17.21
+      vue: registry.npmmirror.com/vue/3.2.20
+    dev: false
+
  registry.nlark.com/@antfu/utils/0.3.0:
    resolution: {integrity: sha1-YwbEO1Kog72Olz4+2N1kJIQYvMQ=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@antfu/utils/download/@antfu/utils-0.3.0.tgz}
    name: '@antfu/utils'
@ -821,16 +767,6 @@ packages:
      '@types/throttle-debounce': registry.nlark.com/@types/throttle-debounce/2.1.0
    dev: true

-  registry.nlark.com/@babel/code-frame/7.14.5:
-    resolution: {integrity: sha1-I7CNdA6D9JxeWZRfvxtD6Au/Tts=, registry: http://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@babel/code-frame/download/@babel/code-frame-7.14.5.tgz}
-    name: '@babel/code-frame'
-    version: 7.14.5
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/highlight': registry.nlark.com/@babel/highlight/7.14.5
-    dev: true
-    optional: true
-
  registry.nlark.com/@babel/helper-validator-identifier/7.14.9:
    resolution: {integrity: sha1-ZlTRcbICT22O4VG/JQlpmRkTHUg=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@babel/helper-validator-identifier/download/@babel/helper-validator-identifier-7.14.9.tgz}
    name: '@babel/helper-validator-identifier'
@ -849,6 +785,15 @@ packages:
      js-tokens: registry.nlark.com/js-tokens/4.0.0
    dev: true

+  registry.nlark.com/@babel/runtime/7.15.4:
+    resolution: {integrity: sha1-/RfRa/34eObdAtGXU6OfqKjZyEo=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@babel/runtime/download/@babel/runtime-7.15.4.tgz}
+    name: '@babel/runtime'
+    version: 7.15.4
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      regenerator-runtime: registry.nlark.com/regenerator-runtime/0.13.9
+    dev: false
+
  registry.nlark.com/@babel/types/7.15.6:
    resolution: {integrity: sha1-mavcSCGLKIHAWN0KerBbmcm+dY8=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@babel/types/download/@babel/types-7.15.6.tgz?cache=0&sync_timestamp=1631500167899&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40babel%2Ftypes%2Fdownload%2F%40babel%2Ftypes-7.15.6.tgz}
    name: '@babel/types'
@ -859,53 +804,6 @@ packages:
      to-fast-properties: registry.nlark.com/to-fast-properties/2.0.0
    dev: true

-  registry.nlark.com/@commitlint/execute-rule/13.0.0:
-    resolution: {integrity: sha1-eCMwO4K12G2sRuZ8+gBfRDNHaYE=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@commitlint/execute-rule/download/@commitlint/execute-rule-13.0.0.tgz}
-    name: '@commitlint/execute-rule'
-    version: 13.0.0
-    engines: {node: '>=v12'}
-    dev: true
-    optional: true
-
-  registry.nlark.com/@commitlint/load/13.1.0:
-    resolution: {integrity: sha1-1sm1R1UfIhZYbWwZZNk/kuewQnc=, registry: http://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@commitlint/load/download/@commitlint/load-13.1.0.tgz}
-    name: '@commitlint/load'
-    version: 13.1.0
-    engines: {node: '>=v12'}
-    dependencies:
-      '@commitlint/execute-rule': registry.nlark.com/@commitlint/execute-rule/13.0.0
-      '@commitlint/resolve-extends': registry.nlark.com/@commitlint/resolve-extends/13.0.0
-      '@commitlint/types': registry.nlark.com/@commitlint/types/13.1.0
-      chalk: registry.nlark.com/chalk/4.1.2
-      cosmiconfig: 7.0.0
-      lodash: 4.17.21
-      resolve-from: 5.0.0
-    dev: true
-    optional: true
-
-  registry.nlark.com/@commitlint/resolve-extends/13.0.0:
-    resolution: {integrity: sha1-o4/NJHRIO/nsbh6QGye4ojq+fXM=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@commitlint/resolve-extends/download/@commitlint/resolve-extends-13.0.0.tgz}
-    name: '@commitlint/resolve-extends'
-    version: 13.0.0
-    engines: {node: '>=v12'}
-    dependencies:
-      import-fresh: 3.3.0
-      lodash: 4.17.21
-      resolve-from: 5.0.0
-      resolve-global: registry.nlark.com/resolve-global/1.0.0
-    dev: true
-    optional: true
-
-  registry.nlark.com/@commitlint/types/13.1.0:
-    resolution: {integrity: sha1-Es+26TI3KxgWr4kA4tEGlK3SgZE=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@commitlint/types/download/@commitlint/types-13.1.0.tgz}
-    name: '@commitlint/types'
-    version: 13.1.0
-    engines: {node: '>=v12'}
-    dependencies:
-      chalk: registry.nlark.com/chalk/4.1.2
-    dev: true
-    optional: true
-
  registry.nlark.com/@css-render/plugin-bem/0.15.6:
    resolution: {integrity: sha1-9/6kdN9PMmLvn7gBetocuXEs14o=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@css-render/plugin-bem/download/@css-render/plugin-bem-0.15.6.tgz}
    name: '@css-render/plugin-bem'
@ -925,6 +823,13 @@ packages:
      vue: registry.npmmirror.com/vue/3.2.20
    dev: false

+  registry.nlark.com/@ctrl/tinycolor/3.4.0:
+    resolution: {integrity: sha1-w8WuVDyJfKqcKmhjC+01W+X5mQ8=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@ctrl/tinycolor/download/@ctrl/tinycolor-3.4.0.tgz}
+    name: '@ctrl/tinycolor'
+    version: 3.4.0
+    engines: {node: '>=10'}
+    dev: false
+
  registry.nlark.com/@emmetio/abbreviation/2.2.2:
    resolution: {integrity: sha1-dGdi/Z56jC6mBPWAxi48/iUOaYk=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@emmetio/abbreviation/download/@emmetio/abbreviation-2.2.2.tgz}
    name: '@emmetio/abbreviation'
@ -1351,12 +1256,6 @@ packages:
    engines: {node: '>=8'}
    dev: true

-  registry.nlark.com/async-validator/4.0.3:
-    resolution: {integrity: sha1-yOzWso/I4YsUvk7HxwRkH5mdN30=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/async-validator/download/async-validator-4.0.3.tgz}
-    name: async-validator
-    version: 4.0.3
-    dev: false
-
  registry.nlark.com/async/0.9.2:
    resolution: {integrity: sha1-rqdNXmHB+JlhO/ZL2mbUx48v0X0=, registry: http://registry.npm.taobao.org/, tarball: https://registry.nlark.com/async/download/async-0.9.2.tgz}
    name: async
@ -1763,7 +1662,7 @@ packages:
      longest: 2.0.1
      word-wrap: 1.2.3
    optionalDependencies:
-      '@commitlint/load': registry.nlark.com/@commitlint/load/13.1.0
+      '@commitlint/load': registry.npmmirror.com/@commitlint/load/13.2.1
    dev: true

  registry.nlark.com/cz-conventional-changelog/3.3.0:
@ -1779,7 +1678,7 @@ packages:
      longest: 2.0.1
      word-wrap: 1.2.3
    optionalDependencies:
-      '@commitlint/load': registry.nlark.com/@commitlint/load/13.1.0
+      '@commitlint/load': registry.npmmirror.com/@commitlint/load/13.2.1
    dev: true

  registry.nlark.com/cz-customizable/6.3.0:
@ -2473,6 +2372,11 @@ packages:
    name: follow-redirects
    version: 1.14.4
    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
    dev: false

  registry.nlark.com/fs-extra/10.0.0:
@ -2717,13 +2621,6 @@ packages:
    hasBin: true
    dev: true

-  registry.nlark.com/highlight.js/11.2.0:
-    resolution: {integrity: sha1-p+O4wf3E8FOLk7LcLd1TpAxqsPA=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/highlight.js/download/highlight.js-11.2.0.tgz}
-    name: highlight.js
-    version: 11.2.0
-    engines: {node: '>=12.0.0'}
-    dev: false
-
  registry.nlark.com/hosted-git-info/2.8.9:
    resolution: {integrity: sha1-3/wL+aIcAiCQkPKqaUKeFBTa8/k=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/hosted-git-info/download/hosted-git-info-2.8.9.tgz}
    name: hosted-git-info
@ -3013,6 +2910,13 @@ packages:
    engines: {node: '>=0.10.0'}
    dev: true

+  registry.nlark.com/is-plain-object/3.0.1:
+    resolution: {integrity: sha1-Zi2S0kwKpDAkB7DUXSHyJRyF+Fs=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/is-plain-object/download/is-plain-object-3.0.1.tgz}
+    name: is-plain-object
+    version: 3.0.1
+    engines: {node: '>=0.10.0'}
+    dev: false
+
  registry.nlark.com/is-promise/2.2.2:
    resolution: {integrity: sha1-OauVnMv5p3TPB597QMeib3YxNfE=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/is-promise/download/is-promise-2.2.2.tgz}
    name: is-promise
@ -3991,6 +3895,12 @@ packages:
      strip-indent: registry.nlark.com/strip-indent/3.0.0
    dev: true

+  registry.nlark.com/regenerator-runtime/0.13.9:
+    resolution: {integrity: sha1-iSV0Kpj/2QgUmI11Zq0wyjsmO1I=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/regenerator-runtime/download/regenerator-runtime-0.13.9.tgz}
+    name: regenerator-runtime
+    version: 0.13.9
+    dev: false
+
  registry.nlark.com/regexpp/3.2.0:
    resolution: {integrity: sha1-BCWido2PI7rXDKS5BGH6LxIT4bI=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/regexpp/download/regexpp-3.2.0.tgz}
    name: regexpp
@ -4650,15 +4560,6 @@ packages:
    engines: {node: '>=0.10.0'}
    dev: true

-  registry.nlark.com/vscode-languageserver-protocol/3.17.0-next.8:
-    resolution: {integrity: sha1-7y63QjtHTMzRE4QjneJEiOf+gYw=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/vscode-languageserver-protocol/download/vscode-languageserver-protocol-3.17.0-next.8.tgz}
-    name: vscode-languageserver-protocol
-    version: 3.17.0-next.8
-    dependencies:
-      vscode-jsonrpc: registry.npmmirror.com/vscode-jsonrpc/8.0.0-next.2
-      vscode-languageserver-types: registry.npmmirror.com/vscode-languageserver-types/3.17.0-next.3
-    dev: true
-
  registry.nlark.com/vscode-nls/5.0.0:
    resolution: {integrity: sha1-mfDaC9nqfNpE5WWnTFSx8rwleEA=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/vscode-nls/download/vscode-nls-5.0.0.tgz}
    name: vscode-nls
@ -4844,6 +4745,12 @@ packages:
    engines: {node: '>=10'}
    dev: true

+  registry.npmmirror.com/@ant-design/icons-svg/4.2.1:
+    resolution: {integrity: sha1-hjDajrRHGkqr2u19H/apfcss8Fo=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@ant-design/icons-svg/download/@ant-design/icons-svg-4.2.1.tgz?cache=0&sync_timestamp=1632624403754&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2F%40ant-design%2Ficons-svg%2Fdownload%2F%40ant-design%2Ficons-svg-4.2.1.tgz}
+    name: '@ant-design/icons-svg'
+    version: 4.2.1
+    dev: false
+
  registry.npmmirror.com/@antfu/install-pkg/0.1.0:
    resolution: {integrity: sha1-jYxhggy8MuXDfYLVFUha0+6b0FI=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@antfu/install-pkg/download/@antfu/install-pkg-0.1.0.tgz}
    name: '@antfu/install-pkg'
@ -5074,10 +4981,10 @@ packages:
      - supports-color
    dev: true

-  registry.npmmirror.com/@iconify/json/1.1.414:
-    resolution: {integrity: sha1-pnpt/VJ5oPoazsuyPx3NqES3PxU=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@iconify/json/download/@iconify/json-1.1.414.tgz}
+  registry.npmmirror.com/@iconify/json/1.1.415:
+    resolution: {integrity: sha1-L1lD0gdZIOWR6jBSDPeCS8E5phk=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@iconify/json/download/@iconify/json-1.1.415.tgz}
    name: '@iconify/json'
-    version: 1.1.414
+    version: 1.1.415
    dev: true

  registry.npmmirror.com/@iconify/types/1.0.10:
@ -5263,19 +5170,19 @@ packages:
      vite: registry.npmmirror.com/vite/2.6.7_sass@1.43.2
    dev: true

-  registry.npmmirror.com/@volar/code-gen/0.28.4:
-    resolution: {integrity: sha1-ozf+RudF1tpUNsK95WRbEggD1lw=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@volar/code-gen/download/@volar/code-gen-0.28.4.tgz}
+  registry.npmmirror.com/@volar/code-gen/0.28.7:
+    resolution: {integrity: sha1-i0EItZza6YfHE3im+R3DWsB7Xb4=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@volar/code-gen/download/@volar/code-gen-0.28.7.tgz}
    name: '@volar/code-gen'
-    version: 0.28.4
+    version: 0.28.7
    dependencies:
-      '@volar/shared': registry.npmmirror.com/@volar/shared/0.28.4
-      '@volar/source-map': registry.npmmirror.com/@volar/source-map/0.28.4
+      '@volar/shared': registry.npmmirror.com/@volar/shared/0.28.7
+      '@volar/source-map': registry.npmmirror.com/@volar/source-map/0.28.7
    dev: true

-  registry.npmmirror.com/@volar/html2pug/0.28.4:
-    resolution: {integrity: sha1-R1rLgx3I1ZJzfyVoLj5Wnsaq4mg=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@volar/html2pug/download/@volar/html2pug-0.28.4.tgz}
+  registry.npmmirror.com/@volar/html2pug/0.28.7:
+    resolution: {integrity: sha1-qONZ1ubldDhu1qwjuJxGZY2RdQs=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@volar/html2pug/download/@volar/html2pug-0.28.7.tgz}
    name: '@volar/html2pug'
-    version: 0.28.4
+    version: 0.28.7
    dependencies:
      domelementtype: registry.nlark.com/domelementtype/2.2.0
      domhandler: registry.nlark.com/domhandler/4.2.2
@ -5283,30 +5190,30 @@ packages:
      pug: registry.nlark.com/pug/3.0.2
    dev: true

-  registry.npmmirror.com/@volar/shared/0.28.4:
-    resolution: {integrity: sha1-97144WqS+D5zKWfjNoiG7vjnal0=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@volar/shared/download/@volar/shared-0.28.4.tgz}
+  registry.npmmirror.com/@volar/shared/0.28.7:
+    resolution: {integrity: sha1-i2gEpimPD/ym/TEc+kqhTMEQWHQ=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@volar/shared/download/@volar/shared-0.28.7.tgz}
    name: '@volar/shared'
-    version: 0.28.4
+    version: 0.28.7
    dependencies:
      upath: registry.nlark.com/upath/2.0.1
      vscode-jsonrpc: registry.npmmirror.com/vscode-jsonrpc/8.0.0-next.2
      vscode-uri: registry.nlark.com/vscode-uri/3.0.2
    dev: true

-  registry.npmmirror.com/@volar/source-map/0.28.4:
-    resolution: {integrity: sha1-PJVdJ25Y3cwbFQJJ3ryxoWifiJI=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@volar/source-map/download/@volar/source-map-0.28.4.tgz}
+  registry.npmmirror.com/@volar/source-map/0.28.7:
+    resolution: {integrity: sha1-c5gMia7C3TYLINDi+0bf4bL3YlA=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@volar/source-map/download/@volar/source-map-0.28.7.tgz}
    name: '@volar/source-map'
-    version: 0.28.4
+    version: 0.28.7
    dependencies:
-      '@volar/shared': registry.npmmirror.com/@volar/shared/0.28.4
+      '@volar/shared': registry.npmmirror.com/@volar/shared/0.28.7
    dev: true

-  registry.npmmirror.com/@volar/transforms/0.28.4:
-    resolution: {integrity: sha1-VvW1gX4CRv5IOVBd7bluwvGdQ2U=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@volar/transforms/download/@volar/transforms-0.28.4.tgz}
+  registry.npmmirror.com/@volar/transforms/0.28.7:
+    resolution: {integrity: sha1-oxRk6PU/Nluxb6s0wrYpomxuo2A=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@volar/transforms/download/@volar/transforms-0.28.7.tgz}
    name: '@volar/transforms'
-    version: 0.28.4
+    version: 0.28.7
    dependencies:
-      '@volar/shared': registry.npmmirror.com/@volar/shared/0.28.4
+      '@volar/shared': registry.npmmirror.com/@volar/shared/0.28.7
      vscode-languageserver: registry.npmmirror.com/vscode-languageserver/8.0.0-next.2
    dev: true

@ -5447,11 +5354,11 @@ packages:
    name: '@vue/shared'
    version: 3.2.20

-  registry.npmmirror.com/@vueuse/core/6.5.3_vue@3.2.20:
-    resolution: {integrity: sha1-FYSOrMrRhlLfTLS2zK5715IaDH4=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@vueuse/core/download/@vueuse/core-6.5.3.tgz}
-    id: registry.npmmirror.com/@vueuse/core/6.5.3
+  registry.npmmirror.com/@vueuse/core/6.6.1_vue@3.2.20:
+    resolution: {integrity: sha1-zPYeHuYr7C22FW77sK5jW+PDLkw=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@vueuse/core/download/@vueuse/core-6.6.1.tgz}
+    id: registry.npmmirror.com/@vueuse/core/6.6.1
    name: '@vueuse/core'
-    version: 6.5.3
+    version: 6.6.1
    peerDependencies:
      '@vue/composition-api': ^1.1.0
      vue: ^2.6.0 || ^3.2.0
@ -5461,16 +5368,16 @@ packages:
      vue:
        optional: true
    dependencies:
-      '@vueuse/shared': registry.npmmirror.com/@vueuse/shared/6.5.3_vue@3.2.20
+      '@vueuse/shared': registry.npmmirror.com/@vueuse/shared/6.6.1_vue@3.2.20
      vue: registry.npmmirror.com/vue/3.2.20
      vue-demi: registry.nlark.com/vue-demi/0.11.4_vue@3.2.20
    dev: false

-  registry.npmmirror.com/@vueuse/shared/6.5.3_vue@3.2.20:
-    resolution: {integrity: sha1-ZQP6S/v0XQYWus7bikvQA/Adpzs=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@vueuse/shared/download/@vueuse/shared-6.5.3.tgz}
-    id: registry.npmmirror.com/@vueuse/shared/6.5.3
+  registry.npmmirror.com/@vueuse/shared/6.6.1_vue@3.2.20:
+    resolution: {integrity: sha1-fZ3TWs6Pb/9W1HShs7ldaZ0jcyg=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@vueuse/shared/download/@vueuse/shared-6.6.1.tgz}
+    id: registry.npmmirror.com/@vueuse/shared/6.6.1
    name: '@vueuse/shared'
-    version: 6.5.3
+    version: 6.6.1
    peerDependencies:
      '@vue/composition-api': ^1.1.0
      vue: ^2.6.0 || ^3.2.0
@ -5536,12 +5443,30 @@ packages:
      es-abstract: registry.npmmirror.com/es-abstract/1.19.1
    dev: true

+  registry.npmmirror.com/async-validator/4.0.3:
+    resolution: {integrity: sha1-yOzWso/I4YsUvk7HxwRkH5mdN30=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/async-validator/download/async-validator-4.0.3.tgz}
+    name: async-validator
+    version: 4.0.3
+    dev: false
+
+  registry.npmmirror.com/axios/0.21.4:
+    resolution: {integrity: sha1-xnuQ3AVo5cHPKwuFjEO6KOLtpXU=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/axios/download/axios-0.21.4.tgz}
+    name: axios
+    version: 0.21.4
+    dependencies:
+      follow-redirects: registry.nlark.com/follow-redirects/1.14.4
+    transitivePeerDependencies:
+      - debug
+    dev: false
+
  registry.npmmirror.com/axios/0.23.0:
    resolution: {integrity: sha1-sPpdCUio0ddePVY1I4tsRiWwUUk=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/axios/download/axios-0.23.0.tgz}
    name: axios
    version: 0.23.0
    dependencies:
      follow-redirects: registry.nlark.com/follow-redirects/1.14.4
+    transitivePeerDependencies:
+      - debug
    dev: false

  registry.npmmirror.com/camelcase-keys/6.2.2:
@ -5975,6 +5900,13 @@ packages:
      path-is-absolute: registry.nlark.com/path-is-absolute/1.0.1
    dev: true

+  registry.npmmirror.com/highlight.js/11.2.0:
+    resolution: {integrity: sha1-p+O4wf3E8FOLk7LcLd1TpAxqsPA=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/highlight.js/download/highlight.js-11.2.0.tgz?cache=0&sync_timestamp=1634477593659&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fhighlight.js%2Fdownload%2Fhighlight.js-11.2.0.tgz}
+    name: highlight.js
+    version: 11.2.0
+    engines: {node: '>=12.0.0'}
+    dev: false
+
  registry.npmmirror.com/import-meta-resolve/1.1.1:
    resolution: {integrity: sha1-JE/VQv0frnNVDU+LPN47uh17Kxg=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/import-meta-resolve/download/import-meta-resolve-1.1.1.tgz}
    name: import-meta-resolve
@ -6098,6 +6030,29 @@ packages:
      mlly: registry.npmmirror.com/mlly/0.2.5
    dev: true

+  registry.npmmirror.com/makeit-captcha/1.2.5:
+    resolution: {integrity: sha1-9QVe2/811eGg3M7eeVPyT2qrwgw=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/makeit-captcha/download/makeit-captcha-1.2.5.tgz}
+    name: makeit-captcha
+    version: 1.2.5
+    dependencies:
+      '@ant-design/icons-vue': registry.nlark.com/@ant-design/icons-vue/5.1.9_vue@3.2.20
+      axios: registry.npmmirror.com/axios/0.21.4
+      makeit-tooltip: registry.npmmirror.com/makeit-tooltip/1.1.2
+      vue: registry.npmmirror.com/vue/3.2.20
+      vue-types: registry.npmmirror.com/vue-types/3.0.2_vue@3.2.20
+    transitivePeerDependencies:
+      - debug
+    dev: false
+
+  registry.npmmirror.com/makeit-tooltip/1.1.2:
+    resolution: {integrity: sha1-smX4WGwrHvm6tObRQcusy466c7w=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/makeit-tooltip/download/makeit-tooltip-1.1.2.tgz}
+    name: makeit-tooltip
+    version: 1.1.2
+    dependencies:
+      vue: registry.npmmirror.com/vue/3.2.20
+      vue-types: registry.npmmirror.com/vue-types/3.0.2_vue@3.2.20
+    dev: false
+
  registry.npmmirror.com/mlly/0.2.5:
    resolution: {integrity: sha1-zXCW0O/PrjEQkewcuFW55YXOJtM=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/mlly/download/mlly-0.2.5.tgz}
    name: mlly
@ -6112,11 +6067,11 @@ packages:
    version: 2.1.3
    dev: true

-  registry.npmmirror.com/naive-ui/2.19.8_vue@3.2.20:
-    resolution: {integrity: sha1-p/tdpZp3R5OT7ki0hHv3OOWDY/E=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/naive-ui/download/naive-ui-2.19.8.tgz}
-    id: registry.npmmirror.com/naive-ui/2.19.8
+  registry.npmmirror.com/naive-ui/2.19.9_vue@3.2.20:
+    resolution: {integrity: sha1-+qyem185MB4OUrouUpRe1W3/SJA=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/naive-ui/download/naive-ui-2.19.9.tgz}
+    id: registry.npmmirror.com/naive-ui/2.19.9
    name: naive-ui
-    version: 2.19.8
+    version: 2.19.9
    peerDependencies:
      vue: ^3.0.0
    dependencies:
@ -6124,19 +6079,19 @@ packages:
      '@css-render/vue3-ssr': registry.nlark.com/@css-render/vue3-ssr/0.15.6_vue@3.2.20
      '@types/lodash': registry.npmmirror.com/@types/lodash/4.14.175
      '@types/lodash-es': registry.nlark.com/@types/lodash-es/4.17.5
-      async-validator: registry.nlark.com/async-validator/4.0.3
+      async-validator: registry.npmmirror.com/async-validator/4.0.3
      css-render: registry.nlark.com/css-render/0.15.6
      date-fns: registry.npmmirror.com/date-fns/2.25.0
      date-fns-tz: registry.nlark.com/date-fns-tz/1.1.6_date-fns@2.25.0
      evtd: registry.nlark.com/evtd/0.2.2
-      highlight.js: registry.nlark.com/highlight.js/11.2.0
+      highlight.js: registry.npmmirror.com/highlight.js/11.2.0
      lodash: registry.nlark.com/lodash/4.17.21
      lodash-es: registry.nlark.com/lodash-es/4.17.21
      seemly: registry.npmmirror.com/seemly/0.3.2
      treemate: registry.nlark.com/treemate/0.3.8
      vdirs: registry.nlark.com/vdirs/0.1.4_vue@3.2.20
      vfonts: registry.nlark.com/vfonts/0.1.0
-      vooks: registry.npmmirror.com/vooks/0.2.8_vue@3.2.20
+      vooks: registry.npmmirror.com/vooks/0.2.10_vue@3.2.20
      vue: registry.npmmirror.com/vue/3.2.20
      vueuc: registry.npmmirror.com/vueuc/0.4.13_6fc825ea257a26467f64b236a3efe3b7
    dev: false
@ -6376,11 +6331,11 @@ packages:
    hasBin: true
    dev: true

-  registry.npmmirror.com/unplugin-icons/0.12.15_e14ef356e1d12d404481b7eb2ba1650f:
-    resolution: {integrity: sha1-OeH6ftTW5VbcX70lTA1cExjTxYQ=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/unplugin-icons/download/unplugin-icons-0.12.15.tgz}
-    id: registry.npmmirror.com/unplugin-icons/0.12.15
+  registry.npmmirror.com/unplugin-icons/0.12.16_e14ef356e1d12d404481b7eb2ba1650f:
+    resolution: {integrity: sha1-rVKIa3cTQXO0hkxwF1rdRx1gOlU=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/unplugin-icons/download/unplugin-icons-0.12.16.tgz}
+    id: registry.npmmirror.com/unplugin-icons/0.12.16
    name: unplugin-icons
-    version: 0.12.15
+    version: 0.12.16
    peerDependencies:
      '@svgr/core': ^5.5.0
      '@vue/compiler-sfc': ^3.0.2
@ -6543,6 +6498,18 @@ packages:
      fsevents: registry.nlark.com/fsevents/2.3.2
    dev: true

+  registry.npmmirror.com/vooks/0.2.10_vue@3.2.20:
+    resolution: {integrity: sha1-Jlb0wCV1jtl+3EqVhMnMFez/tws=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/vooks/download/vooks-0.2.10.tgz}
+    id: registry.npmmirror.com/vooks/0.2.10
+    name: vooks
+    version: 0.2.10
+    peerDependencies:
+      vue: ^3.0.0
+    dependencies:
+      evtd: registry.nlark.com/evtd/0.2.2
+      vue: registry.npmmirror.com/vue/3.2.20
+    dev: false
+
  registry.npmmirror.com/vooks/0.2.8_vue@3.2.20:
    resolution: {integrity: sha1-+tanjHLjlEPlYoUzewhDuq7tDz4=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/vooks/download/vooks-0.2.8.tgz}
    id: registry.npmmirror.com/vooks/0.2.8
@ -6596,6 +6563,15 @@ packages:
    engines: {node: '>=8.0.0 || >=10.0.0'}
    dev: true

+  registry.npmmirror.com/vscode-languageserver-protocol/3.17.0-next.8:
+    resolution: {integrity: sha1-7y63QjtHTMzRE4QjneJEiOf+gYw=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/vscode-languageserver-protocol/download/vscode-languageserver-protocol-3.17.0-next.8.tgz}
+    name: vscode-languageserver-protocol
+    version: 3.17.0-next.8
+    dependencies:
+      vscode-jsonrpc: registry.npmmirror.com/vscode-jsonrpc/8.0.0-next.2
+      vscode-languageserver-types: registry.npmmirror.com/vscode-languageserver-types/3.17.0-next.3
+    dev: true
+
  registry.npmmirror.com/vscode-languageserver-textdocument/1.0.1:
    resolution: {integrity: sha1-F4Fo6H761hcbNyrdHeo09T5dMw8=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/vscode-languageserver-textdocument/download/vscode-languageserver-textdocument-1.0.1.tgz}
    name: vscode-languageserver-textdocument
@ -6620,45 +6596,45 @@ packages:
    version: 8.0.0-next.2
    hasBin: true
    dependencies:
-      vscode-languageserver-protocol: registry.nlark.com/vscode-languageserver-protocol/3.17.0-next.8
+      vscode-languageserver-protocol: registry.npmmirror.com/vscode-languageserver-protocol/3.17.0-next.8
    dev: true

-  registry.npmmirror.com/vscode-pug-languageservice/0.28.4:
-    resolution: {integrity: sha1-nljLZlxBfXESHbjSi7IwUv4RK5I=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/vscode-pug-languageservice/download/vscode-pug-languageservice-0.28.4.tgz}
+  registry.npmmirror.com/vscode-pug-languageservice/0.28.7:
+    resolution: {integrity: sha1-CWo2zB20JE5Btc4h68gtuvcIscQ=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/vscode-pug-languageservice/download/vscode-pug-languageservice-0.28.7.tgz}
    name: vscode-pug-languageservice
-    version: 0.28.4
+    version: 0.28.7
    dependencies:
-      '@volar/code-gen': registry.npmmirror.com/@volar/code-gen/0.28.4
-      '@volar/shared': registry.npmmirror.com/@volar/shared/0.28.4
-      '@volar/source-map': registry.npmmirror.com/@volar/source-map/0.28.4
-      '@volar/transforms': registry.npmmirror.com/@volar/transforms/0.28.4
+      '@volar/code-gen': registry.npmmirror.com/@volar/code-gen/0.28.7
+      '@volar/shared': registry.npmmirror.com/@volar/shared/0.28.7
+      '@volar/source-map': registry.npmmirror.com/@volar/source-map/0.28.7
+      '@volar/transforms': registry.npmmirror.com/@volar/transforms/0.28.7
      pug-lexer: registry.nlark.com/pug-lexer/5.0.1
      pug-parser: registry.nlark.com/pug-parser/6.0.0
      vscode-languageserver: registry.npmmirror.com/vscode-languageserver/8.0.0-next.2
    dev: true

-  registry.npmmirror.com/vscode-typescript-languageservice/0.28.4:
-    resolution: {integrity: sha1-Ezjj0yYH7u52uptA4EGGeUKGy/M=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/vscode-typescript-languageservice/download/vscode-typescript-languageservice-0.28.4.tgz}
+  registry.npmmirror.com/vscode-typescript-languageservice/0.28.7:
+    resolution: {integrity: sha1-KKjyp5DEv81PSqLX7Xmvhaax1AI=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/vscode-typescript-languageservice/download/vscode-typescript-languageservice-0.28.7.tgz}
    name: vscode-typescript-languageservice
-    version: 0.28.4
+    version: 0.28.7
    dependencies:
-      '@volar/shared': registry.npmmirror.com/@volar/shared/0.28.4
+      '@volar/shared': registry.npmmirror.com/@volar/shared/0.28.7
      semver: registry.nlark.com/semver/7.3.5
      upath: registry.nlark.com/upath/2.0.1
      vscode-languageserver: registry.npmmirror.com/vscode-languageserver/8.0.0-next.2
      vscode-languageserver-textdocument: registry.npmmirror.com/vscode-languageserver-textdocument/1.0.1
    dev: true

-  registry.npmmirror.com/vscode-vue-languageservice/0.28.4:
-    resolution: {integrity: sha1-CS+k/iJnvOosx5K5UBI5d69ZseA=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/vscode-vue-languageservice/download/vscode-vue-languageservice-0.28.4.tgz}
+  registry.npmmirror.com/vscode-vue-languageservice/0.28.7:
+    resolution: {integrity: sha1-KurpgNpK+s3mkDI/BOa9bbwZGS8=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/vscode-vue-languageservice/download/vscode-vue-languageservice-0.28.7.tgz}
    name: vscode-vue-languageservice
-    version: 0.28.4
+    version: 0.28.7
    dependencies:
-      '@volar/code-gen': registry.npmmirror.com/@volar/code-gen/0.28.4
-      '@volar/html2pug': registry.npmmirror.com/@volar/html2pug/0.28.4
-      '@volar/shared': registry.npmmirror.com/@volar/shared/0.28.4
-      '@volar/source-map': registry.npmmirror.com/@volar/source-map/0.28.4
-      '@volar/transforms': registry.npmmirror.com/@volar/transforms/0.28.4
+      '@volar/code-gen': registry.npmmirror.com/@volar/code-gen/0.28.7
+      '@volar/html2pug': registry.npmmirror.com/@volar/html2pug/0.28.7
+      '@volar/shared': registry.npmmirror.com/@volar/shared/0.28.7
+      '@volar/source-map': registry.npmmirror.com/@volar/source-map/0.28.7
+      '@volar/transforms': registry.npmmirror.com/@volar/transforms/0.28.7
      '@vscode/emmet-helper': registry.npmmirror.com/@vscode/emmet-helper/2.8.1
      '@vue/compiler-dom': registry.npmmirror.com/@vue/compiler-dom/3.2.20
      '@vue/reactivity': registry.npmmirror.com/@vue/reactivity/3.2.20
@ -6670,23 +6646,36 @@ packages:
      vscode-json-languageservice: registry.npmmirror.com/vscode-json-languageservice/4.1.8
      vscode-languageserver: registry.npmmirror.com/vscode-languageserver/8.0.0-next.2
      vscode-languageserver-textdocument: registry.npmmirror.com/vscode-languageserver-textdocument/1.0.1
-      vscode-pug-languageservice: registry.npmmirror.com/vscode-pug-languageservice/0.28.4
-      vscode-typescript-languageservice: registry.npmmirror.com/vscode-typescript-languageservice/0.28.4
+      vscode-pug-languageservice: registry.npmmirror.com/vscode-pug-languageservice/0.28.7
+      vscode-typescript-languageservice: registry.npmmirror.com/vscode-typescript-languageservice/0.28.7
    dev: true

-  registry.npmmirror.com/vue-tsc/0.28.4_typescript@4.4.4:
-    resolution: {integrity: sha1-4msDhhyBlt+N21bTe7t6YqxFOFY=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/vue-tsc/download/vue-tsc-0.28.4.tgz}
-    id: registry.npmmirror.com/vue-tsc/0.28.4
+  registry.npmmirror.com/vue-tsc/0.28.7_typescript@4.4.4:
+    resolution: {integrity: sha1-pvp0bdDK/BrqBs3nTSKz5x7XJm8=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/vue-tsc/download/vue-tsc-0.28.7.tgz}
+    id: registry.npmmirror.com/vue-tsc/0.28.7
    name: vue-tsc
-    version: 0.28.4
+    version: 0.28.7
    hasBin: true
    peerDependencies:
      typescript: '*'
    dependencies:
      typescript: registry.npmmirror.com/typescript/4.4.4
-      vscode-vue-languageservice: registry.npmmirror.com/vscode-vue-languageservice/0.28.4
+      vscode-vue-languageservice: registry.npmmirror.com/vscode-vue-languageservice/0.28.7
    dev: true

+  registry.npmmirror.com/vue-types/3.0.2_vue@3.2.20:
+    resolution: {integrity: sha1-7BbgXUEsA4Ji/B76TOuWR+f7YB0=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/vue-types/download/vue-types-3.0.2.tgz}
+    id: registry.npmmirror.com/vue-types/3.0.2
+    name: vue-types
+    version: 3.0.2
+    engines: {node: '>=10.15.0'}
+    peerDependencies:
+      vue: ^3.0.0
+    dependencies:
+      is-plain-object: registry.nlark.com/is-plain-object/3.0.1
+      vue: registry.npmmirror.com/vue/3.2.20
+    dev: false
+
  registry.npmmirror.com/vue/3.2.20:
    resolution: {integrity: sha1-lA+KqL8+O+eCQ8pYK61B/NRa4+Y=, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/vue/download/vue-3.2.20.tgz}
    name: vue
--- a/src/components/common/SystemLogo/components/SvgFillLogo.vue
+++ b/src/components/common/SystemLogo/components/SvgFillLogo.vue
@ -6,23 +6,23 @@
    />
    <path
      d="M158.86.3H2C0,.31.27,0,.27,2q0,78.42,0,156.85c-.07-.05-.25.12-.24-.12s0-.64,0-1Q0,79.46,0,1.14C0,.24.2,0,1.1,0l156.68,0C158.13.08,158.59-.2,158.86.3Z"
-      style="fill: #fefefe"
+      :style="{ fill: foreground }"
    />
    <path
      d="M93.65,51.52a68.65,68.65,0,0,1-6.47,28.81,1.72,1.72,0,0,0,.19,2c6.08,8.28,13.58,14.79,23.19,18.69a46.22,46.22,0,0,0,17.15,3.39,28.87,28.87,0,0,0,3.34-.25,6.2,6.2,0,0,1,7,5.12,6.07,6.07,0,0,1-5.15,7.14,50.39,50.39,0,0,1-18.06-1c-15.85-3.66-28-12.75-37.44-25.7a2.15,2.15,0,0,0-2.23-1.09C61.17,90,49,95.06,39.67,105.84a38.47,38.47,0,0,0-6.23,9.74A6.21,6.21,0,0,1,25.27,119,6.14,6.14,0,0,1,22,110.8a49.31,49.31,0,0,1,9.63-14.62c10.56-11.44,23.8-17.54,39.09-19.54a13.93,13.93,0,0,1,2.84-.34c1.61.14,2.18-.73,2.73-2A54.38,54.38,0,0,0,81.12,51a44,44,0,0,0-8-25,6.11,6.11,0,0,1-.65-6.46A6,6,0,0,1,77.75,16a6.34,6.34,0,0,1,5.66,3,53.61,53.61,0,0,1,7.17,14.28A59.33,59.33,0,0,1,93.65,51.52Z"
-      style="fill: #fefefe"
+      :style="{ fill: foreground }"
    />
    <path
      d="M46.92,118.63a6,6,0,0,1,1.35-3.88,37.89,37.89,0,0,1,22.5-14,6.08,6.08,0,0,1,6.65,2.47,6.18,6.18,0,0,1-3.84,9.63,26.09,26.09,0,0,0-15.71,9.77,6.2,6.2,0,0,1-10.95-4Z"
-      style="fill: #fefefe"
+      :style="{ fill: foreground }"
    />
    <path
      d="M124.3,92.8a34.66,34.66,0,0,1-9.82-2.48A35.46,35.46,0,0,1,99.83,79.87a6.19,6.19,0,0,1,2.84-9.93,5.79,5.79,0,0,1,6.44,1.73,26.79,26.79,0,0,0,16.51,8.85,6,6,0,0,1,5,5.54,6.21,6.21,0,0,1-4.29,6.46A6.55,6.55,0,0,1,124.3,92.8Z"
-      style="fill: #fefefe"
+      :style="{ fill: foreground }"
    />
    <path
      d="M69.32,53.27a33.46,33.46,0,0,1-2.27,12.52,6.21,6.21,0,0,1-10.94,1,6.09,6.09,0,0,1-.65-5.4,26,26,0,0,0-.53-18.25,6.21,6.21,0,0,1,11.49-4.72A40.24,40.24,0,0,1,69.32,53.27Z"
-      style="fill: #fefefe"
+      :style="{ fill: foreground }"
    />
  </svg>
 </template>
@ -32,6 +32,10 @@ defineProps({
  color: {
    type: String,
    default: '#409EFF'
+  },
+  foreground: {
+    type: String,
+    default: '#fefefe00'
  }
 });
 </script>
--- a/src/components/common/SystemLogo/components/SvgLogo.vue
+++ b/src/components/common/SystemLogo/components/SvgLogo.vue
@ -3,7 +3,7 @@
    <path
      d="M0,158.86Q0,80,0,1.1C0,.2.2,0,1.1,0Q79.44,0,157.78,0c.9,0,1.1.2,1.1,1.1q0,78.35,0,156.68c0,.9-.2,1.1-1.1,1.1Q78.9,158.83,0,158.86Z"
      transform="translate(0)"
-      style="fill: #fefefe"
+      :style="{ fill: foreground }"
    />
    <path
      d="M81.28,55.9c-.1-11.67-2.93-22.55-9.37-32.38-1-1.5-2.14-2.86-2.5-4.71a8.1,8.1,0,0,1,4-8.61,7.89,7.89,0,0,1,9.3,1.23,36,36,0,0,1,5.9,8.83,75.18,75.18,0,0,1,8.44,28.58,83.21,83.21,0,0,1-5.23,36.74c-.91,2.47-1.91,4.9-3,7.28a1.2,1.2,0,0,0,0,1.41c9.58,13.3,21.76,23,37.85,27.24a54.35,54.35,0,0,0,19.68,1.57,7.72,7.72,0,0,1,8.36,6.9,7.9,7.9,0,0,1-6.7,9,64.74,64.74,0,0,1-23-1.33,77.68,77.68,0,0,1-36.93-19.88,93.64,93.64,0,0,1-11.91-13.71A2.18,2.18,0,0,0,73.87,103a72.75,72.75,0,0,0-27.38,7.55c-11.6,6-20.67,14.58-26.4,26.45a10.13,10.13,0,0,1-3.7,4.7A8,8,0,0,1,7.2,141a7.86,7.86,0,0,1-2.36-9.28,60.32,60.32,0,0,1,8.72-14.52c12.2-15.43,28.21-24.59,47.32-28.57A85.08,85.08,0,0,1,73.07,87a1.22,1.22,0,0,0,1.18-.8A76.06,76.06,0,0,0,80.78,63.9,57.87,57.87,0,0,0,81.28,55.9Z"
@ -33,6 +33,10 @@ defineProps({
  color: {
    type: String,
    default: '#409EFF'
+  },
+  foreground: {
+    type: String,
+    default: '#fefefe00'
  }
 });
 </script>
--- a/src/layouts/BasicLayout/components/GlobalHeader/components/UserAvatar.vue
+++ b/src/layouts/BasicLayout/components/GlobalHeader/components/UserAvatar.vue
@ -8,7 +8,7 @@
 </template>

 <script lang="ts" setup>
-import { NDropdown } from 'naive-ui';
+import { NDropdown, useDialog } from 'naive-ui';
 import { UserAvatar, Logout } from '@vicons/carbon';
 import { dynamicIconRender, resetAuthStorage } from '@/utils';
 import { HoverContainer } from '@/components';
@ -16,6 +16,8 @@ import avatar from '@/assets/svg/avatar/avatar01.svg';

 type DropdownKey = 'user-center' | 'logout';

+const dialog = useDialog();
+
 const options = [
  {
    label: '用户中心',
@ -36,8 +38,16 @@ const options = [
 function handleDropdown(optionKey: string) {
  const key = optionKey as DropdownKey;
  if (key === 'logout') {
-    resetAuthStorage();
-    window.location.reload();
+    dialog.info({
+      title: '提示',
+      content: '您确定要退出登录吗？',
+      positiveText: '确定',
+      negativeText: '取消',
+      onPositiveClick: () => {
+        resetAuthStorage();
+        window.location.reload();
+      }
+    });
  }
 }
 </script>
--- a/src/layouts/BasicLayout/components/GlobalSider/components/VerticalMixSider/index.vue
+++ b/src/layouts/BasicLayout/components/GlobalSider/components/VerticalMixSider/index.vue
@ -31,7 +31,7 @@
 </template>

 <script setup lang="ts">
-import { ref, computed } from 'vue';
+import { ref, computed, watch } from 'vue';
 import type { VNodeChild } from 'vue';
 import { NScrollbar } from 'naive-ui';
 import { useRoute } from 'vue-router';
@ -80,6 +80,13 @@ function handleMouseLeaveMenu() {
  activeParentRouteName.value = getActiveRouteName();
  hideDrawer();
 }
+
+watch(
+  () => route.name,
+  () => {
+    activeParentRouteName.value = getActiveRouteName();
+  }
+);
 </script>
 <style scoped>
 .mix-menu-width {
--- a/src/layouts/BasicLayout/components/SettingDrawer/components/NavMode/components/NavType.vue
+++ b/src/layouts/BasicLayout/components/SettingDrawer/components/NavMode/components/NavType.vue
@ -1,11 +1,11 @@
 <template>
  <div
-    class="border-2px rounded-6px cursor-pointer hover:g_border-primary"
-    :class="[checked ? 'g_border-primary' : 'border-transparent']"
+    class="nav-type border-2px rounded-6px cursor-pointer"
+    :class="[checked ? 'border-primary' : 'border-transparent']"
  >
    <n-tooltip :placement="activeConfig.placement" trigger="hover">
      <template #trigger>
-        <div class="nav-type relative w-56px h-48px bg-[#fff] rounded-4px overflow-hidden">
+        <div class="nav-type-main relative w-56px h-48px bg-[#fff] rounded-4px overflow-hidden">
          <div class="absolute-lt bg-[#273352]" :class="`${activeConfig.menuClass}`"></div>
          <div class="absolute-rb bg-[#f0f2f5]" :class="`${activeConfig.mainClass}`"></div>
        </div>
@ -31,6 +31,10 @@ const props = defineProps({
  checked: {
    type: Boolean,
    default: false
+  },
+  primaryColor: {
+    type: String,
+    default: '#409EFF'
  }
 });

@ -44,7 +48,13 @@ const config = new Map<NavMode, { placement: FollowerPlacement; menuClass: strin
 const activeConfig = computed(() => config.get(props.mode)!);
 </script>
 <style scoped>
-.nav-type {
+.border-primary {
+  border-color: v-bind(primaryColor);
+}
+.nav-type:hover {
+  border-color: v-bind(primaryColor);
+}
+.nav-type-main {
  box-shadow: 0 1px 2.5px rgba(0, 0, 0, 0.18);
 }
 </style>
--- a/src/layouts/BasicLayout/components/SettingDrawer/components/NavMode/index.vue
+++ b/src/layouts/BasicLayout/components/SettingDrawer/components/NavMode/index.vue
@ -6,6 +6,7 @@
      :key="item.mode"
      :mode="item.mode"
      :checked="theme.navStyle.mode === item.mode"
+      :primary-color="theme.themeColor"
      @click="setNavMode(item.mode)"
    />
  </n-space>
--- a/src/main.ts
+++ b/src/main.ts
@ -3,7 +3,7 @@ import App from './App.vue';
 import AppProvider from './AppProvider.vue';
 import { setupStore } from './store';
 import { setupRouter } from './router';
-import { setupWindicssDarkMode } from './plugins';
+import { setupWindicssDarkMode, setupMakeitCaptcha } from './plugins';
 import 'virtual:windi.css';
 import './styles/css/global.css';

@ -11,6 +11,9 @@ async function setupApp() {
  const appProvider = createApp(AppProvider);
  const app = createApp(App);

+  // 图片验证码插件
+  setupMakeitCaptcha(app);
+
  // 挂载全局状态
  setupStore(app);

--- a/src/plugins/index.ts
+++ b/src/plugins/index.ts
@ -1,3 +1,4 @@
 import setupWindicssDarkMode from './dark-mode';
+import setupMakeitCaptcha from './makeit-captcha';

-export { setupWindicssDarkMode };
+export { setupWindicssDarkMode, setupMakeitCaptcha };
--- a/src/plugins/makeit-captcha.ts
+++ b/src/plugins/makeit-captcha.ts
@ -0,0 +1,7 @@
+import type { App } from 'vue';
+import MakeitCaptcha from 'makeit-captcha';
+import 'makeit-captcha/dist/captcha.min.css';
+
+export default function setupMakeitCaptcha(app: App) {
+  app.use(MakeitCaptcha);
+}
--- a/src/store/modules/theme/index.ts
+++ b/src/store/modules/theme/index.ts
@ -40,18 +40,23 @@ const themeStore = defineStore({
          primaryColor,
          primaryColorHover,
          primaryColorPressed,
+          primaryColorSuppl: primaryColor,
          infoColor,
          infoColorHover,
          infoColorPressed,
+          infoColorSuppl: infoColor,
          successColor,
          successColorHover,
          successColorPressed,
+          successColorSuppl: infoColor,
          warningColor,
          warningColorHover,
          warningColorPressed,
+          warningColorSuppl: warningColor,
          errorColor,
          errorColorHover,
-          errorColorPressed
+          errorColorPressed,
+          errorColorSuppl: errorColor
        },
        LoadingBar: {
          colorLoading
--- a/src/typings/makeit-captcha.d.ts
+++ b/src/typings/makeit-captcha.d.ts
@ -0,0 +1,5 @@
+declare module 'makeit-captcha' {
+  import _default from 'makeit-captcha/es/src';
+
+  export default _default;
+}
--- a/src/views/system/login/components/PwdLogin/index.vue
+++ b/src/views/system/login/components/PwdLogin/index.vue
@ -7,6 +7,11 @@
      <n-form-item path="pwd">
        <n-input v-model:value="model.pwd" placeholder="密码" />
      </n-form-item>
+      <n-form-item path="isCaptcha">
+        <div class="w-full">
+          <mi-captcha :theme-color="theme.themeColor" :logo="logo" @success="handleCaptcha" />
+        </div>
+      </n-form-item>
      <n-space :vertical="true" size="large">
        <div class="flex-y-center justify-between">
          <n-checkbox v-model:checked="rememberMe">记住我</n-checkbox>
@ -31,12 +36,15 @@
 <script lang="ts" setup>
 import { reactive, ref } from 'vue';
 import { NForm, NFormItem, NInput, NSpace, NCheckbox, NButton, useNotification } from 'naive-ui';
-import type { FormInst } from 'naive-ui';
+import type { FormInst, FormRules } from 'naive-ui';
 import { EnumLoginModule } from '@/enum';
+import { useThemeStore } from '@/store';
 import { useRouterChange, useRouteQuery } from '@/hooks';
 import { setToken, toLoginRedirectUrl } from '@/utils';
 import { OtherLogin } from './components';
+import logo from '@/assets/img/common/logo.png';

+const theme = useThemeStore();
 const { toHome, toCurrentLogin } = useRouterChange();
 const { loginRedirectUrl } = useRouteQuery();
 const notification = useNotification();
@ -44,9 +52,10 @@ const notification = useNotification();
 const formRef = ref<(HTMLElement & FormInst) | null>(null);
 const model = reactive({
  phone: '15100000000',
-  pwd: '123456'
+  pwd: '123456',
+  isCaptcha: false
 });
-const rules = {
+const rules: FormRules = {
  phone: {
    required: true,
    trigger: ['blur', 'input'],
@ -56,10 +65,21 @@ const rules = {
    required: true,
    trigger: ['blur', 'input'],
    message: '请输入密码'
+  },
+  isCaptcha: {
+    required: true,
+    type: 'boolean',
+    trigger: 'change',
+    message: '请点击按钮进行验证码校验',
+    validator: (_, value) => value === true
  }
 };
 const rememberMe = ref(false);

+function handleCaptcha() {
+  model.isCaptcha = true;
+}
+
 function handleSubmit(e: MouseEvent) {
  if (!formRef.value) return;
  e.preventDefault();
@ -75,7 +95,8 @@ function handleSubmit(e: MouseEvent) {

      notification.success({
        title: '登录成功！',
-        content: '欢迎回来，Soybean!'
+        content: '欢迎回来，Soybean!',
+        duration: 5000
      });
    }
  });
--- a/windi.config.ts
+++ b/windi.config.ts
@ -2,7 +2,6 @@ import { defineConfig } from 'windicss/helpers';
 import themeSettings from './src/settings/theme.json';

 const {
-  themeColor,
  otherColor: { info, success, warning, error }
 } = themeSettings;

@ -35,7 +34,6 @@ export default defineConfig({
  theme: {
    extend: {
      colors: {
-        primary: themeColor,
        info,
        success,
        warning,