chore(other): release v0.9.7

feat(projects): new router system [新的路由系统]
build(projects): add vite plugin @soybeanjs/router-page
2025-10-11 20:33:41 +08:00 · 2022-11-08 01:26:24 +08:00 · 2022-11-08 01:23:41 +08:00 · 2022-11-07 18:47:44 +08:00 · 2022-11-07 00:47:08 +08:00 · 2022-11-07 00:45:48 +08:00
327 changed files with 17597 additions and 6604 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
@@ -9,4 +9,12 @@ VITE_APP_DESC=SoybeanAdmin是一个中后台管理系统模版
 # 权限路由模式: static ｜ dynamic
 VITE_AUTH_ROUTE_MODE=dynamic

-VITE_VISUALIZER=false
+# 路由首页(根路由重定向), 用于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,38 +1,36 @@
-/** 请求环境配置 */
-type ServiceEnv = Record<
-  EnvType,
-  {
-    /** 请求地址 */
-    url: string;
-    /** 代理地址 */
-    proxy: string;
-  }
->;
+/** 请求服务的环境配置 */
+type ServiceEnv = Record<ServiceEnvType, ServiceEnvConfig>;

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

 /**
- * 获取环境配置
- * @param env 环境描述
+ * 获取当前环境模式下的请求服务的配置
+ * @param env 环境
 */
-export function getEnvConfig(env: ImportMetaEnv) {
-  const { VITE_ENV_TYPE = 'dev' } = env;
-  const envConfig = {
-    http: serviceEnvConfig[VITE_ENV_TYPE]
-  };
-  return envConfig;
+export function getServiceEnvConfig(env: ImportMetaEnv) {
+  const { VITE_SERVICE_ENV = 'dev' } = env;
+
+  const config = serviceEnv[VITE_SERVICE_ENV];
+
+  return config;
 }
--- a/.env.development
+++ b/.env.development
@@ -1 +1 @@
-VITE_HTTP_PROXY=true
+VITE_HTTP_PROXY=Y
--- a/.env.production
+++ b/.env.production
@@ -1 +1,6 @@
+VITE_VISUALIZER=N

+VITE_COMPRESS=N
+
+# gzip | brotliCompress | deflate | deflateRaw
+VITE_COMPRESS_TYPE=gzip
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,16 +1,3 @@
-*.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
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,34 +1,17 @@
 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: ['./scripts/*.ts'],
+      rules: {
+        'no-unused-expressions': 'off'
+      }
+    }
  ],
+  settings: {
+    'import/core-modules': ['uno.css', '~icons/*', 'virtual:svg-icons-register']
+  },
  rules: {
-    'import/extensions': 'off',
-    'import/no-extraneous-dependencies': 'off',
    'import/order': [
      'error',
      {
@@ -45,22 +28,16 @@ module.exports = {
            group: 'external',
            position: 'before'
          },
-          {
-            pattern: 'vuex',
-            group: 'external',
-            position: 'before'
-          },
          {
            pattern: 'pinia',
            group: 'external',
            position: 'before'
          },
-          // ui framework, such as "naive-ui"
-          // {
-          //   pattern: 'naive-ui',
-          //   group: 'external',
-          //   position: 'before'
-          // },
+          {
+            pattern: 'naive-ui',
+            group: 'external',
+            position: 'before'
+          },
          {
            pattern: '@/config',
            group: 'internal',
@@ -101,11 +78,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',
@@ -116,11 +103,6 @@ module.exports = {
            group: 'internal',
            position: 'before'
          },
-          {
-            pattern: '@/service',
-            group: 'internal',
-            position: 'before'
-          },
          {
            pattern: '@/utils',
            group: 'internal',
@@ -135,77 +117,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': 'off',
-    'import/prefer-default-export': 'off',
-    'max-classes-per-file': 'off',
-    'no-param-reassign': [
-      'error',
-      {
-        props: true,
-        ignorePropertyModificationsFor: ['state', 'acc', 'e']
-      }
-    ],
-    'no-plusplus': 'off',
-    'no-shadow': 'off',
-    'no-unused-vars': 'off',
-    'no-use-before-define': 'off',
-    'vue/multi-word-component-names': [
-      'error',
-      {
-        ignores: ['index']
-      }
-    ],
-    '@typescript-eslint/ban-types': [
-      'error',
-      {
-        types: {
-          '{}': {
-            message: 'Use object instead',
-            fixWith: 'object'
-          }
-        }
-      }
-    ],
-    '@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 }]
-  },
-  overrides: [
-    {
-      files: ['*.vue'],
-      rules: {
-        'no-undef': 'off'
-      }
-    },
-    {
-      files: ['*.html'],
-      rules: {
-        'vue/comment-directive': 'off'
-      }
-    }
-  ]
+    ]
+  }
 };
--- a/.gitattributes
+++ b/.gitattributes
@@ -0,0 +1,16 @@
+"*.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
--- a/.gitignore
+++ b/.gitignore
@@ -28,3 +28,8 @@ stats.html
 *.njsproj
 *.sln
 *.sw?
+
+/src/typings/components.d.ts
+/src/typings/router-page.d.ts
+package-lock.json
+yarn.lock
--- a/.husky/commit-msg
+++ b/.husky/commit-msg
@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"

-npx --no-install commitlint --edit
+pnpm soybean git-commit-verify
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"

-npm run lint && npm run typecheck
+pnpm lint && pnpm typecheck
--- a/.npmrc
+++ b/.npmrc
@@ -0,0 +1,4 @@
+registry=https://registry.npmmirror.com/
+shamefully-hoist=true
+strict-peer-dependencies=false
+auto-install-peers=true
--- 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,36 +1,25 @@
 {
-	"recommendations": [
-		"formulahendry.auto-close-tag",
-		"formulahendry.auto-complete-tag",
-		"steoates.autoimport",
-		"formulahendry.auto-rename-tag",
-		"coenraads.bracket-pair-colorizer-2",
-		"naumovs.color-highlight",
-		"pranaygp.vscode-css-peek",
-		"mikestead.dotenv",
-		"editorconfig.editorconfig",
-		"dsznajder.es7-react-js-snippets",
-		"dbaeumer.vscode-eslint",
-		"miguelsolorio.fluent-icons",
-		"mhutchie.git-graph",
-		"eamodio.gitlens",
-		"lokalise.i18n-ally",
-		"afzalsayed96.icones",
-		"antfu.iconify",
-		"kisstkondoros.vscode-gutter-preview",
-		"xabikos.javascriptsnippets",
-		"whtouche.vscode-js-console-utils",
-		"ritwickdey.liveserver",
-		"yzhang.markdown-all-in-one",
-		"pkief.material-icon-theme",
-		"zhuangtongfa.material-theme",
-		"jimdong.naive-ui-snippets",
-		"christian-kohler.path-intellisense",
-		"esbenp.prettier-vscode",
-		"johnsoncodehk.volar",
-		"johnsoncodehk.vscode-typescript-vue-plugin",
-		"dariofuzinato.vue-peek",
-		"wscats.vue",
-		"voorjaar.windicss-intellisense"
-	]
+  "recommendations": [
+    "afzalsayed96.icones",
+    "antfu.iconify",
+    "antfu.unocss",
+    "christian-kohler.path-intellisense",
+    "dbaeumer.vscode-eslint",
+    "eamodio.gitlens",
+    "editorconfig.editorconfig",
+    "esbenp.prettier-vscode",
+    "formulahendry.auto-complete-tag",
+    "formulahendry.auto-close-tag",
+    "formulahendry.auto-rename-tag",
+    "kisstkondoros.vscode-gutter-preview",
+    "lokalise.i18n-ally",
+    "mhutchie.git-graph",
+    "mikestead.dotenv",
+    "naumovs.color-highlight",
+    "pkief.material-icon-theme",
+    "steoates.autoimport",
+    "vue.volar",
+    "whtouche.vscode-js-console-utils",
+    "zhuangtongfa.material-theme"
+  ]
 }
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,76 +1,90 @@
 {
-	"editor.quickSuggestions": {
-		"strings": true
-	},
-	"workbench.iconTheme": "material-icon-theme",
-	"workbench.colorTheme": "One Dark Pro",
-	"editor.tabSize": 2,
-	"editor.fontLigatures": true,
-	"editor.codeActionsOnSave": {
-		"source.fixAll.eslint": true
-	},
-	"editor.bracketPairColorization.enabled": true,
-	"editor.guides.bracketPairs": "active",
-	"git.enableSmartCommit": true,
-	"path-intellisense.mappings": {
-		"@": "${workspaceFolder}/src",
-		"~@": "${workspaceFolder}/src",
-	},
-	"gutterpreview.paths": {
-		"@": "/src",
-		"~@": "/src"
-	},
-	"terminal.integrated.cursorStyle": "line",
-	"files.associations": {
-		"*.env.*": "dotenv"
-	},
-	"[jsonc]": {
-		"editor.defaultFormatter": "vscode.json-language-features"
-	},
-	"[json]": {
-		"editor.defaultFormatter": "vscode.json-language-features"
-	},
-	"[javascript]": {
-		"editor.defaultFormatter": "esbenp.prettier-vscode"
-	},
-	"javascript.updateImportsOnFileMove.enabled": "always",
-	"[javascriptreact]": {
-		"editor.defaultFormatter": "esbenp.prettier-vscode"
-	},
-	"terminal.integrated.fontSize": 14,
-	"terminal.integrated.fontWeight": 500,
-	"i18n-ally.displayLanguage": "zh",
-	"[html]": {
-		"editor.defaultFormatter": "esbenp.prettier-vscode"
-	},
-	"[typescript]": {
-		"editor.defaultFormatter": "esbenp.prettier-vscode"
-	},
-	"[vue]": {
-		"editor.defaultFormatter": "johnsoncodehk.volar"
-	},
-	"terminal.integrated.tabs.enabled": true,
-	"[typescriptreact]": {
-		"editor.defaultFormatter": "esbenp.prettier-vscode"
-	},
-	"[markdown]": {
-		"editor.defaultFormatter": "yzhang.markdown-all-in-one"
-	},
-	"vue3snippets.enable-compile-vue-file-on-did-save-code": false,
-	"editor.formatOnSave": false,
-	"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"
-	}
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  },
+  "editor.fontLigatures": true,
+  "editor.formatOnSave": false,
+  "editor.guides.bracketPairs": "active",
+  "editor.quickSuggestions": {
+    "strings": true
+  },
+  "editor.tabSize": 2,
+  "eslint.alwaysShowStatus": true,
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "json",
+    "jsonc",
+    "json5",
+    "yaml",
+    "yml",
+    "markdown"
+  ],
+  "files.associations": {
+    "*.env.*": "dotenv"
+  },
+  "files.eol": "\n",
+  "git.enableSmartCommit": true,
+  "gutterpreview.paths": {
+    "@": "/src",
+    "~@": "/src"
+  },
+  "i18n-ally.localesPaths": ["src/locales", "src/locales/lang"],
+  "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.cursorStyle": "line",
+  "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"
+  }
 }
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,117 @@

 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.

