chore: release v0.10.1

docs(projects): update README.md
chore(projects): add switch for pageRoute plugin [添加自动生成路由的插件的开关]
2025-10-11 20:33:41 +08:00 · 2023-05-31 02:19:56 +08:00 · 2023-05-31 02:18:19 +08:00 · 2023-05-31 01:52:57 +08:00 · 2023-05-30 17:47:56 +00:00 · 2023-05-31 01:47:13 +08:00
375 changed files with 15392 additions and 7661 deletions
--- a/.cz-config.js
+++ b/.cz-config.js
@@ -1,45 +0,0 @@
-module.exports = {
-  types: [
-    { value: 'feat', name: 'feat:     新增功能' },
-    { value: 'fix', name: 'fix:      修复bug' },
-    { value: 'docs', name: 'docs:     文档变更' },
-    { value: 'style', name: 'style:    代码格式（不影响功能，例如空格、分号等格式修正）' },
-    { value: 'refactor', name: 'refactor: 代码重构（不包括 bug 修复、功能新增）' },
-    { value: 'perf', name: 'perf:     性能优化' },
-    { value: 'test', name: 'test:     添加、修改测试用例' },
-    { value: 'build', name: 'build:    构建流程、外部依赖变更（如升级 npm 包、修改 脚手架 配置等）' },
-    { value: 'ci', name: 'ci:       修改 CI 配置、脚本' },
-    { value: 'chore', name: 'chore:    对构建过程或辅助工具和库的更改（不影响源文件、测试用例）' },
-    { value: 'revert', name: 'revert:   回滚 commit' }
-  ],
-  scopes: [
-		['projects', '项目搭建'],
-    ['components', '组件相关'],
-    ['hooks', 'hook 相关'],
-    ['utils', 'utils 相关'],
-    ['types', 'ts类型相关'],
-    ['styles', '样式相关'],
-    ['deps', '项目依赖'],
-    ['auth', '对 auth 修改'],
-    ['other', '其他修改'],
-    ['custom', '以上都不是？我要自定义']
-  ].map(([value, description]) => {
-    return {
-      value,
-      name: `${value.padEnd(30)} (${description})`
-    }
-  }),
-  messages: {
-    type: '确保本次提交遵循 Angular 规范！\n选择你要提交的类型：',
-    scope: '\n选择一个 scope（可选）：',
-    customScope: '请输入自定义的 scope：',
-    subject: '填写简短精炼的变更描述：\n',
-    body: '填写更加详细的变更描述（可选）。使用 "|" 换行：\n',
-    breaking: '列举非兼容性重大的变更（可选）：\n',
-    footer: '列举出所有变更的 ISSUES CLOSED（可选）。 例如: #31, #34：\n',
-    confirmCommit: '确认提交？'
-  },
-  allowBreakingChanges: ['feat', 'fix'],
-  subjectLimit: 100,
-  breaklineChar: '|'
-}
--- a/.env
+++ b/.env
@@ -7,7 +7,14 @@ VITE_APP_TITLE=Soybean管理系统
 VITE_APP_DESC=SoybeanAdmin是一个中后台管理系统模版

 # 权限路由模式: static ｜ dynamic
-VITE_AUTH_ROUTE_MODE=dynamic
+VITE_AUTH_ROUTE_MODE=static

 # 路由首页(根路由重定向), 用于static模式的权限路由，dynamic模式取决于后端返回的路由首页
 VITE_ROUTE_HOME_PATH=/dashboard/analysis
+
+# iconify图标作为组件的前缀
+VITE_ICON_PREFFIX=icon
+
+# 本地SVG图标作为组件的前缀, 请注意一定要包含 VITE_ICON_PREFFIX
+# 格式 {VITE_ICON_PREFFIX}-{本地图标集合名称}
+VITE_ICON_LOCAL_PREFFIX=icon-local
--- a/.env-config.ts
+++ b/.env-config.ts
@@ -1,30 +1,30 @@
-/** 请求环境配置 */
-type ServiceEnv = Record<EnvType, EnvConfig>;
+/** 请求服务的环境配置 */
+type ServiceEnv = Record<ServiceEnvType, ServiceEnvConfig>;

