refactor(hooks): 状态管理模块拆分

2025-09-20 02:26:39 +08:00 · 2021-09-07 17:03:59 +08:00 · 2021-09-07 17:03:59 +08:00 · 1128ae1870
commit 1128ae1870
parent 8601ce2ea1
23 changed files with 346 additions and 361 deletions
--- a/package.json
+++ b/package.json
@ -18,12 +18,12 @@
    "*.{vue,js,jsx,ts,tsx}": "eslint --fix"
  },
  "dependencies": {
-    "@vueuse/core": "^6.1.0",
-    "axios": "^0.21.3",
+    "@vueuse/core": "^6.2.1",
+    "axios": "^0.21.4",
    "chroma-js": "^2.1.2",
    "dayjs": "^1.10.6",
    "form-data": "^4.0.0",
-    "naive-ui": "^2.16.7",
+    "naive-ui": "^2.18.0",
    "pinia": "^2.0.0-rc.4",
    "qs": "^6.10.1",
    "smoothscroll-polyfill": "^0.4.4",
@ -33,15 +33,15 @@
  "devDependencies": {
    "@commitlint/cli": "^13.1.0",
    "@commitlint/config-conventional": "^13.1.0",
-    "@iconify/json": "^1.1.397",
+    "@iconify/json": "^1.1.398",
    "@types/chroma-js": "^2.1.3",
    "@types/nprogress": "^0.2.0",
    "@types/qs": "^6.9.7",
    "@types/smoothscroll-polyfill": "^0.3.1",
-    "@typescript-eslint/eslint-plugin": "^4.30.0",
-    "@typescript-eslint/parser": "^4.30.0",
-    "@vitejs/plugin-vue": "^1.6.0",
-    "@vue/compiler-sfc": "^3.2.8",
+    "@typescript-eslint/eslint-plugin": "^4.31.0",
+    "@typescript-eslint/parser": "^4.31.0",
+    "@vitejs/plugin-vue": "^1.6.1",
+    "@vue/compiler-sfc": "^3.2.9",
    "@vue/eslint-config-prettier": "^6.0.0",
    "@vue/eslint-config-typescript": "^7.0.0",
    "commitizen": "^4.2.4",
@ -61,11 +61,11 @@
    "prettier": "^2.3.2",
    "sass": "^1.39.0",
    "typescript": "^4.4.2",
-    "unplugin-icons": "^0.7.5",
+    "unplugin-icons": "^0.7.6",
    "unplugin-vue-components": "^0.14.12",
    "vite": "^2.5.3",
    "vite-plugin-html": "^2.1.0",
-    "vite-plugin-windicss": "^1.3.0",
+    "vite-plugin-windicss": "^1.4.1",
    "vue-tsc": "^0.3.0",
    "windicss": "^3.1.7"
  },
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -3,19 +3,19 @@ lockfileVersion: 5.3
 specifiers:
  '@commitlint/cli': ^13.1.0
  '@commitlint/config-conventional': ^13.1.0
-  '@iconify/json': ^1.1.397
+  '@iconify/json': ^1.1.398
  '@types/chroma-js': ^2.1.3
  '@types/nprogress': ^0.2.0
  '@types/qs': ^6.9.7
  '@types/smoothscroll-polyfill': ^0.3.1
-  '@typescript-eslint/eslint-plugin': ^4.30.0
-  '@typescript-eslint/parser': ^4.30.0
-  '@vitejs/plugin-vue': ^1.6.0
-  '@vue/compiler-sfc': ^3.2.8
+  '@typescript-eslint/eslint-plugin': ^4.31.0
+  '@typescript-eslint/parser': ^4.31.0
+  '@vitejs/plugin-vue': ^1.6.1
+  '@vue/compiler-sfc': ^3.2.9
  '@vue/eslint-config-prettier': ^6.0.0
  '@vue/eslint-config-typescript': ^7.0.0
-  '@vueuse/core': ^6.1.0
-  axios: ^0.21.3
+  '@vueuse/core': ^6.2.1
+  axios: ^0.21.4
  chroma-js: ^2.1.2
  commitizen: ^4.2.4
  cz-conventional-changelog: ^3.3.0
@ -31,7 +31,7 @@ specifiers:
  form-data: ^4.0.0
  husky: ^7.0.2
  lint-staged: ^11.1.2
-  naive-ui: ^2.16.7
+  naive-ui: ^2.18.0
  patch-package: ^6.4.7
  pinia: ^2.0.0-rc.4
  postinstall-postinstall: ^2.1.0
@ -40,23 +40,23 @@ specifiers:
  sass: ^1.39.0
  smoothscroll-polyfill: ^0.4.4
  typescript: ^4.4.2
-  unplugin-icons: ^0.7.5
+  unplugin-icons: ^0.7.6
  unplugin-vue-components: ^0.14.12
  vite: ^2.5.3
  vite-plugin-html: ^2.1.0
-  vite-plugin-windicss: ^1.3.0
+  vite-plugin-windicss: ^1.4.1
  vue: ^3.2.4
  vue-router: ^4.0.11
  vue-tsc: ^0.3.0
  windicss: ^3.1.7

 dependencies:
-  '@vueuse/core': registry.nlark.com/@vueuse/core/6.1.0_vue@3.2.4
-  axios: registry.nlark.com/axios/0.21.3
+  '@vueuse/core': registry.nlark.com/@vueuse/core/6.2.1_vue@3.2.4
+  axios: registry.nlark.com/axios/0.21.4
  chroma-js: registry.nlark.com/chroma-js/2.1.2
  dayjs: registry.nlark.com/dayjs/1.10.6
  form-data: 4.0.0
-  naive-ui: registry.nlark.com/naive-ui/2.16.7_vue@3.2.4
+  naive-ui: registry.nlark.com/naive-ui/2.18.0_vue@3.2.4
  pinia: registry.nlark.com/pinia/2.0.0-rc.4_typescript@4.4.2+vue@3.2.4
  qs: 6.10.1
  smoothscroll-polyfill: registry.nlark.com/smoothscroll-polyfill/0.4.4
@ -66,17 +66,17 @@ dependencies:
 devDependencies:
  '@commitlint/cli': registry.nlark.com/@commitlint/cli/13.1.0
  '@commitlint/config-conventional': registry.nlark.com/@commitlint/config-conventional/13.1.0
-  '@iconify/json': registry.nlark.com/@iconify/json/1.1.397
+  '@iconify/json': registry.nlark.com/@iconify/json/1.1.398
  '@types/chroma-js': registry.nlark.com/@types/chroma-js/2.1.3
  '@types/nprogress': registry.nlark.com/@types/nprogress/0.2.0
  '@types/qs': registry.nlark.com/@types/qs/6.9.7
  '@types/smoothscroll-polyfill': registry.nlark.com/@types/smoothscroll-polyfill/0.3.1
-  '@typescript-eslint/eslint-plugin': registry.nlark.com/@typescript-eslint/eslint-plugin/4.30.0_8a8a2d3eaa9257455a03c16dce5f55b3
-  '@typescript-eslint/parser': registry.nlark.com/@typescript-eslint/parser/4.30.0_eslint@7.32.0+typescript@4.4.2
-  '@vitejs/plugin-vue': registry.nlark.com/@vitejs/plugin-vue/1.6.0_@vue+compiler-sfc@3.2.8
-  '@vue/compiler-sfc': registry.nlark.com/@vue/compiler-sfc/3.2.8
+  '@typescript-eslint/eslint-plugin': registry.nlark.com/@typescript-eslint/eslint-plugin/4.31.0_a690ff3776b01e92cf0b93501bb5ae6a
+  '@typescript-eslint/parser': registry.nlark.com/@typescript-eslint/parser/4.31.0_eslint@7.32.0+typescript@4.4.2
+  '@vitejs/plugin-vue': registry.nlark.com/@vitejs/plugin-vue/1.6.1_@vue+compiler-sfc@3.2.9
+  '@vue/compiler-sfc': registry.nlark.com/@vue/compiler-sfc/3.2.9
  '@vue/eslint-config-prettier': 6.0.0_2127539a99f1ff5da0f49b56a079f074
-  '@vue/eslint-config-typescript': 7.0.0_5323b138541b857d99ca1e2f590de75b
+  '@vue/eslint-config-typescript': 7.0.0_0643334a6dbf62beef45105491db6c15
  commitizen: registry.nlark.com/commitizen/4.2.4
  cz-conventional-changelog: registry.nlark.com/cz-conventional-changelog/3.3.0
  cz-customizable: registry.nlark.com/cz-customizable/6.3.0
@ -94,11 +94,11 @@ devDependencies:
  prettier: registry.nlark.com/prettier/2.3.2
  sass: registry.nlark.com/sass/1.39.0
  typescript: registry.nlark.com/typescript/4.4.2
-  unplugin-icons: registry.nlark.com/unplugin-icons/0.7.5_103db61e1a8551a3ebcd261c84e21751
+  unplugin-icons: registry.nlark.com/unplugin-icons/0.7.6_6bd8915f7028e28fbfbdf53cc833b028
  unplugin-vue-components: registry.nlark.com/unplugin-vue-components/0.14.12_vite@2.5.3+vue@3.2.4
  vite: registry.nlark.com/vite/2.5.3
  vite-plugin-html: registry.nlark.com/vite-plugin-html/2.1.0_vite@2.5.3
-  vite-plugin-windicss: registry.nlark.com/vite-plugin-windicss/1.3.0_typescript@4.4.2+vite@2.5.3
+  vite-plugin-windicss: registry.nlark.com/vite-plugin-windicss/1.4.1_typescript@4.4.2+vite@2.5.3
  vue-tsc: registry.nlark.com/vue-tsc/0.3.0_typescript@4.4.2
  windicss: registry.nlark.com/windicss/3.1.7

@ -121,7 +121,7 @@ packages:
      prettier: registry.nlark.com/prettier/2.3.2
    dev: true

-  /@vue/eslint-config-typescript/7.0.0_5323b138541b857d99ca1e2f590de75b:
+  /@vue/eslint-config-typescript/7.0.0_0643334a6dbf62beef45105491db6c15:
    resolution: {integrity: sha1-Igxwwu33olPnOSmFJfTUAbjvADg=, tarball: '@vue/eslint-config-typescript/download/@vue/eslint-config-typescript-7.0.0.tgz'}
    engines: {node: ^10.12.0 || >=12.0.0}
    peerDependencies:
@ -130,8 +130,8 @@ packages:
      eslint: ^5.0.0 || ^6.0.0 || ^7.0.0
      eslint-plugin-vue: ^5.2.3 || ^6.0.0 || ^7.0.0
    dependencies:
-      '@typescript-eslint/eslint-plugin': registry.nlark.com/@typescript-eslint/eslint-plugin/4.30.0_8a8a2d3eaa9257455a03c16dce5f55b3
-      '@typescript-eslint/parser': registry.nlark.com/@typescript-eslint/parser/4.30.0_eslint@7.32.0+typescript@4.4.2
+      '@typescript-eslint/eslint-plugin': registry.nlark.com/@typescript-eslint/eslint-plugin/4.31.0_a690ff3776b01e92cf0b93501bb5ae6a
+      '@typescript-eslint/parser': registry.nlark.com/@typescript-eslint/parser/4.31.0_eslint@7.32.0+typescript@4.4.2
      eslint: registry.nlark.com/eslint/7.32.0
      eslint-plugin-vue: registry.nlark.com/eslint-plugin-vue/7.17.0_eslint@7.32.0
      vue-eslint-parser: registry.nlark.com/vue-eslint-parser/7.10.0_eslint@7.32.0
@ -2348,19 +2348,19 @@ packages:
      chalk: registry.nlark.com/chalk/4.1.2
    dev: true

-  registry.nlark.com/@css-render/plugin-bem/0.15.5:
-    resolution: {integrity: sha1-kMzJYT8lSEp5WsP50AAY+LrbBVY=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@css-render/plugin-bem/download/@css-render/plugin-bem-0.15.5.tgz}
+  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'
-    version: 0.15.5
+    version: 0.15.6
    dependencies:
-      css-render: registry.nlark.com/css-render/0.15.5
+      css-render: registry.nlark.com/css-render/0.15.6
    dev: false

-  registry.nlark.com/@css-render/vue3-ssr/0.15.5_vue@3.2.4:
-    resolution: {integrity: sha1-hplNNZZ1KKpG44U9QLi90qlbL50=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@css-render/vue3-ssr/download/@css-render/vue3-ssr-0.15.5.tgz}
-    id: registry.nlark.com/@css-render/vue3-ssr/0.15.5
+  registry.nlark.com/@css-render/vue3-ssr/0.15.6_vue@3.2.4:
+    resolution: {integrity: sha1-TtwpS9p+bKIV9sfsniyDhWRQacM=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@css-render/vue3-ssr/download/@css-render/vue3-ssr-0.15.6.tgz}
+    id: registry.nlark.com/@css-render/vue3-ssr/0.15.6
    name: '@css-render/vue3-ssr'
-    version: 0.15.5
+    version: 0.15.6
    peerDependencies:
      vue: ^3.0.11
    dependencies:
@ -2439,10 +2439,10 @@ packages:
    version: 1.0.10
    dev: true

-  registry.nlark.com/@iconify/json/1.1.397:
-    resolution: {integrity: sha1-GfF1cegEhDTRQ77ctioW4thFp50=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@iconify/json/download/@iconify/json-1.1.397.tgz?cache=0&sync_timestamp=1630647662739&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40iconify%2Fjson%2Fdownload%2F%40iconify%2Fjson-1.1.397.tgz}
+  registry.nlark.com/@iconify/json/1.1.398:
+    resolution: {integrity: sha1-p3Um37NYu2dzHS9gnbVoq/8URYk=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@iconify/json/download/@iconify/json-1.1.398.tgz}
    name: '@iconify/json'
-    version: 1.1.397
+    version: 1.1.398
    dev: true

  registry.nlark.com/@jest/types/26.6.2:
@ -2565,19 +2565,19 @@ packages:
    dev: true

  registry.nlark.com/@types/node/14.14.45:
-    resolution: {integrity: sha1-7C37VWb/gU0GGu9+FBV1rtuiRc8=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@types/node/download/@types/node-14.14.45.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40types%2Fnode%2Fdownload%2F%40types%2Fnode-14.14.45.tgz}
+    resolution: {integrity: sha1-7C37VWb/gU0GGu9+FBV1rtuiRc8=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@types/node/download/@types/node-14.14.45.tgz}
    name: '@types/node'
    version: 14.14.45
    dev: false

  registry.nlark.com/@types/node/14.17.10:
-    resolution: {integrity: sha1-k/Swla8nWgQnEUV5wQ7HqmlnKdc=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@types/node/download/@types/node-14.17.10.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40types%2Fnode%2Fdownload%2F%40types%2Fnode-14.17.10.tgz}
+    resolution: {integrity: sha1-k/Swla8nWgQnEUV5wQ7HqmlnKdc=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@types/node/download/@types/node-14.17.10.tgz}
    name: '@types/node'
    version: 14.17.10
    dev: false

  registry.nlark.com/@types/node/16.6.2:
-    resolution: {integrity: sha1-Mxt7n4YhxjgoR4fFVZQjgi/f/FA=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@types/node/download/@types/node-16.6.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40types%2Fnode%2Fdownload%2F%40types%2Fnode-16.6.2.tgz}
+    resolution: {integrity: sha1-Mxt7n4YhxjgoR4fFVZQjgi/f/FA=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@types/node/download/@types/node-16.6.2.tgz}
    name: '@types/node'
    version: 16.6.2
    dev: false
@ -2632,47 +2632,43 @@ packages:
      '@types/yargs-parser': registry.nlark.com/@types/yargs-parser/20.2.1
    dev: false

-  registry.nlark.com/@typescript-eslint/eslint-plugin/4.30.0_8a8a2d3eaa9257455a03c16dce5f55b3:
-    resolution: {integrity: sha1-Sgwa6WuVP05nQ14gJI2BK/pV5Ps=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@typescript-eslint/eslint-plugin/download/@typescript-eslint/eslint-plugin-4.30.0.tgz}
-    id: registry.nlark.com/@typescript-eslint/eslint-plugin/4.30.0
+  registry.nlark.com/@typescript-eslint/eslint-plugin/4.31.0_a690ff3776b01e92cf0b93501bb5ae6a:
+    resolution: {integrity: sha1-nD+m9EuteJqWJCatlRtUaVvTr2s=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@typescript-eslint/eslint-plugin/download/@typescript-eslint/eslint-plugin-4.31.0.tgz}
+    id: registry.nlark.com/@typescript-eslint/eslint-plugin/4.31.0
    name: '@typescript-eslint/eslint-plugin'
-    version: 4.30.0
+    version: 4.31.0
    engines: {node: ^10.12.0 || >=12.0.0}
    peerDependencies:
      '@typescript-eslint/parser': ^4.0.0
      eslint: ^5.0.0 || ^6.0.0 || ^7.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
    dependencies:
-      '@typescript-eslint/experimental-utils': registry.nlark.com/@typescript-eslint/experimental-utils/4.30.0_eslint@7.32.0+typescript@4.4.2
-      '@typescript-eslint/parser': registry.nlark.com/@typescript-eslint/parser/4.30.0_eslint@7.32.0+typescript@4.4.2
-      '@typescript-eslint/scope-manager': registry.nlark.com/@typescript-eslint/scope-manager/4.30.0
+      '@typescript-eslint/experimental-utils': registry.nlark.com/@typescript-eslint/experimental-utils/4.31.0_eslint@7.32.0+typescript@4.4.2
+      '@typescript-eslint/parser': registry.nlark.com/@typescript-eslint/parser/4.31.0_eslint@7.32.0+typescript@4.4.2
+      '@typescript-eslint/scope-manager': registry.nlark.com/@typescript-eslint/scope-manager/4.31.0
      debug: registry.nlark.com/debug/4.3.2
      eslint: registry.nlark.com/eslint/7.32.0
      functional-red-black-tree: 1.0.1
      regexpp: registry.nlark.com/regexpp/3.2.0
-      semver: 7.3.5
+      semver: registry.nlark.com/semver/7.3.5
      tsutils: 3.21.0_typescript@4.4.2
-      typescript: registry.nlark.com/typescript/4.4.2
    transitivePeerDependencies:
      - supports-color
+      - typescript
    dev: true

-  registry.nlark.com/@typescript-eslint/experimental-utils/4.30.0_eslint@7.32.0+typescript@4.4.2:
-    resolution: {integrity: sha1-nklwT+9WhDKuFvwNZoXBPWfbD9U=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@typescript-eslint/experimental-utils/download/@typescript-eslint/experimental-utils-4.30.0.tgz}
-    id: registry.nlark.com/@typescript-eslint/experimental-utils/4.30.0
+  registry.nlark.com/@typescript-eslint/experimental-utils/4.31.0_eslint@7.32.0+typescript@4.4.2:
+    resolution: {integrity: sha1-DvHV2GwzT5g6APMQ5Dwc5MFOBU0=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@typescript-eslint/experimental-utils/download/@typescript-eslint/experimental-utils-4.31.0.tgz}
+    id: registry.nlark.com/@typescript-eslint/experimental-utils/4.31.0
    name: '@typescript-eslint/experimental-utils'
-    version: 4.30.0
+    version: 4.31.0
    engines: {node: ^10.12.0 || >=12.0.0}
    peerDependencies:
      eslint: '*'
    dependencies:
      '@types/json-schema': registry.nlark.com/@types/json-schema/7.0.9
-      '@typescript-eslint/scope-manager': registry.nlark.com/@typescript-eslint/scope-manager/4.30.0
-      '@typescript-eslint/types': registry.nlark.com/@typescript-eslint/types/4.30.0
-      '@typescript-eslint/typescript-estree': registry.nlark.com/@typescript-eslint/typescript-estree/4.30.0_typescript@4.4.2
+      '@typescript-eslint/scope-manager': registry.nlark.com/@typescript-eslint/scope-manager/4.31.0
+      '@typescript-eslint/types': registry.nlark.com/@typescript-eslint/types/4.31.0
+      '@typescript-eslint/typescript-estree': registry.nlark.com/@typescript-eslint/typescript-estree/4.31.0_typescript@4.4.2
      eslint: registry.nlark.com/eslint/7.32.0
      eslint-scope: registry.nlark.com/eslint-scope/5.1.1
      eslint-utils: registry.nlark.com/eslint-utils/3.0.0_eslint@7.32.0
@ -2681,90 +2677,81 @@ packages:
      - typescript
    dev: true

-  registry.nlark.com/@typescript-eslint/parser/4.30.0_eslint@7.32.0+typescript@4.4.2:
-    resolution: {integrity: sha1-ar1yD2a9eQ8+DoDDvncYDI/LGS0=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@typescript-eslint/parser/download/@typescript-eslint/parser-4.30.0.tgz}
-    id: registry.nlark.com/@typescript-eslint/parser/4.30.0
+  registry.nlark.com/@typescript-eslint/parser/4.31.0_eslint@7.32.0+typescript@4.4.2:
+    resolution: {integrity: sha1-h7fNFrJLkXDHdZXYsTY/gEcSHgU=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@typescript-eslint/parser/download/@typescript-eslint/parser-4.31.0.tgz}
+    id: registry.nlark.com/@typescript-eslint/parser/4.31.0
    name: '@typescript-eslint/parser'
-    version: 4.30.0
+    version: 4.31.0
    engines: {node: ^10.12.0 || >=12.0.0}
    peerDependencies:
      eslint: ^5.0.0 || ^6.0.0 || ^7.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
    dependencies:
-      '@typescript-eslint/scope-manager': registry.nlark.com/@typescript-eslint/scope-manager/4.30.0
-      '@typescript-eslint/types': registry.nlark.com/@typescript-eslint/types/4.30.0
-      '@typescript-eslint/typescript-estree': registry.nlark.com/@typescript-eslint/typescript-estree/4.30.0_typescript@4.4.2
+      '@typescript-eslint/scope-manager': registry.nlark.com/@typescript-eslint/scope-manager/4.31.0
+      '@typescript-eslint/types': registry.nlark.com/@typescript-eslint/types/4.31.0
+      '@typescript-eslint/typescript-estree': registry.nlark.com/@typescript-eslint/typescript-estree/4.31.0_typescript@4.4.2
      debug: registry.nlark.com/debug/4.3.2
      eslint: registry.nlark.com/eslint/7.32.0
-      typescript: registry.nlark.com/typescript/4.4.2
    transitivePeerDependencies:
      - supports-color
+      - typescript
    dev: true

-  registry.nlark.com/@typescript-eslint/scope-manager/4.30.0:
-    resolution: {integrity: sha1-Gj/7s4WxoGvoXNUWWiIyTwaahe4=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@typescript-eslint/scope-manager/download/@typescript-eslint/scope-manager-4.30.0.tgz}
+  registry.nlark.com/@typescript-eslint/scope-manager/4.31.0:
+    resolution: {integrity: sha1-m+M67U6ZAdt1OAO6Iztw15qH/D4=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@typescript-eslint/scope-manager/download/@typescript-eslint/scope-manager-4.31.0.tgz}
    name: '@typescript-eslint/scope-manager'
-    version: 4.30.0
+    version: 4.31.0
    engines: {node: ^8.10.0 || ^10.13.0 || >=11.10.1}
    dependencies:
-      '@typescript-eslint/types': registry.nlark.com/@typescript-eslint/types/4.30.0
-      '@typescript-eslint/visitor-keys': registry.nlark.com/@typescript-eslint/visitor-keys/4.30.0
+      '@typescript-eslint/types': registry.nlark.com/@typescript-eslint/types/4.31.0
+      '@typescript-eslint/visitor-keys': registry.nlark.com/@typescript-eslint/visitor-keys/4.31.0
    dev: true

-  registry.nlark.com/@typescript-eslint/types/4.30.0:
-    resolution: {integrity: sha1-+52bA1hCbxhof7qC6wsPhpeAIE8=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@typescript-eslint/types/download/@typescript-eslint/types-4.30.0.tgz}
+  registry.nlark.com/@typescript-eslint/types/4.31.0:
+    resolution: {integrity: sha1-mnyG/MFiAYlWfcTkbK1++gfujc4=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@typescript-eslint/types/download/@typescript-eslint/types-4.31.0.tgz}
    name: '@typescript-eslint/types'
-    version: 4.30.0
+    version: 4.31.0
    engines: {node: ^8.10.0 || ^10.13.0 || >=11.10.1}
    dev: true

-  registry.nlark.com/@typescript-eslint/typescript-estree/4.30.0_typescript@4.4.2:
-    resolution: {integrity: sha1-rleDPacqdT9IRs0wU3WMdxZwwqw=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@typescript-eslint/typescript-estree/download/@typescript-eslint/typescript-estree-4.30.0.tgz}
-    id: registry.nlark.com/@typescript-eslint/typescript-estree/4.30.0
+  registry.nlark.com/@typescript-eslint/typescript-estree/4.31.0_typescript@4.4.2:
+    resolution: {integrity: sha1-TaTLYnSn7zsh1T+ecUfMdvJ4oHg=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@typescript-eslint/typescript-estree/download/@typescript-eslint/typescript-estree-4.31.0.tgz}
+    id: registry.nlark.com/@typescript-eslint/typescript-estree/4.31.0
    name: '@typescript-eslint/typescript-estree'
-    version: 4.30.0
+    version: 4.31.0
    engines: {node: ^10.12.0 || >=12.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
    dependencies:
-      '@typescript-eslint/types': registry.nlark.com/@typescript-eslint/types/4.30.0
-      '@typescript-eslint/visitor-keys': registry.nlark.com/@typescript-eslint/visitor-keys/4.30.0
+      '@typescript-eslint/types': registry.nlark.com/@typescript-eslint/types/4.31.0
+      '@typescript-eslint/visitor-keys': registry.nlark.com/@typescript-eslint/visitor-keys/4.31.0
      debug: registry.nlark.com/debug/4.3.2
      globby: registry.nlark.com/globby/11.0.4
      is-glob: 4.0.1
-      semver: 7.3.5
+      semver: registry.nlark.com/semver/7.3.5
      tsutils: 3.21.0_typescript@4.4.2
-      typescript: registry.nlark.com/typescript/4.4.2
    transitivePeerDependencies:
      - supports-color
+      - typescript
    dev: true

-  registry.nlark.com/@typescript-eslint/visitor-keys/4.30.0:
-    resolution: {integrity: sha1-pHxicvxxsMYn0WkfaOrs9K1xRF4=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@typescript-eslint/visitor-keys/download/@typescript-eslint/visitor-keys-4.30.0.tgz}
+  registry.nlark.com/@typescript-eslint/visitor-keys/4.31.0:
+    resolution: {integrity: sha1-Toe3dhy04OYn3CBHAhqmk/x26is=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@typescript-eslint/visitor-keys/download/@typescript-eslint/visitor-keys-4.31.0.tgz}
    name: '@typescript-eslint/visitor-keys'
-    version: 4.30.0
+    version: 4.31.0
    engines: {node: ^8.10.0 || ^10.13.0 || >=11.10.1}
    dependencies:
-      '@typescript-eslint/types': registry.nlark.com/@typescript-eslint/types/4.30.0
+      '@typescript-eslint/types': registry.nlark.com/@typescript-eslint/types/4.31.0
      eslint-visitor-keys: registry.nlark.com/eslint-visitor-keys/2.1.0
    dev: true

-  registry.nlark.com/@vitejs/plugin-vue/1.6.0_@vue+compiler-sfc@3.2.8:
-    resolution: {integrity: sha1-5VWOIMIOkJjNW9ZbmQH9zSw1SYM=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@vitejs/plugin-vue/download/@vitejs/plugin-vue-1.6.0.tgz}
-    id: registry.nlark.com/@vitejs/plugin-vue/1.6.0
+  registry.nlark.com/@vitejs/plugin-vue/1.6.1_@vue+compiler-sfc@3.2.9:
+    resolution: {integrity: sha1-pAoGZhr2H9wb69+4EbKPUK0537M=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@vitejs/plugin-vue/download/@vitejs/plugin-vue-1.6.1.tgz}
+    id: registry.nlark.com/@vitejs/plugin-vue/1.6.1
    name: '@vitejs/plugin-vue'
-    version: 1.6.0
+    version: 1.6.1
    engines: {node: '>=12.0.0'}
    peerDependencies:
      '@vue/compiler-sfc': ^3.2.6
    dependencies:
-      '@vue/compiler-sfc': registry.nlark.com/@vue/compiler-sfc/3.2.8
+      '@vue/compiler-sfc': registry.nlark.com/@vue/compiler-sfc/3.2.9
    dev: true

  registry.nlark.com/@volar/code-gen/0.27.3:
@ -2837,14 +2824,14 @@ packages:
      estree-walker: 2.0.2
      source-map: 0.6.1

-  registry.nlark.com/@vue/compiler-core/3.2.8:
-    resolution: {integrity: sha1-E7I4a9sDRVyfbGry80aFYaWuWx0=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@vue/compiler-core/download/@vue/compiler-core-3.2.8.tgz}
+  registry.nlark.com/@vue/compiler-core/3.2.9:
+    resolution: {integrity: sha1-h00E0+TemPOmB2nbf6R+BBv8pJA=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@vue/compiler-core/download/@vue/compiler-core-3.2.9.tgz}
    name: '@vue/compiler-core'
-    version: 3.2.8
+    version: 3.2.9
    dependencies:
      '@babel/parser': registry.nlark.com/@babel/parser/7.15.3
      '@babel/types': registry.nlark.com/@babel/types/7.15.0
-      '@vue/shared': registry.nlark.com/@vue/shared/3.2.8
+      '@vue/shared': registry.nlark.com/@vue/shared/3.2.9
      estree-walker: 2.0.2
      source-map: 0.6.1
    dev: true
@ -2857,13 +2844,13 @@ packages:
      '@vue/compiler-core': registry.nlark.com/@vue/compiler-core/3.2.4
      '@vue/shared': registry.nlark.com/@vue/shared/3.2.4

-  registry.nlark.com/@vue/compiler-dom/3.2.8:
-    resolution: {integrity: sha1-abyeCJKKEilcMSmQZ/GNhzAZgak=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@vue/compiler-dom/download/@vue/compiler-dom-3.2.8.tgz}
+  registry.nlark.com/@vue/compiler-dom/3.2.9:
+    resolution: {integrity: sha1-5CsrwoU2YiShc49+1mSNQmDLu+8=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@vue/compiler-dom/download/@vue/compiler-dom-3.2.9.tgz}
    name: '@vue/compiler-dom'
-    version: 3.2.8
+    version: 3.2.9
    dependencies:
-      '@vue/compiler-core': registry.nlark.com/@vue/compiler-core/3.2.8
-      '@vue/shared': registry.nlark.com/@vue/shared/3.2.8
+      '@vue/compiler-core': registry.nlark.com/@vue/compiler-core/3.2.9
+      '@vue/shared': registry.nlark.com/@vue/shared/3.2.9
    dev: true

  registry.nlark.com/@vue/compiler-sfc/3.2.4:
@ -2890,19 +2877,19 @@ packages:
      source-map: 0.6.1
    dev: true

-  registry.nlark.com/@vue/compiler-sfc/3.2.8:
-    resolution: {integrity: sha1-I2mfadOLHDLsVPi0cPPmN1/8a24=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@vue/compiler-sfc/download/@vue/compiler-sfc-3.2.8.tgz}
+  registry.nlark.com/@vue/compiler-sfc/3.2.9:
+    resolution: {integrity: sha1-gsDK6ZYlpOW52ZjMnvXgwm3yqOk=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@vue/compiler-sfc/download/@vue/compiler-sfc-3.2.9.tgz}
    name: '@vue/compiler-sfc'
-    version: 3.2.8
+    version: 3.2.9
    dependencies:
      '@babel/parser': registry.nlark.com/@babel/parser/7.15.3
      '@babel/types': registry.nlark.com/@babel/types/7.15.0
      '@types/estree': registry.nlark.com/@types/estree/0.0.48
-      '@vue/compiler-core': registry.nlark.com/@vue/compiler-core/3.2.8
-      '@vue/compiler-dom': registry.nlark.com/@vue/compiler-dom/3.2.8
-      '@vue/compiler-ssr': registry.nlark.com/@vue/compiler-ssr/3.2.8
-      '@vue/ref-transform': registry.nlark.com/@vue/ref-transform/3.2.8
-      '@vue/shared': registry.nlark.com/@vue/shared/3.2.8
+      '@vue/compiler-core': registry.nlark.com/@vue/compiler-core/3.2.9
+      '@vue/compiler-dom': registry.nlark.com/@vue/compiler-dom/3.2.9
+      '@vue/compiler-ssr': registry.nlark.com/@vue/compiler-ssr/3.2.9
+      '@vue/ref-transform': registry.nlark.com/@vue/ref-transform/3.2.9
+      '@vue/shared': registry.nlark.com/@vue/shared/3.2.9
      consolidate: 0.16.0
      estree-walker: 2.0.2
      hash-sum: 2.0.0
@ -2924,13 +2911,13 @@ packages:
      '@vue/shared': registry.nlark.com/@vue/shared/3.2.4
    dev: true

-  registry.nlark.com/@vue/compiler-ssr/3.2.8:
-    resolution: {integrity: sha1-mXM1MvRNdxRM4eO4U/L6CLo5Tno=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@vue/compiler-ssr/download/@vue/compiler-ssr-3.2.8.tgz}
+  registry.nlark.com/@vue/compiler-ssr/3.2.9:
+    resolution: {integrity: sha1-BnqeXuOBxlYdcmY8ShzkKv4zub0=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@vue/compiler-ssr/download/@vue/compiler-ssr-3.2.9.tgz}
    name: '@vue/compiler-ssr'
-    version: 3.2.8
+    version: 3.2.9
    dependencies:
-      '@vue/compiler-dom': registry.nlark.com/@vue/compiler-dom/3.2.8
-      '@vue/shared': registry.nlark.com/@vue/shared/3.2.8
+      '@vue/compiler-dom': registry.nlark.com/@vue/compiler-dom/3.2.9
+      '@vue/shared': registry.nlark.com/@vue/shared/3.2.9
    dev: true

  registry.nlark.com/@vue/devtools-api/6.0.0-beta.15:
@ -2946,14 +2933,14 @@ packages:
    dependencies:
      '@vue/shared': registry.nlark.com/@vue/shared/3.2.4

-  registry.nlark.com/@vue/ref-transform/3.2.8:
-    resolution: {integrity: sha1-pScEe6tDzlDvPUAM5xMSqzD4Jdw=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@vue/ref-transform/download/@vue/ref-transform-3.2.8.tgz}
+  registry.nlark.com/@vue/ref-transform/3.2.9:
+    resolution: {integrity: sha1-I6+eKVWm+u9/Rrs2dJQYGtQtGUg=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@vue/ref-transform/download/@vue/ref-transform-3.2.9.tgz}
    name: '@vue/ref-transform'
-    version: 3.2.8
+    version: 3.2.9
    dependencies:
      '@babel/parser': registry.nlark.com/@babel/parser/7.15.3
-      '@vue/compiler-core': registry.nlark.com/@vue/compiler-core/3.2.8
-      '@vue/shared': registry.nlark.com/@vue/shared/3.2.8
+      '@vue/compiler-core': registry.nlark.com/@vue/compiler-core/3.2.9
+      '@vue/shared': registry.nlark.com/@vue/shared/3.2.9
      estree-walker: 2.0.2
      magic-string: 0.25.7
    dev: true
@ -2982,54 +2969,44 @@ packages:
    name: '@vue/shared'
    version: 3.2.4

-  registry.nlark.com/@vue/shared/3.2.8:
-    resolution: {integrity: sha1-L5GOMwrrP1arEDHKYKWzBnJRJFc=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@vue/shared/download/@vue/shared-3.2.8.tgz}
+  registry.nlark.com/@vue/shared/3.2.9:
+    resolution: {integrity: sha1-RORNvYKBmZfxkvt9vbkK9XFdv1I=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@vue/shared/download/@vue/shared-3.2.9.tgz?cache=0&sync_timestamp=1630897223483&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40vue%2Fshared%2Fdownload%2F%40vue%2Fshared-3.2.9.tgz}
    name: '@vue/shared'
-    version: 3.2.8
+    version: 3.2.9
    dev: true

-  registry.nlark.com/@vueuse/core/6.1.0_vue@3.2.4:
-    resolution: {integrity: sha1-gTfCkc9JsRwt7aTVB5CW5Vs2/Cg=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@vueuse/core/download/@vueuse/core-6.1.0.tgz}
-    id: registry.nlark.com/@vueuse/core/6.1.0
+  registry.nlark.com/@vueuse/core/6.2.1_vue@3.2.4:
+    resolution: {integrity: sha1-u6SHJ+nnBjfDkkARyVv5NGFjONA=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@vueuse/core/download/@vueuse/core-6.2.1.tgz}
+    id: registry.nlark.com/@vueuse/core/6.2.1
    name: '@vueuse/core'
-    version: 6.1.0
+    version: 6.2.1
    peerDependencies:
      '@vue/composition-api': ^1.1.0
      vue: ^2.6.0 || ^3.2.0
-    peerDependenciesMeta:
-      '@vue/composition-api':
-        optional: true
-      vue:
-        optional: true
    dependencies:
-      '@vueuse/shared': registry.nlark.com/@vueuse/shared/6.1.0_vue@3.2.4
+      '@vueuse/shared': registry.nlark.com/@vueuse/shared/6.2.1_vue@3.2.4
      vue: registry.nlark.com/vue/3.2.4
-      vue-demi: registry.nlark.com/vue-demi/0.11.3_vue@3.2.4
+      vue-demi: registry.nlark.com/vue-demi/0.11.4_vue@3.2.4
    dev: false

-  registry.nlark.com/@vueuse/shared/6.1.0_vue@3.2.4:
-    resolution: {integrity: sha1-E3X9Qazv5S+aGELzxqijSHhlNbo=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@vueuse/shared/download/@vueuse/shared-6.1.0.tgz}
-    id: registry.nlark.com/@vueuse/shared/6.1.0
+  registry.nlark.com/@vueuse/shared/6.2.1_vue@3.2.4:
+    resolution: {integrity: sha1-SyCzh23kTD6FkISbRjUA377TeQg=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@vueuse/shared/download/@vueuse/shared-6.2.1.tgz}
+    id: registry.nlark.com/@vueuse/shared/6.2.1
    name: '@vueuse/shared'
-    version: 6.1.0
+    version: 6.2.1
    peerDependencies:
      '@vue/composition-api': ^1.1.0
      vue: ^2.6.0 || ^3.2.0
-    peerDependenciesMeta:
-      '@vue/composition-api':
-        optional: true
-      vue:
-        optional: true
    dependencies:
      vue: registry.nlark.com/vue/3.2.4
-      vue-demi: registry.nlark.com/vue-demi/0.11.3_vue@3.2.4
+      vue-demi: registry.nlark.com/vue-demi/0.11.4_vue@3.2.4
    dev: false

-  registry.nlark.com/@windicss/config/1.3.0_typescript@4.4.2:
-    resolution: {integrity: sha1-l1Lp70Q9t9CKIsPfdks8tKZV61g=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@windicss/config/download/@windicss/config-1.3.0.tgz}
-    id: registry.nlark.com/@windicss/config/1.3.0
+  registry.nlark.com/@windicss/config/1.4.1_typescript@4.4.2:
+    resolution: {integrity: sha1-xyHN0XS351MP8gkg4y5Ubn1/A1Q=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@windicss/config/download/@windicss/config-1.4.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40windicss%2Fconfig%2Fdownload%2F%40windicss%2Fconfig-1.4.1.tgz}
+    id: registry.nlark.com/@windicss/config/1.4.1
    name: '@windicss/config'
-    version: 1.3.0
+    version: 1.4.1
    dependencies:
      debug: registry.nlark.com/debug/4.3.2
      jiti: registry.nlark.com/jiti/1.11.0
@ -3041,14 +3018,14 @@ packages:
      - typescript
    dev: true

-  registry.nlark.com/@windicss/plugin-utils/1.3.0_typescript@4.4.2:
-    resolution: {integrity: sha1-Fl6iA2E9AwgjTt0YRI9NqH7E7h0=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@windicss/plugin-utils/download/@windicss/plugin-utils-1.3.0.tgz}
-    id: registry.nlark.com/@windicss/plugin-utils/1.3.0
+  registry.nlark.com/@windicss/plugin-utils/1.4.1_typescript@4.4.2:
+    resolution: {integrity: sha1-PaRh8GhSk+5aq3UjfimrbkDg208=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/@windicss/plugin-utils/download/@windicss/plugin-utils-1.4.1.tgz?cache=0&sync_timestamp=1630899363001&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40windicss%2Fplugin-utils%2Fdownload%2F%40windicss%2Fplugin-utils-1.4.1.tgz}
+    id: registry.nlark.com/@windicss/plugin-utils/1.4.1
    name: '@windicss/plugin-utils'
-    version: 1.3.0
+    version: 1.4.1
    dependencies:
      '@antfu/utils': registry.nlark.com/@antfu/utils/0.2.4
-      '@windicss/config': registry.nlark.com/@windicss/config/1.3.0_typescript@4.4.2
+      '@windicss/config': registry.nlark.com/@windicss/config/1.4.1_typescript@4.4.2
      debug: registry.nlark.com/debug/4.3.2
      fast-glob: registry.nlark.com/fast-glob/3.2.7
      magic-string: 0.25.7
@ -3149,10 +3126,10 @@ packages:
    version: 0.4.0
    dev: false

-  registry.nlark.com/axios/0.21.3:
-    resolution: {integrity: sha1-+F2bdH+bZtWcpGNgXO3xhEhyuC4=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/axios/download/axios-0.21.3.tgz}
+  registry.nlark.com/axios/0.21.4:
+    resolution: {integrity: sha1-xnuQ3AVo5cHPKwuFjEO6KOLtpXU=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/axios/download/axios-0.21.4.tgz?cache=0&sync_timestamp=1630942656836&other_urls=https%3A%2F%2Fregistry.nlark.com%2Faxios%2Fdownload%2Faxios-0.21.4.tgz}
    name: axios
-    version: 0.21.3
+    version: 0.21.4
    dependencies:
      follow-redirects: registry.nlark.com/follow-redirects/1.14.2
    dev: false
@ -3317,7 +3294,7 @@ packages:
    dev: true

  registry.nlark.com/commander/4.1.1:
-    resolution: {integrity: sha1-n9YCvZNilOnp70aj9NaWQESxgGg=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/commander/download/commander-4.1.1.tgz?cache=0&sync_timestamp=1627363990355&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fcommander%2Fdownload%2Fcommander-4.1.1.tgz}
+    resolution: {integrity: sha1-n9YCvZNilOnp70aj9NaWQESxgGg=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/commander/download/commander-4.1.1.tgz}
    name: commander
    version: 4.1.1
    engines: {node: '>= 6'}
@ -3380,10 +3357,10 @@ packages:
      cross-spawn: 7.0.3
    dev: false

-  registry.nlark.com/css-render/0.15.5:
-    resolution: {integrity: sha1-5MA7cDB/McqQEzrQR0GeaRIb8JY=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/css-render/download/css-render-0.15.5.tgz}
+  registry.nlark.com/css-render/0.15.6:
+    resolution: {integrity: sha1-k7d4/8OBIPjNThNZQfDXbuTBt4M=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/css-render/download/css-render-0.15.6.tgz}
    name: css-render
-    version: 0.15.5
+    version: 0.15.6
    dependencies:
      '@emotion/hash': registry.nlark.com/@emotion/hash/0.8.0
      '@types/node': registry.nlark.com/@types/node/14.14.45
@ -4058,7 +4035,7 @@ packages:
    dev: true

  registry.nlark.com/globby/11.0.4:
-    resolution: {integrity: sha1-LLr/d8Lypi5x6bKBOme5ejowAaU=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/globby/download/globby-11.0.4.tgz}
+    resolution: {integrity: sha1-LLr/d8Lypi5x6bKBOme5ejowAaU=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/globby/download/globby-11.0.4.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fglobby%2Fdownload%2Fglobby-11.0.4.tgz}
    name: globby
    version: 11.0.4
    engines: {node: '>=10'}
@ -4532,32 +4509,32 @@ packages:
    version: 2.1.3
    dev: true

-  registry.nlark.com/naive-ui/2.16.7_vue@3.2.4:
-    resolution: {integrity: sha1-xvjmvJYLw8Jw5ySqtUHb5+Jf2Bk=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/naive-ui/download/naive-ui-2.16.7.tgz}
-    id: registry.nlark.com/naive-ui/2.16.7
+  registry.nlark.com/naive-ui/2.18.0_vue@3.2.4:
+    resolution: {integrity: sha1-CA76MngaA4aXpQkdvV/bZ/RZ4a4=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/naive-ui/download/naive-ui-2.18.0.tgz}
+    id: registry.nlark.com/naive-ui/2.18.0
    name: naive-ui
-    version: 2.16.7
+    version: 2.18.0
    peerDependencies:
      vue: ^3.0.0
    dependencies:
-      '@css-render/plugin-bem': registry.nlark.com/@css-render/plugin-bem/0.15.5
-      '@css-render/vue3-ssr': registry.nlark.com/@css-render/vue3-ssr/0.15.5_vue@3.2.4
+      '@css-render/plugin-bem': registry.nlark.com/@css-render/plugin-bem/0.15.6
+      '@css-render/vue3-ssr': registry.nlark.com/@css-render/vue3-ssr/0.15.6_vue@3.2.4
      '@types/lodash': registry.nlark.com/@types/lodash/4.14.172
      '@types/lodash-es': registry.nlark.com/@types/lodash-es/4.17.4
      async-validator: registry.nlark.com/async-validator/4.0.2
-      css-render: registry.nlark.com/css-render/0.15.5
+      css-render: registry.nlark.com/css-render/0.15.6
      date-fns: registry.nlark.com/date-fns/2.23.0
      evtd: registry.nlark.com/evtd/0.2.2
      highlight.js: registry.nlark.com/highlight.js/11.2.0
      lodash: 4.17.21
      lodash-es: 4.17.21
      seemly: registry.nlark.com/seemly/0.3.1
-      treemate: registry.nlark.com/treemate/0.3.1
+      treemate: registry.nlark.com/treemate/0.3.5
      vdirs: registry.nlark.com/vdirs/0.1.4_vue@3.2.4
      vfonts: registry.nlark.com/vfonts/0.1.0
      vooks: registry.nlark.com/vooks/0.2.8_vue@3.2.4
      vue: registry.nlark.com/vue/3.2.4
-      vueuc: registry.nlark.com/vueuc/0.4.10_40aa6ddc39895f444e6b44d47c0da1ac
+      vueuc: registry.nlark.com/vueuc/0.4.10_29f62294fb558f6c8939ff452b233208
    dev: false

  registry.nlark.com/nanoid/3.1.25:
@ -4773,9 +4750,6 @@ packages:
    engines: {node: '>= 10'}
    peerDependencies:
      ts-node: '>=9.0.0'
-    peerDependenciesMeta:
-      ts-node:
-        optional: true
    dependencies:
      import-cwd: 3.0.0
      lilconfig: registry.nlark.com/lilconfig/2.0.3
@ -4991,6 +4965,16 @@ packages:
      '@types/jest': registry.nlark.com/@types/jest/26.0.24
    dev: false

+  registry.nlark.com/semver/7.3.5:
+    resolution: {integrity: sha1-C2Ich5NI2JmOSw5L6Us/EuYBjvc=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/semver/download/semver-7.3.5.tgz}
+    name: semver
+    version: 7.3.5
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      lru-cache: 6.0.0
+    dev: true
+
  registry.nlark.com/shebang-regex/1.0.0:
    resolution: {integrity: sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/shebang-regex/download/shebang-regex-1.0.0.tgz}
    name: shebang-regex
@ -5149,10 +5133,10 @@ packages:
    version: 1.0.0
    dev: true

-  registry.nlark.com/treemate/0.3.1:
-    resolution: {integrity: sha1-+CRU7lWZ96pMbDMqLUhSGMeq3vA=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/treemate/download/treemate-0.3.1.tgz}
+  registry.nlark.com/treemate/0.3.5:
+    resolution: {integrity: sha1-b87O3Fh7iYFN4jaGwQwQ1oewGZ8=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/treemate/download/treemate-0.3.5.tgz}
    name: treemate
-    version: 0.3.1
+    version: 0.3.5
    dev: false

  registry.nlark.com/trim-newlines/3.0.1:
@ -5199,9 +5183,6 @@ packages:
    hasBin: true
    peerDependencies:
      typescript: ^4.2.3
-    peerDependenciesMeta:
-      typescript:
-        optional: true
    dependencies:
      cac: registry.nlark.com/cac/6.7.3
      chalk: registry.nlark.com/chalk/4.1.2
@ -5274,30 +5255,21 @@ packages:
    hasBin: true
    dev: true

-  registry.nlark.com/unplugin-icons/0.7.5_103db61e1a8551a3ebcd261c84e21751:
-    resolution: {integrity: sha1-S8gFXU+WprOiE2j/CcxDINuZnf0=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/unplugin-icons/download/unplugin-icons-0.7.5.tgz}
-    id: registry.nlark.com/unplugin-icons/0.7.5
+  registry.nlark.com/unplugin-icons/0.7.6_6bd8915f7028e28fbfbdf53cc833b028:
+    resolution: {integrity: sha1-CLYc+b2imJyKfcbU6oBStluwkKA=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/unplugin-icons/download/unplugin-icons-0.7.6.tgz}
+    id: registry.nlark.com/unplugin-icons/0.7.6
    name: unplugin-icons
-    version: 0.7.5
+    version: 0.7.6
    peerDependencies:
      '@iconify/json': '*'
      '@svgr/core': ^5.5.0
      '@vue/compiler-sfc': ^3.0.2
      vue-template-compiler: ^2.6.12
      vue-template-es2015-compiler: ^1.9.0
-    peerDependenciesMeta:
-      '@svgr/core':
-        optional: true
-      '@vue/compiler-sfc':
-        optional: true
-      vue-template-compiler:
-        optional: true
-      vue-template-es2015-compiler:
-        optional: true
    dependencies:
-      '@iconify/json': registry.nlark.com/@iconify/json/1.1.397
+      '@iconify/json': registry.nlark.com/@iconify/json/1.1.398
      '@iconify/json-tools': registry.nlark.com/@iconify/json-tools/1.0.10
-      '@vue/compiler-sfc': registry.nlark.com/@vue/compiler-sfc/3.2.8
+      '@vue/compiler-sfc': registry.nlark.com/@vue/compiler-sfc/3.2.9
      has-pkg: registry.nlark.com/has-pkg/0.0.1
      unplugin: registry.nlark.com/unplugin/0.2.7_vite@2.5.3
    transitivePeerDependencies:
@ -5339,13 +5311,6 @@ packages:
      rollup: ^2.50.0
      vite: ^2.3.0
      webpack: ^4.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-      vite:
-        optional: true
-      webpack:
-        optional: true
    dependencies:
      upath: 2.0.1
      vite: registry.nlark.com/vite/2.5.3
@ -5388,15 +5353,15 @@ packages:
      vite: registry.nlark.com/vite/2.5.3
    dev: true

-  registry.nlark.com/vite-plugin-windicss/1.3.0_typescript@4.4.2+vite@2.5.3:
-    resolution: {integrity: sha1-7pAUEM4BD6b7B3ARXsPP2HNyq0w=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/vite-plugin-windicss/download/vite-plugin-windicss-1.3.0.tgz}
-    id: registry.nlark.com/vite-plugin-windicss/1.3.0
+  registry.nlark.com/vite-plugin-windicss/1.4.1_typescript@4.4.2+vite@2.5.3:
+    resolution: {integrity: sha1-olNrcLrQJLmMYBXytpmbIjum50g=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/vite-plugin-windicss/download/vite-plugin-windicss-1.4.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fvite-plugin-windicss%2Fdownload%2Fvite-plugin-windicss-1.4.1.tgz}
+    id: registry.nlark.com/vite-plugin-windicss/1.4.1
    name: vite-plugin-windicss
-    version: 1.3.0
+    version: 1.4.1
    peerDependencies:
      vite: ^2.0.1
    dependencies:
-      '@windicss/plugin-utils': registry.nlark.com/@windicss/plugin-utils/1.3.0_typescript@4.4.2
+      '@windicss/plugin-utils': registry.nlark.com/@windicss/plugin-utils/1.4.1_typescript@4.4.2
      chalk: registry.nlark.com/chalk/4.1.2
      debug: registry.nlark.com/debug/4.3.2
      vite: registry.nlark.com/vite/2.5.3
@ -5581,24 +5546,6 @@ packages:
      vscode-typescript-languageservice: registry.nlark.com/vscode-typescript-languageservice/0.27.3
    dev: true

-  registry.nlark.com/vue-demi/0.11.3_vue@3.2.4:
-    resolution: {integrity: sha1-3XSVuStJXs+jVnW/AksTWKet0VA=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/vue-demi/download/vue-demi-0.11.3.tgz}
-    id: registry.nlark.com/vue-demi/0.11.3
-    name: vue-demi
-    version: 0.11.3
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
-    peerDependencies:
-      '@vue/composition-api': ^1.0.0-rc.1
-      vue: ^3.0.0-0 || ^2.6.0
-    peerDependenciesMeta:
-      '@vue/composition-api':
-        optional: true
-    dependencies:
-      vue: registry.nlark.com/vue/3.2.4
-    dev: false
-
  registry.nlark.com/vue-demi/0.11.4_vue@3.2.4:
    resolution: {integrity: sha1-YQGZL+RyTPVjQBihbpU/MFLpTio=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/vue-demi/download/vue-demi-0.11.4.tgz}
    id: registry.nlark.com/vue-demi/0.11.4
@ -5670,7 +5617,7 @@ packages:
      '@vue/shared': registry.nlark.com/@vue/shared/3.2.4
    dev: false

-  registry.nlark.com/vueuc/0.4.10_40aa6ddc39895f444e6b44d47c0da1ac:
+  registry.nlark.com/vueuc/0.4.10_29f62294fb558f6c8939ff452b233208:
    resolution: {integrity: sha1-ria6dqCvFU+KE57zcYE1osat9nY=, registry: https://registry.npm.taobao.org/, tarball: https://registry.nlark.com/vueuc/download/vueuc-0.4.10.tgz}
    id: registry.nlark.com/vueuc/0.4.10
    name: vueuc
@ -5679,8 +5626,8 @@ packages:
      '@css-render/vue3-ssr': ^0.15.3
      vue: ^3.0.11
    dependencies:
-      '@css-render/vue3-ssr': registry.nlark.com/@css-render/vue3-ssr/0.15.5_vue@3.2.4
-      css-render: registry.nlark.com/css-render/0.15.5
+      '@css-render/vue3-ssr': registry.nlark.com/@css-render/vue3-ssr/0.15.6_vue@3.2.4
+      css-render: registry.nlark.com/css-render/0.15.6
      evtd: registry.nlark.com/evtd/0.2.2
      resize-observer-polyfill: 1.5.1
      seemly: registry.nlark.com/seemly/0.3.1
--- a/src/AppProvider.vue
+++ b/src/AppProvider.vue
@ -1,5 +1,5 @@
 <template>
-  <n-config-provider :locale="zhCN" :date-locale="dateZhCN" :theme="theme" :theme-overrides="app.themeOverrids">
+  <n-config-provider :locale="zhCN" :date-locale="dateZhCN" :theme="dark" :theme-overrides="theme.themeOverrids">
    <n-loading-bar-provider>
      <n-dialog-provider>
        <n-notification-provider>
@ -26,9 +26,9 @@ import {
  NMessageProvider
 } from 'naive-ui';
 import { AppProviderContent } from '@/components';
-import { useAppStore } from '@/store';
+import { useThemeStore } from '@/store';

-const app = useAppStore();
-const theme = computed(() => (app.themeSettings.darkMode ? darkTheme : undefined));
+const theme = useThemeStore();
+const dark = computed(() => (theme.darkMode ? darkTheme : undefined));
 </script>
 <style scoped></style>
--- a/src/components/common/AppProviderContent/index.vue
+++ b/src/components/common/AppProviderContent/index.vue
@ -5,13 +5,14 @@
 <script lang="ts" setup>
 import { useLoadingBar, useDialog, useMessage, useNotification } from 'naive-ui';

-function registerNaiveTool() {
+// 挂载naive组件的方法至window, 以便在路由钩子函数和请求函数里面调用
+function registerNaiveUiTools() {
  window.$loadingBar = useLoadingBar();
  window.$dialog = useDialog();
  window.$message = useMessage();
  window.$notification = useNotification();
 }

-registerNaiveTool();
+registerNaiveUiTools();
 </script>
 <style scoped></style>
--- a/src/components/common/index.ts
+++ b/src/components/common/index.ts
@ -1,4 +1,3 @@
 import AppProviderContent from './AppProviderContent/index.vue';
-import ColorBlock from './ColorBlock/index.vue';

-export { AppProviderContent, ColorBlock };
+export { AppProviderContent };
--- a/src/components/index.ts
+++ b/src/components/index.ts
@ -1 +1 @@
-export { AppProviderContent, ColorBlock } from './common';
+export { AppProviderContent } from './common';
--- a/src/interface/index.ts
+++ b/src/interface/index.ts
@ -1,2 +1,2 @@
 export { UserInfo } from './business';
-export { ThemeSettings, NavMode } from './app';
+export { ThemeSettings, NavMode } from './theme';
--- a/src/interface/theme.ts
+++ b/src/interface/theme.ts
@ -35,6 +35,7 @@ interface OtherColor {
 }

 export type NavMode = keyof typeof EnumNavMode;
+
 type NavTheme = keyof typeof EnumNavTheme;

 interface NavStyle {
@ -56,8 +57,6 @@ interface HeaderStyle {
 }

 interface MenuStyle {
-  /** 折叠菜单 */
-  collapsed: boolean;
  /** 菜单宽度 */
  width: number;
  /** 菜单折叠时的宽度 */
--- a/src/layouts/BasicLayout/components/GlobalLogo/index.vue
+++ b/src/layouts/BasicLayout/components/GlobalLogo/index.vue
@ -10,7 +10,7 @@ import { computed } from 'vue';
 import { useAppStore } from '@/store';

 const app = useAppStore();
-const showTitle = computed(() => !app.themeSettings.menuStyle.collapsed);
+const showTitle = computed(() => !app.menu.collapsed);
 const title = import.meta.env.VITE_APP_TITLE as string;
 </script>
 <style scoped></style>
--- a/src/layouts/BasicLayout/components/SettingDrawer/components/DarkMode/index.vue
+++ b/src/layouts/BasicLayout/components/SettingDrawer/components/DarkMode/index.vue
@ -1,7 +1,7 @@
 <template>
  <n-divider title-placement="center">深色主题</n-divider>
  <div class="flex-center">
-    <n-switch :value="app.themeSettings.darkMode" @update:value="handleDarkMode">
+    <n-switch :value="theme.darkMode" @update:value="handleDarkMode">
      <template #checked>
        <icon-mdi-white-balance-sunny class="text-14px text-primary" />
      </template>
@ -14,10 +14,10 @@

 <script lang="ts" setup>
 import { NDivider, NSwitch } from 'naive-ui';
-import { useAppStore } from '@/store';
+import { useThemeStore } from '@/store';

-const app = useAppStore();
-const { handleDarkMode } = useAppStore();
+const theme = useThemeStore();
+const { handleDarkMode } = useThemeStore();
 </script>
 <style scoped>
 :deep(.n-switch__rail) {
--- a/src/layouts/BasicLayout/components/SettingDrawer/components/NavMode/index.vue
+++ b/src/layouts/BasicLayout/components/SettingDrawer/components/NavMode/index.vue
@ -5,7 +5,7 @@
      v-for="item in modeList"
      :key="item.mode"
      :mode="item.mode"
-      :checked="app.themeSettings.navStyle.mode === item.mode"
+      :checked="theme.navStyle.mode === item.mode"
      @click="setNavMode(item.mode)"
    />
  </n-space>
@ -16,15 +16,15 @@ import { NDivider, NSpace } from 'naive-ui';
 import { EnumNavMode } from '@/enum';
 import type { NavMode } from '@/interface';
 import { NavType } from './components';
-import { useAppStore } from '@/store';
+import { useThemeStore } from '@/store';

 interface ModeList {
  mode: NavMode;
  label: string;
 }

-const app = useAppStore();
-const { setNavMode } = useAppStore();
+const theme = useThemeStore();
+const { setNavMode } = useThemeStore();

 const modeList: ModeList[] = [
  { mode: 'vertical', label: EnumNavMode.vertical },
--- a/src/layouts/BasicLayout/components/SettingDrawer/components/PageFunc/index.vue
+++ b/src/layouts/BasicLayout/components/SettingDrawer/components/PageFunc/index.vue
@ -3,20 +3,20 @@
  <n-space vertical size="large">
    <div class="flex-y-center justify-between">
      <span>分割菜单</span>
-      <n-switch :value="app.themeSettings.menuStyle.splitMenu" @update:value="handleSplitMenu" />
+      <n-switch :value="theme.menuStyle.splitMenu" @update:value="handleSplitMenu" />
    </div>
    <div class="flex-y-center justify-between">
      <span>固定头部</span>
-      <n-switch :value="app.themeSettings.headerStyle.fixed" @update:value="handleFixedHeader" />
+      <n-switch :value="theme.headerStyle.fixed" @update:value="handleFixedHeader" />
    </div>
  </n-space>
 </template>

 <script lang="ts" setup>
 import { NDivider, NSpace, NSwitch } from 'naive-ui';
-import { useAppStore } from '@/store';
+import { useThemeStore } from '@/store';

-const app = useAppStore();
-const { handleSplitMenu, handleFixedHeader } = useAppStore();
+const theme = useThemeStore();
+const { handleSplitMenu, handleFixedHeader } = useThemeStore();
 </script>
 <style scoped></style>
--- a/src/layouts/BasicLayout/components/SettingDrawer/components/SystemTheme/index.vue
+++ b/src/layouts/BasicLayout/components/SettingDrawer/components/SystemTheme/index.vue
@ -1,18 +1,18 @@
 <template>
  <n-divider title-placement="center">系统主题</n-divider>
  <n-grid :cols="8">
-    <n-grid-item v-for="color in app.themeSettings.themeColorList" :key="color">
-      <color-block :color="color" :checked="color === app.themeSettings.themeColor" @click="setThemeColor(color)" />
+    <n-grid-item v-for="color in theme.themeColorList" :key="color">
+      <color-block :color="color" :checked="color === theme.themeColor" @click="setThemeColor(color)" />
    </n-grid-item>
  </n-grid>
 </template>

 <script lang="ts" setup>
 import { NDivider, NGrid, NGridItem } from 'naive-ui';
-import { useAppStore } from '@/store';
-import { ColorBlock } from '@/components';
+import { useThemeStore } from '@/store';
+import { ColorBlock } from '../common';

-const app = useAppStore();
-const { setThemeColor } = useAppStore();
+const theme = useThemeStore();
+const { setThemeColor } = useThemeStore();
 </script>
 <style scoped></style>
--- a/src/layouts/BasicLayout/components/SettingDrawer/components/common/ColorBlock.vue
+++ b/src/layouts/BasicLayout/components/SettingDrawer/components/common/ColorBlock.vue
--- a/src/layouts/BasicLayout/components/SettingDrawer/components/common/index.ts
+++ b/src/layouts/BasicLayout/components/SettingDrawer/components/common/index.ts
@ -0,0 +1,3 @@
+import ColorBlock from './ColorBlock.vue';
+
+export { ColorBlock };
--- a/src/layouts/BasicLayout/index.vue
+++ b/src/layouts/BasicLayout/index.vue
@ -5,8 +5,8 @@
      :native-scrollbar="false"
      :inverted="inverted"
      collapse-mode="width"
-      :collapsed="app.themeSettings.menuStyle.collapsed"
-      :collapsed-width="app.themeSettings.menuStyle.collapsedWidth"
+      :collapsed="app.menu.collapsed"
+      :collapsed-width="theme.menuStyle.collapsedWidth"
      :width="menuWidth"
      @collapse="handleMenuCollapse(true)"
      @expand="handleMenuCollapse(false)"
@ -30,27 +30,27 @@
 <script lang="ts" setup>
 import { computed } from 'vue';
 import { NLayout, NLayoutSider, NLayoutHeader, NLayoutContent, NLayoutFooter } from 'naive-ui';
-import { useAppStore } from '@/store';
+import { useThemeStore, useAppStore } from '@/store';
 import { GlobalHeader, GlobalLogo, GlobalMenu, SettingDrawer } from './components';

+const theme = useThemeStore();
 const app = useAppStore();
 const { handleMenuCollapse } = useAppStore();

-const position = computed(() => (app.themeSettings.headerStyle.fixed ? 'absolute' : 'static'));
+const position = computed(() => (theme.headerStyle.fixed ? 'absolute' : 'static'));
 const menuWidth = computed(() => {
-  const { collapsed, collapsedWidth, width } = app.themeSettings.menuStyle;
+  const { collapsed } = app.menu;
+  const { collapsedWidth, width } = theme.menuStyle;
  return collapsed ? collapsedWidth : width;
 });
 const inverted = computed(() => {
-  const { theme } = app.themeSettings.navStyle;
-  return theme !== 'light';
+  return theme.navStyle.theme !== 'light';
 });
 const headerInverted = computed(() => {
-  const { theme } = app.themeSettings.navStyle;
-  return theme !== 'dark' ? inverted.value : !inverted.value;
+  return theme.navStyle.theme !== 'dark' ? inverted.value : !inverted.value;
 });
 const headerHeight = computed(() => {
-  const { height } = app.themeSettings.headerStyle;
+  const { height } = theme.headerStyle;
  return `${height}px`;
 });
 </script>
--- a/src/main.ts
+++ b/src/main.ts
@ -25,6 +25,7 @@ async function setupApp() {

  app.mount('#app', true);

+  // 配置windicss暗黑主题
  setupWindicssDarkMode();
 }

--- a/src/plugins/dark-mode.ts
+++ b/src/plugins/dark-mode.ts
@ -1,8 +1,8 @@
 import { watch } from 'vue';
-import { useAppStore } from '@/store';
+import { useThemeStore } from '@/store';

 export default function setupWindicssDarkMode() {
-  const app = useAppStore();
+  const theme = useThemeStore();

  const DARK_CLASS = 'dark';

@ -19,7 +19,7 @@ export default function setupWindicssDarkMode() {
  }

  watch(
-    () => app.themeSettings.darkMode,
+    () => theme.darkMode,
    newValue => {
      if (newValue) {
        addDarkClass();
--- a/src/store/index.ts
+++ b/src/store/index.ts
@ -7,4 +7,4 @@ export function setupStore(app: App) {
  app.use(store);
 }

-export { useAppStore, useAuthStore } from './modules';
+export { useThemeStore, useAppStore, useAuthStore } from './modules';
--- a/src/store/modules/app/index.ts
+++ b/src/store/modules/app/index.ts
@ -1,77 +1,42 @@
 import { defineStore } from 'pinia';
-import type { GlobalThemeOverrides } from 'naive-ui';
-import { themeSettings } from '@/settings';
 import { store } from '@/store';
-import type { ThemeSettings, NavMode } from '@/interface';
-import { getHoverAndPressedColor } from './helpers';

+/** app状态 */
 interface AppState {
-  /** 主题配置 */
-  themeSettings: ThemeSettings;
-  /** 主题配置抽屉 */
+  menu: MenuState;
  settingDrawer: SettingDrawer;
 }

+/** 菜单状态 */
+interface MenuState {
+  /** 菜单折叠 */
+  collapsed: boolean;
+}
+
+/** 设置抽屉的状态 */
 interface SettingDrawer {
+  /** 设置抽屉可见性 */
  visible: boolean;
 }

 const appStore = defineStore({
  id: 'app-store',
  state: (): AppState => ({
-    themeSettings,
+    menu: {
+      collapsed: false
+    },
    settingDrawer: {
      visible: false
    }
  }),
-  getters: {
-    /** naive UI主题配置 */
-    themeOverrids(): GlobalThemeOverrides {
-      const {
-        themeColor: primaryColor,
-        otherColor: { info: infoColor, success: successColor, warning: warningColor, error: errorColor }
-      } = this.themeSettings;
-
-      const { hover: primaryColorHover, pressed: primaryColorPressed } = getHoverAndPressedColor(primaryColor);
-      const { hover: infoColorHover, pressed: infoColorPressed } = getHoverAndPressedColor(infoColor);
-      const { hover: successColorHover, pressed: successColorPressed } = getHoverAndPressedColor(successColor);
-      const { hover: warningColorHover, pressed: warningColorPressed } = getHoverAndPressedColor(warningColor);
-      const { hover: errorColorHover, pressed: errorColorPressed } = getHoverAndPressedColor(errorColor);
-
-      const colorLoading = primaryColor;
-
-      return {
-        common: {
-          primaryColor,
-          primaryColorHover,
-          primaryColorPressed,
-          infoColor,
-          infoColorHover,
-          infoColorPressed,
-          successColor,
-          successColorHover,
-          successColorPressed,
-          warningColor,
-          warningColorHover,
-          warningColorPressed,
-          errorColor,
-          errorColorHover,
-          errorColorPressed
-        },
-        LoadingBar: {
-          colorLoading
-        }
-      };
-    }
-  },
  actions: {
    /** 折叠/展开菜单 */
    handleMenuCollapse(collapsed: boolean) {
-      this.themeSettings.menuStyle.collapsed = collapsed;
+      this.menu.collapsed = collapsed;
    },
    /** 切换折叠/展开菜单 */
    toggleMenu() {
-      this.themeSettings.menuStyle.collapsed = !this.themeSettings.menuStyle.collapsed;
+      this.menu.collapsed = !this.menu.collapsed;
    },
    /** 打开配置抽屉 */
    openSettingDrawer() {
@ -80,26 +45,6 @@ const appStore = defineStore({
    /** 关闭配置抽屉 */
    closeSettingDrawer() {
      this.settingDrawer.visible = false;
-    },
-    /** 设置暗黑模式 */
-    handleDarkMode(isDark: boolean) {
-      this.themeSettings.darkMode = isDark;
-    },
-    /** 设置系统主题颜色 */
-    setThemeColor(color: string) {
-      this.themeSettings.themeColor = color;
-    },
-    /** 设置导航栏模式 */
-    setNavMode(mode: NavMode) {
-      this.themeSettings.navStyle.mode = mode;
-    },
-    /** 折叠菜单 */
-    handleSplitMenu(isSplit: boolean) {
-      this.themeSettings.menuStyle.splitMenu = isSplit;
-    },
-    /** 固定头部 */
-    handleFixedHeader(isFixed: boolean) {
-      this.themeSettings.headerStyle.fixed = isFixed;
    }
  }
 });
--- a/src/store/modules/index.ts
+++ b/src/store/modules/index.ts
@ -1,4 +1,5 @@
+import useThemeStore from './theme';
 import useAppStore from './app';
 import useAuthStore from './auth';

-export { useAppStore, useAuthStore };
+export { useThemeStore, useAppStore, useAuthStore };
--- a/src/store/modules/theme/helpers.ts
+++ b/src/store/modules/theme/helpers.ts
@ -0,0 +1,8 @@
+import { brightenColor, darkenColor } from '@/utils';
+
+export function getHoverAndPressedColor(color: string) {
+  return {
+    hover: brightenColor(color),
+    pressed: darkenColor(color)
+  };
+}
--- a/src/store/modules/theme/index.ts
+++ b/src/store/modules/theme/index.ts
@ -0,0 +1,81 @@
+import { defineStore } from 'pinia';
+import type { GlobalThemeOverrides } from 'naive-ui';
+import { themeSettings } from '@/settings';
+import { store } from '@/store';
+import type { ThemeSettings, NavMode } from '@/interface';
+import { getHoverAndPressedColor } from './helpers';
+
+type ThemeState = ThemeSettings;
+
+const themeStore = defineStore({
+  id: 'theme-store',
+  state: (): ThemeState => ({
+    ...themeSettings
+  }),
+  getters: {
+    /** naive UI主题配置 */
+    themeOverrids(): GlobalThemeOverrides {
+      const {
+        themeColor: primaryColor,
+        otherColor: { info: infoColor, success: successColor, warning: warningColor, error: errorColor }
+      } = this;
+
+      const { hover: primaryColorHover, pressed: primaryColorPressed } = getHoverAndPressedColor(primaryColor);
+      const { hover: infoColorHover, pressed: infoColorPressed } = getHoverAndPressedColor(infoColor);
+      const { hover: successColorHover, pressed: successColorPressed } = getHoverAndPressedColor(successColor);
+      const { hover: warningColorHover, pressed: warningColorPressed } = getHoverAndPressedColor(warningColor);
+      const { hover: errorColorHover, pressed: errorColorPressed } = getHoverAndPressedColor(errorColor);
+
+      const colorLoading = primaryColor;
+
+      return {
+        common: {
+          primaryColor,
+          primaryColorHover,
+          primaryColorPressed,
+          infoColor,
+          infoColorHover,
+          infoColorPressed,
+          successColor,
+          successColorHover,
+          successColorPressed,
+          warningColor,
+          warningColorHover,
+          warningColorPressed,
+          errorColor,
+          errorColorHover,
+          errorColorPressed
+        },
+        LoadingBar: {
+          colorLoading
+        }
+      };
+    }
+  },
+  actions: {
+    /** 设置暗黑模式 */
+    handleDarkMode(isDark: boolean) {
+      this.darkMode = isDark;
+    },
+    /** 设置系统主题颜色 */
+    setThemeColor(color: string) {
+      this.themeColor = color;
+    },
+    /** 设置导航栏模式 */
+    setNavMode(mode: NavMode) {
+      this.navStyle.mode = mode;
+    },
+    /** 折叠菜单 */
+    handleSplitMenu(isSplit: boolean) {
+      this.menuStyle.splitMenu = isSplit;
+    },
+    /** 固定头部 */
+    handleFixedHeader(isFixed: boolean) {
+      this.headerStyle.fixed = isFixed;
+    }
+  }
+});
+
+export default function useThemeStore() {
+  return themeStore(store);
+}