diff --git a/package.json b/package.json
index 97b9aabb..b94709f8 100644
--- 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"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 531105f0..aa5c4c09 100644
--- 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
diff --git a/src/AppProvider.vue b/src/AppProvider.vue
index d81ccc44..6de39e09 100644
--- 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>
diff --git a/src/components/common/AppProviderContent/index.vue b/src/components/common/AppProviderContent/index.vue
index 80799b22..e4adf246 100644
--- 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>
diff --git a/src/components/common/index.ts b/src/components/common/index.ts
index 0c063025..ff66d87d 100644
--- 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 };
diff --git a/src/components/index.ts b/src/components/index.ts
index 91394a0e..f149c5aa 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -1 +1 @@
-export { AppProviderContent, ColorBlock } from './common';
+export { AppProviderContent } from './common';
diff --git a/src/interface/index.ts b/src/interface/index.ts
index b05beba3..35991447 100644
--- 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';
diff --git a/src/interface/app.ts b/src/interface/theme.ts
similarity index 97%
rename from src/interface/app.ts
rename to src/interface/theme.ts
index 5c80d565..1ab38fc6 100644
--- a/src/interface/app.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;
   /** 菜单折叠时的宽度 */
diff --git a/src/layouts/BasicLayout/components/GlobalLogo/index.vue b/src/layouts/BasicLayout/components/GlobalLogo/index.vue
index 157b6c60..83777abf 100644
--- 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>
diff --git a/src/layouts/BasicLayout/components/SettingDrawer/components/DarkMode/index.vue b/src/layouts/BasicLayout/components/SettingDrawer/components/DarkMode/index.vue
index 9c4f14ff..cf91a1f6 100644
--- 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) {
diff --git a/src/layouts/BasicLayout/components/SettingDrawer/components/NavMode/index.vue b/src/layouts/BasicLayout/components/SettingDrawer/components/NavMode/index.vue
index 360801be..d40f5f2e 100644
--- 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 },
diff --git a/src/layouts/BasicLayout/components/SettingDrawer/components/PageFunc/index.vue b/src/layouts/BasicLayout/components/SettingDrawer/components/PageFunc/index.vue
index 1fcd6664..ed54df37 100644
--- 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>
diff --git a/src/layouts/BasicLayout/components/SettingDrawer/components/SystemTheme/index.vue b/src/layouts/BasicLayout/components/SettingDrawer/components/SystemTheme/index.vue
index 5bd663bb..627872b0 100644
--- 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>
diff --git a/src/components/common/ColorBlock/index.vue b/src/layouts/BasicLayout/components/SettingDrawer/components/common/ColorBlock.vue
similarity index 100%
rename from src/components/common/ColorBlock/index.vue
rename to src/layouts/BasicLayout/components/SettingDrawer/components/common/ColorBlock.vue
diff --git a/src/layouts/BasicLayout/components/SettingDrawer/components/common/index.ts b/src/layouts/BasicLayout/components/SettingDrawer/components/common/index.ts
new file mode 100644
index 00000000..e521812b
--- /dev/null
+++ b/src/layouts/BasicLayout/components/SettingDrawer/components/common/index.ts
@@ -0,0 +1,3 @@
+import ColorBlock from './ColorBlock.vue';
+
+export { ColorBlock };
diff --git a/src/layouts/BasicLayout/index.vue b/src/layouts/BasicLayout/index.vue
index 18a5d15a..57f695c4 100644
--- 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>
diff --git a/src/main.ts b/src/main.ts
index 23e10a9e..e1504219 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -25,6 +25,7 @@ async function setupApp() {
 
   app.mount('#app', true);
 
+  // 配置windicss暗黑主题
   setupWindicssDarkMode();
 }
 
diff --git a/src/plugins/dark-mode.ts b/src/plugins/dark-mode.ts
index 983034f9..caab9f83 100644
--- 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();
diff --git a/src/store/index.ts b/src/store/index.ts
index 24c9e289..388472ee 100644
--- 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';
diff --git a/src/store/modules/app/index.ts b/src/store/modules/app/index.ts
index ca618ab4..8e61b604 100644
--- 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;
     }
   }
 });
diff --git a/src/store/modules/index.ts b/src/store/modules/index.ts
index 26a34ef1..450ad363 100644
--- 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 };
diff --git a/src/store/modules/theme/helpers.ts b/src/store/modules/theme/helpers.ts
new file mode 100644
index 00000000..20c57821
--- /dev/null
+++ 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)
+  };
+}
diff --git a/src/store/modules/theme/index.ts b/src/store/modules/theme/index.ts
new file mode 100644
index 00000000..c87e939a
--- /dev/null
+++ 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);
+}