-/** 环境配置 */
-const serviceEnvConfig: ServiceEnv = {
+/** 不同请求服务的环境配置 */
+const serviceEnv: ServiceEnv = {
  dev: {
-    url: 'http://localhost:8080',
-    proxy: '/api'
+    url: 'http://localhost:8080'
  },
  test: {
-    url: 'http://localhost:8080',
-    proxy: '/api'
+    url: 'http://localhost:8080'
  },
  prod: {
-    url: 'http://localhost:8080',
-    proxy: '/api'
+    url: 'http://localhost:8080'
  }
 };

 /**
- * 获取环境配置
- * @param env 环境描述
+ * 获取当前环境模式下的请求服务的配置
+ * @param env 环境
 */
-export function getEnvConfig(env: ImportMetaEnv) {
-  const { VITE_ENV_TYPE = 'dev' } = env;
+export function getServiceEnvConfig(env: ImportMetaEnv): ServiceEnvConfigWithProxyPattern {
+  const { VITE_SERVICE_ENV = 'dev' } = env;

-  const envConfig = serviceEnvConfig[VITE_ENV_TYPE];
+  const config = serviceEnv[VITE_SERVICE_ENV];

-  return envConfig;
+  return {
+    ...config,
+    proxyPattern: '/proxy-pattern'
+  };
 }
--- a/.env.development
+++ b/.env.development
@@ -1 +1,2 @@
-VITE_HTTP_PROXY=true
+VITE_HTTP_PROXY=Y
+VITE_SOYBEAN_ROUTE_PLUGIN=Y
--- a/.env.production
+++ b/.env.production
@@ -1,6 +1,10 @@
-VITE_VISUALIZER=false
+VITE_VISUALIZER=N

-VITE_COMPRESS=false
+VITE_COMPRESS=N

 # gzip | brotliCompress | deflate | deflateRaw
 VITE_COMPRESS_TYPE=gzip
+
+VITE_PWA=N
+
+VITE_PROD_MOCK=Y
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,16 +1,4 @@
-*.sh
-node_modules
-lib
-*.md
-*.woff
-*.ttf
-.vscode
-.idea
-/dist/
-/public
-/docs
-.vscode
-.local
-package.json
 !.env-config.ts
 components.d.ts
+router-page.d.ts
+*.svg
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,72 +1,23 @@
 module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-    'vue/setup-compiler-macros': true
-  },
-  globals: {
-    PROJECT_BUILD_TIME: 'readonly',
-    AMap: 'readonly',
-    BMap: 'readonly',
-    TMap: 'readonly'
-  },
-  parser: 'vue-eslint-parser',
-  parserOptions: {
-    ecmaVersion: 12,
-    parser: '@typescript-eslint/parser',
-    sourceType: 'module'
-  },
-  plugins: ['vue', '@typescript-eslint'],
-  extends: [
-    'airbnb-base',
-    'eslint:recommended',
-    'plugin:vue/vue3-recommended',
-    'plugin:prettier/recommended',
-    '@vue/eslint-config-typescript/recommended',
-    '@vue/eslint-config-prettier',
-    '@vue/typescript/recommended'
-  ],
+  extends: ['soybeanjs/vue'],
  overrides: [
    {
-      files: ['*.vue'],
+      files: ['./scripts/*.ts'],
      rules: {
-        'no-undef': 'off'
+        'no-unused-expressions': 'off'
      }
    },
    {
-      files: ['*.html'],
+      files: ['*.vue'],
      rules: {
-        'vue/comment-directive': 'off'
+        'no-undef': 'off' // use tsc to check the ts code of the vue
      }
    }
  ],
  settings: {
-    'import/resolver': {
-      alias: {
-        map: [
-          ['~', '.'],
-          ['@', './src']
-        ],
-        extensions: ['.js', '.jsx', '.mjs', '.ts', '.tsx', '.d.ts']
-      },
-      node: {
-        extensions: ['.js', '.jsx', '.mjs', '.ts', '.tsx', '.d.ts']
-      }
-    }
+    'import/core-modules': ['uno.css', '~icons/*', 'virtual:svg-icons-register']
  },
  rules: {
-    'import/extensions': [
-      'warn',
-      'ignorePackages',
-      {
-        js: 'never',
-        jsx: 'never',
-        mjs: 'never',
-        ts: 'never',
-        tsx: 'never'
-      }
-    ],
-    'import/no-extraneous-dependencies': ['error', { devDependencies: true, peerDependencies: true }],
    'import/order': [
      'error',
      {
@@ -83,11 +34,6 @@ module.exports = {
            group: 'external',
            position: 'before'
          },
-          {
-            pattern: 'vuex',
-            group: 'external',
-            position: 'before'
-          },
          {
            pattern: 'pinia',
            group: 'external',
@@ -98,6 +44,11 @@ module.exports = {
            group: 'external',
            position: 'before'
          },
+          {
+            pattern: '@/constants',
+            group: 'internal',
+            position: 'before'
+          },
          {
            pattern: '@/config',
            group: 'internal',
@@ -108,11 +59,6 @@ module.exports = {
            group: 'internal',
            position: 'before'
          },
-          {
-            pattern: '@/enum',
-            group: 'internal',
-            position: 'before'
-          },
          {
            pattern: '@/plugins',
            group: 'internal',
@@ -138,11 +84,21 @@ module.exports = {
            group: 'internal',
            position: 'before'
          },
+          {
+            pattern: '@/service',
+            group: 'internal',
+            position: 'before'
+          },
          {
            pattern: '@/store',
            group: 'internal',
            position: 'before'
          },
+          {
+            pattern: '@/context',
+            group: 'internal',
+            position: 'before'
+          },
          {
            pattern: '@/composables',
            group: 'internal',
@@ -153,11 +109,6 @@ module.exports = {
            group: 'internal',
            position: 'before'
          },
-          {
-            pattern: '@/service',
-            group: 'internal',
-            position: 'before'
-          },
          {
            pattern: '@/utils',
            group: 'internal',
@@ -172,45 +123,10 @@ module.exports = {
            pattern: '@/**',
            group: 'internal',
            position: 'before'
-          },
-          {
-            pattern: '@/interface',
-            group: 'internal',
-            position: 'before'
          }
        ],
-        pathGroupsExcludedImportTypes: ['vue', 'vue-router', 'vuex', 'pinia', 'naive-ui']
+        pathGroupsExcludedImportTypes: ['vue', 'vue-router', 'pinia', 'naive-ui']
      }
-    ],
-    'import/no-unresolved': ['error', { ignore: ['uno.css', '~icons/*'] }],
-    'import/prefer-default-export': 'off',
-    'max-classes-per-file': 'off',
-    'no-param-reassign': [
-      'error',
-      {
-        props: true,
-        ignorePropertyModificationsFor: ['state', 'acc', 'e']
-      }
-    ],
-    'no-shadow': 'off',
-    'no-unused-vars': 'off',
-    'no-use-before-define': 'off',
-    'vue/multi-word-component-names': [
-      'error',
-      {
-        ignores: ['index']
-      }
-    ],
-    '@typescript-eslint/no-empty-interface': [
-      'error',
-      {
-        allowSingleExtends: true
-      }
-    ],
-    '@typescript-eslint/no-explicit-any': 'off',
-    '@typescript-eslint/no-non-null-assertion': 'off',
-    '@typescript-eslint/no-shadow': 'error',
-    '@typescript-eslint/no-unused-vars': ['warn', { ignoreRestSiblings: true, varsIgnorePattern: '^_' }],
-    '@typescript-eslint/no-use-before-define': ['error', { classes: true, functions: false, typedefs: false }]
+    ]
  }
 };
--- a/.gitattributes
+++ b/.gitattributes
@@ -0,0 +1,17 @@
+"*.vue"    eol=lf
+"*.js"     eol=lf
+"*.ts"     eol=lf
+"*.jsx"    eol=lf
+"*.tsx"    eol=lf
+"*.cjs"    eol=lf
+"*.cts"    eol=lf
+"*.mjs"    eol=lf
+"*.mts"    eol=lf
+"*.json"   eol=lf
+"*.html"   eol=lf
+"*.css"    eol=lf
+"*.less"   eol=lf
+"*.scss"   eol=lf
+"*.sass"   eol=lf
+"*.styl"   eol=lf
+"*.md"   eol=lf
--- a/.github/ISSUE_TEMPLATE/bug-report.yaml
+++ b/.github/ISSUE_TEMPLATE/bug-report.yaml
@@ -0,0 +1,90 @@
+name: Bug提交
+description: 在使用软件或功能的过程中遇到了错误
+title: '[Bug]: '
+labels: [ "bug?" ]
+
+body:
+  - type: markdown
+    attributes:
+      value: |
+        ## 请按照以下要求进行提交
+        ### 1. 提交后需要指定标签和截止时间。
+        ---
+
+  - type: markdown
+    attributes:
+      value: |
+        ## 环境信息
+        请根据实际使用环境修改以下信息。
+
+  - type: input
+    id: env-program-ver
+    attributes:
+      label: 软件版本
+    validations:
+      required: true
+
+  - type: dropdown
+    id: env-vm-ver
+    attributes:
+      label: 运行环境
+      description: 选择运行软件的系统版本
+      options:
+        - Windows (64)
+        - Windows (32/x84)
+        - MacOS
+        - Linux
+        - Ubuntu
+        - CentOS
+        - ArchLinux
+        - UNIX (Android)
+        - 其它（请在下方说明）
+    validations:
+      required: true
+
+  - type: dropdown
+    id: env-vm-arch
+    attributes:
+      label: 运行架构
+      description: (可选) 选择运行软件的系统架构
+      options:
+        - AMD64
+        - x86
+        - ARM [32] (别名：AArch32 / ARMv7）
+        - ARM [64] (别名：AArch64 / ARMv8）
+        - 其它
+
+  - type: textarea
+    id: reproduce-steps
+    attributes:
+      label: 重现步骤
+      description: |
+        我们需要执行哪些操作才能让 bug 出现？
+        简洁清晰的重现步骤能够帮助我们更迅速地定位问题所在。
+    validations:
+      required: true
+
+  - type: textarea
+    id: expected
+    attributes:
+      label: 期望的结果是什么？
+    validations:
+      required: true
+
+  - type: textarea
+    id: actual
+    attributes:
+      label: 实际的结果是什么？
+    validations:
+      required: true
+
+  - type: textarea
+    id: logging
+    attributes:
+      label: 日志记录（可选）
+      render: golang
+
+  - type: textarea
+    id: extra-desc
+    attributes:
+      label: 补充说明（可选）
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -0,0 +1,11 @@
+## Pull Request 详情
+
+请根据实际使用情况修改以下信息。
+
+## 版本信息
+
+## 解决了哪些问题
+
+## 是否关闭了某个 Issue
+
+Closes #
--- a/.github/workflows/linter.yml
+++ b/.github/workflows/linter.yml
@@ -0,0 +1,30 @@
+---
+name: Lint Code
+
+permissions:
+  contents: write
+
+on:
+  pull_request:
+    branches: [main]
+
+jobs:
+  lint:
+    name: Lint All Code
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout Code
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - name: Lint Code Base
+        uses: github/super-linter@v4
+        env:
+          VALIDATE_ALL_CODEBASE: false
+          DEFAULT_BRANCH: main
+          # To change branch master or main
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          FILTER_REGEX_EXCLUDE: (docs|.github)
+          VALIDATE_MARKDOWN: false
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -0,0 +1,25 @@
+name: Release
+
+permissions:
+  contents: write
+
+on:
+  push:
+    tags:
+      - "v*"
+
+jobs:
+  release:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 16.x
+
+      - run: npx githublogen
+        env:
+          GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
--- a/.gitignore
+++ b/.gitignore
@@ -11,6 +11,7 @@ node_modules
 .DS_Store
 dist
 dist-ssr
+dist.zip
 coverage
 *.local
 stats.html
@@ -21,6 +22,7 @@ stats.html
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
+!.vscode/launch.json
 !.vscode/settings.json
 .idea
 *.suo
@@ -30,3 +32,5 @@ stats.html
 *.sw?

 /src/typings/components.d.ts
+package-lock.json
+yarn.lock
--- a/.husky/commit-msg
+++ b/.husky/commit-msg
@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npx --no-install commitlint --edit
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npm run lint && npm run typecheck
--- a/.prettierrc.js
+++ b/.prettierrc.js
@@ -1,27 +0,0 @@
-module.exports = { // https://prettier.io/docs/en/options.html
-  arrowParens: 'avoid',
-  bracketSameLine: false,
-  bracketSpacing: true,
-  embeddedLanguageFormatting: 'auto',
-  htmlWhitespaceSensitivity: 'css',
-  insertPragma: false,
-  jsxSingleQuote: false,
-  printWidth: 120,
-  proseWrap: 'preserve',
-  quoteProps: 'as-needed',
-  requirePragma: false,
-  semi: true,
-  singleQuote: true,
-  tabWidth: 2,
-  trailingComma: 'none',
-  useTabs: false,
-  vueIndentScriptAndStyle: false,
-  overrides: [
-    {
-      files: '*.html',
-      options: {
-        parser: 'html',
-      },
-    },
-  ],
-};
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,35 +1,27 @@
 {
-	"recommendations": [
-		"afzalsayed96.icones",
-		"antfu.iconify",
-		"antfu.unocss",
-		"christian-kohler.path-intellisense",
-		"coenraads.bracket-pair-colorizer-2",
-		"dariofuzinato.vue-peek",
-		"dbaeumer.vscode-eslint",
-		"dsznajder.es7-react-js-snippets",
-		"eamodio.gitlens",
-		"editorconfig.editorconfig",
-		"esbenp.prettier-vscode",
-		"formulahendry.auto-complete-tag",
-		"formulahendry.auto-close-tag",
-		"formulahendry.auto-rename-tag",
-		"jimdong.naive-ui-snippets",
-		"kisstkondoros.vscode-gutter-preview",
-		"lokalise.i18n-ally",
-		"mhutchie.git-graph",
-		"miguelsolorio.fluent-icons",
-		"mikestead.dotenv",
-		"naumovs.color-highlight",
-		"pkief.material-icon-theme",
-		"pranaygp.vscode-css-peek",
-		"ritwickdey.liveserver",
-		"steoates.autoimport",
-		"vue.volar",
-		"vue.vscode-typescript-vue-plugin",
-		"whtouche.vscode-js-console-utils",
-		"xabikos.javascriptsnippets",
-		"yzhang.markdown-all-in-one",
-		"zhuangtongfa.material-theme"
-	]
+  "recommendations": [
+    "afzalsayed96.icones",
+    "antfu.iconify",
+    "antfu.unocss",
+    "christian-kohler.path-intellisense",
+    "dbaeumer.vscode-eslint",
+    "eamodio.gitlens",
+    "editorconfig.editorconfig",
+    "esbenp.prettier-vscode",
+    "formulahendry.auto-close-tag",
+    "formulahendry.auto-complete-tag",
+    "formulahendry.auto-rename-tag",
+    "kisstkondoros.vscode-gutter-preview",
+    "lokalise.i18n-ally",
+    "mariusalchimavicius.json-to-ts",
+    "mhutchie.git-graph",
+    "mikestead.dotenv",
+    "naumovs.color-highlight",
+    "pkief.material-icon-theme",
+    "sdras.vue-vscode-snippets",
+    "vue.volar",
+    "vue.vscode-typescript-vue-plugin",
+    "whtouche.vscode-js-console-utils",
+    "zhuangtongfa.material-theme"
+  ]
 }
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -0,0 +1,12 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "chrome",
+      "request": "launch",
+      "name": "Vue debugger",
+      "url": "http://localhost:3200",
+      "webRoot": "${workspaceFolder}"
+    }
+  ]
+}
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,75 +1,75 @@
 {
-	"editor.bracketPairColorization.enabled": true,
-	"editor.codeActionsOnSave": {
-		"source.fixAll.eslint": true
-	},
-	"editor.fontLigatures": true,
-	"editor.formatOnSave": false,
-	"editor.guides.bracketPairs": "active",
-	"editor.quickSuggestions": {
-		"strings": true
-	},
-	"editor.tabSize": 2,
-	"files.associations": {
-		"*.env.*": "dotenv"
-	},
-	"git.enableSmartCommit": true,
-	"gutterpreview.paths": {
-		"@": "/src",
-		"~@": "/src"
-	},
-	"i18n-ally.displayLanguage": "zh",
-	"material-icon-theme.activeIconPack": "angular",
-	"material-icon-theme.files.associations": {},
-	"material-icon-theme.folders.associations": {
-		"enum": "typescript",
-		"enums": "typescript",
-		"store": "context",
-		"stores": "context",
-		"composable": "hook",
-		"composables": "hook",
-		"directive": "tools",
-		"directives": "tools",
-		"business": "core",
-		"request": "api",
-		"adapter": "middleware"
-	},
-	"path-intellisense.mappings": {
-		"@": "${workspaceFolder}/src",
-		"~@": "${workspaceFolder}/src",
-	},
-	"terminal.integrated.cursorStyle": "line",
-	"terminal.integrated.fontSize": 14,
-	"terminal.integrated.fontWeight": 500,
-	"terminal.integrated.tabs.enabled": true,
-	"unocss.root": "src",
-	"workbench.iconTheme": "material-icon-theme",
-	"workbench.colorTheme": "One Dark Pro",
-	"[html]": {
-		"editor.defaultFormatter": "esbenp.prettier-vscode"
-	},
-	"[json]": {
-		"editor.defaultFormatter": "vscode.json-language-features"
-	},
-	"[jsonc]": {
-		"editor.defaultFormatter": "vscode.json-language-features"
-	},
-	"[javascript]": {
-		"editor.defaultFormatter": "esbenp.prettier-vscode"
-	},
-	"[javascriptreact]": {
-		"editor.defaultFormatter": "esbenp.prettier-vscode"
-	},
-	"[markdown]": {
-		"editor.defaultFormatter": "yzhang.markdown-all-in-one"
-	},
-	"[typescript]": {
-		"editor.defaultFormatter": "esbenp.prettier-vscode"
-	},
-	"[typescriptreact]": {
-		"editor.defaultFormatter": "esbenp.prettier-vscode"
-	},
-	"[vue]": {
-		"editor.defaultFormatter": "Vue.volar"
-	}
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  },
+  "editor.fontLigatures": true,
+  "editor.formatOnSave": false,
+  "editor.guides.bracketPairs": "active",
+  "editor.quickSuggestions": {
+    "strings": true
+  },
+  "editor.tabSize": 2,
+  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact", "vue", "json"],
+  "files.associations": {
+    "*.env.*": "dotenv"
+  },
+  "files.eol": "\n",
+  "git.enableSmartCommit": true,
+  "gutterpreview.paths": {
+    "@": "/src",
+    "~@": "/src"
+  },
+  "material-icon-theme.activeIconPack": "angular",
+  "material-icon-theme.files.associations": {},
+  "material-icon-theme.folders.associations": {
+    "src-tauri": "src",
+    "enum": "typescript",
+    "enums": "typescript",
+    "store": "context",
+    "stores": "context",
+    "composable": "hook",
+    "composables": "hook",
+    "directive": "tools",
+    "directives": "tools",
+    "business": "core",
+    "request": "api",
+    "adapter": "middleware"
+  },
+  "path-intellisense.mappings": {
+    "@": "${workspaceFolder}/src",
+    "~@": "${workspaceFolder}/src"
+  },
+  "terminal.integrated.fontSize": 14,
+  "terminal.integrated.fontWeight": 500,
+  "terminal.integrated.tabs.enabled": true,
+  "workbench.iconTheme": "material-icon-theme",
+  "workbench.colorTheme": "One Dark Pro",
+  "[html]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[jsonc]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[markdown]": {
+    "editor.defaultFormatter": "yzhang.markdown-all-in-one"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[vue]": {
+    "editor.defaultFormatter": "Vue.volar"
+  },
+  "i18n-ally.localesPaths": ["src/locales", "src/locales/lang"]
 }
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,187 @@
 # Changelog

-All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
+## v0.9.9...v0.10.0
+
+[compare changes](https://github.com/honghuangdc/soybean-admin/compare/v0.9.9...v0.10.0)
+
+### 🚀 Features
+
+- **projects:** 返回顶部功能适配新布局 ([54e2cb5](https://github.com/honghuangdc/soybean-admin/commit/54e2cb5))
+- **components:** Add tree related component instances ([d203a35](https://github.com/honghuangdc/soybean-admin/commit/d203a35))
+- **components:** Add routing data related to tree components and page display optimization ([a0f55ac](https://github.com/honghuangdc/soybean-admin/commit/a0f55ac))
+- **projects:** 增加i18n支持翻译菜单,tab,title ([3d48aa8](https://github.com/honghuangdc/soybean-admin/commit/3d48aa8))
+- **projects:** Add menu translate [翻译菜单] ([f68285f](https://github.com/honghuangdc/soybean-admin/commit/f68285f))
+- **projects:** 增加主题切换过渡效果 ([8da8843](https://github.com/honghuangdc/soybean-admin/commit/8da8843))
+- **projects:** Support mobile layout [支持移动端布局] ([f2b518e](https://github.com/honghuangdc/soybean-admin/commit/f2b518e))
+
+### 🐞 Bug Fixes
+
+- **projects:** Fix router guide [修复路由跳转异常] fixed #216 ([#216](https://github.com/honghuangdc/soybean-admin/issues/216))
+- **projects:** Fix better-mock usage [修复better-mock用法] ([c57640a](https://github.com/honghuangdc/soybean-admin/commit/c57640a))
+- **projects:** Tsconfig missing isolatedModules ([ab49afd](https://github.com/honghuangdc/soybean-admin/commit/ab49afd))
+- **projects:** Fix mockjs [修复mockjs] ([9b19f96](https://github.com/honghuangdc/soybean-admin/commit/9b19f96))
+- **projects:** Add prod mockjs switch [添加生产模式的mockjs的开关] ([9f5638f](https://github.com/honghuangdc/soybean-admin/commit/9f5638f))
+- **projects:** 修复面包屑导航下拉菜单语言显示问题 ([ee8fa04](https://github.com/honghuangdc/soybean-admin/commit/ee8fa04))
+- **projects:** Hide the drawer when it is initial mobile mode [初始化时为移动端布局则隐藏侧边栏] fixed #238 ([#238](https://github.com/honghuangdc/soybean-admin/issues/238))
+
+### 🔥 Performance
+
+- **projects:** Complete dynamic route translate [补充动态路由的翻译] ([7b746fa](https://github.com/honghuangdc/soybean-admin/commit/7b746fa))
+- **projects:** Move changing document title by locale to global event of composables & add appLoading unmount ([08e194e](https://github.com/honghuangdc/soybean-admin/commit/08e194e))
+
+### 💅 Refactors
+
+- **projects:** Update useTable ([211ae1f](https://github.com/honghuangdc/soybean-admin/commit/211ae1f))
+- **projects:** Remove page examples: tree [去除tree相关示例页面] ([f309003](https://github.com/honghuangdc/soybean-admin/commit/f309003))
+- **projects:** Use better-mock replace mockjs [用better-mock替换mockjs] ([9d3c732](https://github.com/honghuangdc/soybean-admin/commit/9d3c732))
+- **projects:** Upgrade vue3.3, official support defineOptions ([86a370f](https://github.com/honghuangdc/soybean-admin/commit/86a370f))
+
+### 📖 Documentation
+
+- **projects:** Add qq to README.md [文档添加QQ群] ([f74a642](https://github.com/honghuangdc/soybean-admin/commit/f74a642))
+- **projects:** Update README.md [更新README.md] ([397092c](https://github.com/honghuangdc/soybean-admin/commit/397092c))
+- **projects:** Update README.md [更新README.md] ([5a4f842](https://github.com/honghuangdc/soybean-admin/commit/5a4f842))
+- **projects:** Update README.md [更新README.md] ([a765da6](https://github.com/honghuangdc/soybean-admin/commit/a765da6))
+- **projects:** Update README.md [更新README.md] ([a989b44](https://github.com/honghuangdc/soybean-admin/commit/a989b44))
+- **projects:** 优化README.md ([6ea755f](https://github.com/honghuangdc/soybean-admin/commit/6ea755f))
+- **projects:** Readme.md 二次开发的项目内容换行 ([f3a1707](https://github.com/honghuangdc/soybean-admin/commit/f3a1707))
+- **projects:** Update CHANGELOG.md ([5f6caab](https://github.com/honghuangdc/soybean-admin/commit/5f6caab))
+
+### 📦 Build
+
+- **projects:** Remove old layout,tab package [去除旧的布局和页签依赖] ([42e6de3](https://github.com/honghuangdc/soybean-admin/commit/42e6de3))
+- **deps:** Update deps ([db62959](https://github.com/honghuangdc/soybean-admin/commit/db62959))
+- **deps:** Update deps [升级依赖] ([f2e82da](https://github.com/honghuangdc/soybean-admin/commit/f2e82da))
+- **deps:** Update deps and remove vite-plugin-html [升级依赖，去除vite-plugin-html] ([eaf3678](https://github.com/honghuangdc/soybean-admin/commit/eaf3678))
+- **deps:** Update deps [升级依赖] ([bae1767](https://github.com/honghuangdc/soybean-admin/commit/bae1767))
+- **projects:** Update deps and fix type error [升级依赖并修复类型问题] ([34f023c](https://github.com/honghuangdc/soybean-admin/commit/34f023c))
+- **deps:** Update deps [升级依赖] ([c264216](https://github.com/honghuangdc/soybean-admin/commit/c264216))
+- **deps:** Update deps [升级依赖] ([40f8587](https://github.com/honghuangdc/soybean-admin/commit/40f8587))
+- **projects:** Update deps and fix style [升级依赖&修复代码格式] ([c1c4335](https://github.com/honghuangdc/soybean-admin/commit/c1c4335))
+
+### 🏡 Chore
+
+- **deps:** Update deps ([cebbef6](https://github.com/honghuangdc/soybean-admin/commit/cebbef6))
+- **projects:** Remove useless packages, update lint-staged config, add githublogen ([5aaa318](https://github.com/honghuangdc/soybean-admin/commit/5aaa318))
+- Release v0.10.0 ([270a055](https://github.com/honghuangdc/soybean-admin/commit/270a055))
+
+### 🎨 Styles
+
+- **projects:** Per style [完善样式] ([209ef3d](https://github.com/honghuangdc/soybean-admin/commit/209ef3d))
+
+### ❤️ Contributors
+
+- Soybean ([@soybeanjs](http://github.com/soybeanjs))
+- Cc <cc@qq.com>
+- Xiaojunnuo ([@greper](http://github.com/greper))
+- Kirk Lin ([@kirklin](http://github.com/kirklin))
+- Small_happy <5304122+small_happy@user.noreply.gitee.com>
+- 燕博文 <349952469@qq.com>
+
+### [0.9.9](https://github.com/honghuangdc/soybean-admin/compare/v0.9.8...v0.9.9) (2023-03-13)
+
+
+### Features
+
+* **hooks:** add useNaiveTable ([cc13fcc](https://github.com/honghuangdc/soybean-admin/commit/cc13fcc8aaaf667902d69350ad0de3cc16c261ab))
+* **projects:** custom unocss colors support opacity ([488e6e3](https://github.com/honghuangdc/soybean-admin/commit/488e6e32045d995361b898ef3d384dafcb069008))
+* **projects:** new layout,tab and add update theme settings ([912c353](https://github.com/honghuangdc/soybean-admin/commit/912c3531c5d7a3ab30e15d39bed98ca9b20131ab))
+
+
+### Bug Fixes
+
+* **components:** 修复iconSelect选择器点击事件失效 ([7e505f9](https://github.com/honghuangdc/soybean-admin/commit/7e505f9b96f5380b6c27b4c2ee2ab0698c4eedc4))
+* **components:** 页面跳转被拦截, 则会出现 tab 页签与页面不一致的问题 ([bd5dd2c](https://github.com/honghuangdc/soybean-admin/commit/bd5dd2cf28a0943721c397d70c53fe3988a4f81a))
+* **components:** refresh cached routes ([b0f98e4](https://github.com/honghuangdc/soybean-admin/commit/b0f98e4bfac31751dd39a7dec203277db813694b))
+* **projects:** fix eslint svg cause incorrect icon render ([0b5afda](https://github.com/honghuangdc/soybean-admin/commit/0b5afda287a0eea57daa8d35409297e2cbf6d578))
+* **projects:** fix github bug-report ([f73e3f6](https://github.com/honghuangdc/soybean-admin/commit/f73e3f648decf5632fe5193e825b1f912c5f6153))
+* **projects:** fix pwa logo ([bf2f617](https://github.com/honghuangdc/soybean-admin/commit/bf2f6172554337450c4a300b8bdb580d3e25ad45))
+* **projects:** not only `/login` claim dynamic path scenario , but also others , eg:/user/1 ([6059891](https://github.com/honghuangdc/soybean-admin/commit/60598915561f1bad6ffba0dc102f0a776be52f0d))
+* **projects:** sortRoutes recursively ([9188941](https://github.com/honghuangdc/soybean-admin/commit/918894147ab739b4592e8c76378246e28c46491a))
+* **projects:** the length of routes children list should greater than 0 ([e1afc10](https://github.com/honghuangdc/soybean-admin/commit/e1afc10b80243a5d8d270a351a37a0a2d159f167))
+* **utils:** make AxiosRequestConfig optional for request.handleDelete() ([4a6fec8](https://github.com/honghuangdc/soybean-admin/commit/4a6fec8af0b44b546f81ec41d7a5947371e189b2))
+
+### [0.9.8](https://github.com/honghuangdc/soybean-admin/compare/v0.9.7...v0.9.8) (2023-01-15)
+
+
+### Features
+
+* 新增 affix 属性，用于将其固定在tab卡 ([e772ff0](https://github.com/honghuangdc/soybean-admin/commit/e772ff05fb6ef513bd37cd9b1e245ea72f0ad6d2))
+* **projects:** add compress script [添加压缩命令] ([be6d431](https://github.com/honghuangdc/soybean-admin/commit/be6d431485a5688bd1ed567e11c1ca35ab9259b0))
+* **projects:** add generate logo script ([25daa23](https://github.com/honghuangdc/soybean-admin/commit/25daa236064c9a76677dbf16bc6d9717b1e0040f))
+* **projects:** add new route plugin @soybeanjs/vite-plugin-vue-page-route [集成新的路由插件] ([3131e00](https://github.com/honghuangdc/soybean-admin/commit/3131e00f0f4a66756f547892a8d312cde3aaf868))
+* **projects:** add script about generating png logo from [添加根据svg生成png图标的命令] ([70aeefe](https://github.com/honghuangdc/soybean-admin/commit/70aeefea02fcc13c152ee9d7a1197381bac724b9))
+* setting 页面新增 是否显示footer的开关 ([d064f62](https://github.com/honghuangdc/soybean-admin/commit/d064f6285a6d1616d7606f1390d5f01819b258bb))
+
+
+### Bug Fixes
+
+* **components:** 修复路由在path中包含重复路单词径菜单时，被激活会错误展开 ([264da00](https://github.com/honghuangdc/soybean-admin/commit/264da00e5d2cd8139907c2ac11a046649d942f4b))
+* count can't display when endValue is 0. ([0282feb](https://github.com/honghuangdc/soybean-admin/commit/0282feb1730724ba66c2e57ab354099afa074e81))
+* **projects:** 修复动态路由模式下路由不排序的问题 ([58b27c9](https://github.com/honghuangdc/soybean-admin/commit/58b27c96932ba89b362138a6056a82c25a7be282))
+* **projects:** 修复tabs在static路由模式下可以关闭首页 ([7211a17](https://github.com/honghuangdc/soybean-admin/commit/7211a17a8158b01a1f6dd6c83591f86d76633de0))
+* **projects:** add router-page.d.ts to git [将router-page.d.ts添加git提交] ([7a58035](https://github.com/honghuangdc/soybean-admin/commit/7a5803551419f65ca55ba797b49273b3a0dc6067))
+* **projects:** fix login success message [修复登录成功的消息提示] ([810398a](https://github.com/honghuangdc/soybean-admin/commit/810398abb882613f82ba385e8a7666cf8b86d92d))
+* **projects:** fix router when the dynamic routes api was failed [修复当动态路由接口失败后路由异常问题] ([f2b580f](https://github.com/honghuangdc/soybean-admin/commit/f2b580fc067e81202238bf8079a13ff014b0b329))
+* **projects:** fix vite-pwa plugin config ([94098d0](https://github.com/honghuangdc/soybean-admin/commit/94098d02e8cec12e3c9f9331ece154b65d1c9150))
+* remove height limit h-360px ([b5c570a](https://github.com/honghuangdc/soybean-admin/commit/b5c570adf55fd235dcec49bc20837623b1d5d3c4))
+* set password attributes ([a9a3703](https://github.com/honghuangdc/soybean-admin/commit/a9a37036d58274385a779e6460f7be281dafdcaf))
+
+### [0.9.7](https://github.com/honghuangdc/soybean-admin/compare/v0.9.6...v0.9.7) (2022-11-07)
+
+
+### Features
+
+* **projects:** 全局搜索菜单及消息通知适配移动端 ([97e2ffd](https://github.com/honghuangdc/soybean-admin/commit/97e2ffddf4ac047133dc016a91ac07556e562d29))
+* **projects:** 实现用户管理页面 ([472f93b](https://github.com/honghuangdc/soybean-admin/commit/472f93bfc111e8ca94adef823b8cc12e4f8cd2c6))
+* **projects:** 适配移动端，修复Tab关闭图标的bug ([296b154](https://github.com/honghuangdc/soybean-admin/commit/296b154be5dfe410b3cfca9afaeeaf9c47de3e0c)), closes [#87](https://github.com/honghuangdc/soybean-admin/issues/87) [#106](https://github.com/honghuangdc/soybean-admin/issues/106) [#109](https://github.com/honghuangdc/soybean-admin/issues/109) [#111](https://github.com/honghuangdc/soybean-admin/issues/111)
+* **projects:** 添加请求适配adapter层应用的示例页面 ([8d11a6a](https://github.com/honghuangdc/soybean-admin/commit/8d11a6affcfa37344011a6aaf3d6e005546f0e61))
+* **projects:** 添加生产的主题配置缓存 ([718c362](https://github.com/honghuangdc/soybean-admin/commit/718c36263e451a39bca6da6c33657a09515ffbcc))
+* **projects:** 添加系统管理的页面 ([c33b5eb](https://github.com/honghuangdc/soybean-admin/commit/c33b5ebfefbb3ae507141bd2e9414231fd1512d4))
+* **projects:** 添加组件名称，调整vue文件里面的类型声明位置 ([f64bc91](https://github.com/honghuangdc/soybean-admin/commit/f64bc91ce285c7a9806ed0f6ae970d9b598fd0cb))
+* **projects:** 添加provide、inject上下文示例 ([a444731](https://github.com/honghuangdc/soybean-admin/commit/a444731e9eef43022930c3550dcfc058e70a2941))
+* **projects:** 系统消息组件代码优化 ([9518372](https://github.com/honghuangdc/soybean-admin/commit/9518372fe0431d4e08a5f40d1b2982691fbb4107))
+* **projects:** 增加返回顶部功能 ([894b0f1](https://github.com/honghuangdc/soybean-admin/commit/894b0f1c182a36ad1774a8144bf50dd4e0b62a46))
+* **projects:** 增加系统消息组件 ([afa0134](https://github.com/honghuangdc/soybean-admin/commit/afa0134fdd63c253e102bc129e275d16ca25508e))
+* **projects:** add constant route page without login status[添加未登录可访问的固定路由示例页面] ([78efd77](https://github.com/honghuangdc/soybean-admin/commit/78efd7793a241811065caf56edf7e68aea58bc8c))
+* **projects:** add pinia setup syntax example: setup-store[添加setup syntax的pinia示例setup-store] ([82c4b09](https://github.com/honghuangdc/soybean-admin/commit/82c4b09b9411390f97c2d10bb211c66ed9656b63))
+* **projects:** import i18n [引入i18n] ([b632b7f](https://github.com/honghuangdc/soybean-admin/commit/b632b7ffed5c6d6ec15c23c8cce030bf669c554f))
+* **projects:** new router system [新的路由系统] ([c7b6a3f](https://github.com/honghuangdc/soybean-admin/commit/c7b6a3fbecd1ba051833e4e47b75a06935f212c8))
+* **projects:** refactor icon system, unify icon usage [重构图标系统，统一图标用法] ([811f820](https://github.com/honghuangdc/soybean-admin/commit/811f820644053606e50624c2f184f9669f3eff7e))
+* **projects:** support constant route without login status[支持未登录状态下访问自定义的固定路由] ([a539112](https://github.com/honghuangdc/soybean-admin/commit/a539112a0f53183ee073d4eb9034ef48209fe30c))
+* **projects:** useNaiveTable函数：类型部分 ([02992dc](https://github.com/honghuangdc/soybean-admin/commit/02992dc02d105cbfcebbea397438c68db1fa8177))
+* **tabs:** 多页签增加关闭所有 ([8237adb](https://github.com/honghuangdc/soybean-admin/commit/8237adb9c0b187911df37d6d99fd84718bc3ea8f))
+
+
+### Bug Fixes
+
+* **deps:** decrease @types/node version to fix TS type error [降低@types/node版本修复TS的类型错误] ([149d22a](https://github.com/honghuangdc/soybean-admin/commit/149d22a4a491ca5fc6c52375046e9f1cb86ee76d))
+* **projects:** 修复多个后端服务时的本地代理 ([2aba58c](https://github.com/honghuangdc/soybean-admin/commit/2aba58c973e5d0ea975443a8b22c9d94283d4fb9))
+* **projects:** 修复构建后mockjs对xhr的影响问题 ([7757285](https://github.com/honghuangdc/soybean-admin/commit/77572855c3f7161697f42e6da36771c15707f0ab))
+* **projects:** 修复图标的TS类型 ([dbd6760](https://github.com/honghuangdc/soybean-admin/commit/dbd676095b42aaebc783d5c89478306a453195a5))
+* **projects:** 修复eslint规则 ([d7f5bf3](https://github.com/honghuangdc/soybean-admin/commit/d7f5bf3373e7884b8dc2c696a2c36e9cf27ad64b))
+* **projects:** 修复import.meta.env的TS类型 ([1994262](https://github.com/honghuangdc/soybean-admin/commit/19942625d58e673126db5249488555de71d18457))
+* **projects:** 修复tab不显示路由首页的问题 ([a792bb5](https://github.com/honghuangdc/soybean-admin/commit/a792bb5cb3c388ba3b93e17bab8f42d23cd5df4a))
+* **projects:** 修复TS类型问题 ([16dce9a](https://github.com/honghuangdc/soybean-admin/commit/16dce9a4ce4d3aa822d70f6e5199eb9c86e33ad9))
+* **projects:** add iconify json ([8a1ec93](https://github.com/honghuangdc/soybean-admin/commit/8a1ec938e7a26728919024e9f5b7b0af2b270aba))
+* **svg-icon:** 自定义图标在Dropdown组件下hover状态无法显示图标 ([0523f08](https://github.com/honghuangdc/soybean-admin/commit/0523f0838246041bfc09130e21369bd777f63682))
+* **utils:** 修复iconifyRender ([c37d0ac](https://github.com/honghuangdc/soybean-admin/commit/c37d0ac7887a3451b8558fc4aa6c05ed3b0ef74f))
+
+### [0.9.6](https://github.com/honghuangdc/soybean-admin/compare/v0.9.5...v0.9.6) (2022-06-15)
+
+
+### Features
+
+* **projects:** 本地svg动态渲染图标 ([c3c975e](https://github.com/honghuangdc/soybean-admin/commit/c3c975ee1142987b7ded0107bf91d0080d5651fe)), closes [#61](https://github.com/honghuangdc/soybean-admin/issues/61)
+* **projects:** 上下结构，菜单支持横向滚动 ([808051b](https://github.com/honghuangdc/soybean-admin/commit/808051b29dd682e1cbcf0e211774efb9cc12713a))
+* **projects:** 新增Antv G2图表示例 ([2d64a2e](https://github.com/honghuangdc/soybean-admin/commit/2d64a2e57c8d83c8d06f210eeefef8f31b3abeb9))
+* **projects:** 增加设置当前Tab页签名称功能 ([487213b](https://github.com/honghuangdc/soybean-admin/commit/487213b64853765e2bd186474e4607572624a33e))
+
+
+### Bug Fixes
+
+* **projects:** 设置tab标题导致meta属性丢失 ([efcfa57](https://github.com/honghuangdc/soybean-admin/commit/efcfa576d52a7eab644f3b4c65af153442887fab))
+* **projects:** 修复顶部菜单的位置失效问题 ([4ee0d94](https://github.com/honghuangdc/soybean-admin/commit/4ee0d94f1bde83c788fc0dcb084402359c04fb1b))

 ### [0.9.5](https://github.com/honghuangdc/soybean-admin/compare/v0.9.4...v0.9.5) (2022-06-06)

--- a/16
+++ b/16
@@ -0,0 +1,16 @@
+ImageTag ?=v0.9.6
+SoybeanAdminImg ?= soybeanjs/soybean-admin:$(ImageTag)
+
+VERSION=$(shell git rev-parse --short HEAD)
+
+soybean-admin: soybean-admin-build soybean-admin-push
+
+soybean-admin-build:
+	docker build --build-arg version=$(VERSION) -t ${SoybeanAdminImg} -f docker/Dockerfile .
+
+soybean-admin-push:
+	docker push ${SoybeanAdminImg}
+
+# run tauri app:
+run:
+	pnpm tauri dev
--- a/README.md
+++ b/README.md
@@ -1,94 +1,81 @@
 <div align="center">
-	<img src="https://i.loli.net/2021/11/24/x5lLfuSnEawBAgi.png"/>
+	<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean.svg" style="width: 160px;"/>
 	<h1>Soybean Admin</h1>
 </div>

-[![license](https://img.shields.io/badge/license-MIT-green.svg)](./LICENSE)
+[![license](https://img.shields.io/badge/license-MIT-green.svg)](./LICENSE) ![](https://img.shields.io/github/stars/honghuangdc/soybean-admin) ![](https://img.shields.io/github/forks/honghuangdc/soybean-admin)

 ## 简介

-Soybean Admin 是一个基于 Vue3、Vite、TypeScript、Naive UI 的免费中后台模版，它使用了最新的前端技术栈，内置丰富的主题配置，有着极高的代码规范，基于mock实现的动态权限路由，开箱即用的中后台前端解决方案，也可用于学习参考。
+[Soybean Admin](https://github.com/honghuangdc/soybean-admin) 是一个基于 Vue3、Vite3、TypeScript、NaiveUI、Pinia 和 UnoCSS 的清新优雅的中后台模版，它使用了最新流行的前端技术栈，内置丰富的主题配置，有着极高的代码规范，基于文件的路由系统以及基于 Mock 的动态权限路由，开箱即用的中后台前端解决方案，也可用于学习参考。

 ## 特性

- **最新技术栈**：使用 Vue3/vite2 等前端前沿技术开发, 使用高效率的npm包管理器pnpm
- **TypeScript**：应用程序级 JavaScript 的语言
- **主题**：丰富可配置的主题、暗黑模式，基于原子css - unocss的动态主题颜色
+- **最新流行技术栈**：使用 Vue3/Vite 等前端前沿技术开发, 使用高效率的 npm 包管理器 pnpm
+- **TypeScript**: 应用程序级 JavaScript 的语言
+- **主题**：丰富可配置的主题、暗黑模式，基于原子 css 框架 - UnoCss 的动态主题颜色
 - **代码规范**：丰富的规范插件及极高的代码规范
- **权限路由**：简易的路由配置、基于mock的动态路由能快速实现后端动态路由
- **请求函数**：基于axios的完善的请求函数封装，提供Promise和hooks两种请求函数，加入请求结果数据转换的适配器
+- **文件路由系统**：基于文件的路由系统，根据页面文件自动生成路由声明、路由导入和路由模块
+- **权限路由**：提供前端静态和后端动态两种路由模式，基于 mock 的动态路由能快速实现后端动态路由
+- **请求函数**：基于 axios 的完善的请求函数封装，提供 Promise 和 hooks 两种请求函数，加入请求结果数据转换的适配器

-## 预览
+## 在线预览

- [soybean-admin](https://soybean.pro/)
+- [Soybean Admin 预览地址](https://soybean.pro/)

 ## 文档

- [项目文档](https://docs.soybean.pro)
+- [项目文档预览地址](https://docs.soybean.pro)

 ## 代码仓库

- [github](https://github.com/honghuangdc/soybean-admin)
+| 仓库            | github地址                                                                    | gitee镜像                                                                   | 预览           |
+|---------------|-----------------------------------------------------------------------------|---------------------------------------------------------------------------|--------------|
+| soybean-admin | [github](https://github.com/honghuangdc/soybean-admin)                      | [gitee](https://gitee.com/honghuangdc/soybean-admin)                      | 			   [预览](https://soybean.pro/) |
+| tauri 版	      | [tauri 版](https://github.com/honghuangdc/soybean-admin/tree/tauri)	         | [tauri 版](https://gitee.com/honghuangdc/soybean-admin/tree/tauri)         |              |
+| 精简版	          | [精简版](https://github.com/honghuangdc/soybean-admin/tree/thin)	              | [精简版](https://gitee.com/honghuangdc/soybean-admin/tree/thin)              |              |
+| 集成fast-crud	  | [集成fast-crud](https://github.com/honghuangdc/soybean-admin/tree/fast-crud)	 | [集成fast-crud](https://gitee.com/honghuangdc/soybean-admin/tree/fast-crud) | [预览](http://fast-crud.docmirror.cn/soybean/#/crud/demo)|
+

- [gitee](https://gitee.com/honghuangdc/soybean-admin)

 ## 更新日志
+
 [CHANGELOG](./CHANGELOG.md)

 ## 后端服务

- [soybean-admin-java(开发中)](https://github.com/honghuangdc/soybean-admin-java)
-
- [soybean-admin-go(开发中)](https://github.com/honghuangdc/soybean-admin-go)
-
- [soybean-admin-nestjs(开发中)](https://github.com/honghuangdc/soybean-admin-nestjs)
+- [soybean-admin-java](https://github.com/honghuangdc/soybean-admin-java)

 ## 项目示例图

-![](https://s2.loli.net/2022/05/16/keOtgFH27r9nqYS.png)
+![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin01.png)

-![](https://s2.loli.net/2022/05/18/bW7mftiQexkvSTG.png)
+![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin02.png)

-![](https://s2.loli.net/2022/05/16/uV5nzjb3gYptAEl.png)
+![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin03.png)

-![](https://s2.loli.net/2022/05/16/rSnNHLdpuvkKxWq.png)
+![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin04.png)

-![](https://s2.loli.net/2022/05/18/Mt6YZqmDxO8v4uR.png)
+![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin05.png)

-![](https://s2.loli.net/2022/05/16/ktH5dcG3fuFOoKA.png)
+![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin06.png)

-![](https://s2.loli.net/2022/05/16/VPl6Ru1iCAhLcS4.png)
+![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin07.png)

-![](https://s2.loli.net/2022/05/16/bRlAKuHW7ZVh9DT.png)
+![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin08.png)

-![](https://s2.loli.net/2022/05/16/JvNt61rx5nca42i.png)
+![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin09.png)

-![](https://s2.loli.net/2022/05/18/8WJvaz13ibXmsND.png)
-
-
-
-## 开发计划
-
- [x] 引入ECharts替换AntV G2Plot
- [x] 图表示例：ECharts、AntV G2
- [ ] 多页签：支持query、hash等参数，同一页面支持多个Tab
- [ ] 缓存主题配置
- [ ] 添加锁屏组件、全局Iframe组件
- [ ] 示例页面完善
- [ ] 性能优化(优化递归函数)
- [ ] 精简版(新分支thin)
- [ ] 文档完善
- [ ] 表单、表格示例
- [ ] element-plus版本
- [ ] 其他UI版本
- [ ] soybean-admin cli工具(选择不同UI)
- [ ] soybean-admin 后台服务java版: [soybean-admin-java](https://github.com/honghuangdc/soybean-admin-java)
- [ ] soybean-admin 后台服务go版: [soybean-admin-go](https://github.com/honghuangdc/soybean-admin-go)
- [ ] soybean-admin 后台服务nodejs版: [soybean-admin-nestjs](https://github.com/honghuangdc/soybean-admin-nestjs)
- [ ] 前端可视化创建路由页面
+<div style="display:flex;justify-content:center;align-item:center;gap:48px;">
+	<img style="width:380px" src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin10.png" />
+	<img style="width:380px" src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin11.png" />
+</div>

 ## 安装使用

+- 环境配置
+  **本地环境需要安装 pnpm 7.x 、Node.js 14.18+ 和 Git**
+
 - 克隆代码

 ```bash
@@ -113,8 +100,17 @@ pnpm dev
 pnpm build
 ```

-**本地环境需要安装 pnpm 6.x 、Node.js 14.x 和 Git**
+## Docker 部署

+- Docker 部署 Soybean
+
+```bash
+docker run --name soybean -p 80:80 -d soybeanjs/soybean-admin:v0.9.6
+```
+
+- 访问 SoybeanAdmin
+
+打开本地浏览器访问`http://localhost`

 ## 如何贡献

@@ -122,13 +118,13 @@ pnpm build

 ## Git 贡献提交规范

-项目已经内置angular提交规范，通过git cz 代替git commit 命令即可。
+项目已经内置 Angular 提交规范，直接执行 commit 命令即可生成符合 Angular 提交规范的 commit。

-git cz命令需要全局安装 commitizen
+项目已用 simple-git-hooks 代替了 husky, 旧版本用了 husky，执行 pnpm soy init-git-hooks 进行初始化配置

-```bash
-pnpm i -g commitizen
-```
+## 基于 SoybeanAdmin 二次开发的项目
+- [electron-mock-admin](https://github.com/lixin59/electron-mock-api): 一个 Mock Api 管理系统，帮助前端开发伙伴快速实现接口的mock。
+- [T-Shell](https://github.com/TheBlindM/T-Shell): 是一个可配置命令提示的终端模拟器和 SSH客户端。

 ## 浏览器支持

@@ -137,32 +133,33 @@ pnpm i -g commitizen
 支持现代浏览器, 不支持 IE

 | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/archive/internet-explorer_9-11/internet-explorer_9-11_48x48.png" alt="IE" width="24px" height="24px"  />](http://godban.github.io/browsers-support-badges/)IE | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)Safari |
-| :-: | :-: | :-: | :-: | :-: |
-| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
+| :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
+|                                                                                                                not support                                                                                                                |                                                                                          last 2 versions                                                                                          |                                                                                               last 2 versions                                                                                                |                                                                                             last 2 versions                                                                                              |                                                                                             last 2 versions                                                                                              |

 ## 开源作者

 [@Soybean](https://github.com/honghuangdc)

-## 捐赠
-如果你觉得这个项目对你有帮助，可以请Soybean喝杯饮料表示支持，Soybean开源的动力离不开各位的支持和鼓励。
-![赞助](https://s2.loli.net/2022/01/24/i9cpq7lTCrKUoFf.png)
-
 ## 交流

-`Soybean Admin` 是完全开源免费的项目，在帮助开发者更方便地进行中大型管理系统开发，同时也提供微信和QQ交流群，使用问题欢迎在群内提问。
+`Soybean Admin` 是完全开源免费的项目，在帮助开发者更方便地进行中大型管理系统开发，同时也提供微信和 QQ 交流群，使用问题欢迎在群内提问。

- 微信交流群（添加本人微信拉进群），欢迎来技术交流，业务咨询。
-
-  <div style="text-align:left">
-    <img src="https://s2.loli.net/2022/05/16/3YGBgXnVPJdslk8.jpg" style="width:200px" />
+  <div style="display:flex;">
+  	<div style="padding-right:24px;">
+  		<p>QQ交流群</p>
+      <img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/qq-soybean-admin.jpg" style="width:200px" />
+  	</div>
+		<div>
+			<p>添加本人微信，欢迎来技术交流，业务咨询</p>
+			<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybeanjs.jpeg" style="width:180px" />
+		</div>
  </div>

- QQ交流群 `711301266`
+## 捐赠

-  <div style="text-align:left">
-    <img src="https://i.loli.net/2021/11/24/1J6REWXiHomU2kM.jpg" style="width:200px" />
-  </div>
+如果你觉得这个项目对你有帮助，可以请 Soybean 喝杯饮料表示支持，Soybean 开源的动力离不开各位的支持和鼓励。
+
+![赞助](https://s2.loli.net/2022/01/24/i9cpq7lTCrKUoFf.png)

 ## License

--- a/build/config/proxy.ts
+++ b/build/config/proxy.ts
@@ -5,14 +5,14 @@ import type { ProxyOptions } from 'vite';
 * @param isOpenProxy - 是否开启代理
 * @param envConfig - env环境配置
 */
-export function createViteProxy(isOpenProxy: boolean, envConfig: EnvConfig) {
+export function createViteProxy(isOpenProxy: boolean, envConfig: ServiceEnvConfigWithProxyPattern) {
  if (!isOpenProxy) return undefined;

  const proxy: Record<string, string | ProxyOptions> = {
-    [envConfig.proxy]: {
+    [envConfig.proxyPattern]: {
      target: envConfig.url,
      changeOrigin: true,
-      rewrite: path => path.replace(new RegExp(`^${envConfig.proxy}`), '')
+      rewrite: path => path.replace(new RegExp(`^${envConfig.proxyPattern}`), '')
    }
  };

--- a/build/index.ts
+++ b/build/index.ts
@@ -1,2 +1,3 @@
 export * from './plugins';
 export * from './config';
+export * from './utils';
--- a/build/plugins/html.ts
+++ b/build/plugins/html.ts
@@ -1,14 +0,0 @@
-import type { PluginOption } from 'vite';
-import { createHtmlPlugin } from 'vite-plugin-html';
-
-export default (viteEnv: ImportMetaEnv): PluginOption[] => {
-  return createHtmlPlugin({
-    minify: true,
-    inject: {
-      data: {
-        appName: viteEnv.VITE_APP_NAME,
-        appTitle: viteEnv.VITE_APP_TITLE
-      }
-    }
-  });
-};
--- a/build/plugins/index.ts
+++ b/build/plugins/index.ts
@@ -1,26 +1,45 @@
 import type { PluginOption } from 'vite';
-import vue from './vue';
-import html from './html';
+import vue from '@vitejs/plugin-vue';
+import vueJsx from '@vitejs/plugin-vue-jsx';
+import unocss from '@unocss/vite';
+import progress from 'vite-plugin-progress';
+import pageRoute from '@soybeanjs/vite-plugin-vue-page-route';
 import unplugin from './unplugin';
-import unocss from './unocss';
 import mock from './mock';
 import visualizer from './visualizer';
 import compress from './compress';
+import pwa from './pwa';

 /**
 * vite插件
 * @param viteEnv - 环境变量配置
- * @param srcPath - src路径
 */
-export function setupVitePlugins(viteEnv: ImportMetaEnv, srcPath: string): (PluginOption | PluginOption[])[] {
-  const plugins = [...vue, html(viteEnv), ...unplugin(srcPath), unocss, mock];
+export function setupVitePlugins(viteEnv: ImportMetaEnv): (PluginOption | PluginOption[])[] {
+  const plugins = [
+    vue({
+      script: {
+        defineModel: true
+      }
+    }),
+    vueJsx(),
+    ...unplugin(viteEnv),
+    unocss(),
+    mock(viteEnv),
+    progress()
+  ];

-  if (viteEnv.VITE_VISUALIZER === 'true') {
-    plugins.push(visualizer);
+  if (viteEnv.VITE_VISUALIZER === 'Y') {
+    plugins.push(visualizer as PluginOption);
  }
-  if (viteEnv.VITE_COMPRESS === 'true') {
+  if (viteEnv.VITE_COMPRESS === 'Y') {
    plugins.push(compress(viteEnv));
  }
+  if (viteEnv.VITE_PWA === 'Y' || viteEnv.VITE_VERCEL === 'Y') {
+    plugins.push(pwa());
+  }
+  if (viteEnv.VITE_SOYBEAN_ROUTE_PLUGIN === 'Y') {
+    plugins.push(pageRoute());
+  }

  return plugins;
 }
--- a/build/plugins/mock.ts
+++ b/build/plugins/mock.ts
@@ -1,9 +1,14 @@
 import { viteMockServe } from 'vite-plugin-mock';

-export default viteMockServe({
-  mockPath: 'mock',
-  injectCode: `
-		import { setupMockServer } from '../mock';
-		setupMockServer();
-	`
-});
+export default (viteEnv: ImportMetaEnv) => {
+  const prodMock = viteEnv.VITE_PROD_MOCK === 'Y';
+
+  return viteMockServe({
+    mockPath: 'mock',
+    prodEnabled: prodMock,
+    injectCode: `
+			import { setupMockServer } from '../mock';
+			setupMockServer();
+		`
+  });
+};
--- a/build/plugins/pwa.ts
+++ b/build/plugins/pwa.ts
@@ -0,0 +1,31 @@
+import { VitePWA } from 'vite-plugin-pwa';
+
+export default function setupVitePwa() {
+  return VitePWA({
+    registerType: 'autoUpdate',
+    includeAssets: ['favicon.ico'],
+    manifest: {
+      name: 'SoybeanAdmin',
+      short_name: 'SoybeanAdmin',
+      theme_color: '#fff',
+      icons: [
+        {
+          src: '/logo.png',
+          sizes: '192x192',
+          type: 'image/png'
+        },
+        {
+          src: '/logo.png',
+          sizes: '512x512',
+          type: 'image/png'
+        },
+        {
+          src: '/logo.png',
+          sizes: '512x512',
+          type: 'image/png',
+          purpose: 'any maskable'
+        }
+      ]
+    }
+  });
+}
--- a/build/plugins/unocss.ts
+++ b/build/plugins/unocss.ts
@@ -1,3 +0,0 @@
-import unocss from 'unocss/vite';
-
-export default unocss();
--- a/build/plugins/unplugin.ts
+++ b/build/plugins/unplugin.ts
@@ -1,17 +1,27 @@
-import DefineOptions from 'unplugin-vue-define-options/vite';
 import Icons from 'unplugin-icons/vite';
 import IconsResolver from 'unplugin-icons/resolver';
 import Components from 'unplugin-vue-components/vite';
 import { NaiveUiResolver } from 'unplugin-vue-components/resolvers';
 import { FileSystemIconLoader } from 'unplugin-icons/loaders';
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
+import { getSrcPath } from '../utils';
+
+export default function unplugin(viteEnv: ImportMetaEnv) {
+  const { VITE_ICON_PREFFIX, VITE_ICON_LOCAL_PREFFIX } = viteEnv;
+
+  const srcPath = getSrcPath();
+  const localIconPath = `${srcPath}/assets/svg-icon`;
+
+  /** 本地svg图标集合名称 */
+  const collectionName = VITE_ICON_LOCAL_PREFFIX.replace(`${VITE_ICON_PREFFIX}-`, '');

-export default (srcPath: string) => {
  return [
-    DefineOptions(),
    Icons({
      compiler: 'vue3',
      customCollections: {
-        custom: FileSystemIconLoader(`${srcPath}/assets/svg`)
+        [collectionName]: FileSystemIconLoader(localIconPath, svg =>
+          svg.replace(/^<svg\s/, '<svg width="1em" height="1em" ')
+        )
      },
      scale: 1,
      defaultClass: 'inline-block'
@@ -19,7 +29,16 @@ export default (srcPath: string) => {
    Components({
      dts: 'src/typings/components.d.ts',
      types: [{ from: 'vue-router', names: ['RouterLink', 'RouterView'] }],
-      resolvers: [NaiveUiResolver(), IconsResolver({ customCollections: ['custom'], componentPrefix: 'icon' })]
+      resolvers: [
+        NaiveUiResolver(),
+        IconsResolver({ customCollections: [collectionName], componentPrefix: VITE_ICON_PREFFIX })
+      ]
+    }),
+    createSvgIconsPlugin({
+      iconDirs: [localIconPath],
+      symbolId: `${VITE_ICON_LOCAL_PREFFIX}-[dir]-[name]`,
+      inject: 'body-last',
+      customDomId: '__SVG_ICON_LOCAL__'
    })
  ];
-};
+}
--- a/build/plugins/vue.ts
+++ b/build/plugins/vue.ts
@@ -1,6 +0,0 @@
-import vue from '@vitejs/plugin-vue';
-import vueJsx from '@vitejs/plugin-vue-jsx';
-
-const plugins = [vue(), vueJsx()];
-
-export default plugins;
--- a/build/utils/index.ts
+++ b/build/utils/index.ts
@@ -0,0 +1,20 @@
+import path from 'path';
+
+/**
+ * 获取项目根路径
+ * @descrition 末尾不带斜杠
+ */
+export function getRootPath() {
+  return path.resolve(process.cwd());
+}
+
+/**
+ * 获取项目src路径
+ * @param srcName - src目录名称(默认: "src")
+ * @descrition 末尾不带斜杠
+ */
+export function getSrcPath(srcName = 'src') {
+  const rootPath = getRootPath();
+
+  return `${rootPath}/${srcName}`;
+}
--- a/commitlint.config.js
+++ b/commitlint.config.js
@@ -1 +0,0 @@
-module.exports = { extends: ['@commitlint/config-conventional'] };
--- a/docker/.dockerignore
+++ b/docker/.dockerignore
@@ -0,0 +1,32 @@
+node_modules
+.DS_Store
+dist
+.npmrc
+.cache
+
+tests/server/static
+tests/server/static/upload
+
+.local
+# local env files
+.env.local
+.env.*.local
+.eslintcache
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+# .vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+yarn.lock
+pnpm-lock.yaml
+/vite-profile.cpuprofile
--- a/docker/Dockerfile
+++ b/docker/Dockerfile
@@ -0,0 +1,24 @@
+FROM node:16.17.0 as builder
+
+ENV WORKDIR=/soybean-admin
+
+WORKDIR $WORKDIR
+
+COPY ./ $WORKDIR/
+
+ARG version
+ENV COMMITID=$version
+
+RUN npm i -g pnpm
+
+RUN pnpm install
+RUN pnpm build
+
+FROM nginx:alpine as prod
+
+RUN mkdir /soybean
+
+COPY --from=builder /soybean-admin/dist /soybean-admin
+COPY --from=builder /soybean-admin/docker/nginx.conf /etc/nginx/nginx.conf
+
+EXPOSE 80
--- a/docker/nginx.conf
+++ b/docker/nginx.conf
@@ -0,0 +1,54 @@
+user  nginx;
+worker_processes  1;
+error_log  /var/log/nginx/error.log warn;
+pid        /var/run/nginx.pid;
+
+events {
+  worker_connections  1024;
+}
+
+http {
+  include       /etc/nginx/mime.types;
+  default_type  application/octet-stream;
+  log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
+                    '$status $body_bytes_sent "$http_referer" '
+                    '"$http_user_agent" "$http_x_forwarded_for"';
+  access_log  /var/log/nginx/access.log  main;
+  sendfile        on;
+  keepalive_timeout  65;
+
+  server {
+    listen       80;
+    server_name  localhost;
+
+    location / {
+      # 不缓存html，防止程序更新后缓存继续生效
+      if ($request_filename ~* .*\.(?:htm|html)$) {
+        add_header Cache-Control "private, no-store, no-cache, must-revalidate, proxy-revalidate";
+        access_log on;
+      }
+      root   /soybean-admin/;
+      index  index.html index.htm;
+      try_files $uri $uri/ /index.html;
+    }
+
+    # location /soybean/soybean-webserver/v1 {
+    #     proxy_set_header Host $host;
+    #     proxy_set_header X-Real-IP $remote_addr;
+    #     proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+    #     proxy_set_header REMOTE-HOST $remote_addr;
+
+    #     # 后台接口地址
+    #     proxy_pass http://192.168.1.99:30597/v1;
+    #     proxy_redirect default;
+    #     add_header Access-Control-Allow-Origin *;
+    #     add_header Access-Control-Allow-Headers X-Requested-With;
+    #     add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
+    # }
+
+    error_page   500 502 503 504  /50x.html;
+    location = /50x.html {
+      root   /usr/share/nginx/html;
+    }
+  }
+}
--- a/index.html
+++ b/index.html
@@ -1,28 +1,15 @@
 <!DOCTYPE html>
 <html lang="zh-cmn-Hans">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
-    <link rel="stylesheet" href="/resource/loading.css" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title><%= appName %></title>
-  </head>
-  <body>
-    <div id="app">
-      <div class="loading-container">
-        <div id="loadingLogo" class="loading-svg"></div>
-        <div class="loading-spin__container">
-          <div class="loading-spin">
-            <div class="left-0 top-0 loading-spin-item"></div>
-            <div class="left-0 bottom-0 loading-spin-item loading-delay-500"></div>
-            <div class="right-0 top-0 loading-spin-item loading-delay-1000"></div>
-            <div class="right-0 bottom-0 loading-spin-item loading-delay-1500"></div>
-          </div>
-        </div>
-        <div class="loading-title"><%= appTitle %></div>
-      </div>
-      <script src="/resource/loading.js"></script>
-    </div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
+	<head>
+		<meta charset="UTF-8" />
+		<link rel="icon" href="/favicon.svg" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>%VITE_APP_NAME%</title>
+	</head>
+	<body>
+		<div id="app">
+			<div id="appLoading"></div>
+		</div>
+		<script type="module" src="/src/main.ts"></script>
+	</body>
 </html>
--- a/mock/api/demo.ts
+++ b/mock/api/demo.ts
@@ -1,20 +0,0 @@
-import type { MockMethod } from 'vite-plugin-mock';
-
-const apis: MockMethod[] = [
-  {
-    url: '/mock/apiDemoWithAdapter',
-    method: 'post',
-    response: (): Service.MockServiceResult<ApiDemo.DataWithAdapter> => {
-      return {
-        code: 200,
-        message: 'ok',
-        data: {
-          dataId: '123',
-          dataName: 'demoName'
-        }
-      };
-    }
-  }
-];
-
-export default apis;
--- a/mock/api/index.ts
+++ b/mock/api/index.ts
@@ -1,4 +1,5 @@
 import auth from './auth';
 import route from './route';
+import management from './management';

-export default [...auth, ...route];
+export default [...auth, ...route, ...management];
--- a/mock/api/management.ts
+++ b/mock/api/management.ts
@@ -0,0 +1,33 @@
+import { mock } from 'mockjs';
+import type { MockMethod } from 'vite-plugin-mock';
+
+const apis: MockMethod[] = [
+  {
+    url: '/mock/getAllUserList',
+    method: 'post',
+    response: (): Service.MockServiceResult<ApiUserManagement.User[]> => {
+      const data = mock({
+        'list|1000': [
+          {
+            id: '@id',
+            userName: '@cname',
+            'age|18-56': 56,
+            'gender|1': ['0', '1', null],
+            phone:
+              /^[1](([3][0-9])|([4][01456789])|([5][012356789])|([6][2567])|([7][0-8])|([8][0-9])|([9][012356789]))[0-9]{8}$/,
+            'email|1': ['@email("qq.com")', null],
+            'userStatus|1': ['1', '2', '3', '4', null]
+          }
+        ]
+      });
+
+      return {
+        code: 200,
+        message: 'ok',
+        data: data.list
+      };
+    }
+  }
+];
+
+export default apis;
--- a/mock/api/route.ts
+++ b/mock/api/route.ts
@@ -1,5 +1,5 @@
 import type { MockMethod } from 'vite-plugin-mock';
-import { userModel, routeModel } from '../model';
+import { routeModel, userModel } from '../model';

 const apis: MockMethod[] = [
  {
@@ -8,7 +8,7 @@ const apis: MockMethod[] = [
    response: (options: Service.MockOption): Service.MockServiceResult => {
      const { userId = undefined } = options.body;

-      const routeHomeName: AuthRoute.RouteKey = 'dashboard_analysis';
+      const routeHomeName: AuthRoute.LastDegreeRouteKey = 'dashboard_analysis';

      const role = userModel.find(item => item.userId === userId)?.userRole || 'user';

--- a/mock/model/route.ts
+++ b/mock/model/route.ts
@@ -12,7 +12,8 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          meta: {
            title: '分析页',
            requiresAuth: true,
-            icon: 'icon-park-outline:analysis'
+            icon: 'icon-park-outline:analysis',
+            i18nTitle: 'message.routes.dashboard.analysis'
          }
        },
        {
@@ -22,14 +23,16 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          meta: {
            title: '工作台',
            requiresAuth: true,
-            icon: 'icon-park-outline:workbench'
+            icon: 'icon-park-outline:workbench',
+            i18nTitle: 'message.routes.dashboard.workbench'
          }
        }
      ],
      meta: {
        title: '仪表盘',
-        icon: 'carbon:dashboard',
-        order: 1
+        icon: 'mdi:monitor-dashboard',
+        order: 1,
+        i18nTitle: 'message.routes.dashboard._value'
      }
    },
    {
@@ -43,18 +46,9 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: 'vue文档',
+            i18nTitle: 'message.routes.document.vue',
            requiresAuth: true,
-            icon: 'mdi:vuejs'
-          }
-        },
-        {
-          name: 'document_vue-new',
-          path: '/document/vue-new',
-          component: 'self',
-          meta: {
-            title: 'vue文档(新版)',
-            requiresAuth: true,
-            icon: 'mdi:vuejs'
+            icon: 'logos:vue'
          }
        },
        {
@@ -63,24 +57,49 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: 'vite文档',
+            i18nTitle: 'message.routes.document.vite',
            requiresAuth: true,
-            icon: 'simple-icons:vite'
+            icon: 'logos:vitejs'
+          }
+        },
+        {
+          name: 'document_naive',
+          path: '/document/naive',
+          component: 'self',
+          meta: {
+            title: 'naive文档',
+            i18nTitle: 'message.routes.document.naive',
+            requiresAuth: true,
+            icon: 'logos:naiveui'
          }
        },
        {
          name: 'document_project',
          path: '/document/project',
+          component: 'self',
+          meta: {
+            title: '项目文档',
+            i18nTitle: 'message.routes.document.project',
+            requiresAuth: true,
+            localIcon: 'logo'
+          }
+        },
+        {
+          name: 'document_project-link',
+          path: '/document/project-link',
          meta: {
            title: '项目文档(外链)',
+            i18nTitle: 'message.routes.document.project-link',
            requiresAuth: true,
-            icon: 'mdi:file-link-outline',
+            localIcon: 'logo',
            href: 'https://docs.soybean.pro/'
          }
        }
      ],
      meta: {
        title: '文档',
-        icon: 'carbon:document',
+        i18nTitle: 'message.routes.document._value',
+        icon: 'mdi:file-document-multiple-outline',
        order: 2
      }
    },
@@ -95,8 +114,9 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '按钮',
+            i18nTitle: 'message.routes.component.button',
            requiresAuth: true,
-            icon: 'ic:baseline-radio-button-checked'
+            icon: 'mdi:button-cursor'
          }
        },
        {
@@ -105,6 +125,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '卡片',
+            i18nTitle: 'message.routes.component.card',
            requiresAuth: true,
            icon: 'mdi:card-outline'
          }
@@ -115,6 +136,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '表格',
+            i18nTitle: 'message.routes.component.table',
            requiresAuth: true,
            icon: 'mdi:table-large'
          }
@@ -122,7 +144,8 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
      ],
      meta: {
        title: '组件示例',
-        icon: 'fluent:app-store-24-regular',
+        i18nTitle: 'message.routes.component._value',
+        icon: 'cib:app-store',
        order: 3
      }
    },
@@ -142,34 +165,27 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              component: 'self',
              meta: {
                title: 'ECharts',
+                i18nTitle: 'message.routes.plugin.charts.echarts',
                requiresAuth: true,
                icon: 'simple-icons:apacheecharts'
              }
            },
-            {
-              name: 'plugin_charts_d3',
-              path: '/plugin/charts/d3',
-              component: 'self',
-              meta: {
-                title: 'D3',
-                requiresAuth: true,
-                icon: 'simple-icons:d3dotjs'
-              }
-            },
            {
              name: 'plugin_charts_antv',
              path: '/plugin/charts/antv',
              component: 'self',
              meta: {
                title: 'AntV',
+                i18nTitle: 'message.routes.plugin.charts.antv',
                requiresAuth: true,
-                icon: 'ant-design:bar-chart-outlined'
+                icon: 'simple-icons:antdesign'
              }
            }
          ],
          meta: {
            title: '图表',
-            icon: 'material-symbols:bar-chart-rounded'
+            i18nTitle: 'message.routes.plugin.charts._value',
+            icon: 'mdi:chart-areaspline'
          }
        },
        {
@@ -178,6 +194,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '地图',
+            i18nTitle: 'message.routes.plugin.map',
            requiresAuth: true,
            icon: 'mdi:map'
          }
@@ -188,6 +205,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '视频',
+            i18nTitle: 'message.routes.plugin.video',
            requiresAuth: true,
            icon: 'mdi:video'
          }
@@ -203,6 +221,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              component: 'self',
              meta: {
                title: '富文本编辑器',
+                i18nTitle: 'message.routes.plugin.editor.quill',
                requiresAuth: true,
                icon: 'mdi:file-document-edit-outline'
              }
@@ -213,6 +232,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              component: 'self',
              meta: {
                title: 'markdown编辑器',
+                i18nTitle: 'message.routes.plugin.editor.markdown',
                requiresAuth: true,
                icon: 'ri:markdown-line'
              }
@@ -220,6 +240,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          ],
          meta: {
            title: '编辑器',
+            i18nTitle: 'message.routes.plugin.editor._value',
            icon: 'icon-park-outline:editor'
          }
        },
@@ -229,6 +250,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: 'Swiper插件',
+            i18nTitle: 'message.routes.plugin.swiper',
            requiresAuth: true,
            icon: 'simple-icons:swiper'
          }
@@ -239,6 +261,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '剪贴板',
+            i18nTitle: 'message.routes.plugin.copy',
            requiresAuth: true,
            icon: 'mdi:clipboard-outline'
          }
@@ -249,8 +272,9 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '图标',
+            i18nTitle: 'message.routes.plugin.icon',
            requiresAuth: true,
-            icon: 'ic:baseline-insert-emoticon'
+            localIcon: 'custom-icon'
          }
        },
        {
@@ -259,13 +283,15 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '打印',
+            i18nTitle: 'message.routes.plugin.print',
            requiresAuth: true,
-            icon: 'ic:baseline-local-printshop'
+            icon: 'mdi:printer'
          }
        }
      ],
      meta: {
        title: '插件示例',
+        i18nTitle: 'message.routes.plugin._value',
        icon: 'clarity:plugin-line',
        order: 4
      }
@@ -281,6 +307,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '权限切换',
+            i18nTitle: 'message.routes.auth-demo.permission',
            requiresAuth: true,
            icon: 'ic:round-construction'
          }
@@ -291,6 +318,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '超级管理员可见',
+            i18nTitle: 'message.routes.auth-demo.super',
            requiresAuth: true,
            icon: 'ic:round-supervisor-account'
          }
@@ -298,6 +326,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
      ],
      meta: {
        title: '权限示例',
+        i18nTitle: 'message.routes.auth-demo._value',
        icon: 'ic:baseline-security',
        order: 5
      }
@@ -313,6 +342,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: 'Tab',
+            i18nTitle: 'message.routes.function.tab',
            requiresAuth: true,
            icon: 'ic:round-tab'
          }
@@ -345,7 +375,8 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
      ],
      meta: {
        title: '功能',
-        icon: 'ri:function-line',
+        i18nTitle: 'message.routes.function._value',
+        icon: 'icon-park-outline:all-application',
        order: 6
      }
    },
@@ -360,6 +391,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '异常页403',
+            i18nTitle: 'message.routes.exception.403',
            requiresAuth: true,
            icon: 'ic:baseline-block'
          }
@@ -370,6 +402,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '异常页404',
+            i18nTitle: 'message.routes.exception.404',
            requiresAuth: true,
            icon: 'ic:baseline-web-asset-off'
          }
@@ -380,12 +413,14 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '异常页500',
+            i18nTitle: 'message.routes.exception.500',
            requiresAuth: true,
            icon: 'ic:baseline-wifi-off'
          }
        }
      ],
      meta: {
+        i18nTitle: 'message.routes.exception._value',
        title: '异常页',
        icon: 'ant-design:exception-outlined',
        order: 7
@@ -407,8 +442,9 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              component: 'self',
              meta: {
                title: '二级菜单',
+                i18nTitle: 'message.routes.multi-menu.first.second',
                requiresAuth: true,
-                icon: 'ic:outline-menu'
+                icon: 'mdi:menu'
              }
            },
            {
@@ -422,39 +458,102 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
                  component: 'self',
                  meta: {
                    title: '三级菜单',
+                    i18nTitle: 'message.routes.multi-menu.first.second-new.third',
                    requiresAuth: true,
-                    icon: 'ic:outline-menu'
+                    icon: 'mdi:menu'
                  }
                }
              ],
              meta: {
                title: '二级菜单(有子菜单)',
-                icon: 'ic:outline-menu'
+                i18nTitle: 'message.routes.multi-menu.first.second-new._value',
+                icon: 'mdi:menu'
              }
            }
          ],
          meta: {
            title: '一级菜单',
-            icon: 'ic:outline-menu'
+            i18nTitle: 'message.routes.multi-menu.first._value',
+            icon: 'mdi:menu'
          }
        }
      ],
      meta: {
        title: '多级菜单',
+        i18nTitle: 'message.routes.multi-menu._value',
        icon: 'carbon:menu',
        order: 8
      }
    },
+    {
+      name: 'management',
+      path: '/management',
+      component: 'basic',
+      children: [
+        {
+          name: 'management_auth',
+          path: '/management/auth',
+          component: 'self',
+          meta: {
+            title: '权限管理',
+            i18nTitle: 'message.routes.management.auth',
+            requiresAuth: true,
+            icon: 'ic:baseline-security'
+          }
+        },
+        {
+          name: 'management_role',
+          path: '/management/role',
+          component: 'self',
+          meta: {
+            title: '角色管理',
+            i18nTitle: 'message.routes.management.role',
+            requiresAuth: true,
+            icon: 'carbon:user-role'
+          }
+        },
+        {
+          name: 'management_user',
+          path: '/management/user',
+          component: 'self',
+          meta: {
+            title: '用户管理',
+            i18nTitle: 'message.routes.management.user',
+            requiresAuth: true,
+            icon: 'ic:round-manage-accounts'
+          }
+        },
+        {
+          name: 'management_route',
+          path: '/management/route',
+          component: 'self',
+          meta: {
+            title: '路由管理',
+            i18nTitle: 'message.routes.management.route',
+            requiresAuth: true,
+            icon: 'material-symbols:route'
+          }
+        }
+      ],
+      meta: {
+        title: '系统管理',
+        i18nTitle: 'message.routes.management._value',
+        icon: 'carbon:cloud-service-management',
+        order: 9
+      }
+    },
    {
      name: 'about',
      path: '/about',
      component: 'self',
      meta: {
        title: '关于',
+        i18nTitle: 'message.routes.about',
        requiresAuth: true,
+        keepAlive: true,
        singleLayout: 'basic',
        icon: 'fluent:book-information-24-regular',
-        order: 9
+        order: 10
      }
    }
  ],
@@ -471,7 +570,8 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          meta: {
            title: '分析页',
            requiresAuth: true,
-            icon: 'icon-park-outline:analysis'
+            icon: 'icon-park-outline:analysis',
+            i18nTitle: 'message.routes.dashboard.analysis'
          }
        },
        {
@@ -481,14 +581,16 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          meta: {
            title: '工作台',
            requiresAuth: true,
-            icon: 'icon-park-outline:workbench'
+            icon: 'icon-park-outline:workbench',
+            i18nTitle: 'message.routes.dashboard.workbench'
          }
        }
      ],
      meta: {
        title: '仪表盘',
-        icon: 'carbon:dashboard',
-        order: 1
+        icon: 'mdi:monitor-dashboard',
+        order: 1,
+        i18nTitle: 'message.routes.dashboard._value'
      }
    },
    {
@@ -502,18 +604,9 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: 'vue文档',
+            i18nTitle: 'message.routes.document.vue',
            requiresAuth: true,
-            icon: 'mdi:vuejs'
-          }
-        },
-        {
-          name: 'document_vue-new',
-          path: '/document/vue-new',
-          component: 'self',
-          meta: {
-            title: 'vue文档(新版)',
-            requiresAuth: true,
-            icon: 'mdi:vuejs'
+            icon: 'logos:vue'
          }
        },
        {
@@ -522,24 +615,49 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: 'vite文档',
+            i18nTitle: 'message.routes.document.vite',
            requiresAuth: true,
-            icon: 'simple-icons:vite'
+            icon: 'logos:vitejs'
+          }
+        },
+        {
+          name: 'document_naive',
+          path: '/document/naive',
+          component: 'self',
+          meta: {
+            title: 'naive文档',
+            i18nTitle: 'message.routes.document.naive',
+            requiresAuth: true,
+            icon: 'logos:naiveui'
          }
        },
        {
          name: 'document_project',
          path: '/document/project',
+          component: 'self',
+          meta: {
+            title: '项目文档',
+            i18nTitle: 'message.routes.document.project',
+            requiresAuth: true,
+            localIcon: 'logo'
+          }
+        },
+        {
+          name: 'document_project-link',
+          path: '/document/project-link',
          meta: {
            title: '项目文档(外链)',
+            i18nTitle: 'message.routes.document.project-link',
            requiresAuth: true,
-            icon: 'mdi:file-link-outline',
+            localIcon: 'logo',
            href: 'https://docs.soybean.pro/'
          }
        }
      ],
      meta: {
        title: '文档',
-        icon: 'carbon:document',
+        i18nTitle: 'message.routes.document._value',
+        icon: 'mdi:file-document-multiple-outline',
        order: 2
      }
    },
@@ -554,8 +672,9 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '按钮',
+            i18nTitle: 'message.routes.component.button',
            requiresAuth: true,
-            icon: 'ic:baseline-radio-button-checked'
+            icon: 'mdi:button-cursor'
          }
        },
        {
@@ -564,6 +683,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '卡片',
+            i18nTitle: 'message.routes.component.card',
            requiresAuth: true,
            icon: 'mdi:card-outline'
          }
@@ -574,6 +694,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '表格',
+            i18nTitle: 'message.routes.component.table',
            requiresAuth: true,
            icon: 'mdi:table-large'
          }
@@ -581,7 +702,8 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
      ],
      meta: {
        title: '组件示例',
-        icon: 'fluent:app-store-24-regular',
+        i18nTitle: 'message.routes.component._value',
+        icon: 'cib:app-store',
        order: 3
      }
    },
@@ -601,34 +723,27 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              component: 'self',
              meta: {
                title: 'ECharts',
+                i18nTitle: 'message.routes.plugin.charts.echarts',
                requiresAuth: true,
                icon: 'simple-icons:apacheecharts'
              }
            },
-            {
-              name: 'plugin_charts_d3',
-              path: '/plugin/charts/d3',
-              component: 'self',
-              meta: {
-                title: 'D3',
-                requiresAuth: true,
-                icon: 'simple-icons:d3dotjs'
-              }
-            },
            {
              name: 'plugin_charts_antv',
              path: '/plugin/charts/antv',
              component: 'self',
              meta: {
                title: 'AntV',
+                i18nTitle: 'message.routes.plugin.charts.antv',
                requiresAuth: true,
-                icon: 'ant-design:bar-chart-outlined'
+                icon: 'simple-icons:antdesign'
              }
            }
          ],
          meta: {
            title: '图表',
-            icon: 'material-symbols:bar-chart-rounded'
+            i18nTitle: 'message.routes.plugin.charts._value',
+            icon: 'mdi:chart-areaspline'
          }
        },
        {
@@ -637,6 +752,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '地图',
+            i18nTitle: 'message.routes.plugin.map',
            requiresAuth: true,
            icon: 'mdi:map'
          }
@@ -647,6 +763,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '视频',
+            i18nTitle: 'message.routes.plugin.video',
            requiresAuth: true,
            icon: 'mdi:video'
          }
@@ -662,6 +779,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              component: 'self',
              meta: {
                title: '富文本编辑器',
+                i18nTitle: 'message.routes.plugin.editor.quill',
                requiresAuth: true,
                icon: 'mdi:file-document-edit-outline'
              }
@@ -672,6 +790,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              component: 'self',
              meta: {
                title: 'markdown编辑器',
+                i18nTitle: 'message.routes.plugin.editor.markdown',
                requiresAuth: true,
                icon: 'ri:markdown-line'
              }
@@ -679,6 +798,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          ],
          meta: {
            title: '编辑器',
+            i18nTitle: 'message.routes.plugin.editor._value',
            icon: 'icon-park-outline:editor'
          }
        },
@@ -688,6 +808,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: 'Swiper插件',
+            i18nTitle: 'message.routes.plugin.swiper',
            requiresAuth: true,
            icon: 'simple-icons:swiper'
          }
@@ -698,6 +819,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '剪贴板',
+            i18nTitle: 'message.routes.plugin.copy',
            requiresAuth: true,
            icon: 'mdi:clipboard-outline'
          }
@@ -708,8 +830,9 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '图标',
+            i18nTitle: 'message.routes.plugin.icon',
            requiresAuth: true,
-            icon: 'ic:baseline-insert-emoticon'
+            localIcon: 'custom-icon'
          }
        },
        {
@@ -718,13 +841,15 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '打印',
+            i18nTitle: 'message.routes.plugin.print',
            requiresAuth: true,
-            icon: 'ic:baseline-local-printshop'
+            icon: 'mdi:printer'
          }
        }
      ],
      meta: {
        title: '插件示例',
+        i18nTitle: 'message.routes.plugin._value',
        icon: 'clarity:plugin-line',
        order: 4
      }
@@ -740,13 +865,26 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '权限切换',
+            i18nTitle: 'message.routes.auth-demo.permission',
            requiresAuth: true,
            icon: 'ic:round-construction'
          }
+        },
+        {
+          name: 'auth-demo_super',
+          path: '/auth-demo/super',
+          component: 'self',
+          meta: {
+            title: '超级管理员可见',
+            i18nTitle: 'message.routes.auth-demo.super',
+            requiresAuth: true,
+            icon: 'ic:round-supervisor-account'
+          }
        }
      ],
      meta: {
        title: '权限示例',
+        i18nTitle: 'message.routes.auth-demo._value',
        icon: 'ic:baseline-security',
        order: 5
      }
@@ -762,6 +900,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: 'Tab',
+            i18nTitle: 'message.routes.function.tab',
            requiresAuth: true,
            icon: 'ic:round-tab'
          }
@@ -794,7 +933,8 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
      ],
      meta: {
        title: '功能',
-        icon: 'ri:function-line',
+        i18nTitle: 'message.routes.function._value',
+        icon: 'icon-park-outline:all-application',
        order: 6
      }
    },
@@ -809,6 +949,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '异常页403',
+            i18nTitle: 'message.routes.exception.403',
            requiresAuth: true,
            icon: 'ic:baseline-block'
          }
@@ -819,6 +960,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '异常页404',
+            i18nTitle: 'message.routes.exception.404',
            requiresAuth: true,
            icon: 'ic:baseline-web-asset-off'
          }
@@ -829,12 +971,14 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '异常页500',
+            i18nTitle: 'message.routes.exception.500',
            requiresAuth: true,
            icon: 'ic:baseline-wifi-off'
          }
        }
      ],
      meta: {
+        i18nTitle: 'message.routes.exception._value',
        title: '异常页',
        icon: 'ant-design:exception-outlined',
        order: 7
@@ -856,8 +1000,9 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              component: 'self',
              meta: {
                title: '二级菜单',
+                i18nTitle: 'message.routes.multi-menu.first.second',
                requiresAuth: true,
-                icon: 'ic:outline-menu'
+                icon: 'mdi:menu'
              }
            },
            {
@@ -871,39 +1016,102 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
                  component: 'self',
                  meta: {
                    title: '三级菜单',
+                    i18nTitle: 'message.routes.multi-menu.first.second-new.third',
                    requiresAuth: true,
-                    icon: 'ic:outline-menu'
+                    icon: 'mdi:menu'
                  }
                }
              ],
              meta: {
                title: '二级菜单(有子菜单)',
-                icon: 'ic:outline-menu'
+                i18nTitle: 'message.routes.multi-menu.first.second-new._value',
+                icon: 'mdi:menu'
              }
            }
          ],
          meta: {
            title: '一级菜单',
-            icon: 'ic:outline-menu'
+            i18nTitle: 'message.routes.multi-menu.first._value',
+            icon: 'mdi:menu'
          }
        }
      ],
      meta: {
        title: '多级菜单',
+        i18nTitle: 'message.routes.multi-menu._value',
        icon: 'carbon:menu',
        order: 8
      }
    },
+    {
+      name: 'management',
+      path: '/management',
+      component: 'basic',
+      children: [
+        {
+          name: 'management_auth',
+          path: '/management/auth',
+          component: 'self',
+          meta: {
+            title: '权限管理',
+            i18nTitle: 'message.routes.management.auth',
+            requiresAuth: true,
+            icon: 'ic:baseline-security'
+          }
+        },
+        {
+          name: 'management_role',
+          path: '/management/role',
+          component: 'self',
+          meta: {
+            title: '角色管理',
+            i18nTitle: 'message.routes.management.role',
+            requiresAuth: true,
+            icon: 'carbon:user-role'
+          }
+        },
+        {
+          name: 'management_user',
+          path: '/management/user',
+          component: 'self',
+          meta: {
+            title: '用户管理',
+            i18nTitle: 'message.routes.management.user',
+            requiresAuth: true,
+            icon: 'ic:round-manage-accounts'
+          }
+        },
+        {
+          name: 'management_route',
+          path: '/management/route',
+          component: 'self',
+          meta: {
+            title: '路由管理',
+            i18nTitle: 'message.routes.management.route',
+            requiresAuth: true,
+            icon: 'material-symbols:route'
+          }
+        }
+      ],
+      meta: {
+        title: '系统管理',
+        i18nTitle: 'message.routes.management._value',
+        icon: 'carbon:cloud-service-management',
+        order: 9
+      }
+    },
    {
      name: 'about',
      path: '/about',
      component: 'self',
      meta: {
        title: '关于',
+        i18nTitle: 'message.routes.about',
        requiresAuth: true,
+        keepAlive: true,
        singleLayout: 'basic',
        icon: 'fluent:book-information-24-regular',
-        order: 9
+        order: 10
      }
    }
  ],
@@ -920,14 +1128,27 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          meta: {
            title: '分析页',
            requiresAuth: true,
-            icon: 'icon-park-outline:analysis'
+            icon: 'icon-park-outline:analysis',
+            i18nTitle: 'message.routes.dashboard.analysis'
+          }
+        },
+        {
+          name: 'dashboard_workbench',
+          path: '/dashboard/workbench',
+          component: 'self',
+          meta: {
+            title: '工作台',
+            requiresAuth: true,
+            icon: 'icon-park-outline:workbench',
+            i18nTitle: 'message.routes.dashboard.workbench'
          }
        }
      ],
      meta: {
        title: '仪表盘',
-        icon: 'carbon:dashboard',
-        order: 1
+        icon: 'mdi:monitor-dashboard',
+        order: 1,
+        i18nTitle: 'message.routes.dashboard._value'
      }
    },
    {
@@ -941,13 +1162,26 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '权限切换',
+            i18nTitle: 'message.routes.auth-demo.permission',
            requiresAuth: true,
            icon: 'ic:round-construction'
          }
+        },
+        {
+          name: 'auth-demo_super',
+          path: '/auth-demo/super',
+          component: 'self',
+          meta: {
+            title: '超级管理员可见',
+            i18nTitle: 'message.routes.auth-demo.super',
+            requiresAuth: true,
+            icon: 'ic:round-supervisor-account'
+          }
        }
      ],
      meta: {
        title: '权限示例',
+        i18nTitle: 'message.routes.auth-demo._value',
        icon: 'ic:baseline-security',
        order: 5
      }
@@ -968,8 +1202,9 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              component: 'self',
              meta: {
                title: '二级菜单',
+                i18nTitle: 'message.routes.multi-menu.first.second',
                requiresAuth: true,
-                icon: 'ic:outline-menu'
+                icon: 'mdi:menu'
              }
            },
            {
@@ -983,27 +1218,31 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
                  component: 'self',
                  meta: {
                    title: '三级菜单',
+                    i18nTitle: 'message.routes.multi-menu.first.second-new.third',
                    requiresAuth: true,
-                    icon: 'ic:outline-menu'
+                    icon: 'mdi:menu'
                  }
                }
              ],
              meta: {
                title: '二级菜单(有子菜单)',
-                icon: 'ic:outline-menu'
+                i18nTitle: 'message.routes.multi-menu.first.second-new._value',
+                icon: 'mdi:menu'
              }
            }
          ],
          meta: {
            title: '一级菜单',
-            icon: 'ic:outline-menu'
+            i18nTitle: 'message.routes.multi-menu.first._value',
+            icon: 'mdi:menu'
          }
        }
      ],
      meta: {
        title: '多级菜单',
+        i18nTitle: 'message.routes.multi-menu._value',
        icon: 'carbon:menu',
-        order: 7
+        order: 8
      }
    },
    {
@@ -1012,10 +1251,12 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
      component: 'self',
      meta: {
        title: '关于',
+        i18nTitle: 'message.routes.about',
        requiresAuth: true,
+        keepAlive: true,
        singleLayout: 'basic',
        icon: 'fluent:book-information-24-regular',
-        order: 8
+        order: 10
      }
    }
  ]
--- a/package.json
+++ b/package.json
@@ -1,105 +1,135 @@
 {
  "name": "soybean-admin",
-  "version": "0.9.5",
+  "version": "0.10.1",
+  "description": "A fresh and elegant admin template, based on Vue3、Vite3、TypeScript、NaiveUI and UnoCSS. 一个基于Vue3、Vite3、TypeScript、NaiveUI and UnoCSS的清新优雅的中后台模版。",
+  "author": {
+    "name": "Soybean",
+    "email": "honghuangdc@gmail.com",
+    "url": "https://github.com/honghuangdc"
+  },
  "license": "MIT",
+  "homepage": "https://github.com/honghuangdc/soybean-admin",
+  "repository": {
+    "url": "https://github.com/honghuangdc/soybean-admin.git"
+  },
+  "bugs": {
+    "url": "https://github.com/honghuangdc/soybean-admin/issues"
+  },
+  "keywords": [
+    "Vue",
+    "Vue3",
+    "admin",
+    "admin-template",
+    "vue-admin",
+    "vue-admin-template",
+    "Vite3",
+    "Vite",
+    "vite-admin",
+    "TypeScript",
+    "TS",
+    "NaiveUI",
+    "naive-ui",
+    "naive-admin",
+    "NaiveUI-Admin",
+    "naive-ui-admin",
+    "UnoCSS"
+  ],
  "scripts": {
-    "dev": "cross-env VITE_ENV_TYPE=dev vite",
-    "dev:test": "cross-env VITE_ENV_TYPE=test vite",
-    "dev:prod": "cross-env VITE_ENV_TYPE=prod vite",
-    "build": "npm run typecheck && cross-env VITE_ENV_TYPE=prod vite build",
-    "build:dev": "npm run typecheck && cross-env VITE_ENV_TYPE=dev vite build",
-    "build:test": "npm run typecheck && cross-env VITE_ENV_TYPE=test vite build",
-    "build:vercel": "cross-env VITE_HASH_ROUTE=true vite build",
+    "dev": "cross-env VITE_SERVICE_ENV=dev vite",
+    "dev:test": "cross-env VITE_SERVICE_ENV=test vite",
+    "dev:prod": "cross-env VITE_SERVICE_ENV=prod vite",
+    "build": "npm run typecheck && cross-env VITE_SERVICE_ENV=prod vite build",
+    "build:dev": "npm run typecheck && cross-env VITE_SERVICE_ENV=dev vite build",
+    "build:test": "npm run typecheck && cross-env VITE_SERVICE_ENV=test vite build",
+    "build:vercel": "cross-env VITE_HASH_ROUTE=Y VITE_VERCEL=Y vite build",
    "preview": "vite preview",
-    "typecheck": "vue-tsc --noEmit",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
-    "prepare": "husky install",
-    "postinstall": "patch-package",
-    "release": "standard-version",
-    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0 && git add CHANGELOG.md"
-  },
-  "lint-staged": {
-    "*.{vue,js,jsx,ts,tsx}": "eslint --fix"
-  },
-  "config": {
-    "commitizen": {
-      "path": "./node_modules/cz-customizable"
-    }
+    "typecheck": "vue-tsc --noEmit --skipLibCheck",
+    "lint": "eslint . --fix",
+    "format": "soy prettier-format",
+    "commit": "soy git-commit",
+    "cleanup": "soy cleanup",
+    "update-pkg": "soy update-pkg",
+    "tsx": "tsx",
+    "logo": "tsx ./scripts/logo.ts",
+    "update-version": "bumpp --commit --push --tag",
+    "prepare": "soy init-git-hooks"
  },
  "dependencies": {
-    "@antv/data-set": "^0.11.8",
-    "@antv/g2": "^4.2.2",
-    "@better-scroll/core": "^2.4.2",
-    "@soybeanjs/vue-admin-layout": "^1.0.4",
-    "@soybeanjs/vue-admin-tab": "^1.0.2",
-    "@vueuse/core": "^8.6.0",
-    "axios": "^0.27.2",
-    "clipboard": "^2.0.11",
-    "colord": "^2.9.2",
-    "crypto-js": "^4.1.1",
-    "dayjs": "^1.11.3",
-    "echarts": "^5.3.2",
-    "form-data": "^4.0.0",
-    "lodash-es": "^4.17.21",
-    "naive-ui": "^2.30.0",
-    "pinia": "^2.0.14",
-    "print-js": "^1.6.0",
-    "qs": "^6.10.3",
-    "swiper": "^8.2.2",
-    "ua-parser-js": "^1.0.2",
-    "vditor": "^3.8.15",
-    "vue": "3.2.36",
-    "vue-router": "^4.0.15",
-    "wangeditor": "^4.7.15",
-    "xgplayer": "^2.31.6"
+    "@antv/data-set": "0.11.8",
+    "@antv/g2": "4.2.10",
+    "@better-scroll/core": "2.5.1",
+    "@soybeanjs/vue-materials": "0.1.15",
+    "@vueuse/core": "10.1.2",
+    "axios": "1.4.0",
+    "clipboard": "2.0.11",
+    "colord": "2.9.3",
+    "crypto-js": "4.1.1",
+    "dayjs": "1.11.7",
+    "echarts": "5.4.2",
+    "form-data": "4.0.0",
+    "lodash-es": "4.17.21",
+    "naive-ui": "2.34.4",
+    "pinia": "2.1.3",
+    "print-js": "1.6.0",
+    "qs": "6.11.2",
+    "swiper": "9.3.2",
+    "ua-parser-js": "1.0.35",
+    "vditor": "3.9.3",
+    "vue": "3.3.4",
+    "vue-i18n": "9.2.2",
+    "vue-router": "4.2.2",
+    "vuedraggable": "4.1.0",
+    "wangeditor": "4.7.15",
+    "xgplayer": "3.0.2"
  },
  "devDependencies": {
-    "@amap/amap-jsapi-types": "^0.0.8",
-    "@commitlint/cli": "^17.0.2",
-    "@commitlint/config-conventional": "^17.0.2",
-    "@iconify/json": "^2.1.56",
-    "@iconify/vue": "^3.2.1",
-    "@types/bmapgl": "^0.0.5",
-    "@types/crypto-js": "^4.1.1",
-    "@types/node": "^17.0.40",
-    "@types/qs": "^6.9.7",
-    "@types/ua-parser-js": "^0.7.36",
-    "@typescript-eslint/eslint-plugin": "^5.27.0",
-    "@typescript-eslint/parser": "^5.27.0",
-    "@vitejs/plugin-vue": "^2.3.3",
-    "@vitejs/plugin-vue-jsx": "^1.3.10",
-    "@vue/eslint-config-prettier": "^7.0.0",
-    "@vue/eslint-config-typescript": "^10.0.0",
-    "commitizen": "^4.2.4",
-    "cross-env": "^7.0.3",
-    "cz-conventional-changelog": "^3.3.0",
-    "cz-customizable": "^6.3.0",
-    "eslint": "^8.17.0",
-    "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "9.1.0",
-    "husky": "^8.0.1",
-    "lint-staged": "^13.0.0",
-    "mockjs": "^1.1.0",
-    "patch-package": "^6.4.7",
-    "postinstall-postinstall": "^2.1.0",
-    "prettier": "^2.6.2",
-    "rollup-plugin-visualizer": "^5.6.0",
-    "sass": "^1.52.2",
-    "standard-version": "^9.5.0",
-    "typescript": "^4.7.3",
-    "unocss": "^0.37.4",
-    "unplugin-icons": "^0.14.3",
-    "unplugin-vue-components": "0.19.6",
-    "unplugin-vue-define-options": "^0.6.1",
-    "vite": "^2.9.9",
-    "vite-plugin-compression": "^0.5.1",
-    "vite-plugin-html": "^3.2.0",
-    "vite-plugin-mock": "^2.9.6",
-    "vue-eslint-parser": "^9.0.2",
-    "vue-tsc": "^0.36.1"
+    "@amap/amap-jsapi-types": "0.0.13",
+    "@iconify/json": "2.2.71",
+    "@iconify/vue": "4.1.1",
+    "@soybeanjs/cli": "0.3.2",
+    "@soybeanjs/vite-plugin-vue-page-route": "0.0.5",
+    "@types/bmapgl": "0.0.7",
+    "@types/crypto-js": "4.1.1",
+    "@types/node": "20.2.5",
+    "@types/qs": "6.9.7",
+    "@types/ua-parser-js": "0.7.36",
+    "@unocss/preset-uno": "0.52.5",
+    "@unocss/transformer-directives": "0.52.5",
+    "@unocss/vite": "0.52.5",
+    "@vitejs/plugin-vue": "4.2.3",
+    "@vitejs/plugin-vue-jsx": "3.0.1",
+    "bumpp": "9.1.0",
+    "cross-env": "7.0.3",
+    "eslint": "8.41.0",
+    "eslint-config-soybeanjs": "0.4.7",
+    "lint-staged": "13.2.2",
+    "mockjs": "1.1.0",
+    "rollup-plugin-visualizer": "5.9.0",
+    "sass": "1.62.1",
+    "simple-git-hooks": "2.8.1",
+    "tsx": "3.12.7",
+    "typescript": "5.0.4",
+    "unplugin-icons": "0.16.1",
+    "unplugin-vue-components": "0.25.0",
+    "vite": "4.3.9",
+    "vite-plugin-compression": "0.5.1",
+    "vite-plugin-mock": "2.9.8",
+    "vite-plugin-progress": "0.0.7",
+    "vite-plugin-pwa": "0.15.2",
+    "vite-plugin-svg-icons": "2.0.1",
+    "vue-tsc": "1.6.5"
+  },
+  "pnpm": {
+    "patchedDependencies": {
+      "mockjs@1.1.0": "patches/mockjs@1.1.0.patch"
+    }
+  },
+  "simple-git-hooks": {
+    "commit-msg": "pnpm soy git-commit-verify",
+    "pre-commit": "pnpm typecheck && pnpm lint-staged"
+  },
+  "lint-staged": {
+    "*.{js,mjs,jsx,ts,mts,tsx,json,vue,svelte,astro}": "eslint . --fix",
+    "*.!{js,mjs,jsx,ts,mts,tsx,json,vue,svelte,astro}": "format"
  }
 }
--- a/patches/mockjs@1.1.0.patch
+++ b/patches/mockjs@1.1.0.patch
@@ -0,0 +1,732 @@
+diff --git a/dist/mock.js b/dist/mock.js
+index 35d5b9af3eff34324656879705dcb81470fc9697..3e6a52e0fbfdd39d3aaf1592ffd19ecde33320f3 100644
+--- a/dist/mock.js
+++ b/dist/mock.js
+@@ -126,17 +126,17 @@ return /******/ (function(modules) { // webpackBootstrap
+ /* 1 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+-	/*
+	/*
+ 	    ## Handler
+
+ 	    处理数据模板。
+-
+
+ 	    * Handler.gen( template, name?, context? )
+
+ 	        入口方法。
+
+ 	    * Data Template Definition, DTD
+-
+
+ 	        处理数据模板定义。
+
+ 	        * Handler.array( options )
+@@ -146,7 +146,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	        * Handler.string( options )
+ 	        * Handler.function( options )
+ 	        * Handler.regexp( options )
+-
+
+ 	        处理路径（相对和绝对）。
+
+ 	        * Handler.getValueByKeyPath( key, options )
+@@ -177,7 +177,7 @@ return /******/ (function(modules) { // webpackBootstrap
+
+ 	    Handle.gen(template, name, options)
+ 	    context
+-	        currentContext, templateCurrentContext,
+	        currentContext, templateCurrentContext,
+ 	        path, templatePath
+ 	        root, templateRoot
+ 	*/
+@@ -456,7 +456,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	                phed = Handler.placeholder(ph, options.context.currentContext, options.context.templateCurrentContext, options)
+
+ 	                // 只有一个占位符，并且没有其他字符
+-	                if (placeholders.length === 1 && ph === result && typeof phed !== typeof result) { //
+	                if (placeholders.length === 1 && ph === result && typeof phed !== typeof result) { //
+ 	                    result = phed
+ 	                    break
+
+@@ -627,7 +627,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	            }
+ 	            // 引用的值已经计算好
+ 	            if (currentContext && (key in currentContext)) return currentContext[key]
+-
+
+ 	            // 尚未计算，递归引用数据模板中的属性
+ 	            if (templateCurrentContext &&
+ 	                (typeof templateCurrentContext === 'object') &&
+@@ -816,13 +816,13 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	        var tpl = Mock.heredoc(function() {
+ 	            /*!
+ 	        {{email}}{{age}}
+-	        <!-- Mock {
+	        <!-- Mock {
+ 	            email: '@EMAIL',
+ 	            age: '@INT(1,100)'
+ 	        } -->
+ 	            *\/
+ 	        })
+-
+
+ 	    **相关阅读**
+ 	    * [Creating multiline strings in JavaScript](http://stackoverflow.com/questions/805107/creating-multiline-strings-in-javascript)、
+ 	*/
+@@ -850,7 +850,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 		解析数据模板（属性名部分）。
+
+ 		* Parser.parse( name )
+-
+
+ 			```json
+ 			{
+ 				parameters: [ name, inc, range, decimal ],
+@@ -922,7 +922,7 @@ return /******/ (function(modules) { // webpackBootstrap
+
+ 	/*
+ 	    ## Mock.Random
+-
+
+ 	    工具类，用于生成各种随机数据。
+ 	*/
+
+@@ -1251,7 +1251,7 @@ return /******/ (function(modules) { // webpackBootstrap
+
+ 	        替代图片源
+ 	            http://fpoimg.com/
+-	        参考自
+	        参考自
+ 	            http://rensanning.iteye.com/blog/1933310
+ 	            http://code.tutsplus.com/articles/the-top-8-placeholders-for-web-designers--net-19485
+ 	    */
+@@ -1541,7 +1541,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	        var bg_colour = Math.floor(Math.random() * 16777215).toString(16);
+ 	        bg_colour = "#" + ("000000" + bg_colour).slice(-6);
+ 	        document.bgColor = bg_colour;
+-
+
+ 	    http://martin.ankerl.com/2009/12/09/how-to-create-random-colors-programmatically/
+ 	        Creating random colors is actually more difficult than it seems. The randomness itself is easy, but aesthetically pleasing randomness is more difficult.
+ 	        https://github.com/devongovett/color-generator
+@@ -1561,7 +1561,7 @@ return /******/ (function(modules) { // webpackBootstrap
+
+ 	    http://tool.c7sky.com/webcolor
+ 	        网页设计常用色彩搭配表
+-
+
+ 	    https://github.com/One-com/one-color
+ 	        An OO-based JavaScript color parser/computation toolkit with support for RGB, HSV, HSL, CMYK, and alpha channels.
+ 	        API 很赞
+@@ -1593,7 +1593,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	            color += letters[Math.floor(Math.random() * 16)]
+ 	        }
+ 	        return color
+-
+
+ 	        // 随机生成一个无脑的颜色，格式为 '#RRGGBB'。
+ 	        // _brainlessColor()
+ 	        var color = Math.floor(
+@@ -1959,7 +1959,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	        }
+ 	        return result.join(' ')
+ 	    },
+-	    //
+	    //
+ 	    cparagraph: function(min, max) {
+ 	        var len = range(3, 7, min, max)
+ 	        var result = []
+@@ -2282,17 +2282,17 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	        随机生成一个 URL。
+
+ 	        [URL 规范](http://www.w3.org/Addressing/URL/url-spec.txt)
+-	            http                    Hypertext Transfer Protocol
+-	            ftp                     File Transfer protocol
+-	            gopher                  The Gopher protocol
+-	            mailto                  Electronic mail address
+-	            mid                     Message identifiers for electronic mail
+-	            cid                     Content identifiers for MIME body part
+-	            news                    Usenet news
+-	            nntp                    Usenet news for local NNTP access only
+-	            prospero                Access using the prospero protocols
+	            http                    Hypertext Transfer Protocol
+	            ftp                     File Transfer protocol
+	            gopher                  The Gopher protocol
+	            mailto                  Electronic mail address
+	            mid                     Message identifiers for electronic mail
+	            cid                     Content identifiers for MIME body part
+	            news                    Usenet news
+	            nntp                    Usenet news for local NNTP access only
+	            prospero                Access using the prospero protocols
+ 	            telnet rlogin tn3270    Reference to interactive sessions
+-	            wais                    Wide Area Information Servers
+	            wais                    Wide Area Information Servers
+ 	    */
+ 	    url: function(protocol, host) {
+ 	        return (protocol || this.protocol()) + '://' + // protocol?
+@@ -2422,9 +2422,9 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	    西南   重庆市 四川省 贵州省 云南省 西藏自治区
+ 	    西北   陕西省 甘肃省 青海省 宁夏回族自治区 新疆维吾尔自治区
+ 	    港澳台 香港特别行政区 澳门特别行政区 台湾省
+-
+
+ 	    **排序**
+-
+
+ 	    ```js
+ 	    var map = {}
+ 	    _.each(_.keys(REGIONS),function(id){
+@@ -6527,7 +6527,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 		                "0" / "1" / "2" / "3" / "4" / "5" / "6" / "7" / "8" / "9" /
+ 		                "a" / "b" / "c" / "d" / "e" / "f" /
+ 		                "A" / "B" / "C" / "D" / "E" / "F"
+-
+
+ 		    https://github.com/victorquinn/chancejs/blob/develop/chance.js#L1349
+ 		*/
+ 		guid: function() {
+@@ -6629,7 +6629,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	}
+
+ 	function CaptureGroup(n) {
+-	    Group.call(this, "capture-group"), this.index = cgs[this.offset] || (cgs[this.offset] = index++),
+	    Group.call(this, "capture-group"), this.index = cgs[this.offset] || (cgs[this.offset] = index++),
+ 	    this.body = n;
+ 	}
+
+@@ -6711,7 +6711,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	            }
+ 	            return r = l ? '"' + u(l) + '"' : "end of input", "Expected " + t + " but " + r + " found.";
+ 	        }
+-	        this.expected = n, this.found = l, this.offset = u, this.line = t, this.column = r,
+	        this.expected = n, this.found = l, this.offset = u, this.line = t, this.column = r,
+ 	        this.name = "SyntaxError", this.message = e(n, l);
+ 	    }
+ 	    function u(n) {
+@@ -6724,8 +6724,8 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	        function r(l) {
+ 	            function u(l, u, t) {
+ 	                var r, e;
+-	                for (r = u; t > r; r++) e = n.charAt(r), "\n" === e ? (l.seenCR || l.line++, l.column = 1,
+-	                l.seenCR = !1) : "\r" === e || "\u2028" === e || "\u2029" === e ? (l.line++, l.column = 1,
+	                for (r = u; t > r; r++) e = n.charAt(r), "\n" === e ? (l.seenCR || l.line++, l.column = 1,
+	                l.seenCR = !1) : "\r" === e || "\u2028" === e || "\u2029" === e ? (l.line++, l.column = 1,
+ 	                l.seenCR = !0) : (l.column++, l.seenCR = !1);
+ 	            }
+ 	            return Mt !== l && (Mt > l && (Mt = 0, Dt = {
+@@ -6743,19 +6743,19 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	        }
+ 	        function c() {
+ 	            var l, u, t, r, o;
+-	            return l = qt, u = i(), null !== u ? (t = qt, 124 === n.charCodeAt(qt) ? (r = fl,
+-	            qt++) : (r = null, 0 === Wt && e(sl)), null !== r ? (o = c(), null !== o ? (r = [ r, o ],
+-	            t = r) : (qt = t, t = il)) : (qt = t, t = il), null === t && (t = al), null !== t ? (Lt = l,
+-	            u = hl(u, t), null === u ? (qt = l, l = u) : l = u) : (qt = l, l = il)) : (qt = l,
+	            return l = qt, u = i(), null !== u ? (t = qt, 124 === n.charCodeAt(qt) ? (r = fl,
+	            qt++) : (r = null, 0 === Wt && e(sl)), null !== r ? (o = c(), null !== o ? (r = [ r, o ],
+	            t = r) : (qt = t, t = il)) : (qt = t, t = il), null === t && (t = al), null !== t ? (Lt = l,
+	            u = hl(u, t), null === u ? (qt = l, l = u) : l = u) : (qt = l, l = il)) : (qt = l,
+ 	            l = il), l;
+ 	        }
+ 	        function i() {
+ 	            var n, l, u, t, r;
+-	            if (n = qt, l = f(), null === l && (l = al), null !== l) if (u = qt, Wt++, t = d(),
+	            if (n = qt, l = f(), null === l && (l = al), null !== l) if (u = qt, Wt++, t = d(),
+ 	            Wt--, null === t ? u = al : (qt = u, u = il), null !== u) {
+-	                for (t = [], r = h(), null === r && (r = a()); null !== r; ) t.push(r), r = h(),
+	                for (t = [], r = h(), null === r && (r = a()); null !== r; ) t.push(r), r = h(),
+ 	                null === r && (r = a());
+-	                null !== t ? (r = s(), null === r && (r = al), null !== r ? (Lt = n, l = dl(l, t, r),
+	                null !== t ? (r = s(), null === r && (r = al), null !== r ? (Lt = n, l = dl(l, t, r),
+ 	                null === l ? (qt = n, n = l) : n = l) : (qt = n, n = il)) : (qt = n, n = il);
+ 	            } else qt = n, n = il; else qt = n, n = il;
+ 	            return n;
+@@ -6766,148 +6766,148 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	        }
+ 	        function f() {
+ 	            var l, u;
+-	            return l = qt, 94 === n.charCodeAt(qt) ? (u = pl, qt++) : (u = null, 0 === Wt && e(vl)),
+	            return l = qt, 94 === n.charCodeAt(qt) ? (u = pl, qt++) : (u = null, 0 === Wt && e(vl)),
+ 	            null !== u && (Lt = l, u = wl()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function s() {
+ 	            var l, u;
+-	            return l = qt, 36 === n.charCodeAt(qt) ? (u = Al, qt++) : (u = null, 0 === Wt && e(Cl)),
+	            return l = qt, 36 === n.charCodeAt(qt) ? (u = Al, qt++) : (u = null, 0 === Wt && e(Cl)),
+ 	            null !== u && (Lt = l, u = gl()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function h() {
+ 	            var n, l, u;
+-	            return n = qt, l = a(), null !== l ? (u = d(), null !== u ? (Lt = n, l = bl(l, u),
+	            return n = qt, l = a(), null !== l ? (u = d(), null !== u ? (Lt = n, l = bl(l, u),
+ 	            null === l ? (qt = n, n = l) : n = l) : (qt = n, n = il)) : (qt = n, n = il), n;
+ 	        }
+ 	        function d() {
+ 	            var n, l, u;
+-	            return Wt++, n = qt, l = p(), null !== l ? (u = k(), null === u && (u = al), null !== u ? (Lt = n,
+-	            l = Tl(l, u), null === l ? (qt = n, n = l) : n = l) : (qt = n, n = il)) : (qt = n,
+	            return Wt++, n = qt, l = p(), null !== l ? (u = k(), null === u && (u = al), null !== u ? (Lt = n,
+	            l = Tl(l, u), null === l ? (qt = n, n = l) : n = l) : (qt = n, n = il)) : (qt = n,
+ 	            n = il), Wt--, null === n && (l = null, 0 === Wt && e(kl)), n;
+ 	        }
+ 	        function p() {
+ 	            var n;
+-	            return n = v(), null === n && (n = w(), null === n && (n = A(), null === n && (n = C(),
+	            return n = v(), null === n && (n = w(), null === n && (n = A(), null === n && (n = C(),
+ 	            null === n && (n = g(), null === n && (n = b()))))), n;
+ 	        }
+ 	        function v() {
+ 	            var l, u, t, r, o, c;
+-	            return l = qt, 123 === n.charCodeAt(qt) ? (u = xl, qt++) : (u = null, 0 === Wt && e(yl)),
+-	            null !== u ? (t = T(), null !== t ? (44 === n.charCodeAt(qt) ? (r = ml, qt++) : (r = null,
+-	            0 === Wt && e(Rl)), null !== r ? (o = T(), null !== o ? (125 === n.charCodeAt(qt) ? (c = Fl,
+-	            qt++) : (c = null, 0 === Wt && e(Ql)), null !== c ? (Lt = l, u = Sl(t, o), null === u ? (qt = l,
+-	            l = u) : l = u) : (qt = l, l = il)) : (qt = l, l = il)) : (qt = l, l = il)) : (qt = l,
+	            return l = qt, 123 === n.charCodeAt(qt) ? (u = xl, qt++) : (u = null, 0 === Wt && e(yl)),
+	            null !== u ? (t = T(), null !== t ? (44 === n.charCodeAt(qt) ? (r = ml, qt++) : (r = null,
+	            0 === Wt && e(Rl)), null !== r ? (o = T(), null !== o ? (125 === n.charCodeAt(qt) ? (c = Fl,
+	            qt++) : (c = null, 0 === Wt && e(Ql)), null !== c ? (Lt = l, u = Sl(t, o), null === u ? (qt = l,
+	            l = u) : l = u) : (qt = l, l = il)) : (qt = l, l = il)) : (qt = l, l = il)) : (qt = l,
+ 	            l = il)) : (qt = l, l = il), l;
+ 	        }
+ 	        function w() {
+ 	            var l, u, t, r;
+-	            return l = qt, 123 === n.charCodeAt(qt) ? (u = xl, qt++) : (u = null, 0 === Wt && e(yl)),
+-	            null !== u ? (t = T(), null !== t ? (n.substr(qt, 2) === Ul ? (r = Ul, qt += 2) : (r = null,
+-	            0 === Wt && e(El)), null !== r ? (Lt = l, u = Gl(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+	            return l = qt, 123 === n.charCodeAt(qt) ? (u = xl, qt++) : (u = null, 0 === Wt && e(yl)),
+	            null !== u ? (t = T(), null !== t ? (n.substr(qt, 2) === Ul ? (r = Ul, qt += 2) : (r = null,
+	            0 === Wt && e(El)), null !== r ? (Lt = l, u = Gl(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	            l = il)) : (qt = l, l = il)) : (qt = l, l = il), l;
+ 	        }
+ 	        function A() {
+ 	            var l, u, t, r;
+-	            return l = qt, 123 === n.charCodeAt(qt) ? (u = xl, qt++) : (u = null, 0 === Wt && e(yl)),
+-	            null !== u ? (t = T(), null !== t ? (125 === n.charCodeAt(qt) ? (r = Fl, qt++) : (r = null,
+-	            0 === Wt && e(Ql)), null !== r ? (Lt = l, u = Bl(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+	            return l = qt, 123 === n.charCodeAt(qt) ? (u = xl, qt++) : (u = null, 0 === Wt && e(yl)),
+	            null !== u ? (t = T(), null !== t ? (125 === n.charCodeAt(qt) ? (r = Fl, qt++) : (r = null,
+	            0 === Wt && e(Ql)), null !== r ? (Lt = l, u = Bl(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	            l = il)) : (qt = l, l = il)) : (qt = l, l = il), l;
+ 	        }
+ 	        function C() {
+ 	            var l, u;
+-	            return l = qt, 43 === n.charCodeAt(qt) ? (u = jl, qt++) : (u = null, 0 === Wt && e($l)),
+	            return l = qt, 43 === n.charCodeAt(qt) ? (u = jl, qt++) : (u = null, 0 === Wt && e($l)),
+ 	            null !== u && (Lt = l, u = ql()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function g() {
+ 	            var l, u;
+-	            return l = qt, 42 === n.charCodeAt(qt) ? (u = Ll, qt++) : (u = null, 0 === Wt && e(Ml)),
+	            return l = qt, 42 === n.charCodeAt(qt) ? (u = Ll, qt++) : (u = null, 0 === Wt && e(Ml)),
+ 	            null !== u && (Lt = l, u = Dl()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function b() {
+ 	            var l, u;
+-	            return l = qt, 63 === n.charCodeAt(qt) ? (u = Hl, qt++) : (u = null, 0 === Wt && e(Ol)),
+	            return l = qt, 63 === n.charCodeAt(qt) ? (u = Hl, qt++) : (u = null, 0 === Wt && e(Ol)),
+ 	            null !== u && (Lt = l, u = Wl()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function k() {
+ 	            var l;
+-	            return 63 === n.charCodeAt(qt) ? (l = Hl, qt++) : (l = null, 0 === Wt && e(Ol)),
+	            return 63 === n.charCodeAt(qt) ? (l = Hl, qt++) : (l = null, 0 === Wt && e(Ol)),
+ 	            l;
+ 	        }
+ 	        function T() {
+ 	            var l, u, t;
+-	            if (l = qt, u = [], zl.test(n.charAt(qt)) ? (t = n.charAt(qt), qt++) : (t = null,
+-	            0 === Wt && e(Il)), null !== t) for (;null !== t; ) u.push(t), zl.test(n.charAt(qt)) ? (t = n.charAt(qt),
+	            if (l = qt, u = [], zl.test(n.charAt(qt)) ? (t = n.charAt(qt), qt++) : (t = null,
+	            0 === Wt && e(Il)), null !== t) for (;null !== t; ) u.push(t), zl.test(n.charAt(qt)) ? (t = n.charAt(qt),
+ 	            qt++) : (t = null, 0 === Wt && e(Il)); else u = il;
+-	            return null !== u && (Lt = l, u = Jl(u)), null === u ? (qt = l, l = u) : l = u,
+	            return null !== u && (Lt = l, u = Jl(u)), null === u ? (qt = l, l = u) : l = u,
+ 	            l;
+ 	        }
+ 	        function x() {
+ 	            var l, u, t, r;
+-	            return l = qt, 40 === n.charCodeAt(qt) ? (u = Kl, qt++) : (u = null, 0 === Wt && e(Nl)),
+-	            null !== u ? (t = R(), null === t && (t = F(), null === t && (t = m(), null === t && (t = y()))),
+-	            null !== t ? (41 === n.charCodeAt(qt) ? (r = Pl, qt++) : (r = null, 0 === Wt && e(Vl)),
+-	            null !== r ? (Lt = l, u = Xl(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+	            return l = qt, 40 === n.charCodeAt(qt) ? (u = Kl, qt++) : (u = null, 0 === Wt && e(Nl)),
+	            null !== u ? (t = R(), null === t && (t = F(), null === t && (t = m(), null === t && (t = y()))),
+	            null !== t ? (41 === n.charCodeAt(qt) ? (r = Pl, qt++) : (r = null, 0 === Wt && e(Vl)),
+	            null !== r ? (Lt = l, u = Xl(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	            l = il)) : (qt = l, l = il)) : (qt = l, l = il), l;
+ 	        }
+ 	        function y() {
+ 	            var n, l;
+-	            return n = qt, l = c(), null !== l && (Lt = n, l = Yl(l)), null === l ? (qt = n,
+	            return n = qt, l = c(), null !== l && (Lt = n, l = Yl(l)), null === l ? (qt = n,
+ 	            n = l) : n = l, n;
+ 	        }
+ 	        function m() {
+ 	            var l, u, t;
+-	            return l = qt, n.substr(qt, 2) === Zl ? (u = Zl, qt += 2) : (u = null, 0 === Wt && e(_l)),
+-	            null !== u ? (t = c(), null !== t ? (Lt = l, u = nu(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+	            return l = qt, n.substr(qt, 2) === Zl ? (u = Zl, qt += 2) : (u = null, 0 === Wt && e(_l)),
+	            null !== u ? (t = c(), null !== t ? (Lt = l, u = nu(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	            l = il)) : (qt = l, l = il), l;
+ 	        }
+ 	        function R() {
+ 	            var l, u, t;
+-	            return l = qt, n.substr(qt, 2) === lu ? (u = lu, qt += 2) : (u = null, 0 === Wt && e(uu)),
+-	            null !== u ? (t = c(), null !== t ? (Lt = l, u = tu(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+	            return l = qt, n.substr(qt, 2) === lu ? (u = lu, qt += 2) : (u = null, 0 === Wt && e(uu)),
+	            null !== u ? (t = c(), null !== t ? (Lt = l, u = tu(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	            l = il)) : (qt = l, l = il), l;
+ 	        }
+ 	        function F() {
+ 	            var l, u, t;
+-	            return l = qt, n.substr(qt, 2) === ru ? (u = ru, qt += 2) : (u = null, 0 === Wt && e(eu)),
+-	            null !== u ? (t = c(), null !== t ? (Lt = l, u = ou(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+	            return l = qt, n.substr(qt, 2) === ru ? (u = ru, qt += 2) : (u = null, 0 === Wt && e(eu)),
+	            null !== u ? (t = c(), null !== t ? (Lt = l, u = ou(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	            l = il)) : (qt = l, l = il), l;
+ 	        }
+ 	        function Q() {
+ 	            var l, u, t, r, o;
+-	            if (Wt++, l = qt, 91 === n.charCodeAt(qt) ? (u = iu, qt++) : (u = null, 0 === Wt && e(au)),
+-	            null !== u) if (94 === n.charCodeAt(qt) ? (t = pl, qt++) : (t = null, 0 === Wt && e(vl)),
+	            if (Wt++, l = qt, 91 === n.charCodeAt(qt) ? (u = iu, qt++) : (u = null, 0 === Wt && e(au)),
+	            null !== u) if (94 === n.charCodeAt(qt) ? (t = pl, qt++) : (t = null, 0 === Wt && e(vl)),
+ 	            null === t && (t = al), null !== t) {
+-	                for (r = [], o = S(), null === o && (o = U()); null !== o; ) r.push(o), o = S(),
+	                for (r = [], o = S(), null === o && (o = U()); null !== o; ) r.push(o), o = S(),
+ 	                null === o && (o = U());
+-	                null !== r ? (93 === n.charCodeAt(qt) ? (o = fu, qt++) : (o = null, 0 === Wt && e(su)),
+-	                null !== o ? (Lt = l, u = hu(t, r), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+	                null !== r ? (93 === n.charCodeAt(qt) ? (o = fu, qt++) : (o = null, 0 === Wt && e(su)),
+	                null !== o ? (Lt = l, u = hu(t, r), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	                l = il)) : (qt = l, l = il);
+ 	            } else qt = l, l = il; else qt = l, l = il;
+ 	            return Wt--, null === l && (u = null, 0 === Wt && e(cu)), l;
+ 	        }
+ 	        function S() {
+ 	            var l, u, t, r;
+-	            return Wt++, l = qt, u = U(), null !== u ? (45 === n.charCodeAt(qt) ? (t = pu, qt++) : (t = null,
+-	            0 === Wt && e(vu)), null !== t ? (r = U(), null !== r ? (Lt = l, u = wu(u, r), null === u ? (qt = l,
+-	            l = u) : l = u) : (qt = l, l = il)) : (qt = l, l = il)) : (qt = l, l = il), Wt--,
+	            return Wt++, l = qt, u = U(), null !== u ? (45 === n.charCodeAt(qt) ? (t = pu, qt++) : (t = null,
+	            0 === Wt && e(vu)), null !== t ? (r = U(), null !== r ? (Lt = l, u = wu(u, r), null === u ? (qt = l,
+	            l = u) : l = u) : (qt = l, l = il)) : (qt = l, l = il)) : (qt = l, l = il), Wt--,
+ 	            null === l && (u = null, 0 === Wt && e(du)), l;
+ 	        }
+ 	        function U() {
+ 	            var n, l;
+-	            return Wt++, n = G(), null === n && (n = E()), Wt--, null === n && (l = null, 0 === Wt && e(Au)),
+	            return Wt++, n = G(), null === n && (n = E()), Wt--, null === n && (l = null, 0 === Wt && e(Au)),
+ 	            n;
+ 	        }
+ 	        function E() {
+ 	            var l, u;
+-	            return l = qt, Cu.test(n.charAt(qt)) ? (u = n.charAt(qt), qt++) : (u = null, 0 === Wt && e(gu)),
+	            return l = qt, Cu.test(n.charAt(qt)) ? (u = n.charAt(qt), qt++) : (u = null, 0 === Wt && e(gu)),
+ 	            null !== u && (Lt = l, u = bu(u)), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function G() {
+ 	            var n;
+-	            return n = L(), null === n && (n = Y(), null === n && (n = H(), null === n && (n = O(),
+-	            null === n && (n = W(), null === n && (n = z(), null === n && (n = I(), null === n && (n = J(),
+-	            null === n && (n = K(), null === n && (n = N(), null === n && (n = P(), null === n && (n = V(),
+-	            null === n && (n = X(), null === n && (n = _(), null === n && (n = nl(), null === n && (n = ll(),
+	            return n = L(), null === n && (n = Y(), null === n && (n = H(), null === n && (n = O(),
+	            null === n && (n = W(), null === n && (n = z(), null === n && (n = I(), null === n && (n = J(),
+	            null === n && (n = K(), null === n && (n = N(), null === n && (n = P(), null === n && (n = V(),
+	            null === n && (n = X(), null === n && (n = _(), null === n && (n = nl(), null === n && (n = ll(),
+ 	            null === n && (n = ul(), null === n && (n = tl()))))))))))))))))), n;
+ 	        }
+ 	        function B() {
+@@ -6916,154 +6916,154 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	        }
+ 	        function j() {
+ 	            var l, u;
+-	            return l = qt, 46 === n.charCodeAt(qt) ? (u = ku, qt++) : (u = null, 0 === Wt && e(Tu)),
+	            return l = qt, 46 === n.charCodeAt(qt) ? (u = ku, qt++) : (u = null, 0 === Wt && e(Tu)),
+ 	            null !== u && (Lt = l, u = xu()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function $() {
+ 	            var l, u;
+-	            return Wt++, l = qt, mu.test(n.charAt(qt)) ? (u = n.charAt(qt), qt++) : (u = null,
+-	            0 === Wt && e(Ru)), null !== u && (Lt = l, u = bu(u)), null === u ? (qt = l, l = u) : l = u,
+	            return Wt++, l = qt, mu.test(n.charAt(qt)) ? (u = n.charAt(qt), qt++) : (u = null,
+	            0 === Wt && e(Ru)), null !== u && (Lt = l, u = bu(u)), null === u ? (qt = l, l = u) : l = u,
+ 	            Wt--, null === l && (u = null, 0 === Wt && e(yu)), l;
+ 	        }
+ 	        function q() {
+ 	            var n;
+-	            return n = M(), null === n && (n = D(), null === n && (n = Y(), null === n && (n = H(),
+-	            null === n && (n = O(), null === n && (n = W(), null === n && (n = z(), null === n && (n = I(),
+-	            null === n && (n = J(), null === n && (n = K(), null === n && (n = N(), null === n && (n = P(),
+-	            null === n && (n = V(), null === n && (n = X(), null === n && (n = Z(), null === n && (n = _(),
+-	            null === n && (n = nl(), null === n && (n = ll(), null === n && (n = ul(), null === n && (n = tl()))))))))))))))))))),
+	            return n = M(), null === n && (n = D(), null === n && (n = Y(), null === n && (n = H(),
+	            null === n && (n = O(), null === n && (n = W(), null === n && (n = z(), null === n && (n = I(),
+	            null === n && (n = J(), null === n && (n = K(), null === n && (n = N(), null === n && (n = P(),
+	            null === n && (n = V(), null === n && (n = X(), null === n && (n = Z(), null === n && (n = _(),
+	            null === n && (n = nl(), null === n && (n = ll(), null === n && (n = ul(), null === n && (n = tl()))))))))))))))))))),
+ 	            n;
+ 	        }
+ 	        function L() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === Fu ? (u = Fu, qt += 2) : (u = null, 0 === Wt && e(Qu)),
+	            return l = qt, n.substr(qt, 2) === Fu ? (u = Fu, qt += 2) : (u = null, 0 === Wt && e(Qu)),
+ 	            null !== u && (Lt = l, u = Su()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function M() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === Fu ? (u = Fu, qt += 2) : (u = null, 0 === Wt && e(Qu)),
+	            return l = qt, n.substr(qt, 2) === Fu ? (u = Fu, qt += 2) : (u = null, 0 === Wt && e(Qu)),
+ 	            null !== u && (Lt = l, u = Uu()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function D() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === Eu ? (u = Eu, qt += 2) : (u = null, 0 === Wt && e(Gu)),
+	            return l = qt, n.substr(qt, 2) === Eu ? (u = Eu, qt += 2) : (u = null, 0 === Wt && e(Gu)),
+ 	            null !== u && (Lt = l, u = Bu()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function H() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === ju ? (u = ju, qt += 2) : (u = null, 0 === Wt && e($u)),
+	            return l = qt, n.substr(qt, 2) === ju ? (u = ju, qt += 2) : (u = null, 0 === Wt && e($u)),
+ 	            null !== u && (Lt = l, u = qu()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function O() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === Lu ? (u = Lu, qt += 2) : (u = null, 0 === Wt && e(Mu)),
+	            return l = qt, n.substr(qt, 2) === Lu ? (u = Lu, qt += 2) : (u = null, 0 === Wt && e(Mu)),
+ 	            null !== u && (Lt = l, u = Du()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function W() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === Hu ? (u = Hu, qt += 2) : (u = null, 0 === Wt && e(Ou)),
+	            return l = qt, n.substr(qt, 2) === Hu ? (u = Hu, qt += 2) : (u = null, 0 === Wt && e(Ou)),
+ 	            null !== u && (Lt = l, u = Wu()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function z() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === zu ? (u = zu, qt += 2) : (u = null, 0 === Wt && e(Iu)),
+	            return l = qt, n.substr(qt, 2) === zu ? (u = zu, qt += 2) : (u = null, 0 === Wt && e(Iu)),
+ 	            null !== u && (Lt = l, u = Ju()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function I() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === Ku ? (u = Ku, qt += 2) : (u = null, 0 === Wt && e(Nu)),
+	            return l = qt, n.substr(qt, 2) === Ku ? (u = Ku, qt += 2) : (u = null, 0 === Wt && e(Nu)),
+ 	            null !== u && (Lt = l, u = Pu()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function J() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === Vu ? (u = Vu, qt += 2) : (u = null, 0 === Wt && e(Xu)),
+	            return l = qt, n.substr(qt, 2) === Vu ? (u = Vu, qt += 2) : (u = null, 0 === Wt && e(Xu)),
+ 	            null !== u && (Lt = l, u = Yu()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function K() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === Zu ? (u = Zu, qt += 2) : (u = null, 0 === Wt && e(_u)),
+	            return l = qt, n.substr(qt, 2) === Zu ? (u = Zu, qt += 2) : (u = null, 0 === Wt && e(_u)),
+ 	            null !== u && (Lt = l, u = nt()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function N() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === lt ? (u = lt, qt += 2) : (u = null, 0 === Wt && e(ut)),
+	            return l = qt, n.substr(qt, 2) === lt ? (u = lt, qt += 2) : (u = null, 0 === Wt && e(ut)),
+ 	            null !== u && (Lt = l, u = tt()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function P() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === rt ? (u = rt, qt += 2) : (u = null, 0 === Wt && e(et)),
+	            return l = qt, n.substr(qt, 2) === rt ? (u = rt, qt += 2) : (u = null, 0 === Wt && e(et)),
+ 	            null !== u && (Lt = l, u = ot()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function V() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === ct ? (u = ct, qt += 2) : (u = null, 0 === Wt && e(it)),
+	            return l = qt, n.substr(qt, 2) === ct ? (u = ct, qt += 2) : (u = null, 0 === Wt && e(it)),
+ 	            null !== u && (Lt = l, u = at()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function X() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === ft ? (u = ft, qt += 2) : (u = null, 0 === Wt && e(st)),
+	            return l = qt, n.substr(qt, 2) === ft ? (u = ft, qt += 2) : (u = null, 0 === Wt && e(st)),
+ 	            null !== u && (Lt = l, u = ht()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function Y() {
+ 	            var l, u, t;
+-	            return l = qt, n.substr(qt, 2) === dt ? (u = dt, qt += 2) : (u = null, 0 === Wt && e(pt)),
+-	            null !== u ? (n.length > qt ? (t = n.charAt(qt), qt++) : (t = null, 0 === Wt && e(vt)),
+-	            null !== t ? (Lt = l, u = wt(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+	            return l = qt, n.substr(qt, 2) === dt ? (u = dt, qt += 2) : (u = null, 0 === Wt && e(pt)),
+	            null !== u ? (n.length > qt ? (t = n.charAt(qt), qt++) : (t = null, 0 === Wt && e(vt)),
+	            null !== t ? (Lt = l, u = wt(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	            l = il)) : (qt = l, l = il), l;
+ 	        }
+ 	        function Z() {
+ 	            var l, u, t;
+-	            return l = qt, 92 === n.charCodeAt(qt) ? (u = At, qt++) : (u = null, 0 === Wt && e(Ct)),
+-	            null !== u ? (gt.test(n.charAt(qt)) ? (t = n.charAt(qt), qt++) : (t = null, 0 === Wt && e(bt)),
+-	            null !== t ? (Lt = l, u = kt(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+	            return l = qt, 92 === n.charCodeAt(qt) ? (u = At, qt++) : (u = null, 0 === Wt && e(Ct)),
+	            null !== u ? (gt.test(n.charAt(qt)) ? (t = n.charAt(qt), qt++) : (t = null, 0 === Wt && e(bt)),
+	            null !== t ? (Lt = l, u = kt(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	            l = il)) : (qt = l, l = il), l;
+ 	        }
+ 	        function _() {
+ 	            var l, u, t, r;
+-	            if (l = qt, n.substr(qt, 2) === Tt ? (u = Tt, qt += 2) : (u = null, 0 === Wt && e(xt)),
+	            if (l = qt, n.substr(qt, 2) === Tt ? (u = Tt, qt += 2) : (u = null, 0 === Wt && e(xt)),
+ 	            null !== u) {
+-	                if (t = [], yt.test(n.charAt(qt)) ? (r = n.charAt(qt), qt++) : (r = null, 0 === Wt && e(mt)),
+-	                null !== r) for (;null !== r; ) t.push(r), yt.test(n.charAt(qt)) ? (r = n.charAt(qt),
+	                if (t = [], yt.test(n.charAt(qt)) ? (r = n.charAt(qt), qt++) : (r = null, 0 === Wt && e(mt)),
+	                null !== r) for (;null !== r; ) t.push(r), yt.test(n.charAt(qt)) ? (r = n.charAt(qt),
+ 	                qt++) : (r = null, 0 === Wt && e(mt)); else t = il;
+-	                null !== t ? (Lt = l, u = Rt(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+	                null !== t ? (Lt = l, u = Rt(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	                l = il);
+ 	            } else qt = l, l = il;
+ 	            return l;
+ 	        }
+ 	        function nl() {
+ 	            var l, u, t, r;
+-	            if (l = qt, n.substr(qt, 2) === Ft ? (u = Ft, qt += 2) : (u = null, 0 === Wt && e(Qt)),
+	            if (l = qt, n.substr(qt, 2) === Ft ? (u = Ft, qt += 2) : (u = null, 0 === Wt && e(Qt)),
+ 	            null !== u) {
+-	                if (t = [], St.test(n.charAt(qt)) ? (r = n.charAt(qt), qt++) : (r = null, 0 === Wt && e(Ut)),
+-	                null !== r) for (;null !== r; ) t.push(r), St.test(n.charAt(qt)) ? (r = n.charAt(qt),
+	                if (t = [], St.test(n.charAt(qt)) ? (r = n.charAt(qt), qt++) : (r = null, 0 === Wt && e(Ut)),
+	                null !== r) for (;null !== r; ) t.push(r), St.test(n.charAt(qt)) ? (r = n.charAt(qt),
+ 	                qt++) : (r = null, 0 === Wt && e(Ut)); else t = il;
+-	                null !== t ? (Lt = l, u = Et(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+	                null !== t ? (Lt = l, u = Et(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	                l = il);
+ 	            } else qt = l, l = il;
+ 	            return l;
+ 	        }
+ 	        function ll() {
+ 	            var l, u, t, r;
+-	            if (l = qt, n.substr(qt, 2) === Gt ? (u = Gt, qt += 2) : (u = null, 0 === Wt && e(Bt)),
+	            if (l = qt, n.substr(qt, 2) === Gt ? (u = Gt, qt += 2) : (u = null, 0 === Wt && e(Bt)),
+ 	            null !== u) {
+-	                if (t = [], St.test(n.charAt(qt)) ? (r = n.charAt(qt), qt++) : (r = null, 0 === Wt && e(Ut)),
+-	                null !== r) for (;null !== r; ) t.push(r), St.test(n.charAt(qt)) ? (r = n.charAt(qt),
+	                if (t = [], St.test(n.charAt(qt)) ? (r = n.charAt(qt), qt++) : (r = null, 0 === Wt && e(Ut)),
+	                null !== r) for (;null !== r; ) t.push(r), St.test(n.charAt(qt)) ? (r = n.charAt(qt),
+ 	                qt++) : (r = null, 0 === Wt && e(Ut)); else t = il;
+-	                null !== t ? (Lt = l, u = jt(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+	                null !== t ? (Lt = l, u = jt(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	                l = il);
+ 	            } else qt = l, l = il;
+ 	            return l;
+ 	        }
+ 	        function ul() {
+ 	            var l, u;
+-	            return l = qt, n.substr(qt, 2) === Tt ? (u = Tt, qt += 2) : (u = null, 0 === Wt && e(xt)),
+	            return l = qt, n.substr(qt, 2) === Tt ? (u = Tt, qt += 2) : (u = null, 0 === Wt && e(xt)),
+ 	            null !== u && (Lt = l, u = $t()), null === u ? (qt = l, l = u) : l = u, l;
+ 	        }
+ 	        function tl() {
+ 	            var l, u, t;
+-	            return l = qt, 92 === n.charCodeAt(qt) ? (u = At, qt++) : (u = null, 0 === Wt && e(Ct)),
+-	            null !== u ? (n.length > qt ? (t = n.charAt(qt), qt++) : (t = null, 0 === Wt && e(vt)),
+-	            null !== t ? (Lt = l, u = bu(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+	            return l = qt, 92 === n.charCodeAt(qt) ? (u = At, qt++) : (u = null, 0 === Wt && e(Ct)),
+	            null !== u ? (n.length > qt ? (t = n.charAt(qt), qt++) : (t = null, 0 === Wt && e(vt)),
+	            null !== t ? (Lt = l, u = bu(t), null === u ? (qt = l, l = u) : l = u) : (qt = l,
+ 	            l = il)) : (qt = l, l = il), l;
+ 	        }
+ 	        var rl, el = arguments.length > 1 ? arguments[1] : {}, ol = {
+@@ -7234,7 +7234,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	var Util = __webpack_require__(3)
+ 	var Random = __webpack_require__(5)
+ 	    /*
+-
+
+ 	    */
+ 	var Handler = {
+ 	    extend: Util.extend
+@@ -7481,7 +7481,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	        return Random.integer(min, max)
+ 	    },
+ 	    /*
+-
+
+ 	    */
+ 	    charset: function(node, result, cache) {
+ 	        // node.invert
+@@ -7642,11 +7642,11 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	    ## valid(template, data)
+
+ 	    校验真实数据 data 是否与数据模板 template 匹配。
+-
+
+ 	    实现思路：
+ 	    1. 解析规则。
+ 	        先把数据模板 template 解析为更方便机器解析的 JSON-Schame
+-	        name               属性名
+	        name               属性名
+ 	        type               属性值类型
+ 	        template           属性值模板
+ 	        properties         对象属性数组
+@@ -7655,7 +7655,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	    2. 递归验证规则。
+ 	        然后用 JSON-Schema 校验真实数据，校验项包括属性名、值类型、值、值生成规则。
+
+-	    提示信息
+	    提示信息
+ 	    https://github.com/fge/json-schema-validator/blob/master/src/main/resources/com/github/fge/jsonschema/validator/validation.properties
+ 	    [JSON-Schama validator](http://json-schema-validator.herokuapp.com/)
+ 	    [Regexp Demo](http://demos.forbeslindesay.co.uk/regexp/)
+@@ -7693,8 +7693,8 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	                    +step
+ 	                    整数部分
+ 	                    小数部分
+-	                boolean
+-	                string
+	                boolean
+	                string
+ 	                    min-max
+ 	                    count
+ 	    ## properties
+@@ -7949,9 +7949,9 @@ return /******/ (function(modules) { // webpackBootstrap
+
+ 	/*
+ 	    完善、友好的提示信息
+-
+
+ 	    Equal, not equal to, greater than, less than, greater than or equal to, less than or equal to
+-	    路径 验证类型 描述
+	    路径 验证类型 描述
+
+ 	    Expect path.name is less than or equal to expected, but path.name is actual.
+
+@@ -8264,7 +8264,7 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	Util.extend(MockXMLHttpRequest.prototype, {
+ 	    // https://xhr.spec.whatwg.org/#the-open()-method
+ 	    // Sets the request method, request URL, and synchronous flag.
+-	    open: function(method, url, async, username, password) {
+	    open: function(method, url, async = true, username, password) {
+ 	        var that = this
+
+ 	        Util.extend(this.custom, {
+@@ -8310,6 +8310,8 @@ return /******/ (function(modules) { // webpackBootstrap
+ 	            var xhr = createNativeXMLHttpRequest()
+ 	            this.custom.xhr = xhr
+
+                MockXMLHttpRequest.prototype.upload = xhr.upload
+
+ 	            // 初始化所有事件，用于监听原生 XHR 对象的事件
+ 	            for (var i = 0; i < XHR_EVENTS.length; i++) {
+ 	                xhr.addEventListener(XHR_EVENTS[i], handle)
+@@ -8360,6 +8362,7 @@ return /******/ (function(modules) { // webpackBootstrap
+
+ 	        // 原生 XHR
+ 	        if (!this.match) {
+                this.custom.xhr.responseType = this.responseType || ''
+ 	            this.custom.xhr.send(data)
+ 	            return
+ 	        }
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/favicon.svg
+++ b/public/favicon.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 160 160" xmlns="http://www.w3.org/2000/svg"><path d="M81.28 55.9c-.1-11.67-2.93-22.55-9.37-32.38-1-1.5-2.14-2.86-2.5-4.71a8.1 8.1 0 014-8.61 7.89 7.89 0 019.3 1.23 35.999 35.999 0 015.9 8.83 75.18 75.18 0 018.44 28.58 83.211 83.211 0 01-5.23 36.74 102.983 102.983 0 01-3 7.28 1.2 1.2 0 000 1.41c9.58 13.3 21.76 23 37.85 27.24a54.37 54.37 0 0019.68 1.57 7.72 7.72 0 018.36 6.9 7.903 7.903 0 01-6.7 9 64.744 64.744 0 01-23-1.33 77.68 77.68 0 01-36.93-19.88 93.628 93.628 0 01-11.91-13.71 2.18 2.18 0 00-2.3-1.06 72.744 72.744 0 00-27.38 7.55c-11.6 6-20.67 14.58-26.4 26.45a10.134 10.134 0 01-3.7 4.7 8 8 0 01-9.19-.7 7.86 7.86 0 01-2.36-9.28 60.324 60.324 0 018.72-14.52c12.2-15.43 28.21-24.59 47.32-28.57A85.085 85.085 0 0173.07 87c.524.015 1-.307 1.18-.8a76.06 76.06 0 006.53-22.3c.351-2.652.518-5.325.5-8z" fill="#1890ff"/><path d="M136.26 108.34a44.742 44.742 0 01-11.13-2.87 46.108 46.108 0 01-19.66-13.76 8 8 0 015.72-13.22 7.93 7.93 0 016.54 2.93 33.27 33.27 0 0018.87 10.75c1.546.155 3.058.553 4.48 1.18a8.08 8.08 0 013.84 9.21c-.92 3.52-4.13 5.81-8.66 5.78zm-80.6-75.02a7.61 7.61 0 016.64 5 49.139 49.139 0 013.64 17 46.33 46.33 0 01-2.46 17.28c-2 5.77-8.24 7.79-12.89 4.15a8.1 8.1 0 01-2.39-9 31.679 31.679 0 001.68-12.36 35.77 35.77 0 00-2.43-11c-2.1-5.45 1.75-11.07 8.21-11.07zm22.26 93.25a8 8 0 01-6.68 7.86 32.88 32.88 0 00-19.7 12.19 8.13 8.13 0 01-11.21 1.62 8 8 0 01-1.41-11.58A51.043 51.043 0 0154 123.81a45.842 45.842 0 0114-5.1c5.35-1.04 9.91 2.56 9.92 7.86z" fill="#1890ff"/></svg>
--- a/public/logo.png
+++ b/public/logo.png
--- a/public/resource/loading.css
+++ b/public/resource/loading.css
@@ -1,91 +0,0 @@
-.loading-container {
-	position: fixed;
-	left: 0;
-	top: 0;
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	width: 100%;
-	height: 100%;
-}
-
-.loading-svg {
-	width: 128px;
-	height: 128px;
-	color: var(--primary-color);
-}
-
-.loading-spin__container {
-	width: 56px;
-	height: 56px;
-	margin: 36px 0;
-}
-
-.loading-spin {
-	position: relative;
-	height: 100%;
-	animation: loadingSpin 1s linear infinite;
-}
-
-.left-0 {
-  left: 0;
-}
-.right-0 {
-  right: 0;
-}
-.top-0 {
-  top: 0;
-}
-.bottom-0 {
-  bottom: 0;
-}
-
-.loading-spin-item {
-	position: absolute;
-  height: 16px;
-  width: 16px;
-	background-color: var(--primary-color);
-  border-radius: 8px;
-  -webkit-animation: loadingPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-  animation: loadingPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
-
-@keyframes loadingSpin {
-  from {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  to {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes loadingPulse {
-  0%, 100% {
-    opacity: 1;
-  }
-  50% {
-    opacity: .5;
-  }
-}
-
-.loading-delay-500 {
-  -webkit-animation-delay: 500ms;
-  animation-delay: 500ms;
-}
-.loading-delay-1000 {
-  -webkit-animation-delay: 1000ms;
-  animation-delay: 1000ms;
-}
-.loading-delay-1500 {
-  -webkit-animation-delay: 1500ms;
-  animation-delay: 1500ms;
-}
-
-.loading-title {
-  font-size: 28px;
-	font-weight: 500;
-  color: #646464;
-}
--- a/public/resource/loading.js
+++ b/public/resource/loading.js
@@ -1,44 +0,0 @@
-/**
- * 初始化加载效果的svg格式logo
- * @param {string} id - 元素id
- */
-function initSvgLogo(id) {
-  const svgStr = `<svg width="128px" height="128px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
-	y="0px" viewBox="0 0 158.9 158.9" style="enable-background:new 0 0 158.9 158.9;" xml:space="preserve">
-	<path style="fill:none" d="M0,158.9C0,106.3,0,53.7,0,1.1C0,0.2,0.2,0,1.1,0c52.2,0,104.5,0,156.7,0c0.9,0,1.1,0.2,1.1,1.1
-	c0,52.2,0,104.5,0,156.7c0,0.9-0.2,1.1-1.1,1.1C105.2,158.8,52.6,158.8,0,158.9z" />
-	<path style="fill:currentColor" d="M81.3,55.9c-0.1-11.7-2.9-22.5-9.4-32.4c-1-1.5-2.1-2.9-2.5-4.7c-0.7-3.4,0.9-6.9,4-8.6c3-1.7,6.8-1.2,9.3,1.2
-	c2.4,2.6,4.4,5.6,5.9,8.8c4.7,8.9,7.6,18.6,8.4,28.6c1,12.5-0.7,25-5.2,36.7c-0.9,2.5-1.9,4.9-3,7.3c-0.3,0.4-0.3,1,0,1.4
-	c9.6,13.3,21.8,23,37.8,27.2c6.4,1.7,13.1,2.3,19.7,1.6c4.2-0.4,7.9,2.7,8.4,6.9c0.7,4.3-2.3,8.3-6.6,9c0,0,0,0-0.1,0
-	c-7.7,0.9-15.5,0.5-23-1.3c-13.9-3.1-26.7-10-36.9-19.9c-4.4-4.2-8.4-8.8-11.9-13.7c-0.5-0.8-1.4-1.2-2.3-1.1
-	c-9.5,0.7-18.8,3.3-27.4,7.6c-11.6,6-20.7,14.6-26.4,26.4c-0.7,1.9-2,3.5-3.7,4.7c-2.9,1.7-6.6,1.5-9.2-0.7c-2.8-2.2-3.8-6-2.4-9.3
-	c2.2-5.2,5.1-10.1,8.7-14.5c12.2-15.4,28.2-24.6,47.3-28.6c4-0.8,8.1-1.4,12.2-1.6c0.5,0,1-0.3,1.2-0.8c3.3-7.1,5.5-14.6,6.5-22.3
-	C81.1,61.2,81.3,58.6,81.3,55.9z" />
-	<path style="fill:currentColor" d="M136.3,108.3c-3.8-0.5-7.6-1.4-11.1-2.9c-7.7-2.8-14.4-7.5-19.7-13.8c-2.9-3.3-2.5-8.4,0.8-11.3
-	c1.4-1.2,3.1-1.9,4.9-1.9c2.5-0.1,5,1,6.5,2.9c4.9,5.6,11.6,9.4,18.9,10.8c1.5,0.2,3.1,0.6,4.5,1.2c3.2,1.8,4.8,5.6,3.8,9.2
-	C144,106.1,140.8,108.4,136.3,108.3z" />
-	<path style="fill:currentColor" d="M55.7,33.3c3,0.2,5.6,2.2,6.6,5c2.2,5.4,3.4,11.2,3.6,17c0.3,5.9-0.6,11.7-2.5,17.3c-2,5.8-8.2,7.8-12.9,4.2
-	c-2.6-2.2-3.6-5.8-2.4-9c1.4-4,1.9-8.2,1.7-12.4c-0.2-3.8-1-7.5-2.4-11C45.3,38.9,49.2,33.3,55.7,33.3z" />
-	<path style="fill:currentColor" d="M77.9,126.6c0,3.9-2.8,7.2-6.7,7.9c-7.8,1.5-14.8,5.9-19.7,12.2c-2.7,3.5-7.6,4.2-11.2,1.6
-	c-3.6-2.6-4.3-7.6-1.7-11.2c0.1-0.1,0.2-0.3,0.3-0.4c4.1-5.2,9.3-9.6,15.1-12.8c4.4-2.5,9.1-4.2,14-5.1
-	C73.3,117.7,77.9,121.3,77.9,126.6z" />
-	</svg>`;
-  const appEl = document.querySelector(id);
-  const div = document.createElement('div');
-  div.innerHTML = svgStr;
-  if (appEl) {
-    appEl.appendChild(div);
-  }
-}
-
-function addThemeColorCssVars() {
-  const key = '__THEME_COLOR__';
-  const defaultColor = '#1890ff';
-  const themeColor = window.localStorage.getItem(key) || defaultColor;
-  const cssVars = `--primary-color: ${themeColor}`;
-  document.documentElement.style.cssText = cssVars;
-}
-
-addThemeColorCssVars();
-
-initSvgLogo('#loadingLogo');
--- a/scripts/logo.ts
+++ b/scripts/logo.ts
@@ -0,0 +1,12 @@
+import { readFile, writeFile } from 'fs/promises';
+import themeSettings from '../src/settings/theme.json';
+
+async function updateFavicon(svgPath: string, color: string) {
+  const svgStr = await readFile(svgPath, 'utf-8');
+
+  const svgStrWithColor = svgStr.replace(/currentColor/g, color);
+
+  await writeFile('./public/favicon.svg', svgStrWithColor);
+}
+
+updateFavicon('./src/assets/svg-icon/logo.svg', themeSettings.themeColor);
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,12 +13,14 @@
 </template>

 <script setup lang="ts">
-import { zhCN, dateZhCN } from 'naive-ui';
-import { useThemeStore, subscribeStore } from '@/store';
+import { dateZhCN, zhCN } from 'naive-ui';
+import { subscribeStore, useThemeStore } from '@/store';
+import { useGlobalEvents } from '@/composables';

 const theme = useThemeStore();

 subscribeStore();
+useGlobalEvents();
 </script>

 <style scoped></style>
--- a/src/assets/fonts/aguazyuan-bold.ttf
+++ b/src/assets/fonts/aguazyuan-bold.ttf
--- a/src/assets/fonts/aguazyuan-light.ttf
+++ b/src/assets/fonts/aguazyuan-light.ttf
--- a/src/assets/fonts/aguazyuan-regular.ttf
+++ b/src/assets/fonts/aguazyuan-regular.ttf
--- a/src/assets/svg-icon/activity.svg
+++ b/src/assets/svg-icon/activity.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
--- a/src/assets/svg-icon/at-sign.svg
+++ b/src/assets/svg-icon/at-sign.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="prefix__prefix__feather prefix__prefix__feather-at-sign"><circle cx="12" cy="12" r="4"/><path d="M16 8v5a3 3 0 006 0v-1a10 10 0 10-3.92 7.94"/></svg>
--- a/src/assets/svg-icon/avatar.svg
+++ b/src/assets/svg-icon/avatar.svg
--- a/src/assets/svg-icon/banner.svg
+++ b/src/assets/svg-icon/banner.svg
--- a/src/assets/svg-icon/cast.svg
+++ b/src/assets/svg-icon/cast.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="prefix__prefix__feather prefix__prefix__feather-cast"><path d="M2 16.1A5 5 0 015.9 20M2 12.05A9 9 0 019.95 20M2 8V6a2 2 0 012-2h16a2 2 0 012 2v12a2 2 0 01-2 2h-6M2 20h.01"/></svg>
--- a/src/assets/svg-icon/chrome.svg
+++ b/src/assets/svg-icon/chrome.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="4"/><path d="M21.17 8H12M3.95 6.06L8.54 14m2.34 7.94L15.46 14"/></svg>
--- a/src/assets/svg-icon/copy.svg
+++ b/src/assets/svg-icon/copy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
--- a/src/assets/svg-icon/custom-icon.svg
+++ b/src/assets/svg-icon/custom-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24"><path fill="currentColor" d="M19 10c0 1.38-2.12 2.5-3.5 2.5s-2.75-1.12-2.75-2.5h-1.5c0 1.38-1.37 2.5-2.75 2.5S5 11.38 5 10h-.75c-.16.64-.25 1.31-.25 2a8 8 0 008 8 8 8 0 008-8c0-.69-.09-1.36-.25-2H19m-7-6C9.04 4 6.45 5.61 5.07 8h13.86C17.55 5.61 14.96 4 12 4m10 8a10 10 0 01-10 10A10 10 0 012 12 10 10 0 0112 2a10 10 0 0110 10m-10 5.23c-1.75 0-3.29-.73-4.19-1.81L9.23 14c.45.72 1.52 1.23 2.77 1.23s2.32-.51 2.77-1.23l1.42 1.42c-.9 1.08-2.44 1.81-4.19 1.81z"/></svg>
--- a/src/assets/svg-icon/empty-data.svg
+++ b/src/assets/svg-icon/empty-data.svg
--- a/src/assets/svg-icon/heart.svg
+++ b/src/assets/svg-icon/heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z"/></svg>
--- a/src/assets/svg-icon/logo-fill.svg
+++ b/src/assets/svg-icon/logo-fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"><path d="M0 0h160v160H0V0z" fill="currentColor"/><path d="M94.322 51.888A69.12 69.12 0 0187.806 80.9a1.732 1.732 0 00.191 2.014c6.124 8.338 13.677 14.894 23.356 18.821a46.564 46.564 0 0017.273 3.414 29.101 29.101 0 003.364-.252 6.245 6.245 0 017.051 5.156 6.112 6.112 0 01-5.187 7.19 50.758 50.758 0 01-18.19-1.007c-15.964-3.686-28.2-12.84-37.709-25.88a2.165 2.165 0 00-2.246-1.098c-14.1 1.38-26.357 6.475-35.754 17.331a38.721 38.721 0 00-6.275 9.808 6.255 6.255 0 01-8.229 3.444 6.184 6.184 0 01-3.293-8.258 49.662 49.662 0 019.699-14.722c10.636-11.52 23.97-17.663 39.37-19.677a14.06 14.06 0 012.86-.342c1.622.14 2.197-.735 2.75-2.014a54.752 54.752 0 004.865-23.463 44.302 44.302 0 00-8.057-25.175 6.152 6.152 0 01-.655-6.506 6.043 6.043 0 015.318-3.564 6.386 6.386 0 015.7 3.02 53.98 53.98 0 017.222 14.38 59.734 59.734 0 013.092 18.368z" fill="#fff"/><path d="M47.257 119.468a6.04 6.04 0 011.36-3.907 38.165 38.165 0 0122.66-14.098 6.124 6.124 0 016.699 2.487 6.223 6.223 0 01-3.868 9.698 26.276 26.276 0 00-15.823 9.838 6.245 6.245 0 01-11.028-4.028v.01zm77.935-26.01a34.908 34.908 0 01-9.89-2.498 35.717 35.717 0 01-14.756-10.523 6.233 6.233 0 012.861-10 5.832 5.832 0 016.486 1.742 26.986 26.986 0 0016.628 8.912 6.042 6.042 0 015.036 5.58 6.253 6.253 0 01-4.32 6.504 6.588 6.588 0 01-2.045.282zM69.817 53.65a33.69 33.69 0 01-2.286 12.607 6.255 6.255 0 01-11.018 1.007 6.132 6.132 0 01-.655-5.438 26.178 26.178 0 00-.534-18.377 6.256 6.256 0 0111.572-4.753 40.515 40.515 0 012.921 14.954z" fill="#fff"/></svg>
--- a/src/assets/svg-icon/logo.svg
+++ b/src/assets/svg-icon/logo.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 160 160" xmlns="http://www.w3.org/2000/svg"><path d="M81.28 55.9c-.1-11.67-2.93-22.55-9.37-32.38-1-1.5-2.14-2.86-2.5-4.71a8.1 8.1 0 014-8.61 7.89 7.89 0 019.3 1.23 35.999 35.999 0 015.9 8.83 75.18 75.18 0 018.44 28.58 83.211 83.211 0 01-5.23 36.74 102.983 102.983 0 01-3 7.28 1.2 1.2 0 000 1.41c9.58 13.3 21.76 23 37.85 27.24a54.37 54.37 0 0019.68 1.57 7.72 7.72 0 018.36 6.9 7.903 7.903 0 01-6.7 9 64.744 64.744 0 01-23-1.33 77.68 77.68 0 01-36.93-19.88 93.628 93.628 0 01-11.91-13.71 2.18 2.18 0 00-2.3-1.06 72.744 72.744 0 00-27.38 7.55c-11.6 6-20.67 14.58-26.4 26.45a10.134 10.134 0 01-3.7 4.7 8 8 0 01-9.19-.7 7.86 7.86 0 01-2.36-9.28 60.324 60.324 0 018.72-14.52c12.2-15.43 28.21-24.59 47.32-28.57A85.085 85.085 0 0173.07 87c.524.015 1-.307 1.18-.8a76.06 76.06 0 006.53-22.3c.351-2.652.518-5.325.5-8z" fill="currentColor"/><path d="M136.26 108.34a44.742 44.742 0 01-11.13-2.87 46.108 46.108 0 01-19.66-13.76 8 8 0 015.72-13.22 7.93 7.93 0 016.54 2.93 33.27 33.27 0 0018.87 10.75c1.546.155 3.058.553 4.48 1.18a8.08 8.08 0 013.84 9.21c-.92 3.52-4.13 5.81-8.66 5.78zm-80.6-75.02a7.61 7.61 0 016.64 5 49.139 49.139 0 013.64 17 46.33 46.33 0 01-2.46 17.28c-2 5.77-8.24 7.79-12.89 4.15a8.1 8.1 0 01-2.39-9 31.679 31.679 0 001.68-12.36 35.77 35.77 0 00-2.43-11c-2.1-5.45 1.75-11.07 8.21-11.07zm22.26 93.25a8 8 0 01-6.68 7.86 32.88 32.88 0 00-19.7 12.19 8.13 8.13 0 01-11.21 1.62 8 8 0 01-1.41-11.58A51.043 51.043 0 0154 123.81a45.842 45.842 0 0114-5.1c5.35-1.04 9.91 2.56 9.92 7.86z" fill="currentColor"/></svg>
--- a/src/assets/svg-icon/network-error.svg
+++ b/src/assets/svg-icon/network-error.svg
--- a/src/assets/svg-icon/no-icon.svg
+++ b/src/assets/svg-icon/no-icon.svg
--- a/src/assets/svg-icon/no-permission.svg
+++ b/src/assets/svg-icon/no-permission.svg
--- a/src/assets/svg-icon/not-found.svg
+++ b/src/assets/svg-icon/not-found.svg
--- a/src/assets/svg-icon/service-error.svg
+++ b/src/assets/svg-icon/service-error.svg
--- a/src/assets/svg-icon/wind.svg
+++ b/src/assets/svg-icon/wind.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-wind"><path d="M9.59 4.59A2 2 0 1 1 11 8H2m10.59 11.41A2 2 0 1 0 14 16H2m15.73-8.27A2.5 2.5 0 1 1 19.5 12H2"></path></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-wind"><path d="M9.59 4.59A2 2 0 1 1 11 8H2m10.59 11.41A2 2 0 1 0 14 16H2m15.73-8.27A2.5 2.5 0 1 1 19.5 12H2"></path></svg>
--- a/src/assets/svg/activity.svg
+++ b/src/assets/svg/activity.svg
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-activity"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline></svg>
--- a/src/assets/svg/at-sign.svg
+++ b/src/assets/svg/at-sign.svg
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-at-sign"><circle cx="12" cy="12" r="4"></circle><path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"></path></svg>
--- a/src/assets/svg/avatar.svg
+++ b/src/assets/svg/avatar.svg
--- a/src/assets/svg/cast.svg
+++ b/src/assets/svg/cast.svg
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cast"><path d="M2 16.1A5 5 0 0 1 5.9 20M2 12.05A9 9 0 0 1 9.95 20M2 8V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6"></path><line x1="2" y1="20" x2="2.01" y2="20"></line></svg>
--- a/src/assets/svg/chrome.svg
+++ b/src/assets/svg/chrome.svg
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chrome"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="4"></circle><line x1="21.17" y1="8" x2="12" y2="8"></line><line x1="3.95" y1="6.06" x2="8.54" y2="14"></line><line x1="10.88" y1="21.94" x2="15.46" y2="14"></line></svg>
--- a/src/assets/svg/copy.svg
+++ b/src/assets/svg/copy.svg
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-copy"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>
--- a/src/assets/svg/heart.svg
+++ b/src/assets/svg/heart.svg
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>
--- a/src/assets/svg/logo-fill.svg
+++ b/src/assets/svg/logo-fill.svg
@@ -1 +0,0 @@
-<svg viewBox="0 0 158.88 158.88"><path d="M158.86.3v157.48c0 .9-.2 1.1-1.1 1.1H.24a2.61 2.61 0 01-.11-1.3V1.67C.14 0 0 .18 1.61.18h156a2.62 2.62 0 011.25.12z" fill="currentColor"/><path d="M158.86.3H2C0 .31.27 0 .27 2v156.85c-.07-.05-.25.12-.24-.12s0-.64 0-1Q0 79.46 0 1.14C0 .24.2 0 1.1 0h156.68c.35.08.81-.2 1.08.3z" fill="#fff"/><path d="M93.65 51.52a68.65 68.65 0 01-6.47 28.81 1.72 1.72 0 00.19 2c6.08 8.28 13.58 14.79 23.19 18.69a46.22 46.22 0 0017.15 3.39 28.87 28.87 0 003.34-.25 6.2 6.2 0 017 5.12 6.07 6.07 0 01-5.15 7.14 50.39 50.39 0 01-18.06-1c-15.85-3.66-28-12.75-37.44-25.7a2.15 2.15 0 00-2.23-1.09c-14 1.37-26.17 6.43-35.5 17.21a38.47 38.47 0 00-6.23 9.74 6.21 6.21 0 01-8.17 3.42 6.14 6.14 0 01-3.27-8.2 49.31 49.31 0 019.63-14.62c10.56-11.44 23.8-17.54 39.09-19.54a13.93 13.93 0 012.84-.34c1.61.14 2.18-.73 2.73-2A54.38 54.38 0 0081.12 51a44 44 0 00-8-25 6.11 6.11 0 01-.65-6.46A6 6 0 0177.75 16a6.34 6.34 0 015.66 3 53.61 53.61 0 017.17 14.28 59.33 59.33 0 013.07 18.24z" fill="#fff"/><path d="M46.92 118.63a6 6 0 011.35-3.88 37.89 37.89 0 0122.5-14 6.08 6.08 0 016.65 2.47 6.18 6.18 0 01-3.84 9.63 26.09 26.09 0 00-15.71 9.77 6.2 6.2 0 01-10.95-4zM124.3 92.8a34.66 34.66 0 01-9.82-2.48 35.46 35.46 0 01-14.65-10.45 6.19 6.19 0 012.84-9.93 5.79 5.79 0 016.44 1.73 26.79 26.79 0 0016.51 8.85 6 6 0 015 5.54 6.21 6.21 0 01-4.29 6.46 6.55 6.55 0 01-2.03.28zM69.32 53.27a33.46 33.46 0 01-2.27 12.52 6.21 6.21 0 01-10.94 1 6.09 6.09 0 01-.65-5.4 26 26 0 00-.53-18.25 6.21 6.21 0 0111.49-4.72 40.24 40.24 0 012.9 14.85z" fill="#fff"/></svg>
--- a/src/assets/svg/logo.svg
+++ b/src/assets/svg/logo.svg
@@ -1 +0,0 @@
-<svg viewBox="0 0 158.88 158.88"><path d="M0 158.86V1.1C0 .2.2 0 1.1 0h156.68c.9 0 1.1.2 1.1 1.1v156.68c0 .9-.2 1.1-1.1 1.1Q78.9 158.83 0 158.86z" fill="#ffffff00"/><path d="M81.28 55.9c-.1-11.67-2.93-22.55-9.37-32.38-1-1.5-2.14-2.86-2.5-4.71a8.1 8.1 0 014-8.61 7.89 7.89 0 019.3 1.23 36 36 0 015.9 8.83 75.18 75.18 0 018.44 28.58 83.21 83.21 0 01-5.23 36.74 103 103 0 01-3 7.28 1.2 1.2 0 000 1.41c9.58 13.3 21.76 23 37.85 27.24a54.35 54.35 0 0019.68 1.57 7.72 7.72 0 018.36 6.9 7.9 7.9 0 01-6.7 9 64.74 64.74 0 01-23-1.33 77.68 77.68 0 01-36.93-19.88 93.64 93.64 0 01-11.91-13.71 2.18 2.18 0 00-2.3-1.06 72.75 72.75 0 00-27.38 7.55c-11.6 6-20.67 14.58-26.4 26.45a10.13 10.13 0 01-3.7 4.7 8 8 0 01-9.19-.7 7.86 7.86 0 01-2.36-9.28 60.32 60.32 0 018.72-14.52c12.2-15.43 28.21-24.59 47.32-28.57A85.08 85.08 0 0173.07 87a1.22 1.22 0 001.18-.8 76.06 76.06 0 006.53-22.3 57.87 57.87 0 00.5-8z" fill="currentColor"/><path d="M136.26 108.34a44.72 44.72 0 01-11.13-2.87 46.11 46.11 0 01-19.66-13.76 8 8 0 015.72-13.22 7.93 7.93 0 016.54 2.93 33.27 33.27 0 0018.87 10.75 14.76 14.76 0 014.48 1.18 8.08 8.08 0 013.84 9.21c-.92 3.52-4.13 5.81-8.66 5.78zM55.66 33.32a7.61 7.61 0 016.64 5 49.14 49.14 0 013.64 17 46.33 46.33 0 01-2.46 17.28c-2 5.77-8.24 7.79-12.89 4.15a8.1 8.1 0 01-2.39-9 31.68 31.68 0 001.68-12.36 35.77 35.77 0 00-2.43-11c-2.1-5.45 1.75-11.07 8.21-11.07zM77.92 126.57a8 8 0 01-6.68 7.86 32.88 32.88 0 00-19.7 12.19 8.13 8.13 0 01-11.21 1.62 8 8 0 01-1.41-11.58A51.05 51.05 0 0154 123.81a45.85 45.85 0 0114-5.1c5.35-1.04 9.91 2.56 9.92 7.86z" fill="currentColor"/></svg>
--- a/src/components/business/loading-empty-wrapper.vue
+++ b/src/components/business/loading-empty-wrapper.vue
@@ -7,13 +7,13 @@
      </div>
      <div v-show="isEmpty" class="absolute-center">
        <div class="relative">
-          <icon-custom-empty-data :class="iconClass" />
+          <icon-local-empty-data :class="iconClass" />
          <p class="absolute-lb w-full text-center" :class="descClass">{{ emptyDesc }}</p>
        </div>
      </div>
      <div v-show="!network" class="absolute-center">
        <div class="relative" :class="{ 'cursor-pointer': showNetworkReload }" @click="handleReload">
-          <icon-custom-network-error :class="iconClass" />
+          <icon-local-network-error :class="iconClass" />
          <p class="absolute-lb w-full text-center" :class="descClass">{{ networkErrorDesc }}</p>
        </div>
      </div>
@@ -22,10 +22,12 @@
 </template>

 <script setup lang="ts">
-import { computed, watch, nextTick, onUnmounted } from 'vue';
+import { computed, nextTick, onUnmounted, watch } from 'vue';
 import { NETWORK_ERROR_MSG } from '@/config';
 import { useBoolean } from '@/hooks';

+defineOptions({ name: 'LoadingEmptyWrapper' });
+
 interface Props {
  /** 是否加载 */
  loading: boolean;
@@ -52,7 +54,7 @@ const props = withDefaults(defineProps<Props>(), {
  placeholderClass: 'bg-white dark:bg-dark transition-background-color duration-300 ease-in-out',
  emptyDesc: '暂无数据',
  iconClass: 'text-320px text-primary',
-  descClass: 'text-16px text-[#666]',
+  descClass: 'text-16px text-#666',
  showNetworkReload: false
 });

--- a/src/components/business/login-agreement.vue
+++ b/src/components/business/login-agreement.vue
@@ -9,11 +9,17 @@
 <script setup lang="ts">
 import { computed } from 'vue';

+defineOptions({ name: 'LoginAgreement' });
+
 interface Props {
  /** 是否勾选 */
  value?: boolean;
 }

+const props = withDefaults(defineProps<Props>(), {
+  value: true
+});
+
 interface Emits {
  (e: 'update:value', value: boolean): void;
  /** 点击协议 */
@@ -22,10 +28,6 @@ interface Emits {
  (e: 'click-policy'): void;
 }

-const props = withDefaults(defineProps<Props>(), {
-  value: true
-});
-
 const emit = defineEmits<Emits>();

 const checked = computed({
--- a/src/components/common/DarkModeSwitch.vue
+++ b/src/components/common/DarkModeSwitch.vue
@@ -1,40 +0,0 @@
-<template>
-  <div class="flex-center text-18px cursor-pointer" @click="handleSwitch">
-    <icon-mdi-moon-waning-crescent v-if="darkMode" />
-    <icon-mdi-white-balance-sunny v-else />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-interface Props {
-  /** 暗黑模式 */
-  dark?: boolean;
-}
-
-interface Emits {
-  (e: 'update:dark', darkMode: boolean): void;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  dark: false
-});
-
-const emit = defineEmits<Emits>();
-
-const darkMode = computed({
-  get() {
-    return props.dark;
-  },
-  set(newValue: boolean) {
-    emit('update:dark', newValue);
-  }
-});
-
-function handleSwitch() {
-  darkMode.value = !darkMode.value;
-}
-</script>
-
-<style scoped></style>
--- a/src/components/common/app-loading.vue
+++ b/src/components/common/app-loading.vue
@@ -0,0 +1,45 @@
+<template>
+  <div class="fixed-center flex-col">
+    <system-logo class="text-128px text-primary" />
+    <div class="w-56px h-56px my-36px">
+      <div class="relative h-full animate-spin">
+        <div
+          v-for="(item, index) in lodingClasses"
+          :key="index"
+          class="absolute w-16px h-16px bg-primary rounded-8px animate-pulse"
+          :class="item"
+        ></div>
+      </div>
+    </div>
+    <h2 class="text-28px font-500 text-#646464">{{ title }}</h2>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useAppInfo } from '@/composables';
+import { localStg, getRgbOfColor } from '@/utils';
+import themeSettings from '@/settings/theme.json';
+
+const { title } = useAppInfo();
+
+const lodingClasses = [
+  'left-0 top-0',
+  'left-0 bottom-0 animate-delay-500',
+  'right-0 top-0 animate-delay-1000',
+  'right-0 bottom-0 animate-delay-1500'
+];
+
+function addThemeColorCssVars() {
+  const defaultColor = themeSettings.themeColor;
+  const themeColor = localStg.get('themeColor') || defaultColor;
+
+  const { r, g, b } = getRgbOfColor(themeColor);
+
+  const cssVars = `--primary-color: ${r},${g},${b}`;
+  document.documentElement.style.cssText = cssVars;
+}
+
+addThemeColorCssVars();
+</script>
+
+<style scoped></style>
--- a/src/components/common/dark-mode-container.vue
+++ b/src/components/common/dark-mode-container.vue
@@ -1,16 +1,19 @@
 <template>
  <div
-    class="dark:bg-[#18181c] dark:text-white dark:text-opacity-82 transition-all duration-300 ease-in-out"
-    :class="inverted ? 'bg-[#001428] text-white' : 'bg-white text-[#333639]'"
+    class="dark:bg-dark dark:text-white dark:text-opacity-82 transition-all"
+    :class="inverted ? 'bg-#001428 text-white' : 'bg-white text-#333639'"
  >
    <slot></slot>
  </div>
 </template>

 <script setup lang="ts">
+defineOptions({ name: 'DarkModeContainer' });
+
 interface Props {
  inverted?: boolean;
 }
+
 withDefaults(defineProps<Props>(), {
  inverted: false
 });
--- a/src/components/common/dark-mode-switch.vue
+++ b/src/components/common/dark-mode-switch.vue
@@ -0,0 +1,84 @@
+<template>
+  <div class="flex-center text-18px cursor-pointer" @click="handleSwitch">
+    <icon-mdi-moon-waning-crescent v-if="darkMode" />
+    <icon-mdi-white-balance-sunny v-else />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+
+defineOptions({ name: 'DarkModeSwitch' });
+
+interface Props {
+  /** 暗黑模式 */
+  dark?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  dark: false
+});
+
+interface Emits {
+  (e: 'update:dark', darkMode: boolean): void;
+}
+
+const emit = defineEmits<Emits>();
+
+const darkMode = computed({
+  get() {
+    return props.dark;
+  },
+  set(newValue: boolean) {
+    emit('update:dark', newValue);
+  }
+});
+
+function handleSwitch(event: MouseEvent) {
+  const x = event.clientX;
+  const y = event.clientY;
+  const endRadius = Math.hypot(Math.max(x, innerWidth - x), Math.max(y, innerHeight - y));
+  // @ts-expect-error: Transition API
+  if (!document.startViewTransition) {
+    darkMode.value = !darkMode.value;
+    return;
+  }
+  // @ts-expect-error: Transition API
+  const transition = document.startViewTransition(() => {
+    darkMode.value = !darkMode.value;
+  });
+  transition.ready.then(() => {
+    const clipPath = [`circle(0px at ${x}px ${y}px)`, `circle(${endRadius}px at ${x}px ${y}px)`];
+    document.documentElement.animate(
+      {
+        clipPath: darkMode.value ? clipPath : [...clipPath].reverse()
+      },
+      {
+        duration: 300,
+        easing: 'ease-in',
+        pseudoElement: darkMode.value ? '::view-transition-new(root)' : '::view-transition-old(root)'
+      }
+    );
+  });
+}
+</script>
+
+<style>
+::view-transition-old(root),
+::view-transition-new(root) {
+  animation: none;
+  mix-blend-mode: normal;
+}
+::view-transition-old(root) {
+  z-index: 9999;
+}
+::view-transition-new(root) {
+  z-index: 1;
+}
+.dark::view-transition-old(root) {
+  z-index: 1;
+}
+.dark::view-transition-new(root) {
+  z-index: 9999;
+}
+</style>
--- a/src/components/common/exception-base.vue
+++ b/src/components/common/exception-base.vue
@@ -1,9 +1,9 @@
 <template>
-  <div class="flex-col-center wh-full">
-    <div class="text-400px text-primary">
-      <icon-custom-no-permission v-if="type === '403'" />
-      <icon-custom-not-found v-if="type === '404'" />
-      <icon-custom-service-error v-if="type === '500'" />
+  <div class="flex-col-center gap-24px min-h-520px wh-full overflow-hidden">
+    <div class="flex text-400px text-primary">
+      <icon-local-no-permission v-if="type === '403'" />
+      <icon-local-not-found v-if="type === '404'" />
+      <icon-local-service-error v-if="type === '500'" />
    </div>
    <router-link :to="{ name: routeHomePath }">
      <n-button type="primary">回到首页</n-button>
@@ -14,6 +14,8 @@
 <script lang="ts" setup>
 import { routeName } from '@/router';

+defineOptions({ name: 'ExceptionBase' });
+
 type ExceptionType = '403' | '404' | '500';

 interface Props {
--- a/src/components/common/hover-container.vue
+++ b/src/components/common/hover-container.vue
@@ -2,14 +2,14 @@
  <div v-if="showTooltip">
    <n-tooltip :placement="placement" trigger="hover">
      <template #trigger>
-        <div class="flex-center h-full cursor-pointer dark:hover:bg-[#333]" :class="contentClassName">
+        <div class="flex-center h-full cursor-pointer dark:hover:bg-#333" :class="contentClassName">
          <slot></slot>
        </div>
      </template>
      {{ tooltipContent }}
    </n-tooltip>
  </div>
-  <div v-else class="flex-center cursor-pointer dark:hover:bg-[#333]" :class="contentClassName">
+  <div v-else class="flex-center cursor-pointer dark:hover:bg-#333" :class="contentClassName">
    <slot></slot>
  </div>
 </template>
@@ -18,6 +18,8 @@
 import { computed } from 'vue';
 import type { PopoverPlacement } from 'naive-ui';

+defineOptions({ name: 'HoverContainer' });
+
 interface Props {
  /** tooltip显示文本 */
  tooltipContent?: string;
@@ -28,6 +30,7 @@ interface Props {
  /** 反转模式下 */
  inverted?: boolean;
 }
+
 const props = withDefaults(defineProps<Props>(), {
  tooltipContent: '',
  placement: 'bottom',
@@ -38,7 +41,7 @@ const props = withDefaults(defineProps<Props>(), {
 const showTooltip = computed(() => Boolean(props.tooltipContent));

 const contentClassName = computed(
-  () => `${props.contentClass} ${props.inverted ? 'hover:bg-primary' : 'hover:bg-[#f6f6f6]'}`
+  () => `${props.contentClass} ${props.inverted ? 'hover:bg-primary' : 'hover:bg-#f6f6f6'}`
 );
 </script>

--- a/src/components/common/naive-provider.vue
+++ b/src/components/common/naive-provider.vue
@@ -13,7 +13,9 @@

 <script setup lang="ts">
 import { defineComponent, h } from 'vue';
-import { useLoadingBar, useDialog, useMessage, useNotification } from 'naive-ui';
+import { useDialog, useLoadingBar, useMessage, useNotification } from 'naive-ui';
+
+defineOptions({ name: 'NaiveProvider' });

 // 挂载naive组件的方法至window, 以便在路由钩子函数和请求函数里面调用
 function registerNaiveTools() {
@@ -24,6 +26,7 @@ function registerNaiveTools() {
 }

 const NaiveProviderContent = defineComponent({
+  name: 'NaiveProviderContent',
  setup() {
    registerNaiveTools();
  },
--- a/src/components/common/system-logo.vue
+++ b/src/components/common/system-logo.vue
@@ -1,9 +1,11 @@
 <template>
-  <icon-custom-logo-fill v-if="fill" />
-  <icon-custom-logo v-else />
+  <icon-local-logo-fill v-if="fill" />
+  <icon-local-logo v-else />
 </template>

 <script lang="ts" setup>
+defineOptions({ name: 'SystemLogo' });
+
 interface Props {
  /** logo是否填充 */
  fill?: boolean;
--- a/src/components/custom/better-scroll.vue
+++ b/src/components/custom/better-scroll.vue
@@ -7,11 +7,13 @@
 </template>

 <script setup lang="ts">
-import { ref, computed, watch, onMounted } from 'vue';
+import { computed, onMounted, ref, watch } from 'vue';
 import { useElementSize } from '@vueuse/core';
 import BScroll from '@better-scroll/core';
 import type { Options } from '@better-scroll/core';

+defineOptions({ name: 'BetterScroll' });
+
 interface Props {
  /** better-scroll的配置: https://better-scroll.github.io/docs/zh-CN/guide/base-scroll-options.html */
  options: Options;
--- a/src/components/custom/count-to.vue
+++ b/src/components/custom/count-to.vue
@@ -2,10 +2,14 @@
  <span>{{ value }}</span>
 </template>
 <script lang="ts" setup>
-import { ref, computed, onMounted, watch, watchEffect } from 'vue';
-import { useTransition, TransitionPresets } from '@vueuse/core';
+import { computed, onMounted, ref, watch, watchEffect } from 'vue';
+import { TransitionPresets, useTransition } from '@vueuse/core';
 import { isNumber } from '@/utils';

+defineOptions({ name: 'CountTo' });
+
+type TansitionKey = keyof typeof TransitionPresets;
+
 interface Props {
  /** 初始值 */
  startValue?: number;
@@ -28,7 +32,7 @@ interface Props {
  /** 使用缓冲动画函数 */
  useEasing?: boolean;
  /** 缓冲动画函数类型 */
-  transition?: string;
+  transition?: TansitionKey;
 }

 const props = withDefaults(defineProps<Props>(), {
@@ -45,10 +49,12 @@ const props = withDefaults(defineProps<Props>(), {
  transition: 'linear'
 });

-const emit = defineEmits<{
+interface Emits {
  (e: 'on-started'): void;
  (e: 'on-finished'): void;
-}>();
+}
+
+const emit = defineEmits<Emits>();

 const source = ref(props.startValue);
 let outputValue = useTransition(source);
@@ -71,12 +77,12 @@ function start() {
 }

 function formatNumber(num: number | string) {
-  if (!num) {
+  if (num !== 0 && !num) {
    return '';
  }
  const { decimals, decimal, separator, suffix, prefix } = props;
  let number = Number(num).toFixed(decimals);
-  number += '';
+  number = String(number);

  const x = number.split('.');
  let x1 = x[0];
--- a/src/components/custom/github-link.vue
+++ b/src/components/custom/github-link.vue
@@ -3,7 +3,9 @@
 </template>

 <script setup lang="ts">
-import WebSiteLink from './WebSiteLink.vue';
+import WebSiteLink from './web-site-link.vue';
+
+defineOptions({ name: 'GithubLink' });

 interface Props {
  /** github链接 */
--- a/src/components/custom/icon-select.vue
+++ b/src/components/custom/icon-select.vue
@@ -3,7 +3,7 @@
    <template #trigger>
      <n-input v-model:value="modelValue" readonly placeholder="点击选择图标">
        <template #suffix>
-          <Icon :icon="modelValue ? modelValue : emptyIcon" class="text-30px p-5px" />
+          <svg-icon :icon="selectedIcon" class="text-30px p-5px" />
        </template>
      </n-input>
    </template>
@@ -11,23 +11,22 @@
      <n-input v-model:value="searchValue" placeholder="搜索图标"></n-input>
    </template>
    <div v-if="iconsList.length > 0" class="grid grid-cols-9 h-auto overflow-auto">
-      <template v-for="iconItem in iconsList" :key="iconItem">
-        <Icon
+      <span v-for="iconItem in iconsList" :key="iconItem" @click="handleChange(iconItem)">
+        <svg-icon
          :icon="iconItem"
-          class="border-1px border-[#d9d9d9] text-30px m-2px p-5px"
-          :style="{ 'border-color': modelValue === iconItem ? theme.themeColor : '' }"
-          @click="handleChange(iconItem)"
+          class="border-1px border-#d9d9d9 text-30px m-2px p-5px cursor-pointer"
+          :class="{ 'border-primary': modelValue === iconItem }"
        />
-      </template>
+      </span>
    </div>
    <n-empty v-else class="w-306px" description="你什么也找不到" />
  </n-popover>
 </template>

 <script lang="ts" setup>
-import { ref, computed } from 'vue';
-import { Icon } from '@iconify/vue';
-import { useThemeStore } from '@/store';
+import { computed, ref } from 'vue';
+
+defineOptions({ name: 'IconSelect' });

 interface Props {
  /** 选中的图标 */
@@ -38,21 +37,16 @@ interface Props {
  emptyIcon?: string;
 }

-interface Emits {
-  (e: 'update:value', val: string): void;
-}
-
 const props = withDefaults(defineProps<Props>(), {
  emptyIcon: 'mdi:apps'
 });

+interface Emits {
+  (e: 'update:value', val: string): void;
+}
+
 const emit = defineEmits<Emits>();

-const theme = useThemeStore();
-
-const searchValue = ref('');
-const iconsList = computed(() => props.icons.filter(v => v.includes(searchValue.value)));
-
 const modelValue = computed({
  get() {
    return props.value;
@@ -62,6 +56,12 @@ const modelValue = computed({
  }
 });

+const selectedIcon = computed(() => modelValue.value || props.emptyIcon);
+
+const searchValue = ref('');
+
+const iconsList = computed(() => props.icons.filter(v => v.includes(searchValue.value)));
+
 function handleChange(iconItem: string) {
  modelValue.value = iconItem;
 }
--- a/src/components/custom/image-verify.vue
+++ b/src/components/custom/image-verify.vue
@@ -8,18 +8,20 @@
 import { watch } from 'vue';
 import { useImageVerify } from '@/hooks';

+defineOptions({ name: 'ImageVerify' });
+
 interface Props {
  code?: string;
 }

-interface Emits {
-  (e: 'update:code', code: string): void;
-}
-
 const props = withDefaults(defineProps<Props>(), {
  code: ''
 });

+interface Emits {
+  (e: 'update:code', code: string): void;
+}
+
 const emit = defineEmits<Emits>();

 const { domRef, imgCode, setImgCode, getImgCode } = useImageVerify();
--- a/src/components/custom/svg-icon.vue
+++ b/src/components/custom/svg-icon.vue
@@ -0,0 +1,53 @@
+<template>
+  <template v-if="renderLocalIcon">
+    <svg aria-hidden="true" width="1em" height="1em" v-bind="bindAttrs">
+      <use :xlink:href="symbolId" fill="currentColor" />
+    </svg>
+  </template>
+  <template v-else>
+    <Icon v-if="icon" :icon="icon" v-bind="bindAttrs" />
+  </template>
+</template>
+
+<script setup lang="ts">
+import { computed, useAttrs } from 'vue';
+import { Icon } from '@iconify/vue';
+
+defineOptions({ name: 'SvgIcon' });
+
+/**
+ * 图标组件
+ * - 支持iconify和本地svg图标
+ * - 同时传递了icon和localIcon，localIcon会优先渲染
+ */
+interface Props {
+  /** 图标名称 */
+  icon?: string;
+  /** 本地svg的文件名 */
+  localIcon?: string;
+}
+
+const props = defineProps<Props>();
+
+const attrs = useAttrs();
+
+const bindAttrs = computed<{ class: string; style: string }>(() => ({
+  class: (attrs.class as string) || '',
+  style: (attrs.style as string) || ''
+}));
+
+const symbolId = computed(() => {
+  const { VITE_ICON_LOCAL_PREFFIX: preffix } = import.meta.env;
+
+  const defaultLocalIcon = 'no-icon';
+
+  const icon = props.localIcon || defaultLocalIcon;
+
+  return `#${preffix}-${icon}`;
+});
+
+/** 渲染本地icon */
+const renderLocalIcon = computed(() => props.localIcon || !props.icon);
+</script>
+
+<style scoped></style>
--- a/src/components/custom/web-site-link.vue
+++ b/src/components/custom/web-site-link.vue
@@ -8,6 +8,8 @@
 </template>

 <script setup lang="ts">
+defineOptions({ name: 'WebSiteLink' });
+
 interface Props {
  /** 网址名称 */
  label: string;
--- a/src/composables/echarts.ts
+++ b/src/composables/echarts.ts
@@ -1,32 +1,32 @@
-import { ref, watch, nextTick, onUnmounted } from 'vue';
-import type { Ref, ComputedRef } from 'vue';
+import { nextTick, effectScope, onScopeDispose, ref, watch } from 'vue';
+import type { ComputedRef, Ref } from 'vue';
 import * as echarts from 'echarts/core';
-import { BarChart, LineChart, PieChart, ScatterChart, PictorialBarChart, RadarChart, GaugeChart } from 'echarts/charts';
+import { BarChart, GaugeChart, LineChart, PictorialBarChart, PieChart, RadarChart, ScatterChart } from 'echarts/charts';
 import type {
  BarSeriesOption,
+  GaugeSeriesOption,
  LineSeriesOption,
-  PieSeriesOption,
-  ScatterSeriesOption,
  PictorialBarSeriesOption,
+  PieSeriesOption,
  RadarSeriesOption,
-  GaugeSeriesOption
+  ScatterSeriesOption
 } from 'echarts/charts';
 import {
-  TitleComponent,
-  LegendComponent,
-  TooltipComponent,
-  GridComponent,
  DatasetComponent,
-  TransformComponent,
-  ToolboxComponent
+  GridComponent,
+  LegendComponent,
+  TitleComponent,
+  ToolboxComponent,
+  TooltipComponent,
+  TransformComponent
 } from 'echarts/components';
 import type {
-  TitleComponentOption,
-  LegendComponentOption,
-  TooltipComponentOption,
+  DatasetComponentOption,
  GridComponentOption,
+  LegendComponentOption,
+  TitleComponentOption,
  ToolboxComponentOption,
-  DatasetComponentOption
+  TooltipComponentOption
 } from 'echarts/components';
 import { LabelLayout, UniversalTransition } from 'echarts/features';
 import { CanvasRenderer } from 'echarts/renderers';
@@ -81,7 +81,7 @@ export function useEcharts(
 ) {
  const theme = useThemeStore();

-  const domRef = ref<HTMLElement | null>(null);
+  const domRef = ref<HTMLElement>();

  const initialSize = { width: 0, height: 0 };
  const { width, height } = useElementSize(domRef, initialSize);
@@ -98,6 +98,7 @@ export function useEcharts(

  function update(updateOptions: ECOption) {
    if (isRendered()) {
+      chart?.clear();
      chart!.setOption({ ...updateOptions, backgroundColor: 'transparent' });
    }
  }
@@ -127,34 +128,44 @@ export function useEcharts(
    render();
  }

-  const stopSizeWatch = watch([width, height], ([newWidth, newHeight]) => {
-    initialSize.width = newWidth;
-    initialSize.height = newHeight;
-    if (canRender()) {
-      if (!isRendered()) {
-        render();
-      } else {
-        resize();
+  const scope = effectScope();
+
+  scope.run(() => {
+    watch([width, height], ([newWidth, newHeight]) => {
+      initialSize.width = newWidth;
+      initialSize.height = newHeight;
+      if (newWidth === 0 && newHeight === 0) {
+        // 节点被删除 将chart置为空
+        chart = null;
      }
-    }
+      if (canRender()) {
+        if (!isRendered()) {
+          render();
+        } else {
+          resize();
+        }
+      }
+    });
+
+    watch(
+      options,
+      newValue => {
+        update(newValue);
+      },
+      { deep: true }
+    );
+
+    watch(
+      () => theme.darkMode,
+      () => {
+        updateTheme();
+      }
+    );
  });

-  const stopOptionWatch = watch(options, newValue => {
-    update(newValue);
-  });
-
-  const stopDarkModeWatch = watch(
-    () => theme.darkMode,
-    () => {
-      updateTheme();
-    }
-  );
-
-  onUnmounted(() => {
+  onScopeDispose(() => {
    destroy();
-    stopSizeWatch();
-    stopOptionWatch();
-    stopDarkModeWatch();
+    scope.stop();
  });

  return {
--- a/Show More
+++ b/Show More
				`@@ -1 +0,0 @@`
				`module.exports = { extends: ['@commitlint/config-conventional'] };`
				`@@ -0,0 +1 @@`
				<svg viewBox="0 0 160 160" xmlns="http://www.w3.org/2000/svg"><path d="M81.28 55.9c-.1-11.67-2.93-22.55-9.37-32.38-1-1.5-2.14-2.86-2.5-4.71a8.1 8.1 0 014-8.61 7.89 7.89 0 019.3 1.23 35.999 35.999 0 015.9 8.83 75.18 75.18 0 018.44 28.58 83.211 83.211 0 01-5.23 36.74 102.983 102.983 0 01-3 7.28 1.2 1.2 0 000 1.41c9.58 13.3 21.76 23 37.85 27.24a54.37 54.37 0 0019.68 1.57 7.72 7.72 0 018.36 6.9 7.903 7.903 0 01-6.7 9 64.744 64.744 0 01-23-1.33 77.68 77.68 0 01-36.93-19.88 93.628 93.628 0 01-11.91-13.71 2.18 2.18 0 00-2.3-1.06 72.744 72.744 0 00-27.38 7.55c-11.6 6-20.67 14.58-26.4 26.45a10.134 10.134 0 01-3.7 4.7 8 8 0 01-9.19-.7 7.86 7.86 0 01-2.36-9.28 60.324 60.324 0 018.72-14.52c12.2-15.43 28.21-24.59 47.32-28.57A85.085 85.085 0 0173.07 87c.524.015 1-.307 1.18-.8a76.06 76.06 0 006.53-22.3c.351-2.652.518-5.325.5-8z" fill="#1890ff"/><path d="M136.26 108.34a44.742 44.742 0 01-11.13-2.87 46.108 46.108 0 01-19.66-13.76 8 8 0 015.72-13.22 7.93 7.93 0 016.54 2.93 33.27 33.27 0 0018.87 10.75c1.546.155 3.058.553 4.48 1.18a8.08 8.08 0 013.84 9.21c-.92 3.52-4.13 5.81-8.66 5.78zm-80.6-75.02a7.61 7.61 0 016.64 5 49.139 49.139 0 013.64 17 46.33 46.33 0 01-2.46 17.28c-2 5.77-8.24 7.79-12.89 4.15a8.1 8.1 0 01-2.39-9 31.679 31.679 0 001.68-12.36 35.77 35.77 0 00-2.43-11c-2.1-5.45 1.75-11.07 8.21-11.07zm22.26 93.25a8 8 0 01-6.68 7.86 32.88 32.88 0 00-19.7 12.19 8.13 8.13 0 01-11.21 1.62 8 8 0 01-1.41-11.58A51.043 51.043 0 0154 123.81a45.842 45.842 0 0114-5.1c5.35-1.04 9.91 2.56 9.92 7.86z" fill="#1890ff"/></svg>
				`@@ -0,0 +1 @@`
				`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>`
				`@@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24"><path fill="currentColor" d="M19 10c0 1.38-2.12 2.5-3.5 2.5s-2.75-1.12-2.75-2.5h-1.5c0 1.38-1.37 2.5-2.75 2.5S5 11.38 5 10h-.75c-.16.64-.25 1.31-.25 2a8 8 0 008 8 8 8 0 008-8c0-.69-.09-1.36-.25-2H19m-7-6C9.04 4 6.45 5.61 5.07 8h13.86C17.55 5.61 14.96 4 12 4m10 8a10 10 0 01-10 10A10 10 0 012 12 10 10 0 0112 2a10 10 0 0110 10m-10 5.23c-1.75 0-3.29-.73-4.19-1.81L9.23 14c.45.72 1.52 1.23 2.77 1.23s2.32-.51 2.77-1.23l1.42 1.42c-.9 1.08-2.44 1.81-4.19 1.81z"/></svg>
				`@@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg"><path d="M0 0h160v160H0V0z" fill="currentColor"/><path d="M94.322 51.888A69.12 69.12 0 0187.806 80.9a1.732 1.732 0 00.191 2.014c6.124 8.338 13.677 14.894 23.356 18.821a46.564 46.564 0 0017.273 3.414 29.101 29.101 0 003.364-.252 6.245 6.245 0 017.051 5.156 6.112 6.112 0 01-5.187 7.19 50.758 50.758 0 01-18.19-1.007c-15.964-3.686-28.2-12.84-37.709-25.88a2.165 2.165 0 00-2.246-1.098c-14.1 1.38-26.357 6.475-35.754 17.331a38.721 38.721 0 00-6.275 9.808 6.255 6.255 0 01-8.229 3.444 6.184 6.184 0 01-3.293-8.258 49.662 49.662 0 019.699-14.722c10.636-11.52 23.97-17.663 39.37-19.677a14.06 14.06 0 012.86-.342c1.622.14 2.197-.735 2.75-2.014a54.752 54.752 0 004.865-23.463 44.302 44.302 0 00-8.057-25.175 6.152 6.152 0 01-.655-6.506 6.043 6.043 0 015.318-3.564 6.386 6.386 0 015.7 3.02 53.98 53.98 0 017.222 14.38 59.734 59.734 0 013.092 18.368z" fill="#fff"/><path d="M47.257 119.468a6.04 6.04 0 011.36-3.907 38.165 38.165 0 0122.66-14.098 6.124 6.124 0 016.699 2.487 6.223 6.223 0 01-3.868 9.698 26.276 26.276 0 00-15.823 9.838 6.245 6.245 0 01-11.028-4.028v.01zm77.935-26.01a34.908 34.908 0 01-9.89-2.498 35.717 35.717 0 01-14.756-10.523 6.233 6.233 0 012.861-10 5.832 5.832 0 016.486 1.742 26.986 26.986 0 0016.628 8.912 6.042 6.042 0 015.036 5.58 6.253 6.253 0 01-4.32 6.504 6.588 6.588 0 01-2.045.282zM69.817 53.65a33.69 33.69 0 01-2.286 12.607 6.255 6.255 0 01-11.018 1.007 6.132 6.132 0 01-.655-5.438 26.178 26.178 0 00-.534-18.377 6.256 6.256 0 0111.572-4.753 40.515 40.515 0 012.921 14.954z" fill="#fff"/></svg>
				`@@ -1 +0,0 @@`
				<svg viewBox="0 0 158.88 158.88"><path d="M158.86.3v157.48c0 .9-.2 1.1-1.1 1.1H.24a2.61 2.61 0 01-.11-1.3V1.67C.14 0 0 .18 1.61.18h156a2.62 2.62 0 011.25.12z" fill="currentColor"/><path d="M158.86.3H2C0 .31.27 0 .27 2v156.85c-.07-.05-.25.12-.24-.12s0-.64 0-1Q0 79.46 0 1.14C0 .24.2 0 1.1 0h156.68c.35.08.81-.2 1.08.3z" fill="#fff"/><path d="M93.65 51.52a68.65 68.65 0 01-6.47 28.81 1.72 1.72 0 00.19 2c6.08 8.28 13.58 14.79 23.19 18.69a46.22 46.22 0 0017.15 3.39 28.87 28.87 0 003.34-.25 6.2 6.2 0 017 5.12 6.07 6.07 0 01-5.15 7.14 50.39 50.39 0 01-18.06-1c-15.85-3.66-28-12.75-37.44-25.7a2.15 2.15 0 00-2.23-1.09c-14 1.37-26.17 6.43-35.5 17.21a38.47 38.47 0 00-6.23 9.74 6.21 6.21 0 01-8.17 3.42 6.14 6.14 0 01-3.27-8.2 49.31 49.31 0 019.63-14.62c10.56-11.44 23.8-17.54 39.09-19.54a13.93 13.93 0 012.84-.34c1.61.14 2.18-.73 2.73-2A54.38 54.38 0 0081.12 51a44 44 0 00-8-25 6.11 6.11 0 01-.65-6.46A6 6 0 0177.75 16a6.34 6.34 0 015.66 3 53.61 53.61 0 017.17 14.28 59.33 59.33 0 013.07 18.24z" fill="#fff"/><path d="M46.92 118.63a6 6 0 011.35-3.88 37.89 37.89 0 0122.5-14 6.08 6.08 0 016.65 2.47 6.18 6.18 0 01-3.84 9.63 26.09 26.09 0 00-15.71 9.77 6.2 6.2 0 01-10.95-4zM124.3 92.8a34.66 34.66 0 01-9.82-2.48 35.46 35.46 0 01-14.65-10.45 6.19 6.19 0 012.84-9.93 5.79 5.79 0 016.44 1.73 26.79 26.79 0 0016.51 8.85 6 6 0 015 5.54 6.21 6.21 0 01-4.29 6.46 6.55 6.55 0 01-2.03.28zM69.32 53.27a33.46 33.46 0 01-2.27 12.52 6.21 6.21 0 01-10.94 1 6.09 6.09 0 01-.65-5.4 26 26 0 00-.53-18.25 6.21 6.21 0 0111.49-4.72 40.24 40.24 0 012.9 14.85z" fill="#fff"/></svg>