+### [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)
+
+
+### Features
+
+* **projects:** 支持同一路由根据不同query和hash同时显示不同Tab ([4122685](https://github.com/honghuangdc/soybean-admin/commit/4122685803f8a0a485682d16cec74e27945adc47)), closes [#64](https://github.com/honghuangdc/soybean-admin/issues/64)
+* **projects:** 动态路由根路由重定向只需取决于后端返回的路由首页 ([434ab1c](https://github.com/honghuangdc/soybean-admin/commit/434ab1c560b260f8a19895405eb1d3c3313052d7))
+* **projects:** 补充更多的ECharts示例 ([c776249](https://github.com/honghuangdc/soybean-admin/commit/c7762490def77695bedf179ffc63e3e95d15e14d))
+* **projects:** 添加百度地图、升级依赖 ([39854a4](https://github.com/honghuangdc/soybean-admin/commit/39854a492b9cce71e0c7ed52af9985cb4abd6a97))
+* **projects:** 添加插件页面：图表 ([0a46ea0](https://github.com/honghuangdc/soybean-admin/commit/0a46ea08443f6b879434e925d440cf07e9494fcb))
+* **projects:** 添加自动跟随系统主题设置 ([ba07b69](https://github.com/honghuangdc/soybean-admin/commit/ba07b695dd9dc5d3f8ebf57d0f2e69d624994962))
+* **projects:** 添加antv g2图表示例 ([44b022a](https://github.com/honghuangdc/soybean-admin/commit/44b022aefd7dbb4c34886814cf04767450dec026))
+* **projects:** 引入echarts替换antvG2plot ([e7ad086](https://github.com/honghuangdc/soybean-admin/commit/e7ad08685e8ac52a8906fc94e656192275f9764c))
+* **route:** 路由meta新增activeMenu属性 ([ebd16a4](https://github.com/honghuangdc/soybean-admin/commit/ebd16a4d1ab1a95a27838a2d4f20cc1d1e7309ae))
+
+
+### Bug Fixes
+
+* **projects:** 修复@antv/g2生产环境报错 ([4558c24](https://github.com/honghuangdc/soybean-admin/commit/4558c24d1c1e1faa3326650fc16e6baf384509ac))
+* **projects:** 修复插件不存在的错误提示 ([7165282](https://github.com/honghuangdc/soybean-admin/commit/716528206e9f63e873607d0afd59d83f6984e3fe))
+* **projects:** 修复权限切换路由数据未更新的问题 ([60f9125](https://github.com/honghuangdc/soybean-admin/commit/60f912508b0e685957fb22ef0ed1f83272847263))
+* **projects:** 修复页面切换时导致的溢出滚动条 ([e023306](https://github.com/honghuangdc/soybean-admin/commit/e0233061d3bca236b4c4bb462ce00f7ca186b9fa))
+* **route:** 当为左侧混合菜单时activeMenu无效情况 ([3e4f9e2](https://github.com/honghuangdc/soybean-admin/commit/3e4f9e282442073447c5c24c33d65bc6130978ee))
+
+### [0.9.4](https://github.com/honghuangdc/soybean-admin/compare/v0.9.3...v0.9.4) (2022-04-28)
+
+
+### Features
+
+* **layouts:** 添加侧边栏/头部的反转模式来增加对比度 ([861c8b9](https://github.com/honghuangdc/soybean-admin/commit/861c8b9852e0097a1f6b79ac2c10d19add123bde))
+* **layouts:** 添加侧边栏/头部的反转模式来增加对比度 ([3c8dd77](https://github.com/honghuangdc/soybean-admin/commit/3c8dd772f89d2b656a42c4f7164e581acdb2b1a5))
+* **projects:** 插件方式按需引入naiveUI ([6bed9ea](https://github.com/honghuangdc/soybean-admin/commit/6bed9ead38af6d58f6cd9e520db848ae5cbfa4db))
+* **projects:** 登录页背景图片位置适配移动端 ([24010d0](https://github.com/honghuangdc/soybean-admin/commit/24010d05fb1ff51cb5e5d94ffe310206a9638711))
+* **projects:** 登录页面适配移动端 ([ec0776e](https://github.com/honghuangdc/soybean-admin/commit/ec0776e268cd3d1031e9ecd794abce271a675793))
+* **projects:** 权限完善及权限示例页面 ([807448a](https://github.com/honghuangdc/soybean-admin/commit/807448aec5b041535fe4fbac90eca1138b2f439c))
+* **projects:** 添加请求适配器的请求示例 ([bed4292](https://github.com/honghuangdc/soybean-admin/commit/bed4292ed380e77ac428ab057abc42eceb72af53))
+* **projects:** 新增静态路由 ([ca2dfa6](https://github.com/honghuangdc/soybean-admin/commit/ca2dfa6185aa7a4e58184bcfef2a1246a52f88fd))
+* **projects:** 引入unocss替换windicss ([c9d3e5a](https://github.com/honghuangdc/soybean-admin/commit/c9d3e5a3fdf59179dcfc122ab8369c492ea7832e))
+* **projects:** HTML lang 修改为 zh-cmn-Hans ([b9c5c34](https://github.com/honghuangdc/soybean-admin/commit/b9c5c349790b1e83a7acd1f2c53a86c9221944ff))
+* **projects:** HTML lang 修改为 zh-cmn-Hans ([dbeb595](https://github.com/honghuangdc/soybean-admin/commit/dbeb595c0b9fc11e7d166a7684af37cc971f1a11))
+* **projects:** mock添加权限过滤 ([7f4350a](https://github.com/honghuangdc/soybean-admin/commit/7f4350aeb673dab59192584177a897aacebe4b28))
+
+
+### Bug Fixes
+
+* **projects:** 去除从环境文件引入端口号导致的错误 ([2d6d179](https://github.com/honghuangdc/soybean-admin/commit/2d6d179d669ea71cca3fe97ac840e4856bff4051))
+* **projects:** 全局搜索弹窗弹出时动画闪屏问题 ([bb1bbf2](https://github.com/honghuangdc/soybean-admin/commit/bb1bbf272438f4ed440735118c6a9ec04c7d109f))
+* **projects:** 添加.npmrc修复无法获取自动引入的全局组件声明类型 ([e8488e4](https://github.com/honghuangdc/soybean-admin/commit/e8488e4d5237e5e03ec07ff07d03115389d5b1ef))
+* **projects:** 添加获取路由组件文件未找到时的错误提示 ([219f87f](https://github.com/honghuangdc/soybean-admin/commit/219f87f46758f328f26697f66d8583f49c0d41de))
+* **projects:** 修复获取vite环境变量的方式 ([46e1ae7](https://github.com/honghuangdc/soybean-admin/commit/46e1ae7825b2b204ce3cdd63b3c64f39bff096d0))
+* **projects:** 修复路由守卫的动态路由逻辑 ([e6c26fc](https://github.com/honghuangdc/soybean-admin/commit/e6c26fcb4ae085f9fd7d7eb9183ddba020d0b5da))
+* **projects:** 修复样式 ([e899914](https://github.com/honghuangdc/soybean-admin/commit/e8999144266761b3b701442975c3c00251240d53))
+* **projects:** 修复在新版vite下环境变量获取不到的问题 ([3fb13ca](https://github.com/honghuangdc/soybean-admin/commit/3fb13ca9e710549d2ddeb774fe08fabd27d5ae11))
+* **projects:** 修复vite alias ([cd7ca8f](https://github.com/honghuangdc/soybean-admin/commit/cd7ca8f4c77ac8c753b753ba698a9573d6c37bf9))
+
 ### [0.9.3](https://github.com/honghuangdc/soybean-admin/compare/v0.9.2...v0.9.3) (2022-03-12)


--- 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
@@ -7,16 +7,16 @@

 ## 简介

-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 的语言
- **主题**：丰富可配置的主题、暗黑模式，基于windicss的动态主题颜色
+- **最新技术栈**：使用 Vue3/Vite3 等前端前沿技术开发, 使用高效率的 npm 包管理器 pnpm
+- **TypeScript**：应用程序级 JavaScript 的语言
+- **主题**：丰富可配置的主题、暗黑模式，基于原子 css 框架 - UnoCSS 的动态主题颜色
 - **代码规范**：丰富的规范插件及极高的代码规范
- **权限路由**：简易的路由配置、基于mock的动态路由能快速实现后端动态路由
- **请求函数**：基于axios的完善的请求函数封装，提供Promise和hooks两种请求函数
+- **权限路由**：简易的路由配置、基于 mock 的动态路由能快速实现后端动态路由
+- **请求函数**：基于 axios 的完善的请求函数封装，提供 Promise 和 hooks 两种请求函数，加入请求结果数据转换的适配器

 ## 预览

@@ -24,52 +24,52 @@ Soybean Admin  是一个基于 Vue3、Vite、TypeScript、Naive UI 的免费中

 ## 文档

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

 ## 代码仓库

 - [github](https://github.com/honghuangdc/soybean-admin)
-
 - [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)
+
 ## 项目示例图

-![](https://s2.loli.net/2022/01/24/ovK6Oyqr7gIMu2n.png)
+![](https://s2.loli.net/2022/05/16/keOtgFH27r9nqYS.png)

-![](https://s2.loli.net/2022/01/24/O8loxYhMySHwGfJ.png)
+![](https://s2.loli.net/2022/05/18/bW7mftiQexkvSTG.png)

-![](https://s2.loli.net/2022/01/24/HKwpJ7Ab6j8fVvk.png)
+![](https://s2.loli.net/2022/05/16/uV5nzjb3gYptAEl.png)

-![](https://s2.loli.net/2022/01/24/bqJRSDZHBv3jsif.png)
+![](https://s2.loli.net/2022/05/16/rSnNHLdpuvkKxWq.png)

-![](https://s2.loli.net/2022/01/24/wXpHeau6UrSTWdF.png)
+![](https://s2.loli.net/2022/05/18/Mt6YZqmDxO8v4uR.png)

-![](https://s2.loli.net/2022/02/16/pBwF2gaxXnKZe3D.png)
+![](https://s2.loli.net/2022/05/16/ktH5dcG3fuFOoKA.png)

-![](https://s2.loli.net/2022/02/16/pfuxVEPsTJIXw5n.png)
+![](https://s2.loli.net/2022/05/16/VPl6Ru1iCAhLcS4.png)

-## 开发计划
+![](https://s2.loli.net/2022/05/16/bRlAKuHW7ZVh9DT.png)

- [x] 添加前端静态路由
- [ ] 集成unocss替换windicss(新分支unocss)
- [ ] 用户角色切换示例、按钮级别权限指令
- [ ] 最近功能的有关文档更新
- [ ] 引入ECharts替换AntV G2Plot
- [ ] 性能优化(优化递归函数)
- [ ] 精简版(新分支thin)
- [ ] 表单、表格示例
- [ ] 添加锁屏组件、全局Iframe组件
- [ ] 示例页面完善
- [ ] 其他UI版本
- [ ] element-plus版本
- [ ] 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)
+![](https://s2.loli.net/2022/06/07/rY8TyAftM5dxspv.png)
+
+![](https://s2.loli.net/2022/06/07/5GNBAd31IzQVjLP.png)
+
+![](https://s2.loli.net/2022/06/07/rRSG6mEZpujOACT.png)

 ## 安装使用

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

 ```bash
@@ -94,11 +94,17 @@ pnpm dev
 pnpm build
 ```

-::: warning 注意
+## Docker 部署

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

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

 ## 如何贡献

@@ -106,9 +112,9 @@ pnpm build

 ## Git 贡献提交规范

-项目已经内置angular提交规范，通过git cz 代替git commit 命令即可。
+项目已经内置 angular 提交规范，通过 git cz 代替 git commit 命令即可。

-git cz命令需要全局安装 commitizen
+git cz 命令需要全局安装 commitizen

 ```bash
 pnpm i -g commitizen
@@ -121,8 +127,8 @@ 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                                                                                              |

 ## 开源作者

@@ -130,19 +136,25 @@ pnpm i -g commitizen

 ## 交流

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

- 本人微信号：honghuangdc，欢迎来技术交流，业务咨询。
+- 微信交流群（添加本人微信拉进群），欢迎来技术交流，业务咨询。
+  <div style="text-align:left">
+    <img src="https://s2.loli.net/2022/05/16/3YGBgXnVPJdslk8.jpg" style="width:200px" />
+  </div>

- 微信交流群：
-  **微信群的人数已经满200个了，无法扫码，可以添加本人的微信再邀请进入**
-
- QQ交流群 `711301266`
+- 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

 [MIT © Soybean-2021](./LICENSE)
--- a/build/config/index.ts
+++ b/build/config/index.ts
@@ -1,3 +1,2 @@
-export * from './path';
 export * from './define';
 export * from './proxy';
--- a/build/config/path.ts
+++ b/build/config/path.ts
@@ -1,15 +0,0 @@
-import { fileURLToPath } from 'url';
-
-/**
- * 解析路径
- * @param basePath - 基础路径
- */
-export function resolvePath(rootPath: string, basePath: string) {
-  const root = fileURLToPath(new URL(rootPath, basePath));
-  const src = `${root}src`;
-
-  return {
-    root,
-    src
-  };
-}
--- a/build/config/proxy.ts
+++ b/build/config/proxy.ts
@@ -1,21 +1,23 @@
 import type { ProxyOptions } from 'vite';
-import { getEnvConfig } from '../../.env-config';

 /**
 * 设置网络代理
- * @param viteEnv - vite环境描述
+ * @param isOpenProxy - 是否开启代理
+ * @param envConfig - env环境配置
 */
-export function createViteProxy(viteEnv: ImportMetaEnv) {
-  const isOpenProxy = viteEnv.VITE_HTTP_PROXY === 'true';
+export function createViteProxy(isOpenProxy: boolean, envConfig: ServiceEnvConfig) {
  if (!isOpenProxy) return undefined;

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

--- a/build/index.ts
+++ b/build/index.ts
@@ -1,2 +1,3 @@
 export * from './plugins';
 export * from './config';
+export * from './utils';
--- a/build/plugins/auto-import.ts
+++ b/build/plugins/auto-import.ts
@@ -1,22 +0,0 @@
-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';
-
-export default (srcPath: string) => {
-  return [
-    Icons({
-      compiler: 'vue3',
-      customCollections: {
-        custom: FileSystemIconLoader(`${srcPath}/assets/svg`)
-      },
-      scale: 1,
-      defaultClass: 'inline-block'
-    }),
-    Components({
-      dts: true,
-      resolvers: [NaiveUiResolver(), IconsResolver({ customCollections: ['custom'], componentPrefix: 'icon' })]
-    })
-  ];
-};
--- a/build/plugins/compress.ts
+++ b/build/plugins/compress.ts
@@ -0,0 +1,6 @@
+import ViteCompression from 'vite-plugin-compression';
+
+export default (viteEnv: ImportMetaEnv) => {
+  const { VITE_COMPRESS_TYPE = 'gzip' } = viteEnv;
+  return ViteCompression({ algorithm: VITE_COMPRESS_TYPE });
+};
--- a/build/plugins/html.ts
+++ b/build/plugins/html.ts
@@ -1,10 +1,7 @@
-import { loadEnv } from 'vite';
-import type { ConfigEnv, PluginOption } from 'vite';
+import type { PluginOption } from 'vite';
 import { createHtmlPlugin } from 'vite-plugin-html';

-export default (config: ConfigEnv): PluginOption[] => {
-  const viteEnv = loadEnv(config.mode, process.cwd());
-
+export default (viteEnv: ImportMetaEnv): PluginOption[] => {
  return createHtmlPlugin({
    minify: true,
    inject: {
--- a/build/plugins/index.ts
+++ b/build/plugins/index.ts
@@ -1,26 +1,38 @@
-import type { ConfigEnv, PluginOption } from 'vite';
-import vue from './vue';
+import type { PluginOption } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import vueJsx from '@vitejs/plugin-vue-jsx';
+import unocss from '@unocss/vite';
+import { VitePWA } from 'vite-plugin-pwa';
+import progress from 'vite-plugin-progress';
 import html from './html';
-import autoImport from './auto-import';
-import windicss from './windicss';
+import unplugin from './unplugin';
 import mock from './mock';
 import visualizer from './visualizer';
+import compress from './compress';
+import soybeanjs from './soybeanjs';

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

-  if (configEnv.command === 'build' && viteEnv.VITE_VISUALIZER === 'true') {
-    plugins.push(visualizer);
+  if (viteEnv.VITE_VISUALIZER === 'Y') {
+    plugins.push(visualizer as PluginOption);
+  }
+  if (viteEnv.VITE_COMPRESS === 'Y') {
+    plugins.push(compress(viteEnv));
  }

  return plugins;
--- a/build/plugins/soybeanjs.ts
+++ b/build/plugins/soybeanjs.ts
@@ -0,0 +1,18 @@
+import routerPage from '@soybeanjs/router-page';
+
+export default function createSoybeanjsPlugin() {
+  return routerPage({
+    pagesFormatter: names => {
+      /** 系统的内置路由，该文件夹名称不作为RouteKey */
+      const SYSTEM_VIEW = 'system-view';
+
+      const result = names
+        .filter(name => name !== SYSTEM_VIEW)
+        .map(name => {
+          return name.replace(`${SYSTEM_VIEW}_`, '');
+        });
+
+      return result;
+    }
+  });
+}
--- a/build/plugins/unplugin.ts
+++ b/build/plugins/unplugin.ts
@@ -0,0 +1,44 @@
+import VueMacros from 'unplugin-vue-macros/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}-`, '');
+
+  return [
+    VueMacros(),
+    Icons({
+      compiler: 'vue3',
+      customCollections: {
+        [collectionName]: FileSystemIconLoader(localIconPath)
+      },
+      scale: 1,
+      defaultClass: 'inline-block'
+    }),
+    Components({
+      dts: 'src/typings/components.d.ts',
+      types: [{ from: 'vue-router', names: ['RouterLink', 'RouterView'] }],
+      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/visualizer.ts
+++ b/build/plugins/visualizer.ts
@@ -2,5 +2,6 @@ import { visualizer } from 'rollup-plugin-visualizer';

 export default visualizer({
  gzipSize: true,
-  brotliSize: true
+  brotliSize: true,
+  open: true
 });
--- a/build/plugins/vue.ts
+++ b/build/plugins/vue.ts
@@ -1,3 +0,0 @@
-import vue from '@vitejs/plugin-vue';
-
-export default vue({});
--- a/build/plugins/windicss.ts
+++ b/build/plugins/windicss.ts
@@ -1,3 +0,0 @@
-import windiCSS from 'vite-plugin-windicss';
-
-export default windiCSS();
--- 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/components.d.ts
+++ b/components.d.ts
@@ -1,100 +0,0 @@
-// generated by unplugin-vue-components
-// We suggest you to commit this file into source control
-// Read more: https://github.com/vuejs/vue-next/pull/3399
-
-declare module 'vue' {
-  export interface GlobalComponents {
-    BetterScroll: typeof import('./src/components/custom/BetterScroll.vue')['default']
-    CountTo: typeof import('./src/components/custom/CountTo.vue')['default']
-    DarkModeContainer: typeof import('./src/components/common/DarkModeContainer.vue')['default']
-    DarkModeSwitch: typeof import('./src/components/common/DarkModeSwitch.vue')['default']
-    GithubLink: typeof import('./src/components/custom/GithubLink.vue')['default']
-    HoverContainer: typeof import('./src/components/common/HoverContainer.vue')['default']
-    IconAntDesignCloseOutlined: typeof import('~icons/ant-design/close-outlined')['default']
-    IconAntDesignEnterOutlined: typeof import('~icons/ant-design/enter-outlined')['default']
-    IconAntDesignSettingOutlined: typeof import('~icons/ant-design/setting-outlined')['default']
-    IconCustomActivity: typeof import('~icons/custom/activity')['default']
-    IconCustomAvatar: typeof import('~icons/custom/avatar')['default']
-    IconCustomBanner: typeof import('~icons/custom/banner')['default']
-    IconCustomCast: typeof import('~icons/custom/cast')['default']
-    IconCustomEmptyData: typeof import('~icons/custom/empty-data')['default']
-    IconCustomLogo: typeof import('~icons/custom/logo')['default']
-    IconCustomLogoFill: typeof import('~icons/custom/logo-fill')['default']
-    IconCustomNetworkError: typeof import('~icons/custom/network-error')['default']
-    IconCustomNoPermission: typeof import('~icons/custom/no-permission')['default']
-    IconCustomNotFound: typeof import('~icons/custom/not-found')['default']
-    IconCustomServiceError: typeof import('~icons/custom/service-error')['default']
-    IconGridiconsFullscreen: typeof import('~icons/gridicons/fullscreen')['default']
-    IconGridiconsFullscreenExit: typeof import('~icons/gridicons/fullscreen-exit')['default']
-    IconIcOutlineCheck: typeof import('~icons/ic/outline-check')['default']
-    IconLineMdMenuFoldLeft: typeof import('~icons/line-md/menu-fold-left')['default']
-    IconLineMdMenuUnfoldLeft: typeof import('~icons/line-md/menu-unfold-left')['default']
-    IconMdiArrowDownThin: typeof import('~icons/mdi/arrow-down-thin')['default']
-    IconMdiArrowUpThin: typeof import('~icons/mdi/arrow-up-thin')['default']
-    IconMdiClose: typeof import('~icons/mdi/close')['default']
-    IconMdiGithub: typeof import('~icons/mdi/github')['default']
-    IconMdiMoonWaningCrescent: typeof import('~icons/mdi/moon-waning-crescent')['default']
-    IconMdiPin: typeof import('~icons/mdi/pin')['default']
-    IconMdiPinOff: typeof import('~icons/mdi/pin-off')['default']
-    IconMdiRefresh: typeof import('~icons/mdi/refresh')['default']
-    IconMdiWechat: typeof import('~icons/mdi/wechat')['default']
-    IconMdiWhiteBalanceSunny: typeof import('~icons/mdi/white-balance-sunny')['default']
-    IconPhCaretDoubleLeftBold: typeof import('~icons/ph/caret-double-left-bold')['default']
-    IconPhCaretDoubleRightBold: typeof import('~icons/ph/caret-double-right-bold')['default']
-    IconSelect: typeof import('./src/components/custom/IconSelect.vue')['default']
-    IconUilSearch: typeof import('~icons/uil/search')['default']
-    ImageVerify: typeof import('./src/components/custom/ImageVerify.vue')['default']
-    LoadingEmptyWrapper: typeof import('./src/components/business/LoadingEmptyWrapper.vue')['default']
-    LoginAgreement: typeof import('./src/components/business/LoginAgreement.vue')['default']
-    NaiveProvider: typeof import('./src/components/common/NaiveProvider.vue')['default']
-    NBreadcrumb: typeof import('naive-ui')['NBreadcrumb']
-    NBreadcrumbItem: typeof import('naive-ui')['NBreadcrumbItem']
-    NButton: typeof import('naive-ui')['NButton']
-    NCard: typeof import('naive-ui')['NCard']
-    NCheckbox: typeof import('naive-ui')['NCheckbox']
-    NColorPicker: typeof import('naive-ui')['NColorPicker']
-    NConfigProvider: typeof import('naive-ui')['NConfigProvider']
-    NDataTable: typeof import('naive-ui')['NDataTable']
-    NDescriptions: typeof import('naive-ui')['NDescriptions']
-    NDescriptionsItem: typeof import('naive-ui')['NDescriptionsItem']
-    NDialogProvider: typeof import('naive-ui')['NDialogProvider']
-    NDivider: typeof import('naive-ui')['NDivider']
-    NDrawer: typeof import('naive-ui')['NDrawer']
-    NDrawerContent: typeof import('naive-ui')['NDrawerContent']
-    NDropdown: typeof import('naive-ui')['NDropdown']
-    NEmpty: typeof import('naive-ui')['NEmpty']
-    NForm: typeof import('naive-ui')['NForm']
-    NFormItem: typeof import('naive-ui')['NFormItem']
-    NGradientText: typeof import('naive-ui')['NGradientText']
-    NGrid: typeof import('naive-ui')['NGrid']
-    NGridItem: typeof import('naive-ui')['NGridItem']
-    NInput: typeof import('naive-ui')['NInput']
-    NInputGroup: typeof import('naive-ui')['NInputGroup']
-    NInputNumber: typeof import('naive-ui')['NInputNumber']
-    NList: typeof import('naive-ui')['NList']
-    NListItem: typeof import('naive-ui')['NListItem']
-    NLoadingBarProvider: typeof import('naive-ui')['NLoadingBarProvider']
-    NMenu: typeof import('naive-ui')['NMenu']
-    NMessageProvider: typeof import('naive-ui')['NMessageProvider']
-    NModal: typeof import('naive-ui')['NModal']
-    NNotificationProvider: typeof import('naive-ui')['NNotificationProvider']
-    NPopover: typeof import('naive-ui')['NPopover']
-    NScrollbar: typeof import('naive-ui')['NScrollbar']
-    NSelect: typeof import('naive-ui')['NSelect']
-    NSpace: typeof import('naive-ui')['NSpace']
-    NSpin: typeof import('naive-ui')['NSpin']
-    NStatistic: typeof import('naive-ui')['NStatistic']
-    NSwitch: typeof import('naive-ui')['NSwitch']
-    NTabPane: typeof import('naive-ui')['NTabPane']
-    NTabs: typeof import('naive-ui')['NTabs']
-    NTag: typeof import('naive-ui')['NTag']
-    NThing: typeof import('naive-ui')['NThing']
-    NTimeline: typeof import('naive-ui')['NTimeline']
-    NTimelineItem: typeof import('naive-ui')['NTimelineItem']
-    NTooltip: typeof import('naive-ui')['NTooltip']
-    SystemLogo: typeof import('./src/components/common/SystemLogo.vue')['default']
-    WebSiteLink: typeof import('./src/components/custom/WebSiteLink.vue')['default']
-  }
-}
-
-export { }
--- 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
@@ -19,7 +19,7 @@
            <div class="right-0 bottom-0 loading-spin-item loading-delay-1500"></div>
          </div>
        </div>
-        <h2 class="loading-title"><%= appTitle %></h2>
+        <div class="loading-title"><%= appTitle %></div>
      </div>
      <script src="/resource/loading.js"></script>
    </div>
--- a/mock/api/auth.ts
+++ b/mock/api/auth.ts
@@ -1,9 +1,10 @@
 import type { MockMethod } from 'vite-plugin-mock';
+import { userModel } from '../model';

-const token: ApiAuth.Token = {
-  token: '__TEMP_TOKEN__',
-  refreshToken: '__TEMP_REFRESH_TOKEN__'
-};
+/** 参数错误的状态码 */
+const ERROR_PARAM_CODE = 10000;
+
+const ERROR_PARAM_MSG = '参数校验失败！';

 const apis: MockMethod[] = [
  // 获取验证码
@@ -18,73 +19,107 @@ const apis: MockMethod[] = [
      };
    }
  },
-  // 密码登录
+  // 用户+密码 登录
  {
-    url: '/mock/loginByPwd',
+    url: '/mock/login',
    method: 'post',
-    response: (): Service.MockServiceResult<ApiAuth.Token> => {
-      return {
-        code: 200,
-        message: 'ok',
-        data: token
-      };
-    }
-  },
-  // 验证码登录
-  {
-    url: '/mock/loginByCode',
-    method: 'post',
-    response: (): Service.MockServiceResult<ApiAuth.Token> => {
-      return {
-        code: 200,
-        message: 'ok',
-        data: token
-      };
-    }
-  },
-  // 获取用户信息(请求头携带token)
-  {
-    url: '/mock/getUserInfo',
-    method: 'get',
-    response: (): Service.MockServiceResult<ApiAuth.UserInfo> => {
-      return {
-        code: 200,
-        message: 'ok',
-        data: {
-          userId: '0',
-          userName: 'Soybean',
-          userPhone: '15170283876',
-          userRole: 'super'
-        }
-      };
-    }
-  },
-  {
-    url: '/mock/testToken',
-    method: 'post',
-    response: (option: any): Service.MockServiceResult<true | null> => {
-      if (option.headers?.authorization !== token.token) {
+    response: (options: Service.MockOption): Service.MockServiceResult<ApiAuth.Token | null> => {
+      const { userName = undefined, password = undefined } = options.body;
+
+      if (!userName || !password) {
        return {
-          code: 66666,
-          message: 'token 失效',
+          code: ERROR_PARAM_CODE,
+          message: ERROR_PARAM_MSG,
          data: null
        };
      }
+
+      const findItem = userModel.find(item => item.userName === userName && item.password === password);
+
+      if (findItem) {
+        return {
+          code: 200,
+          message: 'ok',
+          data: {
+            token: findItem.token,
+            refreshToken: findItem.refreshToken
+          }
+        };
+      }
      return {
-        code: 200,
-        message: 'ok',
-        data: true
+        code: 1000,
+        message: '用户名或密码错误！',
+        data: null
+      };
+    }
+  },
+  // 获取用户信息(请求头携带token, 根据token获取用户信息)
+  {
+    url: '/mock/getUserInfo',
+    method: 'get',
+    response: (options: Service.MockOption): Service.MockServiceResult<ApiAuth.UserInfo | null> => {
+      // 这里的mock插件得到的字段是authorization, 前端传递的是Authorization字段
+      const { authorization = '' } = options.headers;
+      const REFRESH_TOKEN_CODE = 66666;
+
+      if (!authorization) {
+        return {
+          code: REFRESH_TOKEN_CODE,
+          message: '用户已失效或不存在！',
+          data: null
+        };
+      }
+      const userInfo: Auth.UserInfo = {
+        userId: '',
+        userName: '',
+        userRole: 'user'
+      };
+      const isInUser = userModel.some(item => {
+        const flag = item.token === authorization;
+        if (flag) {
+          const { userId: itemUserId, userName, userRole } = item;
+          Object.assign(userInfo, { userId: itemUserId, userName, userRole });
+        }
+        return flag;
+      });
+
+      if (isInUser) {
+        return {
+          code: 200,
+          message: 'ok',
+          data: userInfo
+        };
+      }
+
+      return {
+        code: REFRESH_TOKEN_CODE,
+        message: '用户信息异常！',
+        data: null
      };
    }
  },
  {
    url: '/mock/updateToken',
    method: 'post',
-    response: (): Service.MockServiceResult<ApiAuth.Token> => {
+    response: (options: Service.MockOption): Service.MockServiceResult<ApiAuth.Token | null> => {
+      const { refreshToken = '' } = options.body;
+
+      const findItem = userModel.find(item => item.refreshToken === refreshToken);
+
+      if (findItem) {
+        return {
+          code: 200,
+          message: 'ok',
+          data: {
+            token: findItem.token,
+            refreshToken: findItem.refreshToken
+          }
+        };
+      }
      return {
-        code: 200,
-        message: 'ok',
-        data: token
+        code: 3000,
+        message: '用户已失效或不存在！',
+        data: null
      };
    }
  }
--- 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,369 +1,26 @@
 import type { MockMethod } from 'vite-plugin-mock';
-
-const routes: AuthRoute.Route[] = [
-  {
-    name: 'dashboard',
-    path: '/dashboard',
-    component: 'basic',
-    children: [
-      {
-        name: 'dashboard_analysis',
-        path: '/dashboard/analysis',
-        component: 'self',
-        meta: {
-          title: '分析页',
-          requiresAuth: true,
-          icon: 'icon-park-outline:analysis'
-        }
-      },
-      {
-        name: 'dashboard_workbench',
-        path: '/dashboard/workbench',
-        component: 'self',
-        meta: {
-          title: '工作台',
-          requiresAuth: true,
-          permissions: ['super', 'admin'],
-          icon: 'icon-park-outline:workbench'
-        }
-      }
-    ],
-    meta: {
-      title: '仪表盘',
-      icon: 'carbon:dashboard',
-      order: 1
-    }
-  },
-  {
-    name: 'document',
-    path: '/document',
-    component: 'basic',
-    children: [
-      {
-        name: 'document_vue',
-        path: '/document/vue',
-        component: 'self',
-        meta: {
-          title: 'vue文档',
-          requiresAuth: true,
-          icon: 'mdi:vuejs'
-        }
-      },
-      {
-        name: 'document_vue-new',
-        path: '/document/vue-new',
-        component: 'self',
-        meta: {
-          title: 'vue文档(新版)',
-          requiresAuth: true,
-          icon: 'mdi:vuejs'
-        }
-      },
-      {
-        name: 'document_vite',
-        path: '/document/vite',
-        component: 'self',
-        meta: {
-          title: 'vite文档',
-          requiresAuth: true,
-          icon: 'simple-icons:vite'
-        }
-      },
-      {
-        name: 'document_project',
-        path: '/document/project',
-        meta: {
-          title: '项目文档(外链)',
-          requiresAuth: true,
-          icon: 'mdi:file-link-outline',
-          href: 'https://docs.soybean.pro/'
-        }
-      }
-    ],
-    meta: {
-      title: '文档',
-      icon: 'carbon:document',
-      order: 2
-    }
-  },
-  {
-    name: 'component',
-    path: '/component',
-    component: 'basic',
-    children: [
-      {
-        name: 'component_button',
-        path: '/component/button',
-        component: 'self',
-        meta: {
-          title: '按钮',
-          requiresAuth: true,
-          icon: 'ic:baseline-radio-button-checked'
-        }
-      },
-      {
-        name: 'component_card',
-        path: '/component/card',
-        component: 'self',
-        meta: {
-          title: '卡片',
-          requiresAuth: true,
-          icon: 'mdi:card-outline'
-        }
-      },
-      {
-        name: 'component_table',
-        path: '/component/table',
-        component: 'self',
-        meta: {
-          title: '表格',
-          requiresAuth: true,
-          icon: 'mdi:table-large'
-        }
-      }
-    ],
-    meta: {
-      title: '组件示例',
-      icon: 'fluent:app-store-24-regular',
-      order: 3
-    }
-  },
-  {
-    name: 'plugin',
-    path: '/plugin',
-    component: 'basic',
-    children: [
-      {
-        name: 'plugin_map',
-        path: '/plugin/map',
-        component: 'self',
-        meta: {
-          title: '地图',
-          requiresAuth: true,
-          icon: 'mdi:map'
-        }
-      },
-      {
-        name: 'plugin_video',
-        path: '/plugin/video',
-        component: 'self',
-        meta: {
-          title: '视频',
-          requiresAuth: true,
-          icon: 'mdi:video'
-        }
-      },
-      {
-        name: 'plugin_editor',
-        path: '/plugin/editor',
-        component: 'multi',
-        children: [
-          {
-            name: 'plugin_editor_quill',
-            path: '/plugin/editor/quill',
-            component: 'self',
-            meta: {
-              title: '富文本编辑器',
-              requiresAuth: true,
-              icon: 'mdi:file-document-edit-outline'
-            }
-          },
-          {
-            name: 'plugin_editor_markdown',
-            path: '/plugin/editor/markdown',
-            component: 'self',
-            meta: {
-              title: 'markdown编辑器',
-              requiresAuth: true,
-              icon: 'ri:markdown-line'
-            }
-          }
-        ],
-        meta: {
-          title: '编辑器',
-          icon: 'icon-park-outline:editor'
-        }
-      },
-      {
-        name: 'plugin_swiper',
-        path: '/plugin/swiper',
-        component: 'self',
-        meta: {
-          title: 'Swiper插件',
-          requiresAuth: true,
-          icon: 'simple-icons:swiper'
-        }
-      },
-      {
-        name: 'plugin_copy',
-        path: '/plugin/copy',
-        component: 'self',
-        meta: {
-          title: '剪贴板',
-          requiresAuth: true,
-          icon: 'mdi:clipboard-outline'
-        }
-      },
-      {
-        name: 'plugin_icon',
-        path: '/plugin/icon',
-        component: 'self',
-        meta: {
-          title: '图标',
-          requiresAuth: true,
-          icon: 'ic:baseline-insert-emoticon'
-        }
-      },
-      {
-        name: 'plugin_print',
-        path: '/plugin/print',
-        component: 'self',
-        meta: {
-          title: '打印',
-          requiresAuth: true,
-          icon: 'ic:baseline-local-printshop'
-        }
-      }
-    ],
-    meta: {
-      title: '插件示例',
-      icon: 'clarity:plugin-line',
-      order: 4
-    }
-  },
-  {
-    name: 'exception',
-    path: '/exception',
-    component: 'basic',
-    children: [
-      {
-        name: 'exception_403',
-        path: '/exception/403',
-        component: 'self',
-        meta: {
-          title: '异常页403',
-          requiresAuth: true,
-          icon: 'ic:baseline-block'
-        }
-      },
-      {
-        name: 'exception_404',
-        path: '/exception/404',
-        component: 'self',
-        meta: {
-          title: '异常页404',
-          requiresAuth: true,
-          icon: 'ic:baseline-web-asset-off'
-        }
-      },
-      {
-        name: 'exception_500',
-        path: '/exception/500',
-        component: 'self',
-        meta: {
-          title: '异常页500',
-          requiresAuth: true,
-          icon: 'ic:baseline-wifi-off'
-        }
-      }
-    ],
-    meta: {
-      title: '异常页',
-      icon: 'ant-design:exception-outlined',
-      order: 5
-    }
-  },
-  {
-    name: 'multi-menu',
-    path: '/multi-menu',
-    component: 'basic',
-    children: [
-      {
-        name: 'multi-menu_first',
-        path: '/multi-menu/first',
-        component: 'multi',
-        children: [
-          {
-            name: 'multi-menu_first_second',
-            path: '/multi-menu/first/second',
-            component: 'self',
-            meta: {
-              title: '二级菜单',
-              requiresAuth: true,
-              icon: 'ic:outline-menu'
-            }
-          },
-          {
-            name: 'multi-menu_first_second-new',
-            path: '/multi-menu/first/second-new',
-            component: 'multi',
-            children: [
-              {
-                name: 'multi-menu_first_second-new_third',
-                path: '/multi-menu/first/second-new/third',
-                component: 'self',
-                meta: {
-                  title: '三级菜单',
-                  requiresAuth: true,
-                  icon: 'ic:outline-menu'
-                }
-              }
-            ],
-            meta: {
-              title: '二级菜单(有子菜单)',
-              icon: 'ic:outline-menu'
-            }
-          }
-        ],
-        meta: {
-          title: '一级菜单',
-          icon: 'ic:outline-menu'
-        }
-      }
-    ],
-    meta: {
-      title: '多级菜单',
-      icon: 'carbon:menu',
-      order: 6
-    }
-  },
-  {
-    name: 'about',
-    path: '/about',
-    component: 'self',
-    meta: {
-      title: '关于',
-      requiresAuth: true,
-      singleLayout: 'basic',
-      permissions: ['super', 'admin', 'test'],
-      icon: 'fluent:book-information-24-regular',
-      order: 7
-    }
-  }
-];
-
-function dataMiddleware(data: AuthRoute.Route[]): ApiRoute.Route {
-  const routeHomeName: AuthRoute.RouteKey = 'dashboard_analysis';
-
-  function sortRoutes(sorts: AuthRoute.Route[]) {
-    return sorts.sort((next, pre) => Number(next.meta?.order) - Number(pre.meta?.order));
-  }
-
-  return {
-    routes: sortRoutes(data),
-    home: routeHomeName
-  };
-}
+import { routeModel, userModel } from '../model';

 const apis: MockMethod[] = [
  {
    url: '/mock/getUserRoutes',
    method: 'post',
-    response: (): Service.MockServiceResult => {
+    response: (options: Service.MockOption): Service.MockServiceResult => {
+      const { userId = undefined } = options.body;
+
+      const routeHomeName: AuthRoute.LastDegreeRouteKey = 'dashboard_analysis';
+
+      const role = userModel.find(item => item.userId === userId)?.userRole || 'user';
+
+      const filterRoutes = routeModel[role];
+
      return {
        code: 200,
        message: 'ok',
-        data: dataMiddleware(routes)
+        data: {
+          routes: filterRoutes,
+          home: routeHomeName
+        }
      };
    }
  }
--- a/mock/model/auth.ts
+++ b/mock/model/auth.ts
@@ -0,0 +1,40 @@
+interface UserModel extends Auth.UserInfo {
+  token: string;
+  refreshToken: string;
+  password: string;
+}
+
+export const userModel: UserModel[] = [
+  {
+    token: '__TOKEN_SOYBEAN__',
+    refreshToken: '__REFRESH_TOKEN_SOYBEAN__',
+    userId: '0',
+    userName: 'Soybean',
+    userRole: 'super',
+    password: 'soybean123'
+  },
+  {
+    token: '__TOKEN_SUPER__',
+    refreshToken: '__REFRESH_TOKEN_SUPER__',
+    userId: '1',
+    userName: 'Super',
+    userRole: 'super',
+    password: 'super123'
+  },
+  {
+    token: '__TOKEN_ADMIN__',
+    refreshToken: '__REFRESH_TOKEN_ADMIN__',
+    userId: '2',
+    userName: 'Admin',
+    userRole: 'admin',
+    password: 'admin123'
+  },
+  {
+    token: '__TOKEN_USER01__',
+    refreshToken: '__REFRESH_TOKEN_USER01__',
+    userId: '3',
+    userName: 'User01',
+    userRole: 'user',
+    password: 'user01123'
+  }
+];
--- a/mock/model/index.ts
+++ b/mock/model/index.ts
@@ -0,0 +1,2 @@
+export * from './auth';
+export * from './route';
--- a/mock/model/route.ts
+++ b/mock/model/route.ts
--- a/package.json
+++ b/package.json
@@ -1,100 +1,133 @@
 {
  "name": "soybean-admin",
-  "version": "0.9.3",
+  "version": "0.9.7",
+  "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",
-    "preview": "vite preview --port 5050",
-    "typecheck": "vue-tsc --noEmit",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
-    "prepare": "husky install",
-    "postinstall": "patch-package",
+    "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 --skipLibCheck",
+    "lint": "eslint . --fix",
+    "commit": "soybean git-commit",
+    "esno": "esno",
+    "cleanup": "esno ./scripts/cleanup.ts",
+    "update-pkg": "ncu --deep -u",
+    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
    "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"
-    }
+    "prepare": "husky install"
  },
  "dependencies": {
-    "@antv/g2plot": "^2.4.15",
-    "@better-scroll/core": "^2.4.2",
-    "@vueuse/core": "^8.3.1",
-    "axios": "^0.26.1",
-    "clipboard": "^2.0.10",
-    "colord": "^2.9.2",
+    "@antv/data-set": "^0.11.8",
+    "@antv/g2": "^4.2.8",
+    "@better-scroll/core": "^2.5.0",
+    "@soybeanjs/vue-admin-layout": "^1.1.1",
+    "@soybeanjs/vue-admin-tab": "^1.0.5",
+    "@vueuse/core": "^9.4.0",
+    "axios": "0.27.2",
+    "clipboard": "^2.0.11",
+    "colord": "^2.9.3",
    "crypto-js": "^4.1.1",
-    "dayjs": "^1.11.1",
+    "dayjs": "^1.11.6",
+    "echarts": "^5.4.0",
    "form-data": "^4.0.0",
    "lodash-es": "^4.17.21",
-    "naive-ui": "^2.28.2",
-    "pinia": "^2.0.13",
+    "naive-ui": "2.33.5",
+    "pinia": "^2.0.23",
    "print-js": "^1.6.0",
-    "qs": "^6.10.3",
-    "soybean-admin-layout": "^1.0.4",
-    "soybean-admin-tab": "^1.2.3",
-    "swiper": "^8.1.3",
-    "ua-parser-js": "^1.0.2",
-    "vditor": "^3.8.13",
-    "vue": "3.2.33",
-    "vue-router": "^4.0.14",
+    "qs": "^6.11.0",
+    "swiper": "^8.4.4",
+    "ua-parser-js": "^1.0.32",
+    "vditor": "^3.8.18",
+    "vue": "3.2.41",
+    "vue-i18n": "^9.2.2",
+    "vue-router": "^4.1.6",
+    "vuedraggable": "^4.1.0",
    "wangeditor": "^4.7.15",
-    "xgplayer": "^2.31.6"
+    "xgplayer": "^2.32.1"
  },
  "devDependencies": {
-    "@amap/amap-jsapi-types": "^0.0.8",
-    "@commitlint/cli": "^16.2.3",
-    "@commitlint/config-conventional": "^16.2.1",
-    "@iconify/json": "^2.1.30",
-    "@iconify/vue": "^3.2.1",
+    "@amap/amap-jsapi-types": "^0.0.10",
+    "@iconify/json": "^2.1.133",
+    "@iconify/vue": "^4.0.0",
+    "@soybeanjs/cli": "^0.1.2",
+    "@soybeanjs/router-page": "1.0.3",
+    "@tauri-apps/cli": "^1.1.1",
    "@types/bmapgl": "^0.0.5",
    "@types/crypto-js": "^4.1.1",
-    "@types/node": "^17.0.25",
+    "@types/node": "18.8.3",
    "@types/qs": "^6.9.7",
    "@types/ua-parser-js": "^0.7.36",
-    "@typescript-eslint/eslint-plugin": "^5.20.0",
-    "@typescript-eslint/parser": "^5.20.0",
-    "@vitejs/plugin-vue": "^2.3.1",
-    "@vue/eslint-config-prettier": "^7.0.0",
-    "@vue/eslint-config-typescript": "^10.0.0",
-    "@vue/tsconfig": "^0.1.3",
-    "commitizen": "^4.2.4",
+    "@unocss/preset-uno": "^0.46.3",
+    "@unocss/vite": "^0.46.3",
+    "@vitejs/plugin-vue": "^3.2.0",
+    "@vitejs/plugin-vue-jsx": "^2.1.0",
+    "conventional-changelog": "^3.1.25",
    "cross-env": "^7.0.3",
-    "cz-conventional-changelog": "^3.3.0",
-    "cz-customizable": "^6.3.0",
-    "eslint": "^8.13.0",
-    "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.6.0",
-    "husky": "^7.0.4",
-    "lint-staged": "^12.4.0",
+    "eslint": "^8.27.0",
+    "eslint-config-soybeanjs-vue": "^0.1.2",
+    "esno": "^0.16.3",
+    "husky": "^8.0.1",
    "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.50.1",
-    "typescript": "^4.6.3",
-    "unplugin-icons": "^0.14.1",
-    "unplugin-vue-components": "0.18.5",
-    "vite": "^2.9.5",
+    "npm-check-updates": "^16.3.16",
+    "rimraf": "^3.0.2",
+    "rollup-plugin-visualizer": "^5.8.3",
+    "sass": "^1.56.0",
+    "standard-version": "^9.5.0",
+    "typescript": "4.8.4",
+    "unplugin-icons": "^0.14.13",
+    "unplugin-vue-components": "0.22.8",
+    "unplugin-vue-macros": "^0.16.0",
+    "utility-types": "^3.10.0",
+    "vite": "^3.2.2",
+    "vite-plugin-compression": "^0.5.1",
    "vite-plugin-html": "^3.2.0",
-    "vite-plugin-html-template": "^1.1.2",
    "vite-plugin-mock": "^2.9.6",
-    "vite-plugin-windicss": "^1.8.4",
-    "vue-tsc": "^0.34.9",
-    "vueuc": "^0.4.32",
-    "windicss": "^3.5.1"
+    "vite-plugin-progress": "^0.0.6",
+    "vite-plugin-pwa": "^0.13.2",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vue-tsc": "^1.0.9",
+    "zx": "^7.1.1"
+  },
+  "pnpm": {
+    "patchedDependencies": {
+      "mockjs@1.1.0": "patches/mockjs@1.1.0.patch"
+    }
  }
 }
--- 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/scripts/cleanup.ts
+++ b/scripts/cleanup.ts
@@ -0,0 +1,4 @@
+#!/usr/bin/env zx
+import { $ } from 'zx';
+
+$`pnpm rimraf node_modules dist pnpm-lock.yaml`;
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,12 +13,14 @@
 </template>

 <script setup lang="ts">
-import { RouterView } from 'vue-router';
-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
--- a/src/assets/svg-icon/at-sign.svg
+++ b/src/assets/svg-icon/at-sign.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
--- a/src/assets/svg-icon/chrome.svg
+++ b/src/assets/svg-icon/chrome.svg
--- a/src/assets/svg-icon/copy.svg
+++ b/src/assets/svg-icon/copy.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" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--mdi" width="32" height="32" preserveAspectRatio="xMidYMid meet" 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 0 0 8 8a8 8 0 0 0 8-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 0 1-10 10A10 10 0 0 1 2 12A10 10 0 0 1 12 2a10 10 0 0 1 10 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"></path></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
--- a/src/assets/svg-icon/logo-fill.svg
+++ b/src/assets/svg-icon/logo-fill.svg
--- a/src/assets/svg-icon/logo.svg
+++ b/src/assets/svg-icon/logo.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
--- a/src/components/business/LoadingEmptyWrapper.vue
+++ b/src/components/business/LoadingEmptyWrapper.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;
@@ -91,4 +93,5 @@ onUnmounted(() => {
  stopHandle();
 });
 </script>
+
 <style scoped></style>
--- a/src/components/business/LoginAgreement.vue
+++ b/src/components/business/LoginAgreement.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({
@@ -44,4 +46,5 @@ function handleClickPolicy() {
  emit('click-policy');
 }
 </script>
+
 <style scoped></style>
--- a/src/components/common/DarkModeContainer.vue
+++ b/src/components/common/DarkModeContainer.vue
@@ -1,6 +1,6 @@
 <template>
  <div
-    class="dark:(bg-[#18181c] text-white text-opacity-82) transition-all duration-300 ease-in-out"
+    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]'"
  >
    <slot></slot>
@@ -8,11 +8,15 @@
 </template>

 <script setup lang="ts">
+defineOptions({ name: 'DarkModeContainer' });
+
 interface Props {
  inverted?: boolean;
 }
+
 withDefaults(defineProps<Props>(), {
  inverted: false
 });
 </script>
+
 <style scoped></style>
--- a/src/components/common/DarkModeSwitch.vue
+++ b/src/components/common/DarkModeSwitch.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex-center text-18px hover:text-primary cursor-pointer" @click="handleSwitch">
+  <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>
@@ -8,19 +8,21 @@
 <script setup lang="ts">
 import { computed } from 'vue';

+defineOptions({ name: 'DarkModeSwitch' });
+
 interface Props {
  /** 暗黑模式 */
  dark?: boolean;
 }

-interface Emits {
-  (e: 'update:dark', darkMode: boolean): void;
-}
-
 const props = withDefaults(defineProps<Props>(), {
  dark: false
 });

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

 const darkMode = computed({
@@ -36,4 +38,5 @@ function handleSwitch() {
  darkMode.value = !darkMode.value;
 }
 </script>
+
 <style scoped></style>
--- a/src/views/system-view/components/ExceptionBase.vue
+++ b/src/views/system-view/components/ExceptionBase.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'" />
+      <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>
@@ -12,9 +12,10 @@
 </template>

 <script lang="ts" setup>
-import { RouterLink } from 'vue-router';
 import { routeName } from '@/router';

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

 interface Props {
@@ -26,4 +27,5 @@ defineProps<Props>();

 const routeHomePath = routeName('root');
 </script>
+
 <style scoped></style>
--- a/src/components/common/HoverContainer.vue
+++ b/src/components/common/HoverContainer.vue
@@ -2,36 +2,47 @@
  <div v-if="showTooltip">
    <n-tooltip :placement="placement" trigger="hover">
      <template #trigger>
-        <div class="flex-center h-full cursor-pointer hover:bg-[#f6f6f6] dark:hover:bg-[#333]" :class="contentClass">
+        <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 hover:bg-[#f6f6f6] dark:hover:bg-[#333]" :class="contentClass">
+  <div v-else class="flex-center cursor-pointer dark:hover:bg-[#333]" :class="contentClassName">
    <slot></slot>
  </div>
 </template>

 <script lang="ts" setup>
 import { computed } from 'vue';
-import type { FollowerPlacement } from 'vueuc';
+import type { PopoverPlacement } from 'naive-ui';
+
+defineOptions({ name: 'HoverContainer' });

 interface Props {
  /** tooltip显示文本 */
  tooltipContent?: string;
  /** tooltip的位置 */
-  placement?: FollowerPlacement;
+  placement?: PopoverPlacement;
  /** class类 */
  contentClass?: string;
+  /** 反转模式下 */
+  inverted?: boolean;
 }
+
 const props = withDefaults(defineProps<Props>(), {
  tooltipContent: '',
  placement: 'bottom',
-  contentClass: ''
+  contentClass: '',
+  inverted: false
 });

 const showTooltip = computed(() => Boolean(props.tooltipContent));
+
+const contentClassName = computed(
+  () => `${props.contentClass} ${props.inverted ? 'hover:bg-primary' : 'hover:bg-[#f6f6f6]'}`
+);
 </script>
+
 <style scoped></style>
--- a/src/components/common/NaiveProvider.vue
+++ b/src/components/common/NaiveProvider.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/SystemLogo.vue
+++ b/src/components/common/SystemLogo.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;
@@ -13,4 +15,5 @@ withDefaults(defineProps<Props>(), {
  fill: false
 });
 </script>
+
 <style scoped></style>
--- a/src/components/custom/BetterScroll.vue
+++ b/src/components/custom/BetterScroll.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;
@@ -44,4 +46,5 @@ onMounted(() => {

 defineExpose({ instance });
 </script>
+
 <style scoped></style>
--- a/src/components/custom/CountTo.vue
+++ b/src/components/custom/CountTo.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);
@@ -76,7 +82,7 @@ function formatNumber(num: number | string) {
  }
  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];
@@ -106,3 +112,5 @@ onMounted(() => {
  }
 });
 </script>
+
+<style scoped></style>
--- a/src/components/custom/GithubLink.vue
+++ b/src/components/custom/GithubLink.vue
@@ -5,6 +5,8 @@
 <script setup lang="ts">
 import WebSiteLink from './WebSiteLink.vue';

+defineOptions({ name: 'GithubLink' });
+
 interface Props {
  /** github链接 */
  link: string;
--- a/src/components/custom/IconSelect.vue
+++ b/src/components/custom/IconSelect.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>
@@ -12,10 +12,10 @@
    </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
+        <svg-icon
          :icon="iconItem"
          class="border-1px border-[#d9d9d9] text-30px m-2px p-5px"
-          :style="{ 'border-color': modelValue === iconItem ? theme.themeColor : '' }"
+          :class="{ 'border-primary': modelValue === iconItem }"
          @click="handleChange(iconItem)"
        />
      </template>
@@ -25,9 +25,9 @@
 </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 +38,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,10 +57,17 @@ 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;
 }
 </script>
+
 <style lang="scss" scoped>
 :deep(.n-input-wrapper) {
  padding-right: 0;
--- a/src/components/custom/ImageVerify.vue
+++ b/src/components/custom/ImageVerify.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();
@@ -36,4 +38,5 @@ watch(imgCode, newValue => {

 defineExpose({ getImgCode });
 </script>
+
 <style scoped></style>
--- a/src/components/custom/SvgIcon.vue
+++ b/src/components/custom/SvgIcon.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 :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/WebSiteLink.vue
+++ b/src/components/custom/WebSiteLink.vue
@@ -8,6 +8,8 @@
 </template>

 <script setup lang="ts">
+defineOptions({ name: 'WebSiteLink' });
+
 interface Props {
  /** 网址名称 */
  label: string;
@@ -17,4 +19,5 @@ interface Props {

 defineProps<Props>();
 </script>
+
 <style scoped></style>
--- a/src/composables/echarts.ts
+++ b/src/composables/echarts.ts
@@ -0,0 +1,167 @@
+import { nextTick, onUnmounted, ref, watch } from 'vue';
+import type { ComputedRef, Ref } from 'vue';
+import * as echarts from 'echarts/core';
+import { BarChart, GaugeChart, LineChart, PictorialBarChart, PieChart, RadarChart, ScatterChart } from 'echarts/charts';
+import type {
+  BarSeriesOption,
+  GaugeSeriesOption,
+  LineSeriesOption,
+  PictorialBarSeriesOption,
+  PieSeriesOption,
+  RadarSeriesOption,
+  ScatterSeriesOption
+} from 'echarts/charts';
+import {
+  DatasetComponent,
+  GridComponent,
+  LegendComponent,
+  TitleComponent,
+  ToolboxComponent,
+  TooltipComponent,
+  TransformComponent
+} from 'echarts/components';
+import type {
+  DatasetComponentOption,
+  GridComponentOption,
+  LegendComponentOption,
+  TitleComponentOption,
+  ToolboxComponentOption,
+  TooltipComponentOption
+} from 'echarts/components';
+import { LabelLayout, UniversalTransition } from 'echarts/features';
+import { CanvasRenderer } from 'echarts/renderers';
+import { useElementSize } from '@vueuse/core';
+import { useThemeStore } from '@/store';
+
+export type ECOption = echarts.ComposeOption<
+  | BarSeriesOption
+  | LineSeriesOption
+  | PieSeriesOption
+  | ScatterSeriesOption
+  | PictorialBarSeriesOption
+  | RadarSeriesOption
+  | GaugeSeriesOption
+  | TitleComponentOption
+  | LegendComponentOption
+  | TooltipComponentOption
+  | GridComponentOption
+  | ToolboxComponentOption
+  | DatasetComponentOption
+>;
+
+echarts.use([
+  TitleComponent,
+  LegendComponent,
+  TooltipComponent,
+  GridComponent,
+  DatasetComponent,
+  TransformComponent,
+  ToolboxComponent,
+  BarChart,
+  LineChart,
+  PieChart,
+  ScatterChart,
+  PictorialBarChart,
+  RadarChart,
+  GaugeChart,
+  LabelLayout,
+  UniversalTransition,
+  CanvasRenderer
+]);
+
+/**
+ * Echarts hooks函数
+ * @param options - 图表配置
+ * @param renderFun - 图表渲染函数(例如：图表监听函数)
+ * @description 按需引入图表组件，没注册的组件需要先引入
+ */
+export function useEcharts(
+  options: Ref<ECOption> | ComputedRef<ECOption>,
+  renderFun?: (chartInstance: echarts.ECharts) => void
+) {
+  const theme = useThemeStore();
+
+  const domRef = ref<HTMLElement>();
+
+  const initialSize = { width: 0, height: 0 };
+  const { width, height } = useElementSize(domRef, initialSize);
+
+  let chart: echarts.ECharts | null = null;
+
+  function canRender() {
+    return initialSize.width > 0 && initialSize.height > 0;
+  }
+
+  function isRendered() {
+    return Boolean(domRef.value && chart);
+  }
+
+  function update(updateOptions: ECOption) {
+    if (isRendered()) {
+      chart!.setOption({ ...updateOptions, backgroundColor: 'transparent' });
+    }
+  }
+
+  async function render() {
+    if (domRef.value) {
+      const chartTheme = theme.darkMode ? 'dark' : 'light';
+      await nextTick();
+      chart = echarts.init(domRef.value, chartTheme);
+      if (renderFun) {
+        renderFun(chart);
+      }
+      update(options.value);
+    }
+  }
+
+  function resize() {
+    chart?.resize();
+  }
+
+  function destroy() {
+    chart?.dispose();
+  }
+
+  function updateTheme() {
+    destroy();
+    render();
+  }
+
+  const stopSizeWatch = 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();
+      }
+    }
+  });
+
+  const stopOptionWatch = watch(options, newValue => {
+    update(newValue);
+  });
+
+  const stopDarkModeWatch = watch(
+    () => theme.darkMode,
+    () => {
+      updateTheme();
+    }
+  );
+
+  onUnmounted(() => {
+    destroy();
+    stopSizeWatch();
+    stopOptionWatch();
+    stopDarkModeWatch();
+  });
+
+  return {
+    domRef
+  };
+}
--- a/src/composables/events.ts
+++ b/src/composables/events.ts
@@ -0,0 +1,14 @@
+import { useEventListener } from '@vueuse/core';
+import { useTabStore, useThemeStore } from '@/store';
+
+/** 全局事件 */
+export function useGlobalEvents() {
+  const theme = useThemeStore();
+  const tab = useTabStore();
+
+  /** 页面离开时缓存多页签数据 */
+  useEventListener(window, 'beforeunload', () => {
+    theme.cacheThemeSettings();
+    tab.cacheTabRoutes();
+  });
+}
--- a/src/composables/icon.ts
+++ b/src/composables/icon.ts
@@ -0,0 +1,60 @@
+import { h } from 'vue';
+import SvgIcon from '@/components/custom/SvgIcon.vue';
+
+/**
+ * 图标渲染
+ * - 用于vue的render函数
+ */
+export const useIconRender = () => {
+  interface IconConfig {
+    /**
+     * 图标名称(iconify图标的名称)
+     * - 例如：mdi-account 或者 mdi:account
+     */
+    icon?: string;
+    /**
+     * 本地svg图标文件名(assets/svg-icon文件夹下)
+     */
+    localIcon?: string;
+    /** 图标颜色 */
+    color?: string;
+    /** 图标大小 */
+    fontSize?: number;
+  }
+
+  interface IconStyle {
+    color?: string;
+    fontSize?: string;
+  }
+
+  /**
+   * 图标渲染
+   * @param config
+   * @property icon - 图标名称(iconify图标的名称), 例如：mdi-account 或者 mdi:account
+   * @property localIcon - 本地svg图标文件名(assets/svg-icon文件夹下)
+   * @property color - 图标颜色
+   * @property fontSize - 图标大小
+   */
+  const iconRender = (config: IconConfig) => {
+    const { color, fontSize, icon, localIcon } = config;
+
+    const style: IconStyle = {};
+
+    if (color) {
+      style.color = color;
+    }
+    if (fontSize) {
+      style.fontSize = `${fontSize}px`;
+    }
+
+    if (!icon && !localIcon) {
+      window.console.warn('没有传递图标名称，请确保给icon或localIcon传递有效值!');
+    }
+
+    return () => h(SvgIcon, { icon, localIcon, style });
+  };
+
+  return {
+    iconRender
+  };
+};
--- a/src/composables/index.ts
+++ b/src/composables/index.ts
@@ -1,3 +1,6 @@
 export * from './system';
 export * from './router';
 export * from './layout';
+export * from './events';
+export * from './echarts';
+export * from './icon';
--- a/src/composables/layout.ts
+++ b/src/composables/layout.ts
@@ -1,19 +1,23 @@
 import { computed } from 'vue';
+import { breakpointsTailwind, useBreakpoints } from '@vueuse/core';
 import { useAppStore, useThemeStore } from '@/store';

-type LayoutHeaderProps = Record<EnumType.ThemeLayoutMode, GlobalHeaderProps>;
+type LayoutMode = 'vertical' | 'horizontal';
+type LayoutHeaderProps = Record<EnumType.ThemeLayoutMode, App.GlobalHeaderProps>;

 export function useBasicLayout() {
  const app = useAppStore();
  const theme = useThemeStore();
+  const breakpoints = useBreakpoints(breakpointsTailwind);

-  type LayoutMode = 'vertical' | 'horizontal';
  const mode = computed(() => {
    const vertical: LayoutMode = 'vertical';
    const horizontal: LayoutMode = 'horizontal';
    return theme.layout.mode.includes(vertical) ? vertical : horizontal;
  });

+  const isMobile = breakpoints.smaller('sm');
+
  const layoutHeaderProps: LayoutHeaderProps = {
    vertical: {
      showLogo: false,
@@ -61,6 +65,7 @@ export function useBasicLayout() {

  return {
    mode,
+    isMobile,
    headerProps,
    siderVisible,
    siderWidth,
--- a/src/composables/system.ts
+++ b/src/composables/system.ts
@@ -1,4 +1,6 @@
 import UAParser from 'ua-parser-js';
+import { useAuthStore } from '@/store';
+import { isArray, isString } from '@/utils';

 interface AppInfo {
  /** 项目名称 */
@@ -26,3 +28,27 @@ export function useDeviceInfo() {
  const result = parser.getResult();
  return result;
 }
+
+/** 权限判断 */
+export function usePermission() {
+  const auth = useAuthStore();
+
+  function hasPermission(permission: Auth.RoleType | Auth.RoleType[]) {
+    const { userRole } = auth.userInfo;
+
+    let has = userRole === 'super';
+    if (!has) {
+      if (isArray(permission)) {
+        has = (permission as Auth.RoleType[]).includes(userRole);
+      }
+      if (isString(permission)) {
+        has = (permission as Auth.RoleType) === userRole;
+      }
+    }
+    return has;
+  }
+
+  return {
+    hasPermission
+  };
+}
--- a/src/config/map-sdk.ts
+++ b/src/config/map-sdk.ts
@@ -1,6 +1,5 @@
 /** 百度地图sdk地址 */
-export const BAIDU_MAP_SDK_URL =
-  'https://api.map.baidu.com/getscript?v=3.0&ak=KSezYymXPth1DIGILRX3oYN9PxbOQQmU&services=&t=20210201100830&s=1';
+export const BAIDU_MAP_SDK_URL = `https://api.map.baidu.com/getscript?v=3.0&ak=KSezYymXPth1DIGILRX3oYN9PxbOQQmU&services=&t=20210201100830&s=1`;

 /** 高德地图sdk地址 */
 export const GAODE_MAP_SDK_URL = 'https://webapi.amap.com/maps?v=2.0&key=e7bd02bd504062087e6563daf4d6721d';
--- a/src/config/regexp.ts
+++ b/src/config/regexp.ts
@@ -1,13 +1,13 @@
 /** 手机号码正则 */
 export const REGEXP_PHONE =
-  /^[1](([3][0-9])|([4][0,1,4-9])|([5][0-3,5-9])|([6][2,5,6,7])|([7][0-8])|([8][0-9])|([9][0-3,5-9]))[0-9]{8}$/;
+  /^[1](([3][0-9])|([4][01456789])|([5][012356789])|([6][2567])|([7][0-8])|([8][0-9])|([9][012356789]))[0-9]{8}$/;

 /** 邮箱正则 */
 export const REGEXP_EMAIL = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;

-/** 密码正则(密码为8-18位数字/字符/符号的组合) */
+/** 密码正则(密码为6-18位数字/字符/符号的组合) */
 export const REGEXP_PWD =
-  /^(?![0-9]+$)(?![a-z]+$)(?![A-Z]+$)(?!([^(0-9a-zA-Z)]|[()])+$)(?!^.*[\u4E00-\u9FA5].*$)([^(0-9a-zA-Z)]|[()]|[a-z]|[A-Z]|[0-9]){8,18}$/;
+  /^(?![0-9]+$)(?![a-z]+$)(?![A-Z]+$)(?!([^(0-9a-zA-Z)]|[()])+$)(?!^.*[\u4E00-\u9FA5].*$)([^(0-9a-zA-Z)]|[()]|[a-z]|[A-Z]|[0-9]){6,18}$/;

 /** 6位数字验证码正则 */
 export const REGEXP_CODE_SIX = /^\d{6}$/;
--- a/src/config/service.ts
+++ b/src/config/service.ts
@@ -42,5 +42,5 @@ export const ERROR_STATUS = {
 /** 不弹出错误信息的code */
 export const NO_ERROR_MSG_CODE: (string | number)[] = [];

-/** token失效需要刷新token的code */
+/** token失效需要刷新token的code(这里的66666只是个例子，需要将后端表示token过期的code填进来) */
 export const REFRESH_TOKEN_CODE: (string | number)[] = [66666];
--- a/src/constants/business.ts
+++ b/src/constants/business.ts
@@ -0,0 +1,25 @@
+/** 用户性别 */
+export const genderLabels: Record<UserManagement.GenderKey, string> = {
+  0: '女',
+  1: '男'
+};
+
+export const genderOptions: { value: UserManagement.GenderKey; label: string }[] = [
+  { value: '0', label: genderLabels['0'] },
+  { value: '1', label: genderLabels['1'] }
+];
+
+/** 用户状态 */
+export const userStatusLabels: Record<UserManagement.UserStatusKey, string> = {
+  1: '启用',
+  2: '禁用',
+  3: '冻结',
+  4: '软删除'
+};
+
+export const userStatusOptions: { value: UserManagement.UserStatusKey; label: string }[] = [
+  { value: '1', label: userStatusLabels['1'] },
+  { value: '2', label: userStatusLabels['2'] },
+  { value: '3', label: userStatusLabels['3'] },
+  { value: '4', label: userStatusLabels['4'] }
+];
--- a/src/constants/index.ts
+++ b/src/constants/index.ts
@@ -0,0 +1 @@
+export * from './business';
--- a/src/context/demo.ts
+++ b/src/context/demo.ts
@@ -0,0 +1,43 @@
+import { ref } from 'vue';
+import type { Ref } from 'vue';
+import { useContext } from '@/hooks';
+
+interface DemoContext {
+  counts: Ref<number>;
+  setCounts: (count: number) => void;
+}
+
+const { useProvide: useDemoProvide, useInject: useDemoInject } = useContext<DemoContext>();
+
+export function useDemoContext() {
+  const counts = ref(0);
+
+  function setCounts(count: number) {
+    counts.value = count;
+  }
+
+  const demoContext: DemoContext = {
+    counts,
+    setCounts
+  };
+
+  function useProvide() {
+    return useDemoProvide(demoContext);
+  }
+
+  return {
+    useProvide,
+    useInject: useDemoInject
+  };
+}
+
+// 示例用法: A.vue为父组件， B.vue为子孙组件 C.vue为子孙组件
+// A.vue
+// import { useDemoContext } from '@/context';
+// const { useProvide } = useDemoContext();
+// const { counts, setCounts } = useProvide();
+
+// B.vue 和 C.vue : 共享状态 counts
+// import { useDemoContext } from '@/context';
+// const { useInject } = useDemoContext();
+// const { counts, setCounts } = useInject();
--- a/src/context/index.ts
+++ b/src/context/index.ts
@@ -0,0 +1 @@
+export * from './demo';
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Soybean	cc00c8f03a	chore(other): release v0.9.7	2022-11-08 01:26:24 +08:00
Soybean	c7b6a3fbec	feat(projects): new router system [新的路由系统]	2022-11-08 01:23:41 +08:00
Soybean	40c1e13b50	build(projects): add vite plugin @soybeanjs/router-page	2022-11-07 18:47:44 +08:00
Soybean	288d586dbc	build(projects): new router branch	2022-11-07 00:47:08 +08:00
Soybean	7d69992694	build(projects): update deps and update config	2022-11-07 00:45:48 +08:00
Soybean	6c14bfe6a9	build(projects): move tauri to branch tauri	2022-10-31 19:11:36 +08:00
Soybean	6773659e89	build(projects): remove useless file: commitlint.config.js	2022-10-31 19:09:13 +08:00
Soybean	9455ad9a4f	build(projects): use pnpm patch replace @milahu/patch-package	2022-10-31 16:56:29 +08:00
Soybean	428d41b485	build(projects): use @soybeanjs/cli replace commitizen	2022-10-31 00:29:52 +08:00
Soybean	74772a1f03	build(deps): update deps	2022-10-31 00:21:23 +08:00
Soybean	1f3e6e4fac	build(deps): update deps	2022-10-24 19:39:13 +08:00
Soybean	41b3bcb445	build(deps): update deps	2022-10-23 23:02:53 +08:00
Soybean	8e801dd790	build(deps): update deps	2022-10-19 17:02:54 +08:00
Soybean	d6b1530720	build(deps): update deps	2022-10-15 16:44:50 +08:00
Soybean	b632b7ffed	feat(projects): import i18n [引入i18n]	2022-10-12 01:03:14 +08:00
Soybean	1b45b71f20	build(projects): add tauri scripts, change tauri icon, fix mockjs [添加tauri相关的命令，变更tauri图标，修复mockjs]	2022-10-11 23:20:31 +08:00
Soybean	149d22a4a4	fix(deps): decrease @types/node version to fix TS type error [降低@types/node版本修复TS的类型错误]	2022-10-11 22:39:37 +08:00
Soybean	83a2e01070	Merge pull request #140 from better-rs/dev/tauri-support 使用 rust + tauri 支持打包成 Windows/Mac/Linux 应用	2022-10-11 15:37:45 +08:00
Henry.Huang	11d615f807	update: change tauri window size	2022-10-11 15:23:01 +08:00
Henry.Huang	853745587d	update: tauri support	2022-10-11 15:18:49 +08:00
Henry.Huang	f29108aa14	update: add tauri cli	2022-10-11 15:18:11 +08:00
Soybean	abd02d1990	build(deps): update deps	2022-10-10 00:37:47 +08:00
Soybean	65ac69ef71	build(deps): update deps	2022-10-03 21:58:37 +08:00
Soybean	8998581b99	build(deps): update deps	2022-10-01 03:31:52 +08:00
Soybean	468b4bb0e1	refactor(projects): refactor page: user-management [重构用户管理页面]	2022-09-29 02:02:28 +08:00
Soybean	88e535f63c	build(deps): update deps	2022-09-28 21:35:41 +08:00
Soybean	13d0c4153a	build(projects): add constant page content	2022-09-28 09:35:38 +08:00
Soybean	331b14e74d	build(deps): update deps [升级依赖] ISSUES CLOSED: #133	2022-09-27 15:55:00 +08:00
Soybean	c29b887eb2	refactor(projects): cancel autoinstall @iconify-json [取消@iconify-json自动安装]	2022-09-24 17:22:08 +08:00
Soybean	8a1ec938e7	fix(projects): add iconify json	2022-09-24 16:19:38 +08:00
Soybean	c045e3fe4e	build(deps): unplugin-icon autoinstall @iconify-json [unplugin-icon自动安装@iconify-json]	2022-09-23 12:42:06 +08:00
Soybean	811f820644	feat(projects): refactor icon system, unify icon usage [重构图标系统，统一图标用法]	2022-09-23 03:18:53 +08:00
Soybean	fe8cab3d1c	build(deps): update deps	2022-09-22 23:31:01 +08:00
Soybean	78efd7793a	feat(projects): add constant route page without login status[添加未登录可访问的固定路由示例页面]	2022-09-21 18:45:28 +08:00
Soybean	82c4b09b94	feat(projects): add pinia setup syntax example: setup-store[添加setup syntax的pinia示例setup-store]	2022-09-21 18:17:33 +08:00
Soybean	a539112a0f	feat(projects): support constant route without login status[支持未登录状态下访问自定义的固定路由]	2022-09-21 15:30:35 +08:00
Soybean	22c05674f8	build(projects): update deps, update logos	2022-09-20 12:09:15 +08:00
Soybean	7dd7c71d01	build(deps): update deps	2022-09-15 06:37:36 +08:00
Soybean	22c90257de	build(deps): unplugin-vue-define-options替换为unplugin-vue-macros	2022-09-15 06:33:48 +08:00
Soybean	3d03d6ddb5	Merge pull request #132 from zqxu1993/main ci: change docker image name	2022-09-14 12:35:03 +08:00
徐志强	6fbde1eb57	ci: change docker image name	2022-09-14 06:28:14 +02:00
Soybean	0ee16e0228	Merge pull request #130 from zqxu1993/main ci: add docker build	2022-09-13 21:11:19 +08:00
徐志强	af74046124	ci: add docker build	2022-09-13 14:56:59 +02:00
Soybean	d823ee5684	build(deps): update deps	2022-09-12 23:52:47 +08:00
Soybean	f7ca2782b0	Merge pull request #129 from shy1118999/patch-1 fix:cannot re-render if dom is deleted <Update echarts.ts>	2022-09-09 22:32:15 +08:00
Yan Shaohang	af8c133914	Update echarts.ts fix:cannot re-render if dom is deleted If the chart is opened in the pop-up window, opening the chart again will not display properly.	2022-09-09 18:06:30 +08:00
Soybean	21b6fb697e	build(deps): update deps	2022-09-05 00:37:45 +08:00
Soybean	3e0cc8c2c1	build(deps): update deps	2022-09-03 01:48:10 +08:00
Soybean	3540b75557	build(projects): 引入@unocss/vite替换unocss，精简体积	2022-08-31 23:29:37 +08:00
Soybean	73ce53a388	build(projects): 升级依赖，修复TS类型	2022-08-31 22:57:53 +08:00
Soybean	f408ea017c	build(projects): 升级依赖，降低naive-ui版本修复打包问题	2022-08-29 22:01:40 +08:00
Soybean	c5ba63182e	build(deps): update deps	2022-08-29 02:39:46 +08:00
Soybean	07325a4236	build(projects): 更换eslint依赖为eslint-config-soybeanjs-vue	2022-08-28 04:46:44 +08:00
Soybean	7240be8495	build(deps): 升级依赖	2022-08-24 19:22:34 +08:00
Soybean	71a753f323	build(projects): 引入TS高级类型库	2022-08-24 19:21:22 +08:00
Soybean	639c4458be	build(projects): 升级依赖、修复T标签右键菜单连续显示问题 ISSUES CLOSED: #125	2022-08-24 00:15:46 +08:00
Soybean	1ad92a2d1b	build(deps): update deps	2022-08-22 23:36:15 +08:00
Soybean	49f95c4e45	refactor(projects): 代码优化	2022-08-22 23:34:14 +08:00
Soybean	44ab07779e	build(projects): 引入vite-plugin-progress	2022-08-22 12:05:17 +08:00
Soybean	40ecc320a5	build(projects): 更新依赖、调整页面	2022-08-22 12:01:57 +08:00
Soybean	695ec7e50d	build(projects): 引入pwa插件，更新配置	2022-08-19 12:32:33 +08:00
Soybean	85901d2d5e	Merge pull request #121 from yanbowe/main feat(projects): 全局搜索菜单及消息通知适配移动端	2022-08-18 19:43:25 +08:00
燕博文	97e2ffddf4	feat(projects): 全局搜索菜单及消息通知适配移动端	2022-08-18 10:02:15 +08:00
Soybean	907cf44cc1	build(projects): update eslint	2022-08-15 18:40:24 +08:00
Soybean	d9324f07b5	build(deps): update deps	2022-08-15 12:23:30 +08:00
Soybean	d7f5bf3373	fix(projects): 修复eslint规则	2022-08-15 12:14:20 +08:00
Soybean	36f06bc899	build(deps): 更新@soybeanjs/eslint-config	2022-08-11 14:37:22 +08:00
Soybean	182dac0d2e	build(projects): 去除prettier，已集成进@soybeanjs/eslint-config	2022-08-10 21:49:22 +08:00
Soybean	f4d37cf7f0	refactor(projects): 抽离格式化相关依赖配置	2022-08-10 21:31:59 +08:00
Soybean	16dce9a4ce	fix(projects): 修复TS类型问题	2022-08-08 13:37:32 +08:00
Soybean	0f0cd0b759	build(deps): update deps	2022-08-08 01:08:54 +08:00
Soybean	472f93bfc1	feat(projects): 实现用户管理页面	2022-08-07 04:59:05 +08:00
Soybean	77572855c3	fix(projects): 修复构建后mockjs对xhr的影响问题	2022-08-07 00:49:30 +08:00
Soybean	19942625d5	fix(projects): 修复import.meta.env的TS类型	2022-08-03 23:19:25 +08:00
Soybean	dbd676095b	fix(projects): 修复图标的TS类型	2022-08-03 22:39:08 +08:00
Soybean	ed9cd6ce39	refactor(projects): 更新搜索弹窗的图标	2022-08-03 22:34:59 +08:00
Soybean	ee434b465a	build(projects): 升级依赖、vite配置optimizeDeps	2022-08-03 22:25:04 +08:00
Soybean	2aba58c973	fix(projects): 修复多个后端服务时的本地代理	2022-08-03 22:14:42 +08:00
Soybean	2c56233155	docs(projects): revert docs	2022-07-31 23:18:26 +08:00
Soybean	8d11a6affc	feat(projects): 添加请求适配adapter层应用的示例页面	2022-07-30 22:16:42 +08:00
Soybean	f6b61418e5	build(deps): update deps	2022-07-30 05:22:32 +08:00
Soybean	7f9c98ab8d	refactor(projects): 请求适配器函数范型重构、优化请求相关的命名	2022-07-28 15:16:37 +08:00
Soybean	02992dc02d	feat(projects): useNaiveTable函数：类型部分	2022-07-28 00:34:29 +08:00
Soybean	b32bca4984	build(deps): update deps	2022-07-26 22:39:51 +08:00
Soybean	c37d0ac788	fix(utils): 修复iconifyRender	2022-07-26 20:55:37 +08:00
Soybean	35aeedf320	build(projects): update deps and README.md	2022-07-20 00:41:31 +08:00
Soybean	94ff787053	build(deps): update deps	2022-07-19 00:03:25 +08:00
Soybean	d0823b030b	build(deps): update deps	2022-07-17 13:04:57 +08:00
Soybean	2d722db243	Merge pull request #114 from xiaotao2018/main fix(components): 添加更多主题颜色模态窗的层级覆盖设置按钮	2022-07-16 02:06:34 +08:00
Soybean	6143605297	refactor(projects): 代码优化	2022-07-16 02:04:59 +08:00
xiaotao2018	e2d6554313	perf(components): 添加更多主题颜色设置模态窗的层级，z-index为int z-index为int类型，修复在小屏幕下，系统设置按钮悬浮至模态窗之上的缺陷，提升用户体验	2022-07-15 23:58:54 +08:00
Soybean	872bb84502	chore(projects): 更新eslint配置	2022-07-15 10:09:47 +08:00
xiaotao2018	ee7eb3ac0d	perf(components): 添加更多主题颜色设置模态窗的层级修复在小屏幕下，系统设置按钮悬浮至模态窗之上的缺陷，提升用户体验	2022-07-15 10:08:21 +08:00
Soybean	dd1132482e	build(deps): update deps	2022-07-14 23:34:05 +08:00
Soybean	c33b5ebfef	feat(projects): 添加系统管理的页面	2022-07-14 23:32:19 +08:00
Soybean	711a4ae34f	build(projects): 升级依赖，添加对json的eslint检测及格式化	2022-07-14 02:16:38 +08:00
Soybean	d9cfeabb47	build(deps): update deps ISSUES CLOSED: #87,#106,#109,#111	2022-07-12 23:26:23 +08:00
Soybean	296b154be5	feat(projects): 适配移动端，修复Tab关闭图标的bug ISSUES CLOSED: #87,#106,#109,#111	2022-07-12 01:49:46 +08:00
Soybean	cec0f25c6b	build(deps): update deps	2022-07-11 20:53:13 +08:00
Soybean	b18c49e9d2	chore(projects): 更新.cz-config	2022-07-10 16:55:26 +08:00
Soybean	f64bc91ce2	feat(projects): 添加组件名称，调整vue文件里面的类型声明位置	2022-07-10 16:47:56 +08:00
Soybean	b60db89801	refactor(projects): 代码优化	2022-07-10 03:06:02 +08:00
Soybean	da407b6653	build(deps): update deps	2022-07-09 16:13:02 +08:00
Soybean	6a9a362caa	build(projects): 代码优化	2022-07-07 23:46:07 +08:00
Soybean	aa2f78a86f	refactor(projects): 添加subscribeAppStore	2022-07-07 23:33:52 +08:00
Soybean	a444731e9e	feat(projects): 添加provide、inject上下文示例	2022-07-07 23:27:58 +08:00
Soybean	1523c7b075	build(deps): update deps	2022-07-07 21:56:30 +08:00
Soybean	896e6f2eac	build(projects): 添加.gitattributes	2022-07-07 21:15:49 +08:00
Soybean	8dcfbb29f9	build(deps): update deps	2022-07-01 00:47:41 +08:00
Soybean	750000ec66	build(deps): update deps	2022-06-30 00:28:04 +08:00
Soybean	a792bb5cb3	fix(projects): 修复tab不显示路由首页的问题	2022-06-28 07:49:26 +08:00
Soybean	973ab14442	build(deps): update deps	2022-06-28 07:35:05 +08:00
Soybean	3fe4e92f4a	build(projects): update vscode settings	2022-06-28 07:31:16 +08:00
Soybean	9ce58073dd	build(projects): update tsconfig	2022-06-26 00:42:42 +08:00
Soybean	e2727e6fa1	docs(projects): update README.md	2022-06-26 00:30:48 +08:00
Soybean	73fa3d14c5	build(deps): update deps	2022-06-25 01:07:26 +08:00
Soybean	ea1a336535	build(deps): update deps	2022-06-24 00:19:13 +08:00
Soybean	69e39c142e	build(deps): update deps	2022-06-20 23:41:58 +08:00
Soybean	718c36263e	feat(projects): 添加生产的主题配置缓存	2022-06-20 23:29:58 +08:00
Soybean	5c1b086cb4	build(projects): 代码优化	2022-06-19 15:34:18 +08:00
Soybean	414ccbe360	Merge pull request #105 from yanbowe/main feat(projects): 增加返回顶部功能	2022-06-17 17:54:31 +08:00
燕博文	41147b34fa	refactor(projects): 代码优化	2022-06-17 16:29:06 +08:00
燕博文	894b0f1c18	feat(projects): 增加返回顶部功能	2022-06-17 15:59:56 +08:00
Soybean	d214bb2f2a	Merge pull request #104 from yanbowe/main feat(projects): 增加系统消息组件	2022-06-17 13:48:14 +08:00
燕博文	9518372fe0	feat(projects): 系统消息组件代码优化	2022-06-17 12:49:53 +08:00
燕博文	afa0134fdd	feat(projects): 增加系统消息组件	2022-06-17 11:39:38 +08:00
Soybean	c6ed9b1558	Merge pull request #103 from yanbowe/main feat(tabs): 多页签增加关闭所有	2022-06-16 12:06:28 +08:00
燕博文	0523f08382	fix(svg-icon): 自定义图标在Dropdown组件下hover状态无法显示图标	2022-06-16 11:07:43 +08:00
燕博文	8237adb9c0	feat(tabs): 多页签增加关闭所有	2022-06-16 10:00:23 +08:00
Soybean	65c21812bb	chore(release): 0.9.6	2022-06-16 01:18:18 +08:00
Soybean	c3c975ee11	feat(projects): 本地svg动态渲染图标 ISSUES CLOSED: #61	2022-06-16 01:17:31 +08:00
Soybean	833018a831	build(deps): update deps	2022-06-15 23:44:46 +08:00
Soybean	3eb7f6f593	Merge pull request #102 from yanbowe/main feat(projects): 增加设置当前Tab页签名称功能	2022-06-14 16:54:03 +08:00
燕博文	efcfa576d5	fix(projects): 设置tab标题导致meta属性丢失	2022-06-14 16:09:33 +08:00
燕博文	487213b648	feat(projects): 增加设置当前Tab页签名称功能	2022-06-14 15:42:59 +08:00
Soybean	4ee0d94f1b	fix(projects): 修复顶部菜单的位置失效问题	2022-06-11 15:27:19 +08:00
Soybean	5fa822f4d4	refactor(projects): 代码优化	2022-06-11 13:37:52 +08:00
Soybean	8e6e787543	build(projects): update deps, update config	2022-06-11 13:30:25 +08:00
Soybean	9917b5e53c	build(deps): update deps	2022-06-10 01:02:50 +08:00
Soybean	8f3e855f41	refactor(projects): 优化菜单支持横向滚动 ISSUES CLOSED: #76	2022-06-10 01:02:50 +08:00
tanminglin	808051b29d	feat(projects): 上下结构，菜单支持横向滚动	2022-06-10 01:02:24 +08:00
Soybean	906aed5e75	build(deps): update deps	2022-06-08 00:08:16 +08:00
Soybean	2d64a2e57c	feat(projects): 新增Antv G2图表示例	2022-06-07 23:58:47 +08:00
Soybean	0c70a9e083	docs(projects): update README.md	2022-06-07 23:49:02 +08:00
Soybean	08d83ecbea	chore(release): 0.9.5	2022-06-07 01:55:57 +08:00
Soybean	4122685803	feat(projects): 支持同一路由根据不同query和hash同时显示不同Tab ISSUES CLOSED: #64	2022-06-07 01:51:40 +08:00
Soybean	434ab1c560	feat(projects): 动态路由根路由重定向只需取决于后端返回的路由首页 ISSUES CLOSED: \	2022-06-06 22:47:46 +08:00
Soybean	ae99e57c52	docs(projects): update README.md	2022-06-06 18:37:27 +08:00
Soybean	e3c4a6ece6	build(deps): 依赖升级	2022-06-06 12:14:19 +08:00
Soybean	c8717c25b8	build(projects): 配置更改	2022-06-06 12:11:01 +08:00
Soybean	e9656c6e76	docs(projects): update docs	2022-06-04 12:04:44 +08:00
Soybean	fd78791229	build(projects): 配置优化	2022-06-04 11:48:24 +08:00
Soybean	de09f82586	build(projects): 代码优化 ISSUES CLOSED: \	2022-06-02 02:39:26 +08:00
Soybean	c7762490de	feat(projects): 补充更多的ECharts示例 ISSUES CLOSED: \	2022-06-01 00:27:28 +08:00
Soybean	4558c24d1c	fix(projects): 修复@antv/g2生产环境报错 ISSUES CLOSED: \	2022-05-31 23:02:24 +08:00
Soybean	d9ac7e4de0	refactor(projects): 代码优化 ISSUES CLOSED: \	2022-05-31 00:26:52 +08:00
Soybean	6a5a357f50	build(deps): update deps ISSUES CLOSED: \	2022-05-30 22:53:44 +08:00
Soybean	44b022aefd	feat(projects): 添加antv g2图表示例 ISSUES CLOSED: \	2022-05-30 22:39:44 +08:00
Soybean	0a46ea0844	feat(projects): 添加插件页面：图表 ISSUES CLOSED: \	2022-05-29 23:44:47 +08:00
Soybean	39854a492b	feat(projects): 添加百度地图、升级依赖 ISSUES CLOSED: \	2022-05-29 22:39:07 +08:00
Soybean	4c2f535a9b	refactor(projects): 代码优化 ISSUES CLOSED: \	2022-05-28 20:26:29 +08:00
Soybean	be45d83766	build(deps): update deps ISSUES CLOSED: \	2022-05-28 17:06:55 +08:00
Soybean	d28b9039bb	refactor(projects): 代码优化 ISSUES CLOSED: \	2022-05-28 13:33:09 +08:00
Soybean	8f6d6ce3cb	refactor(styles): 代码格式 ISSUES CLOSED: \	2022-05-28 12:30:17 +08:00
Soybean	07baac7cf8	build(other): update cz config	2022-05-27 09:53:40 +08:00
Soybean	7487ab79b3	chore(deps): update deps ISSUES CLOSED: \	2022-05-27 00:54:13 +08:00
Soybean	a70e4161be	chore(deps): update deps ISSUES CLOSED: \	2022-05-19 23:51:28 +08:00
Soybean	095c432363	refactor(projects): 代码优化 ISSUES CLOSED: \	2022-05-19 00:15:37 +08:00
Soybean	028096e53f	build(deps): update deps ISSUES CLOSED: \	2022-05-19 00:00:47 +08:00
Soybean	44ab55d594	refactor(projects): 代码优化 ISSUES CLOSED: \	2022-05-18 23:43:41 +08:00
Soybean	4b80a66114	docs(projects): update README.md ISSUES CLOSED: \	2022-05-18 23:23:04 +08:00
Soybean	cc0bb088ec	Merge pull request #91 from yanbowe/main 路由meta新增activeMenu属性	2022-05-17 19:09:05 +08:00
燕博文	3e4f9e2824	fix(route): 当为左侧混合菜单时activeMenu无效情况	2022-05-17 14:06:20 +08:00
燕博文	ebd16a4d1a	feat(route): 路由meta新增activeMenu属性	2022-05-17 13:54:48 +08:00
Soybean	84cb07baec	docs(projects): update README.md ISSUES CLOSED: \	2022-05-16 22:17:01 +08:00
Soybean	0811ffa5ae	docs(projects): update README.md	2022-05-16 20:09:07 +08:00
Soybean	3f822a7d76	build(deps): update deps ISSUES CLOSED: \	2022-05-14 00:57:23 +08:00
Soybean	a1c7e10574	refactor(projects): 代码优化	2022-05-11 00:18:36 +08:00
Soybean	50d7ccd82d	build(deps): update deps	2022-05-10 23:53:56 +08:00
Soybean	e0233061d3	fix(projects): 修复页面切换时导致的溢出滚动条	2022-05-10 23:22:24 +08:00
Soybean	a0c405dadd	build(projects): update config	2022-05-10 22:07:53 +08:00
Soybean	60f912508b	fix(projects): 修复权限切换路由数据未更新的问题	2022-05-09 23:53:09 +08:00
Soybean	3590b65e22	refactor(projects): 代码优化	2022-05-09 20:52:43 +08:00
Soybean	92b8406444	build(deps): update deps	2022-05-07 01:01:46 +08:00
Soybean	e7ad08685e	feat(projects): 引入echarts替换antvG2plot	2022-05-07 00:58:24 +08:00
Soybean	14c145eef1	refactor(projects): 代码优化	2022-05-05 18:42:29 +08:00
Soybean	518f7eed28	build(deps): update deps	2022-05-05 13:11:16 +08:00
Soybean	21e63998d0	docs(projects): update README.md	2022-05-05 12:50:14 +08:00
Soybean	38ee2a62cd	Merge pull request #86 from dxxzst/patch-1 fix(projects): 修复插件不存在的错误提示	2022-05-04 21:14:17 +08:00
Grazing Wind	716528206e	fix(projects): 修复插件不存在的错误提示已经改成小写	2022-05-04 09:35:19 +08:00
Soybean	b81143e55e	Merge pull request #84 from tclyjy/main refactor(layouts): layout/header 反转色样式补充	2022-04-29 20:59:59 +08:00
Eric_Yuan	0243b27505	style(GlobalBreadcrumb): 代码格式fix	2022-04-29 19:19:10 +08:00
Soybean	909c12d3c6	Merge pull request #83 from toolvcn/相思 feat(projects): 添加自动跟随系统主题设置	2022-04-29 17:56:27 +08:00
元家怿	01d0bcbfd0	refactor(layouts): layout/header 反转色样式补充	2022-04-29 15:53:12 +08:00
相思	ba07b695dd	feat(projects): 添加自动跟随系统主题设置	2022-04-29 15:02:51 +08:00
Soybean	3d8befa376	docs(projects): update README.md	2022-04-29 02:05:00 +08:00
Soybean	97c92626cc	chore(release): 0.9.4	2022-04-29 02:02:52 +08:00
Soybean	55ddc9cab0	refactor(projects): 动态路由权限完善	2022-04-29 02:00:51 +08:00
Soybean	401f0c748d	build(projects): 细节调整	2022-04-28 01:02:41 +08:00
Soybean	d5c751153c	docs(projects): update README.md	2022-04-28 00:54:40 +08:00
Soybean	69d51318ff	refactor(projects): merge branch unocss to main	2022-04-28 00:50:22 +08:00
Soybean	de5fb84215	refactor(projects): layout和tab组件依赖名称变更、样式修复	2022-04-27 22:51:28 +08:00
Soybean	c275f2632c	refactor(projects): 细节优化	2022-04-27 22:27:46 +08:00
Soybean	e899914426	fix(projects): 修复样式	2022-04-27 19:31:40 +08:00
元家怿	861c8b9852	feat(layouts): 添加侧边栏/头部的反转模式来增加对比度	2022-04-27 19:15:23 +08:00
Soybean	a782461453	refactor(projects): 代码优化	2022-04-27 19:05:58 +08:00
Soybean	e8488e4d52	fix(projects): 添加.npmrc修复无法获取自动引入的全局组件声明类型	2022-04-27 18:08:39 +08:00
Soybean	251b5b9664	refactor(projects): 代码优化	2022-04-27 07:47:26 +08:00
Soybean	41e46a5d80	refactor(projects): mock权限相关数据优化	2022-04-26 00:12:20 +08:00
Soybean	5c75e9d958	build(deps): update deps	2022-04-24 00:23:45 +08:00
Soybean	7f4350aeb6	feat(projects): mock添加权限过滤	2022-04-23 12:31:06 +08:00
Soybean	807448aec5	feat(projects): 权限完善及权限示例页面	2022-04-23 02:21:02 +08:00
相思	b9c5c34979	feat(projects): HTML lang 修改为 zh-cmn-Hans	2022-04-22 13:35:22 +08:00
Soybean	c9d3e5a3fd	feat(projects): 引入unocss替换windicss	2022-04-22 12:29:22 +08:00
				`@@ -1 +0,0 @@`
				`module.exports = { extends: ['@commitlint/config-conventional'] };`
				`@@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--mdi" width="32" height="32" preserveAspectRatio="xMidYMid meet" 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 0 0 8 8a8 8 0 0 0 8-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 0 1-10 10A10 10 0 0 1 2 12A10 10 0 0 1 12 2a10 10 0 0 1 10 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"></path></svg>