chore: release v0.10.2

fix(components): fix mix-menu layout when the locale is English (fixed 241)
chore(projects): update deps and use soy lint-staged replace lint-staged
2025-10-12 04:43:42 +08:00 · 2023-06-01 02:24:57 +08:00 · 2023-06-01 02:24:26 +08:00 · 2023-06-01 02:10:07 +08:00 · 2023-05-31 09:28:34 +08:00 · 2023-05-31 02:32:06 +08:00
258 changed files with 6547 additions and 7209 deletions
--- a/.env-config.ts
+++ b/.env-config.ts
@@ -4,22 +4,13 @@ type ServiceEnv = Record<ServiceEnvType, ServiceEnvConfig>;
 /** 不同请求服务的环境配置 */
 const serviceEnv: ServiceEnv = {
  dev: {
-    url: 'http://localhost:8080',
-    urlPattern: '/url-pattern',
-    secondUrl: 'http://localhost:8081',
-    secondUrlPattern: '/second-url-pattern'
+    url: 'http://localhost:8080'
  },
  test: {
-    url: 'http://localhost:8080',
-    urlPattern: '/url-pattern',
-    secondUrl: 'http://localhost:8081',
-    secondUrlPattern: '/second-url-pattern'
+    url: 'http://localhost:8080'
  },
  prod: {
-    url: 'http://localhost:8080',
-    urlPattern: '/url-pattern',
-    secondUrl: 'http://localhost:8081',
-    secondUrlPattern: '/second-url-pattern'
+    url: 'http://localhost:8080'
  }
 };

@@ -27,10 +18,13 @@ const serviceEnv: ServiceEnv = {
 * 获取当前环境模式下的请求服务的配置
 * @param env 环境
 */
-export function getServiceEnvConfig(env: ImportMetaEnv) {
+export function getServiceEnvConfig(env: ImportMetaEnv): ServiceEnvConfigWithProxyPattern {
  const { VITE_SERVICE_ENV = 'dev' } = env;

  const config = serviceEnv[VITE_SERVICE_ENV];

-  return config;
+  return {
+    ...config,
+    proxyPattern: '/proxy-pattern'
+  };
 }
--- a/.env.development
+++ b/.env.development
@@ -1 +1,2 @@
 VITE_HTTP_PROXY=Y
+VITE_SOYBEAN_ROUTE_PLUGIN=Y
--- a/.env.production
+++ b/.env.production
@@ -6,3 +6,5 @@ VITE_COMPRESS=N
 VITE_COMPRESS_TYPE=gzip

 VITE_PWA=N
+
+VITE_PROD_MOCK=Y
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,3 +1,4 @@
 !.env-config.ts
 components.d.ts
 router-page.d.ts
+*.svg
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,11 +1,17 @@
 module.exports = {
-  extends: ['soybeanjs-vue'],
+  extends: ['soybeanjs/vue'],
  overrides: [
    {
      files: ['./scripts/*.ts'],
      rules: {
        'no-unused-expressions': 'off'
      }
+    },
+    {
+      files: ['*.vue'],
+      rules: {
+        'no-undef': 'off' // use tsc to check the ts code of the vue
+      }
    }
  ],
  settings: {
@@ -38,6 +44,11 @@ module.exports = {
            group: 'external',
            position: 'before'
          },
+          {
+            pattern: '@/constants',
+            group: 'internal',
+            position: 'before'
+          },
          {
            pattern: '@/config',
            group: 'internal',
@@ -48,11 +59,6 @@ module.exports = {
            group: 'internal',
            position: 'before'
          },
-          {
-            pattern: '@/enum',
-            group: 'internal',
-            position: 'before'
-          },
          {
            pattern: '@/plugins',
            group: 'internal',
--- a/.github/ISSUE_TEMPLATE/bug-report.yaml
+++ b/.github/ISSUE_TEMPLATE/bug-report.yaml
@@ -0,0 +1,90 @@
+name: Bug提交
+description: 在使用软件或功能的过程中遇到了错误
+title: '[Bug]: '
+labels: [ "bug?" ]
+
+body:
+  - type: markdown
+    attributes:
+      value: |
+        ## 请按照以下要求进行提交
+        ### 1. 提交后需要指定标签和截止时间。
+        ---
+
+  - type: markdown
+    attributes:
+      value: |
+        ## 环境信息
+        请根据实际使用环境修改以下信息。
+
+  - type: input
+    id: env-program-ver
+    attributes:
+      label: 软件版本
+    validations:
+      required: true
+
+  - type: dropdown
+    id: env-vm-ver
+    attributes:
+      label: 运行环境
+      description: 选择运行软件的系统版本
+      options:
+        - Windows (64)
+        - Windows (32/x84)
+        - MacOS
+        - Linux
+        - Ubuntu
+        - CentOS
+        - ArchLinux
+        - UNIX (Android)
+        - 其它（请在下方说明）
+    validations:
+      required: true
+
+  - type: dropdown
+    id: env-vm-arch
+    attributes:
+      label: 运行架构
+      description: (可选) 选择运行软件的系统架构
+      options:
+        - AMD64
+        - x86
+        - ARM [32] (别名：AArch32 / ARMv7）
+        - ARM [64] (别名：AArch64 / ARMv8）
+        - 其它
+
+  - type: textarea
+    id: reproduce-steps
+    attributes:
+      label: 重现步骤
+      description: |
+        我们需要执行哪些操作才能让 bug 出现？
+        简洁清晰的重现步骤能够帮助我们更迅速地定位问题所在。
+    validations:
+      required: true
+
+  - type: textarea
+    id: expected
+    attributes:
+      label: 期望的结果是什么？
+    validations:
+      required: true
+
+  - type: textarea
+    id: actual
+    attributes:
+      label: 实际的结果是什么？
+    validations:
+      required: true
+
+  - type: textarea
+    id: logging
+    attributes:
+      label: 日志记录（可选）
+      render: golang
+
+  - type: textarea
+    id: extra-desc
+    attributes:
+      label: 补充说明（可选）
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -0,0 +1,11 @@
+## Pull Request 详情
+
+请根据实际使用情况修改以下信息。
+
+## 版本信息
+
+## 解决了哪些问题
+
+## 是否关闭了某个 Issue
+
+Closes #
--- a/.github/workflows/linter.yml
+++ b/.github/workflows/linter.yml
@@ -0,0 +1,30 @@
+---
+name: Lint Code
+
+permissions:
+  contents: write
+
+on:
+  pull_request:
+    branches: [main]
+
+jobs:
+  lint:
+    name: Lint All Code
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout Code
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - name: Lint Code Base
+        uses: github/super-linter@v4
+        env:
+          VALIDATE_ALL_CODEBASE: false
+          DEFAULT_BRANCH: main
+          # To change branch master or main
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          FILTER_REGEX_EXCLUDE: (docs|.github)
+          VALIDATE_MARKDOWN: false
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -0,0 +1,25 @@
+name: Release
+
+permissions:
+  contents: write
+
+on:
+  push:
+    tags:
+      - "v*"
+
+jobs:
+  release:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 16.x
+
+      - run: npx githublogen
+        env:
+          GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
--- a/.npmrc
+++ b/.npmrc
@@ -1,4 +1,2 @@
 registry=https://registry.npmmirror.com/
 shamefully-hoist=true
-strict-peer-dependencies=false
-auto-install-peers=true
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -8,17 +8,19 @@
    "eamodio.gitlens",
    "editorconfig.editorconfig",
    "esbenp.prettier-vscode",
-    "formulahendry.auto-complete-tag",
    "formulahendry.auto-close-tag",
+    "formulahendry.auto-complete-tag",
    "formulahendry.auto-rename-tag",
    "kisstkondoros.vscode-gutter-preview",
    "lokalise.i18n-ally",
+    "mariusalchimavicius.json-to-ts",
    "mhutchie.git-graph",
    "mikestead.dotenv",
    "naumovs.color-highlight",
    "pkief.material-icon-theme",
-    "steoates.autoimport",
+    "sdras.vue-vscode-snippets",
    "vue.volar",
+    "vue.vscode-typescript-vue-plugin",
    "whtouche.vscode-js-console-utils",
    "zhuangtongfa.material-theme"
  ]
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -9,21 +9,7 @@
    "strings": true
  },
  "editor.tabSize": 2,
-  "eslint.alwaysShowStatus": true,
-  "eslint.validate": [
-    "javascript",
-    "javascriptreact",
-    "typescript",
-    "typescriptreact",
-    "vue",
-    "html",
-    "json",
-    "jsonc",
-    "json5",
-    "yaml",
-    "yml",
-    "markdown"
-  ],
+  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact", "vue", "json"],
  "files.associations": {
    "*.env.*": "dotenv"
  },
@@ -33,7 +19,6 @@
    "@": "/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": {
@@ -54,7 +39,6 @@
    "@": "${workspaceFolder}/src",
    "~@": "${workspaceFolder}/src"
  },
-  "terminal.integrated.cursorStyle": "line",
  "terminal.integrated.fontSize": 14,
  "terminal.integrated.fontWeight": 500,
  "terminal.integrated.tabs.enabled": true,
@@ -86,5 +70,6 @@
  },
  "[vue]": {
    "editor.defaultFormatter": "Vue.volar"
-  }
+  },
+  "i18n-ally.localesPaths": ["src/locales", "src/locales/lang"]
 }
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,123 @@
 # Changelog

-All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
+## v0.10.0...v0.10.1
+
+[compare changes](https://github.com/honghuangdc/soybean-admin/compare/v0.10.0...v0.10.1)
+
+### 📖 Documentation
+
+- **projects:** CHANGELOG.md ([a252138](https://github.com/honghuangdc/soybean-admin/commit/a252138))
+- **projects:** Update README.md ([b5839ea](https://github.com/honghuangdc/soybean-admin/commit/b5839ea))
+
+### 🏡 Chore
+
+- **projects:** Add switch for pageRoute plugin [添加自动生成路由的插件的开关] ([780ac75](https://github.com/honghuangdc/soybean-admin/commit/780ac75))
+- Release v0.10.1 ([44e4c04](https://github.com/honghuangdc/soybean-admin/commit/44e4c04))
+
+### ❤️ Contributors
+
+- Soybean ([@soybeanjs](http://github.com/soybeanjs))
+
+## v0.9.9...v0.10.0
+
+[compare changes](https://github.com/honghuangdc/soybean-admin/compare/v0.9.9...v0.10.0)
+
+### 🚀 Features
+
+- **projects:** 返回顶部功能适配新布局 ([54e2cb5](https://github.com/honghuangdc/soybean-admin/commit/54e2cb5))
+- **components:** Add tree related component instances ([d203a35](https://github.com/honghuangdc/soybean-admin/commit/d203a35))
+- **components:** Add routing data related to tree components and page display optimization ([a0f55ac](https://github.com/honghuangdc/soybean-admin/commit/a0f55ac))
+- **projects:** 增加i18n支持翻译菜单,tab,title ([3d48aa8](https://github.com/honghuangdc/soybean-admin/commit/3d48aa8))
+- **projects:** Add menu translate [翻译菜单] ([f68285f](https://github.com/honghuangdc/soybean-admin/commit/f68285f))
+- **projects:** 增加主题切换过渡效果 ([8da8843](https://github.com/honghuangdc/soybean-admin/commit/8da8843))
+- **projects:** Support mobile layout [支持移动端布局] ([f2b518e](https://github.com/honghuangdc/soybean-admin/commit/f2b518e))
+
+### 🐞 Bug Fixes
+
+- **projects:** Fix router guide [修复路由跳转异常] fixed #216 ([#216](https://github.com/honghuangdc/soybean-admin/issues/216))
+- **projects:** Fix better-mock usage [修复better-mock用法] ([c57640a](https://github.com/honghuangdc/soybean-admin/commit/c57640a))
+- **projects:** Tsconfig missing isolatedModules ([ab49afd](https://github.com/honghuangdc/soybean-admin/commit/ab49afd))
+- **projects:** Fix mockjs [修复mockjs] ([9b19f96](https://github.com/honghuangdc/soybean-admin/commit/9b19f96))
+- **projects:** Add prod mockjs switch [添加生产模式的mockjs的开关] ([9f5638f](https://github.com/honghuangdc/soybean-admin/commit/9f5638f))
+- **projects:** 修复面包屑导航下拉菜单语言显示问题 ([ee8fa04](https://github.com/honghuangdc/soybean-admin/commit/ee8fa04))
+- **projects:** Hide the drawer when it is initial mobile mode [初始化时为移动端布局则隐藏侧边栏] fixed #238 ([#238](https://github.com/honghuangdc/soybean-admin/issues/238))
+
+### 🔥 Performance
+
+- **projects:** Complete dynamic route translate [补充动态路由的翻译] ([7b746fa](https://github.com/honghuangdc/soybean-admin/commit/7b746fa))
+- **projects:** Move changing document title by locale to global event of composables & add appLoading unmount ([08e194e](https://github.com/honghuangdc/soybean-admin/commit/08e194e))
+
+### 💅 Refactors
+
+- **projects:** Update useTable ([211ae1f](https://github.com/honghuangdc/soybean-admin/commit/211ae1f))
+- **projects:** Remove page examples: tree [去除tree相关示例页面] ([f309003](https://github.com/honghuangdc/soybean-admin/commit/f309003))
+- **projects:** Use better-mock replace mockjs [用better-mock替换mockjs] ([9d3c732](https://github.com/honghuangdc/soybean-admin/commit/9d3c732))
+- **projects:** Upgrade vue3.3, official support defineOptions ([86a370f](https://github.com/honghuangdc/soybean-admin/commit/86a370f))
+
+### 📖 Documentation
+
+- **projects:** Add qq to README.md [文档添加QQ群] ([f74a642](https://github.com/honghuangdc/soybean-admin/commit/f74a642))
+- **projects:** Update README.md [更新README.md] ([397092c](https://github.com/honghuangdc/soybean-admin/commit/397092c))
+- **projects:** Update README.md [更新README.md] ([5a4f842](https://github.com/honghuangdc/soybean-admin/commit/5a4f842))
+- **projects:** Update README.md [更新README.md] ([a765da6](https://github.com/honghuangdc/soybean-admin/commit/a765da6))
+- **projects:** Update README.md [更新README.md] ([a989b44](https://github.com/honghuangdc/soybean-admin/commit/a989b44))
+- **projects:** 优化README.md ([6ea755f](https://github.com/honghuangdc/soybean-admin/commit/6ea755f))
+- **projects:** Readme.md 二次开发的项目内容换行 ([f3a1707](https://github.com/honghuangdc/soybean-admin/commit/f3a1707))
+- **projects:** Update CHANGELOG.md ([5f6caab](https://github.com/honghuangdc/soybean-admin/commit/5f6caab))
+
+### 📦 Build
+
+- **projects:** Remove old layout,tab package [去除旧的布局和页签依赖] ([42e6de3](https://github.com/honghuangdc/soybean-admin/commit/42e6de3))
+- **deps:** Update deps ([db62959](https://github.com/honghuangdc/soybean-admin/commit/db62959))
+- **deps:** Update deps [升级依赖] ([f2e82da](https://github.com/honghuangdc/soybean-admin/commit/f2e82da))
+- **deps:** Update deps and remove vite-plugin-html [升级依赖，去除vite-plugin-html] ([eaf3678](https://github.com/honghuangdc/soybean-admin/commit/eaf3678))
+- **deps:** Update deps [升级依赖] ([bae1767](https://github.com/honghuangdc/soybean-admin/commit/bae1767))
+- **projects:** Update deps and fix type error [升级依赖并修复类型问题] ([34f023c](https://github.com/honghuangdc/soybean-admin/commit/34f023c))
+- **deps:** Update deps [升级依赖] ([c264216](https://github.com/honghuangdc/soybean-admin/commit/c264216))
+- **deps:** Update deps [升级依赖] ([40f8587](https://github.com/honghuangdc/soybean-admin/commit/40f8587))
+- **projects:** Update deps and fix style [升级依赖&修复代码格式] ([c1c4335](https://github.com/honghuangdc/soybean-admin/commit/c1c4335))
+
+### 🏡 Chore
+
+- **deps:** Update deps ([cebbef6](https://github.com/honghuangdc/soybean-admin/commit/cebbef6))
+- **projects:** Remove useless packages, update lint-staged config, add githublogen ([5aaa318](https://github.com/honghuangdc/soybean-admin/commit/5aaa318))
+- Release v0.10.0 ([270a055](https://github.com/honghuangdc/soybean-admin/commit/270a055))
+
+### 🎨 Styles
+
+- **projects:** Per style [完善样式] ([209ef3d](https://github.com/honghuangdc/soybean-admin/commit/209ef3d))
+
+### ❤️ Contributors
+
+- Soybean ([@soybeanjs](http://github.com/soybeanjs))
+- Cc <cc@qq.com>
+- Xiaojunnuo ([@greper](http://github.com/greper))
+- Kirk Lin ([@kirklin](http://github.com/kirklin))
+- Small_happy <5304122+small_happy@user.noreply.gitee.com>
+- 燕博文 <349952469@qq.com>
+
+### [0.9.9](https://github.com/honghuangdc/soybean-admin/compare/v0.9.8...v0.9.9) (2023-03-13)
+
+
+### Features
+
+* **hooks:** add useNaiveTable ([cc13fcc](https://github.com/honghuangdc/soybean-admin/commit/cc13fcc8aaaf667902d69350ad0de3cc16c261ab))
+* **projects:** custom unocss colors support opacity ([488e6e3](https://github.com/honghuangdc/soybean-admin/commit/488e6e32045d995361b898ef3d384dafcb069008))
+* **projects:** new layout,tab and add update theme settings ([912c353](https://github.com/honghuangdc/soybean-admin/commit/912c3531c5d7a3ab30e15d39bed98ca9b20131ab))
+
+
+### Bug Fixes
+
+* **components:** 修复iconSelect选择器点击事件失效 ([7e505f9](https://github.com/honghuangdc/soybean-admin/commit/7e505f9b96f5380b6c27b4c2ee2ab0698c4eedc4))
+* **components:** 页面跳转被拦截, 则会出现 tab 页签与页面不一致的问题 ([bd5dd2c](https://github.com/honghuangdc/soybean-admin/commit/bd5dd2cf28a0943721c397d70c53fe3988a4f81a))
+* **components:** refresh cached routes ([b0f98e4](https://github.com/honghuangdc/soybean-admin/commit/b0f98e4bfac31751dd39a7dec203277db813694b))
+* **projects:** fix eslint svg cause incorrect icon render ([0b5afda](https://github.com/honghuangdc/soybean-admin/commit/0b5afda287a0eea57daa8d35409297e2cbf6d578))
+* **projects:** fix github bug-report ([f73e3f6](https://github.com/honghuangdc/soybean-admin/commit/f73e3f648decf5632fe5193e825b1f912c5f6153))
+* **projects:** fix pwa logo ([bf2f617](https://github.com/honghuangdc/soybean-admin/commit/bf2f6172554337450c4a300b8bdb580d3e25ad45))
+* **projects:** not only `/login` claim dynamic path scenario , but also others , eg:/user/1 ([6059891](https://github.com/honghuangdc/soybean-admin/commit/60598915561f1bad6ffba0dc102f0a776be52f0d))
+* **projects:** sortRoutes recursively ([9188941](https://github.com/honghuangdc/soybean-admin/commit/918894147ab739b4592e8c76378246e28c46491a))
+* **projects:** the length of routes children list should greater than 0 ([e1afc10](https://github.com/honghuangdc/soybean-admin/commit/e1afc10b80243a5d8d270a351a37a0a2d159f167))
+* **utils:** make AxiosRequestConfig optional for request.handleDelete() ([4a6fec8](https://github.com/honghuangdc/soybean-admin/commit/4a6fec8af0b44b546f81ec41d7a5947371e189b2))

 ### [0.9.8](https://github.com/honghuangdc/soybean-admin/compare/v0.9.7...v0.9.8) (2023-01-15)

--- a/README.md
+++ b/README.md
@@ -1,39 +1,40 @@
 <div align="center">
-	<img src="./public/logo.png" style="width: 240px;"/>
+	<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean.svg" style="width: 160px;"/>
 	<h1>Soybean Admin</h1>
 </div>

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

 ## 简介

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

 ## 特性

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

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

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

 ## 文档

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

 ## 代码仓库

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

 ## 更新日志

@@ -42,31 +43,31 @@
 ## 后端服务

 - [soybean-admin-java](https://github.com/honghuangdc/soybean-admin-java)
- [soybean-admin-go](https://github.com/honghuangdc/soybean-admin-go)

 ## 项目示例图

 ![](https://s2.loli.net/2022/05/16/keOtgFH27r9nqYS.png)

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

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

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

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

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

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

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

-![](https://s2.loli.net/2022/06/07/rY8TyAftM5dxspv.png)
+![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin09-v2.png)

-![](https://s2.loli.net/2022/06/07/5GNBAd31IzQVjLP.png)
-
-![](https://s2.loli.net/2022/06/07/rRSG6mEZpujOACT.png)
+<div align="center">
+	<img style="width:380px;margin-right:18px;border:1px solid #dedede;" src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin10-v2.png" />
+	<img style="width:380px;border:1px solid #dedede;" src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin11-v2.png" />
+</div>

 ## 安装使用

@@ -115,10 +116,15 @@ docker run --name soybean -p 80:80 -d soybeanjs/soybean-admin:v0.9.6

 ## Git 贡献提交规范

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

 项目已用 simple-git-hooks 代替了 husky, 旧版本用了 husky，执行 pnpm soy init-git-hooks 进行初始化配置

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

 本地开发推荐使用`Chrome 90+` 浏览器
@@ -137,15 +143,15 @@ docker run --name soybean -p 80:80 -d soybeanjs/soybean-admin:v0.9.6

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

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

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

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

--- a/build/plugins/html.ts
+++ b/build/plugins/html.ts
@@ -1,14 +0,0 @@
-import type { PluginOption } from 'vite';
-import { createHtmlPlugin } from 'vite-plugin-html';
-
-export default (viteEnv: ImportMetaEnv): PluginOption[] => {
-  return createHtmlPlugin({
-    minify: true,
-    inject: {
-      data: {
-        appName: viteEnv.VITE_APP_NAME,
-        appTitle: viteEnv.VITE_APP_TITLE
-      }
-    }
-  });
-};
--- a/build/plugins/index.ts
+++ b/build/plugins/index.ts
@@ -4,7 +4,6 @@ import vueJsx from '@vitejs/plugin-vue-jsx';
 import unocss from '@unocss/vite';
 import progress from 'vite-plugin-progress';
 import pageRoute from '@soybeanjs/vite-plugin-vue-page-route';
-import html from './html';
 import unplugin from './unplugin';
 import mock from './mock';
 import visualizer from './visualizer';
@@ -16,7 +15,18 @@ import pwa from './pwa';
 * @param viteEnv - 环境变量配置
 */
 export function setupVitePlugins(viteEnv: ImportMetaEnv): (PluginOption | PluginOption[])[] {
-  const plugins = [vue(), vueJsx(), html(viteEnv), ...unplugin(viteEnv), unocss(), mock, progress(), pageRoute()];
+  const plugins = [
+    vue({
+      script: {
+        defineModel: true
+      }
+    }),
+    vueJsx(),
+    ...unplugin(viteEnv),
+    unocss(),
+    mock(viteEnv),
+    progress()
+  ];

  if (viteEnv.VITE_VISUALIZER === 'Y') {
    plugins.push(visualizer as PluginOption);
@@ -27,6 +37,9 @@ export function setupVitePlugins(viteEnv: ImportMetaEnv): (PluginOption | Plugin
  if (viteEnv.VITE_PWA === 'Y' || viteEnv.VITE_VERCEL === 'Y') {
    plugins.push(pwa());
  }
+  if (viteEnv.VITE_SOYBEAN_ROUTE_PLUGIN === 'Y') {
+    plugins.push(pageRoute());
+  }

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

-export default viteMockServe({
-  mockPath: 'mock',
-  injectCode: `
-		import { setupMockServer } from '../mock';
-		setupMockServer();
-	`
-});
+export default (viteEnv: ImportMetaEnv) => {
+  const prodMock = viteEnv.VITE_PROD_MOCK === 'Y';
+
+  return viteMockServe({
+    mockPath: 'mock',
+    prodEnabled: prodMock,
+    injectCode: `
+			import { setupMockServer } from '../mock';
+			setupMockServer();
+		`
+  });
+};
--- a/build/plugins/unplugin.ts
+++ b/build/plugins/unplugin.ts
@@ -1,4 +1,3 @@
-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';
@@ -17,11 +16,12 @@ export default function unplugin(viteEnv: ImportMetaEnv) {
  const collectionName = VITE_ICON_LOCAL_PREFFIX.replace(`${VITE_ICON_PREFFIX}-`, '');

  return [
-    VueMacros({}),
    Icons({
      compiler: 'vue3',
      customCollections: {
-        [collectionName]: FileSystemIconLoader(localIconPath)
+        [collectionName]: FileSystemIconLoader(localIconPath, svg =>
+          svg.replace(/^<svg\s/, '<svg width="1em" height="1em" ')
+        )
      },
      scale: 1,
      defaultClass: 'inline-block'
--- a/index.html
+++ b/index.html
@@ -1,15 +1,15 @@
 <!DOCTYPE html>
 <html lang="zh-cmn-Hans">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" href="/logo.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title><%= appName %></title>
-  </head>
-  <body>
-    <div id="app">
-      <div id="appLoading"></div>
-    </div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
+	<head>
+		<meta charset="UTF-8" />
+		<link rel="icon" href="/favicon.svg" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>%VITE_APP_NAME%</title>
+	</head>
+	<body>
+		<div id="app">
+			<div id="appLoading"></div>
+		</div>
+		<script type="module" src="/src/main.ts"></script>
+	</body>
 </html>
--- a/mock/model/route.ts
+++ b/mock/model/route.ts
@@ -12,7 +12,8 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          meta: {
            title: '分析页',
            requiresAuth: true,
-            icon: 'icon-park-outline:analysis'
+            icon: 'icon-park-outline:analysis',
+            i18nTitle: 'message.routes.dashboard.analysis'
          }
        },
        {
@@ -22,14 +23,16 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          meta: {
            title: '工作台',
            requiresAuth: true,
-            icon: 'icon-park-outline:workbench'
+            icon: 'icon-park-outline:workbench',
+            i18nTitle: 'message.routes.dashboard.workbench'
          }
        }
      ],
      meta: {
        title: '仪表盘',
        icon: 'mdi:monitor-dashboard',
-        order: 1
+        order: 1,
+        i18nTitle: 'message.routes.dashboard._value'
      }
    },
    {
@@ -43,6 +46,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: 'vue文档',
+            i18nTitle: 'message.routes.document.vue',
            requiresAuth: true,
            icon: 'logos:vue'
          }
@@ -53,6 +57,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: 'vite文档',
+            i18nTitle: 'message.routes.document.vite',
            requiresAuth: true,
            icon: 'logos:vitejs'
          }
@@ -63,6 +68,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: 'naive文档',
+            i18nTitle: 'message.routes.document.naive',
            requiresAuth: true,
            icon: 'logos:naiveui'
          }
@@ -73,6 +79,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '项目文档',
+            i18nTitle: 'message.routes.document.project',
            requiresAuth: true,
            localIcon: 'logo'
          }
@@ -82,6 +89,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          path: '/document/project-link',
          meta: {
            title: '项目文档(外链)',
+            i18nTitle: 'message.routes.document.project-link',
            requiresAuth: true,
            localIcon: 'logo',
            href: 'https://docs.soybean.pro/'
@@ -90,6 +98,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
      ],
      meta: {
        title: '文档',
+        i18nTitle: 'message.routes.document._value',
        icon: 'mdi:file-document-multiple-outline',
        order: 2
      }
@@ -105,6 +114,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '按钮',
+            i18nTitle: 'message.routes.component.button',
            requiresAuth: true,
            icon: 'mdi:button-cursor'
          }
@@ -115,6 +125,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '卡片',
+            i18nTitle: 'message.routes.component.card',
            requiresAuth: true,
            icon: 'mdi:card-outline'
          }
@@ -125,6 +136,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '表格',
+            i18nTitle: 'message.routes.component.table',
            requiresAuth: true,
            icon: 'mdi:table-large'
          }
@@ -132,6 +144,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
      ],
      meta: {
        title: '组件示例',
+        i18nTitle: 'message.routes.component._value',
        icon: 'cib:app-store',
        order: 3
      }
@@ -152,6 +165,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              component: 'self',
              meta: {
                title: 'ECharts',
+                i18nTitle: 'message.routes.plugin.charts.echarts',
                requiresAuth: true,
                icon: 'simple-icons:apacheecharts'
              }
@@ -162,6 +176,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              component: 'self',
              meta: {
                title: 'AntV',
+                i18nTitle: 'message.routes.plugin.charts.antv',
                requiresAuth: true,
                icon: 'simple-icons:antdesign'
              }
@@ -169,6 +184,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          ],
          meta: {
            title: '图表',
+            i18nTitle: 'message.routes.plugin.charts._value',
            icon: 'mdi:chart-areaspline'
          }
        },
@@ -178,6 +194,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '地图',
+            i18nTitle: 'message.routes.plugin.map',
            requiresAuth: true,
            icon: 'mdi:map'
          }
@@ -188,6 +205,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '视频',
+            i18nTitle: 'message.routes.plugin.video',
            requiresAuth: true,
            icon: 'mdi:video'
          }
@@ -203,6 +221,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              component: 'self',
              meta: {
                title: '富文本编辑器',
+                i18nTitle: 'message.routes.plugin.editor.quill',
                requiresAuth: true,
                icon: 'mdi:file-document-edit-outline'
              }
@@ -213,6 +232,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              component: 'self',
              meta: {
                title: 'markdown编辑器',
+                i18nTitle: 'message.routes.plugin.editor.markdown',
                requiresAuth: true,
                icon: 'ri:markdown-line'
              }
@@ -220,6 +240,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          ],
          meta: {
            title: '编辑器',
+            i18nTitle: 'message.routes.plugin.editor._value',
            icon: 'icon-park-outline:editor'
          }
        },
@@ -229,6 +250,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: 'Swiper插件',
+            i18nTitle: 'message.routes.plugin.swiper',
            requiresAuth: true,
            icon: 'simple-icons:swiper'
          }
@@ -239,6 +261,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '剪贴板',
+            i18nTitle: 'message.routes.plugin.copy',
            requiresAuth: true,
            icon: 'mdi:clipboard-outline'
          }
@@ -249,6 +272,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '图标',
+            i18nTitle: 'message.routes.plugin.icon',
            requiresAuth: true,
            localIcon: 'custom-icon'
          }
@@ -259,6 +283,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '打印',
+            i18nTitle: 'message.routes.plugin.print',
            requiresAuth: true,
            icon: 'mdi:printer'
          }
@@ -266,6 +291,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
      ],
      meta: {
        title: '插件示例',
+        i18nTitle: 'message.routes.plugin._value',
        icon: 'clarity:plugin-line',
        order: 4
      }
@@ -281,6 +307,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '权限切换',
+            i18nTitle: 'message.routes.auth-demo.permission',
            requiresAuth: true,
            icon: 'ic:round-construction'
          }
@@ -291,6 +318,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '超级管理员可见',
+            i18nTitle: 'message.routes.auth-demo.super',
            requiresAuth: true,
            icon: 'ic:round-supervisor-account'
          }
@@ -298,6 +326,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
      ],
      meta: {
        title: '权限示例',
+        i18nTitle: 'message.routes.auth-demo._value',
        icon: 'ic:baseline-security',
        order: 5
      }
@@ -313,6 +342,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: 'Tab',
+            i18nTitle: 'message.routes.function.tab',
            requiresAuth: true,
            icon: 'ic:round-tab'
          }
@@ -345,6 +375,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
      ],
      meta: {
        title: '功能',
+        i18nTitle: 'message.routes.function._value',
        icon: 'icon-park-outline:all-application',
        order: 6
      }
@@ -360,6 +391,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '异常页403',
+            i18nTitle: 'message.routes.exception.403',
            requiresAuth: true,
            icon: 'ic:baseline-block'
          }
@@ -370,6 +402,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '异常页404',
+            i18nTitle: 'message.routes.exception.404',
            requiresAuth: true,
            icon: 'ic:baseline-web-asset-off'
          }
@@ -380,12 +413,14 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '异常页500',
+            i18nTitle: 'message.routes.exception.500',
            requiresAuth: true,
            icon: 'ic:baseline-wifi-off'
          }
        }
      ],
      meta: {
+        i18nTitle: 'message.routes.exception._value',
        title: '异常页',
        icon: 'ant-design:exception-outlined',
        order: 7
@@ -407,6 +442,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              component: 'self',
              meta: {
                title: '二级菜单',
+                i18nTitle: 'message.routes.multi-menu.first.second',
                requiresAuth: true,
                icon: 'mdi:menu'
              }
@@ -422,6 +458,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
                  component: 'self',
                  meta: {
                    title: '三级菜单',
+                    i18nTitle: 'message.routes.multi-menu.first.second-new.third',
                    requiresAuth: true,
                    icon: 'mdi:menu'
                  }
@@ -429,18 +466,21 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              ],
              meta: {
                title: '二级菜单(有子菜单)',
+                i18nTitle: 'message.routes.multi-menu.first.second-new._value',
                icon: 'mdi:menu'
              }
            }
          ],
          meta: {
            title: '一级菜单',
+            i18nTitle: 'message.routes.multi-menu.first._value',
            icon: 'mdi:menu'
          }
        }
      ],
      meta: {
        title: '多级菜单',
+        i18nTitle: 'message.routes.multi-menu._value',
        icon: 'carbon:menu',
        order: 8
      }
@@ -456,6 +496,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '权限管理',
+            i18nTitle: 'message.routes.management.auth',
            requiresAuth: true,
            icon: 'ic:baseline-security'
          }
@@ -466,6 +507,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '角色管理',
+            i18nTitle: 'message.routes.management.role',
            requiresAuth: true,
            icon: 'carbon:user-role'
          }
@@ -476,6 +518,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '用户管理',
+            i18nTitle: 'message.routes.management.user',
            requiresAuth: true,
            icon: 'ic:round-manage-accounts'
          }
@@ -486,6 +529,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '路由管理',
+            i18nTitle: 'message.routes.management.route',
            requiresAuth: true,
            icon: 'material-symbols:route'
          }
@@ -493,6 +537,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
      ],
      meta: {
        title: '系统管理',
+        i18nTitle: 'message.routes.management._value',
        icon: 'carbon:cloud-service-management',
        order: 9
      }
@@ -503,7 +548,9 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
      component: 'self',
      meta: {
        title: '关于',
+        i18nTitle: 'message.routes.about',
        requiresAuth: true,
+        keepAlive: true,
        singleLayout: 'basic',
        icon: 'fluent:book-information-24-regular',
        order: 10
@@ -523,7 +570,8 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          meta: {
            title: '分析页',
            requiresAuth: true,
-            icon: 'icon-park-outline:analysis'
+            icon: 'icon-park-outline:analysis',
+            i18nTitle: 'message.routes.dashboard.analysis'
          }
        },
        {
@@ -533,14 +581,16 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          meta: {
            title: '工作台',
            requiresAuth: true,
-            icon: 'icon-park-outline:workbench'
+            icon: 'icon-park-outline:workbench',
+            i18nTitle: 'message.routes.dashboard.workbench'
          }
        }
      ],
      meta: {
        title: '仪表盘',
        icon: 'mdi:monitor-dashboard',
-        order: 1
+        order: 1,
+        i18nTitle: 'message.routes.dashboard._value'
      }
    },
    {
@@ -554,6 +604,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: 'vue文档',
+            i18nTitle: 'message.routes.document.vue',
            requiresAuth: true,
            icon: 'logos:vue'
          }
@@ -564,6 +615,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: 'vite文档',
+            i18nTitle: 'message.routes.document.vite',
            requiresAuth: true,
            icon: 'logos:vitejs'
          }
@@ -574,6 +626,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: 'naive文档',
+            i18nTitle: 'message.routes.document.naive',
            requiresAuth: true,
            icon: 'logos:naiveui'
          }
@@ -584,6 +637,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '项目文档',
+            i18nTitle: 'message.routes.document.project',
            requiresAuth: true,
            localIcon: 'logo'
          }
@@ -593,6 +647,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          path: '/document/project-link',
          meta: {
            title: '项目文档(外链)',
+            i18nTitle: 'message.routes.document.project-link',
            requiresAuth: true,
            localIcon: 'logo',
            href: 'https://docs.soybean.pro/'
@@ -601,6 +656,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
      ],
      meta: {
        title: '文档',
+        i18nTitle: 'message.routes.document._value',
        icon: 'mdi:file-document-multiple-outline',
        order: 2
      }
@@ -616,6 +672,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '按钮',
+            i18nTitle: 'message.routes.component.button',
            requiresAuth: true,
            icon: 'mdi:button-cursor'
          }
@@ -626,6 +683,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '卡片',
+            i18nTitle: 'message.routes.component.card',
            requiresAuth: true,
            icon: 'mdi:card-outline'
          }
@@ -636,6 +694,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '表格',
+            i18nTitle: 'message.routes.component.table',
            requiresAuth: true,
            icon: 'mdi:table-large'
          }
@@ -643,6 +702,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
      ],
      meta: {
        title: '组件示例',
+        i18nTitle: 'message.routes.component._value',
        icon: 'cib:app-store',
        order: 3
      }
@@ -663,6 +723,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              component: 'self',
              meta: {
                title: 'ECharts',
+                i18nTitle: 'message.routes.plugin.charts.echarts',
                requiresAuth: true,
                icon: 'simple-icons:apacheecharts'
              }
@@ -673,6 +734,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              component: 'self',
              meta: {
                title: 'AntV',
+                i18nTitle: 'message.routes.plugin.charts.antv',
                requiresAuth: true,
                icon: 'simple-icons:antdesign'
              }
@@ -680,6 +742,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          ],
          meta: {
            title: '图表',
+            i18nTitle: 'message.routes.plugin.charts._value',
            icon: 'mdi:chart-areaspline'
          }
        },
@@ -689,6 +752,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '地图',
+            i18nTitle: 'message.routes.plugin.map',
            requiresAuth: true,
            icon: 'mdi:map'
          }
@@ -699,6 +763,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '视频',
+            i18nTitle: 'message.routes.plugin.video',
            requiresAuth: true,
            icon: 'mdi:video'
          }
@@ -714,6 +779,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              component: 'self',
              meta: {
                title: '富文本编辑器',
+                i18nTitle: 'message.routes.plugin.editor.quill',
                requiresAuth: true,
                icon: 'mdi:file-document-edit-outline'
              }
@@ -724,6 +790,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              component: 'self',
              meta: {
                title: 'markdown编辑器',
+                i18nTitle: 'message.routes.plugin.editor.markdown',
                requiresAuth: true,
                icon: 'ri:markdown-line'
              }
@@ -731,6 +798,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          ],
          meta: {
            title: '编辑器',
+            i18nTitle: 'message.routes.plugin.editor._value',
            icon: 'icon-park-outline:editor'
          }
        },
@@ -740,6 +808,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: 'Swiper插件',
+            i18nTitle: 'message.routes.plugin.swiper',
            requiresAuth: true,
            icon: 'simple-icons:swiper'
          }
@@ -750,6 +819,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '剪贴板',
+            i18nTitle: 'message.routes.plugin.copy',
            requiresAuth: true,
            icon: 'mdi:clipboard-outline'
          }
@@ -760,6 +830,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '图标',
+            i18nTitle: 'message.routes.plugin.icon',
            requiresAuth: true,
            localIcon: 'custom-icon'
          }
@@ -770,6 +841,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '打印',
+            i18nTitle: 'message.routes.plugin.print',
            requiresAuth: true,
            icon: 'mdi:printer'
          }
@@ -777,6 +849,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
      ],
      meta: {
        title: '插件示例',
+        i18nTitle: 'message.routes.plugin._value',
        icon: 'clarity:plugin-line',
        order: 4
      }
@@ -792,13 +865,26 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '权限切换',
+            i18nTitle: 'message.routes.auth-demo.permission',
            requiresAuth: true,
            icon: 'ic:round-construction'
          }
+        },
+        {
+          name: 'auth-demo_super',
+          path: '/auth-demo/super',
+          component: 'self',
+          meta: {
+            title: '超级管理员可见',
+            i18nTitle: 'message.routes.auth-demo.super',
+            requiresAuth: true,
+            icon: 'ic:round-supervisor-account'
+          }
        }
      ],
      meta: {
        title: '权限示例',
+        i18nTitle: 'message.routes.auth-demo._value',
        icon: 'ic:baseline-security',
        order: 5
      }
@@ -814,6 +900,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: 'Tab',
+            i18nTitle: 'message.routes.function.tab',
            requiresAuth: true,
            icon: 'ic:round-tab'
          }
@@ -846,6 +933,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
      ],
      meta: {
        title: '功能',
+        i18nTitle: 'message.routes.function._value',
        icon: 'icon-park-outline:all-application',
        order: 6
      }
@@ -861,6 +949,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '异常页403',
+            i18nTitle: 'message.routes.exception.403',
            requiresAuth: true,
            icon: 'ic:baseline-block'
          }
@@ -871,6 +960,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '异常页404',
+            i18nTitle: 'message.routes.exception.404',
            requiresAuth: true,
            icon: 'ic:baseline-web-asset-off'
          }
@@ -881,12 +971,14 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '异常页500',
+            i18nTitle: 'message.routes.exception.500',
            requiresAuth: true,
            icon: 'ic:baseline-wifi-off'
          }
        }
      ],
      meta: {
+        i18nTitle: 'message.routes.exception._value',
        title: '异常页',
        icon: 'ant-design:exception-outlined',
        order: 7
@@ -908,6 +1000,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              component: 'self',
              meta: {
                title: '二级菜单',
+                i18nTitle: 'message.routes.multi-menu.first.second',
                requiresAuth: true,
                icon: 'mdi:menu'
              }
@@ -923,6 +1016,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
                  component: 'self',
                  meta: {
                    title: '三级菜单',
+                    i18nTitle: 'message.routes.multi-menu.first.second-new.third',
                    requiresAuth: true,
                    icon: 'mdi:menu'
                  }
@@ -930,18 +1024,21 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              ],
              meta: {
                title: '二级菜单(有子菜单)',
+                i18nTitle: 'message.routes.multi-menu.first.second-new._value',
                icon: 'mdi:menu'
              }
            }
          ],
          meta: {
            title: '一级菜单',
+            i18nTitle: 'message.routes.multi-menu.first._value',
            icon: 'mdi:menu'
          }
        }
      ],
      meta: {
        title: '多级菜单',
+        i18nTitle: 'message.routes.multi-menu._value',
        icon: 'carbon:menu',
        order: 8
      }
@@ -957,6 +1054,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '权限管理',
+            i18nTitle: 'message.routes.management.auth',
            requiresAuth: true,
            icon: 'ic:baseline-security'
          }
@@ -967,6 +1065,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '角色管理',
+            i18nTitle: 'message.routes.management.role',
            requiresAuth: true,
            icon: 'carbon:user-role'
          }
@@ -977,6 +1076,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '用户管理',
+            i18nTitle: 'message.routes.management.user',
            requiresAuth: true,
            icon: 'ic:round-manage-accounts'
          }
@@ -987,6 +1087,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '路由管理',
+            i18nTitle: 'message.routes.management.route',
            requiresAuth: true,
            icon: 'material-symbols:route'
          }
@@ -994,6 +1095,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
      ],
      meta: {
        title: '系统管理',
+        i18nTitle: 'message.routes.management._value',
        icon: 'carbon:cloud-service-management',
        order: 9
      }
@@ -1004,7 +1106,9 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
      component: 'self',
      meta: {
        title: '关于',
+        i18nTitle: 'message.routes.about',
        requiresAuth: true,
+        keepAlive: true,
        singleLayout: 'basic',
        icon: 'fluent:book-information-24-regular',
        order: 10
@@ -1024,14 +1128,27 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          meta: {
            title: '分析页',
            requiresAuth: true,
-            icon: 'icon-park-outline:analysis'
+            icon: 'icon-park-outline:analysis',
+            i18nTitle: 'message.routes.dashboard.analysis'
+          }
+        },
+        {
+          name: 'dashboard_workbench',
+          path: '/dashboard/workbench',
+          component: 'self',
+          meta: {
+            title: '工作台',
+            requiresAuth: true,
+            icon: 'icon-park-outline:workbench',
+            i18nTitle: 'message.routes.dashboard.workbench'
          }
        }
      ],
      meta: {
        title: '仪表盘',
        icon: 'mdi:monitor-dashboard',
-        order: 1
+        order: 1,
+        i18nTitle: 'message.routes.dashboard._value'
      }
    },
    {
@@ -1045,13 +1162,26 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
          component: 'self',
          meta: {
            title: '权限切换',
+            i18nTitle: 'message.routes.auth-demo.permission',
            requiresAuth: true,
            icon: 'ic:round-construction'
          }
+        },
+        {
+          name: 'auth-demo_super',
+          path: '/auth-demo/super',
+          component: 'self',
+          meta: {
+            title: '超级管理员可见',
+            i18nTitle: 'message.routes.auth-demo.super',
+            requiresAuth: true,
+            icon: 'ic:round-supervisor-account'
+          }
        }
      ],
      meta: {
        title: '权限示例',
+        i18nTitle: 'message.routes.auth-demo._value',
        icon: 'ic:baseline-security',
        order: 5
      }
@@ -1072,6 +1202,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              component: 'self',
              meta: {
                title: '二级菜单',
+                i18nTitle: 'message.routes.multi-menu.first.second',
                requiresAuth: true,
                icon: 'mdi:menu'
              }
@@ -1087,6 +1218,7 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
                  component: 'self',
                  meta: {
                    title: '三级菜单',
+                    i18nTitle: 'message.routes.multi-menu.first.second-new.third',
                    requiresAuth: true,
                    icon: 'mdi:menu'
                  }
@@ -1094,20 +1226,23 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
              ],
              meta: {
                title: '二级菜单(有子菜单)',
+                i18nTitle: 'message.routes.multi-menu.first.second-new._value',
                icon: 'mdi:menu'
              }
            }
          ],
          meta: {
            title: '一级菜单',
+            i18nTitle: 'message.routes.multi-menu.first._value',
            icon: 'mdi:menu'
          }
        }
      ],
      meta: {
        title: '多级菜单',
+        i18nTitle: 'message.routes.multi-menu._value',
        icon: 'carbon:menu',
-        order: 7
+        order: 8
      }
    },
    {
@@ -1116,10 +1251,12 @@ export const routeModel: Record<Auth.RoleType, AuthRoute.Route[]> = {
      component: 'self',
      meta: {
        title: '关于',
+        i18nTitle: 'message.routes.about',
        requiresAuth: true,
+        keepAlive: true,
        singleLayout: 'basic',
        icon: 'fluent:book-information-24-regular',
-        order: 8
+        order: 10
      }
    }
  ]
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "soybean-admin",
-  "version": "0.9.8",
+  "version": "0.10.2",
  "description": "A fresh and elegant admin template, based on Vue3、Vite3、TypeScript、NaiveUI and UnoCSS. 一个基于Vue3、Vite3、TypeScript、NaiveUI and UnoCSS的清新优雅的中后台模版。",
  "author": {
    "name": "Soybean",
@@ -45,84 +45,78 @@
    "preview": "vite preview",
    "typecheck": "vue-tsc --noEmit --skipLibCheck",
    "lint": "eslint . --fix",
+    "format": "soy prettier-format",
    "commit": "soy git-commit",
    "cleanup": "soy cleanup",
    "update-pkg": "soy update-pkg",
    "tsx": "tsx",
    "logo": "tsx ./scripts/logo.ts",
-    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
-    "release": "standard-version",
-    "prepare": "simple-git-hooks"
+    "update-version": "bumpp --commit --push --tag",
+    "prepare": "soy init-git-hooks"
  },
  "dependencies": {
-    "@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.10.0",
-    "axios": "0.27.2",
-    "clipboard": "^2.0.11",
-    "colord": "^2.9.3",
-    "crypto-js": "^4.1.1",
-    "dayjs": "^1.11.7",
-    "echarts": "^5.4.1",
-    "form-data": "^4.0.0",
-    "lodash-es": "^4.17.21",
-    "naive-ui": "2.34.3",
-    "pinia": "^2.0.28",
-    "print-js": "^1.6.0",
-    "qs": "^6.11.0",
-    "swiper": "^8.4.5",
-    "ua-parser-js": "^1.0.32",
-    "vditor": "^3.9.0",
-    "vue": "3.2.45",
-    "vue-i18n": "^9.2.2",
-    "vue-router": "^4.1.6",
-    "vuedraggable": "^4.1.0",
-    "wangeditor": "^4.7.15",
-    "xgplayer": "^2.32.2"
+    "@antv/data-set": "0.11.8",
+    "@antv/g2": "4.2.10",
+    "@better-scroll/core": "2.5.1",
+    "@soybeanjs/vue-materials": "0.2.0",
+    "@vueuse/core": "10.1.2",
+    "axios": "1.4.0",
+    "clipboard": "2.0.11",
+    "colord": "2.9.3",
+    "crypto-js": "4.1.1",
+    "dayjs": "1.11.7",
+    "echarts": "5.4.2",
+    "form-data": "4.0.0",
+    "lodash-es": "4.17.21",
+    "naive-ui": "2.34.4",
+    "pinia": "2.1.3",
+    "print-js": "1.6.0",
+    "qs": "6.11.2",
+    "swiper": "9.3.2",
+    "ua-parser-js": "1.0.35",
+    "vditor": "3.9.3",
+    "vue": "3.3.4",
+    "vue-i18n": "9.2.2",
+    "vue-router": "4.2.2",
+    "vuedraggable": "4.1.0",
+    "wangeditor": "4.7.15",
+    "xgplayer": "3.0.2"
  },
  "devDependencies": {
-    "@amap/amap-jsapi-types": "^0.0.10",
-    "@iconify/json": "^2.2.7",
-    "@iconify/vue": "^4.0.2",
-    "@soybeanjs/cli": "^0.1.6",
-    "@soybeanjs/vite-plugin-vue-page-route": "^0.0.5",
-    "@types/bmapgl": "^0.0.5",
-    "@types/crypto-js": "^4.1.1",
-    "@types/node": "18.11.18",
-    "@types/qs": "^6.9.7",
-    "@types/ua-parser-js": "^0.7.36",
-    "@unocss/preset-uno": "^0.48.4",
-    "@unocss/vite": "^0.48.4",
-    "@vitejs/plugin-vue": "^4.0.0",
-    "@vitejs/plugin-vue-jsx": "^3.0.0",
-    "conventional-changelog": "^3.1.25",
-    "cross-env": "^7.0.3",
-    "eslint": "^8.32.0",
-    "eslint-config-soybeanjs-vue": "^0.2.2",
-    "lint-staged": "12.5.0",
-    "mockjs": "^1.1.0",
-    "node-html-to-image": "^3.2.4",
-    "rollup-plugin-visualizer": "^5.9.0",
-    "sass": "^1.57.1",
-    "simple-git-hooks": "^2.8.1",
-    "standard-version": "^9.5.0",
-    "tsx": "^3.12.2",
-    "typescript": "4.9.4",
-    "unplugin-icons": "^0.15.1",
-    "unplugin-vue-components": "0.22.12",
-    "unplugin-vue-macros": "^1.3.3",
-    "utility-types": "^3.10.0",
-    "vite": "^4.0.4",
-    "vite-plugin-compression": "^0.5.1",
-    "vite-plugin-html": "^3.2.0",
-    "vite-plugin-mock": "^2.9.6",
-    "vite-plugin-progress": "^0.0.6",
-    "vite-plugin-pwa": "^0.14.1",
-    "vite-plugin-svg-icons": "^2.0.1",
-    "vue-tsc": "^1.0.24"
+    "@amap/amap-jsapi-types": "0.0.13",
+    "@iconify/json": "2.2.72",
+    "@iconify/vue": "4.1.1",
+    "@soybeanjs/cli": "0.4.1",
+    "@soybeanjs/vite-plugin-vue-page-route": "0.0.5",
+    "@types/bmapgl": "0.0.7",
+    "@types/crypto-js": "4.1.1",
+    "@types/node": "20.2.5",
+    "@types/qs": "6.9.7",
+    "@types/ua-parser-js": "0.7.36",
+    "@unocss/preset-uno": "0.52.7",
+    "@unocss/transformer-directives": "0.52.7",
+    "@unocss/vite": "0.52.7",
+    "@vitejs/plugin-vue": "4.2.3",
+    "@vitejs/plugin-vue-jsx": "3.0.1",
+    "bumpp": "9.1.0",
+    "cross-env": "7.0.3",
+    "eslint": "8.41.0",
+    "eslint-config-soybeanjs": "0.4.8",
+    "mockjs": "1.1.0",
+    "rollup-plugin-visualizer": "5.9.0",
+    "sass": "1.62.1",
+    "simple-git-hooks": "2.8.1",
+    "tsx": "3.12.7",
+    "typescript": "5.0.4",
+    "unplugin-icons": "0.16.1",
+    "unplugin-vue-components": "0.25.0",
+    "vite": "4.3.9",
+    "vite-plugin-compression": "0.5.1",
+    "vite-plugin-mock": "2.9.8",
+    "vite-plugin-progress": "0.0.7",
+    "vite-plugin-pwa": "0.15.2",
+    "vite-plugin-svg-icons": "2.0.1",
+    "vue-tsc": "1.6.5"
  },
  "pnpm": {
    "patchedDependencies": {
@@ -131,9 +125,6 @@
  },
  "simple-git-hooks": {
    "commit-msg": "pnpm soy git-commit-verify",
-    "pre-commit": "pnpm typecheck && pnpm lint-staged"
-  },
-  "lint-staged": {
-    "*": "eslint . --fix"
+    "pre-commit": "pnpm typecheck && pnpm soy lint-staged"
  }
 }
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/public/favicon.svg
+++ b/public/favicon.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 160 160" xmlns="http://www.w3.org/2000/svg"><path d="M81.28 55.9c-.1-11.67-2.93-22.55-9.37-32.38-1-1.5-2.14-2.86-2.5-4.71a8.1 8.1 0 014-8.61 7.89 7.89 0 019.3 1.23 35.999 35.999 0 015.9 8.83 75.18 75.18 0 018.44 28.58 83.211 83.211 0 01-5.23 36.74 102.983 102.983 0 01-3 7.28 1.2 1.2 0 000 1.41c9.58 13.3 21.76 23 37.85 27.24a54.37 54.37 0 0019.68 1.57 7.72 7.72 0 018.36 6.9 7.903 7.903 0 01-6.7 9 64.744 64.744 0 01-23-1.33 77.68 77.68 0 01-36.93-19.88 93.628 93.628 0 01-11.91-13.71 2.18 2.18 0 00-2.3-1.06 72.744 72.744 0 00-27.38 7.55c-11.6 6-20.67 14.58-26.4 26.45a10.134 10.134 0 01-3.7 4.7 8 8 0 01-9.19-.7 7.86 7.86 0 01-2.36-9.28 60.324 60.324 0 018.72-14.52c12.2-15.43 28.21-24.59 47.32-28.57A85.085 85.085 0 0173.07 87c.524.015 1-.307 1.18-.8a76.06 76.06 0 006.53-22.3c.351-2.652.518-5.325.5-8z" fill="#1890ff"/><path d="M136.26 108.34a44.742 44.742 0 01-11.13-2.87 46.108 46.108 0 01-19.66-13.76 8 8 0 015.72-13.22 7.93 7.93 0 016.54 2.93 33.27 33.27 0 0018.87 10.75c1.546.155 3.058.553 4.48 1.18a8.08 8.08 0 013.84 9.21c-.92 3.52-4.13 5.81-8.66 5.78zm-80.6-75.02a7.61 7.61 0 016.64 5 49.139 49.139 0 013.64 17 46.33 46.33 0 01-2.46 17.28c-2 5.77-8.24 7.79-12.89 4.15a8.1 8.1 0 01-2.39-9 31.679 31.679 0 001.68-12.36 35.77 35.77 0 00-2.43-11c-2.1-5.45 1.75-11.07 8.21-11.07zm22.26 93.25a8 8 0 01-6.68 7.86 32.88 32.88 0 00-19.7 12.19 8.13 8.13 0 01-11.21 1.62 8 8 0 01-1.41-11.58A51.043 51.043 0 0154 123.81a45.842 45.842 0 0114-5.1c5.35-1.04 9.91 2.56 9.92 7.86z" fill="#1890ff"/></svg>
--- a/public/logo.png
+++ b/public/logo.png
--- a/scripts/logo.ts
+++ b/scripts/logo.ts
@@ -1,17 +1,12 @@
-import { readFile } from 'fs/promises';
-import nodeHtmlToImage from 'node-html-to-image';
+import { readFile, writeFile } from 'fs/promises';
 import themeSettings from '../src/settings/theme.json';

-async function generatePngLogoFromSvg(svgPath: string, color: string) {
+async function updateFavicon(svgPath: string, color: string) {
  const svgStr = await readFile(svgPath, 'utf-8');

  const svgStrWithColor = svgStr.replace(/currentColor/g, color);

-  await nodeHtmlToImage({
-    output: './public/logo.png',
-    html: svgStrWithColor,
-    transparent: true
-  });
+  await writeFile('./public/favicon.svg', svgStrWithColor);
 }

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

--- a/src/components/business/login-agreement.vue
+++ b/src/components/business/login-agreement.vue
--- a/src/components/common/DarkModeSwitch.vue
+++ b/src/components/common/DarkModeSwitch.vue
@@ -1,42 +0,0 @@
-<template>
-  <div class="flex-center text-18px cursor-pointer" @click="handleSwitch">
-    <icon-mdi-moon-waning-crescent v-if="darkMode" />
-    <icon-mdi-white-balance-sunny v-else />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-defineOptions({ name: 'DarkModeSwitch' });
-
-interface Props {
-  /** 暗黑模式 */
-  dark?: boolean;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  dark: false
-});
-
-interface Emits {
-  (e: 'update:dark', darkMode: boolean): void;
-}
-
-const emit = defineEmits<Emits>();
-
-const darkMode = computed({
-  get() {
-    return props.dark;
-  },
-  set(newValue: boolean) {
-    emit('update:dark', newValue);
-  }
-});
-
-function handleSwitch() {
-  darkMode.value = !darkMode.value;
-}
-</script>
-
-<style scoped></style>
--- a/src/components/common/app-loading.vue
+++ b/src/components/common/app-loading.vue
@@ -17,7 +17,8 @@

 <script setup lang="ts">
 import { useAppInfo } from '@/composables';
-import { localStg } from '@/utils';
+import { localStg, getRgbOfColor } from '@/utils';
+import themeSettings from '@/settings/theme.json';

 const { title } = useAppInfo();

@@ -29,9 +30,12 @@ const lodingClasses = [
 ];

 function addThemeColorCssVars() {
-  const defaultColor = '#1890ff';
+  const defaultColor = themeSettings.themeColor;
  const themeColor = localStg.get('themeColor') || defaultColor;
-  const cssVars = `--primary-color: ${themeColor}`;
+
+  const { r, g, b } = getRgbOfColor(themeColor);
+
+  const cssVars = `--primary-color: ${r},${g},${b}`;
  document.documentElement.style.cssText = cssVars;
 }

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

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

--- a/src/components/common/naive-provider.vue
+++ b/src/components/common/naive-provider.vue
--- a/src/components/common/system-logo.vue
+++ b/src/components/common/system-logo.vue
--- a/src/components/custom/better-scroll.vue
+++ b/src/components/custom/better-scroll.vue
--- a/src/components/custom/count-to.vue
+++ b/src/components/custom/count-to.vue
--- a/src/components/custom/github-link.vue
+++ b/src/components/custom/github-link.vue
@@ -3,7 +3,7 @@
 </template>

 <script setup lang="ts">
-import WebSiteLink from './WebSiteLink.vue';
+import WebSiteLink from './web-site-link.vue';

 defineOptions({ name: 'GithubLink' });

--- a/src/components/custom/icon-select.vue
+++ b/src/components/custom/icon-select.vue
@@ -11,14 +11,13 @@
      <n-input v-model:value="searchValue" placeholder="搜索图标"></n-input>
    </template>
    <div v-if="iconsList.length > 0" class="grid grid-cols-9 h-auto overflow-auto">
-      <template v-for="iconItem in iconsList" :key="iconItem">
+      <span v-for="iconItem in iconsList" :key="iconItem" @click="handleChange(iconItem)">
        <svg-icon
          :icon="iconItem"
-          class="border-1px border-[#d9d9d9] text-30px m-2px p-5px"
+          class="border-1px border-#d9d9d9 text-30px m-2px p-5px cursor-pointer"
          :class="{ 'border-primary': modelValue === iconItem }"
-          @click="handleChange(iconItem)"
        />
-      </template>
+      </span>
    </div>
    <n-empty v-else class="w-306px" description="你什么也找不到" />
  </n-popover>
--- a/src/components/custom/image-verify.vue
+++ b/src/components/custom/image-verify.vue
--- a/src/components/custom/svg-icon.vue
+++ b/src/components/custom/svg-icon.vue
--- a/src/components/custom/web-site-link.vue
+++ b/src/components/custom/web-site-link.vue
--- a/src/composables/events.ts
+++ b/src/composables/events.ts
@@ -1,14 +1,34 @@
+import { effectScope, onScopeDispose, watch } from 'vue';
+import { useRoute } from 'vue-router';
 import { useEventListener } from '@vueuse/core';
+import { useI18n } from 'vue-i18n';
 import { useTabStore, useThemeStore } from '@/store';

 /** 全局事件 */
 export function useGlobalEvents() {
  const theme = useThemeStore();
  const tab = useTabStore();
+  const route = useRoute();
+  const { locale, t } = useI18n();
+  const scope = effectScope();

  /** 页面离开时缓存多页签数据 */
  useEventListener(window, 'beforeunload', () => {
    theme.cacheThemeSettings();
    tab.cacheTabRoutes();
  });
+
+  scope.run(() => {
+    // 国际化切换时更新浏览器标签文本
+    watch(
+      () => locale.value,
+      () => {
+        document.title = route.meta.i18nTitle ? t(route.meta.i18nTitle) : route.meta.title;
+      }
+    );
+  });
+
+  onScopeDispose(() => {
+    scope.stop();
+  });
 }
--- a/src/composables/icon.ts
+++ b/src/composables/icon.ts
@@ -1,5 +1,5 @@
 import { h } from 'vue';
-import SvgIcon from '@/components/custom/SvgIcon.vue';
+import SvgIcon from '~/src/components/custom/svg-icon.vue';

 /**
 * 图标渲染
--- a/src/composables/layout.ts
+++ b/src/composables/layout.ts
@@ -1,9 +1,9 @@
-import { computed } from 'vue';
+import { computed, watch } from 'vue';
 import { breakpointsTailwind, useBreakpoints } from '@vueuse/core';
 import { useAppStore, useThemeStore } from '@/store';

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

 export function useBasicLayout() {
  const app = useAppStore();
@@ -63,6 +63,16 @@ export function useBasicLayout() {
    return w;
  });

+  watch(
+    isMobile,
+    newValue => {
+      if (newValue) {
+        app.setSiderCollapse(true);
+      }
+    },
+    { immediate: true }
+  );
+
  return {
    mode,
    isMobile,
--- a/src/composables/router.ts
+++ b/src/composables/router.ts
@@ -19,9 +19,9 @@ export function useRouterPush(inSetup = true) {
    if (newTab) {
      const routerData = router.resolve(to);
      window.open(routerData.href, '_blank');
-    } else {
-      router.push(to);
+      return Promise.resolve();
    }
+    return router.push(to);
  }

  /** 返回上一级路由 */
@@ -42,8 +42,8 @@ export function useRouterPush(inSetup = true) {
   * @param loginModule - 展示的登录模块
   * @param redirectUrl - 重定向地址(登录成功后跳转的地址),默认undefined表示取当前地址为重定向地址
   */
-  function toLogin(loginModule?: EnumType.LoginModuleKey, redirectUrl?: string) {
-    const module: EnumType.LoginModuleKey = loginModule || 'pwd-login';
+  function toLogin(loginModule?: UnionKey.LoginModule, redirectUrl?: string) {
+    const module: UnionKey.LoginModule = loginModule || 'pwd-login';
    const routeLocation: RouteLocationRaw = {
      name: routeName('login'),
      params: { module }
@@ -57,7 +57,7 @@ export function useRouterPush(inSetup = true) {
   * 登录页切换其他模块
   * @param module - 切换后的登录模块
   */
-  function toLoginModule(module: EnumType.LoginModuleKey) {
+  function toLoginModule(module: UnionKey.LoginModule) {
    const { query } = route.value;
    routerPush({ name: routeName('login'), params: { module }, query });
  }
--- a/src/constants/business.ts
+++ b/src/constants/business.ts
@@ -1,10 +1,30 @@
+export const loginModuleLabels: Record<UnionKey.LoginModule, string> = {
+  'pwd-login': '账密登录',
+  'code-login': '手机验证码登录',
+  register: '注册',
+  'reset-pwd': '重置密码',
+  'bind-wechat': '微信绑定'
+};
+
+export const userRoleLabels: Record<Auth.RoleType, string> = {
+  super: '超级管理员',
+  admin: '管理员',
+  user: '普通用户'
+};
+
+export const userRoleOptions: Common.OptionWithKey<Auth.RoleType>[] = [
+  { value: 'super', label: userRoleLabels.super },
+  { value: 'admin', label: userRoleLabels.admin },
+  { value: 'user', label: userRoleLabels.user }
+];
+
 /** 用户性别 */
 export const genderLabels: Record<UserManagement.GenderKey, string> = {
  0: '女',
  1: '男'
 };

-export const genderOptions: { value: UserManagement.GenderKey; label: string }[] = [
+export const genderOptions: Common.OptionWithKey<UserManagement.GenderKey>[] = [
  { value: '0', label: genderLabels['0'] },
  { value: '1', label: genderLabels['1'] }
 ];
@@ -17,7 +37,7 @@ export const userStatusLabels: Record<UserManagement.UserStatusKey, string> = {
  4: '软删除'
 };

-export const userStatusOptions: { value: UserManagement.UserStatusKey; label: string }[] = [
+export const userStatusOptions: Common.OptionWithKey<UserManagement.UserStatusKey>[] = [
  { value: '1', label: userStatusLabels['1'] },
  { value: '2', label: userStatusLabels['2'] },
  { value: '3', label: userStatusLabels['3'] },
--- a/src/constants/common.ts
+++ b/src/constants/common.ts
@@ -0,0 +1,18 @@
+export const dataTypeLabels: { [K in TypeUtil.DataTypeStringKey]: TypeUtil.DataTypeString<K> } = {
+  string: '[object String]',
+  number: '[object Number]',
+  boolean: '[object Boolean]',
+  null: '[object Null]',
+  undefined: '[object Undefined]',
+  symbol: '[object Symbol]',
+  bigInt: '[object BigInt]',
+  object: '[object Object]',
+  function: '[object Function]',
+  array: '[object Array]',
+  date: '[object Date]',
+  regExp: '[object RegExp]',
+  promise: '[object Promise]',
+  set: '[object Set]',
+  map: '[object Map]',
+  file: '[object File]'
+};
--- a/src/constants/index.ts
+++ b/src/constants/index.ts
@@ -1 +1,3 @@
+export * from './common';
+export * from './system';
 export * from './business';
--- a/src/constants/system.ts
+++ b/src/constants/system.ts
@@ -0,0 +1,114 @@
+export const themeLayoutModeLabels: Record<UnionKey.ThemeLayoutMode, string> = {
+  vertical: '左侧菜单模式',
+  horizontal: '顶部菜单模式',
+  'vertical-mix': '左侧菜单混合模式',
+  'horizontal-mix': '顶部菜单混合模式'
+};
+
+export const themeLayoutModeOptions: Common.OptionWithKey<UnionKey.ThemeLayoutMode>[] = [
+  {
+    value: 'vertical',
+    label: themeLayoutModeLabels.vertical
+  },
+  {
+    value: 'horizontal',
+    label: themeLayoutModeLabels.horizontal
+  },
+  {
+    value: 'vertical-mix',
+    label: themeLayoutModeLabels['vertical-mix']
+  },
+  {
+    value: 'horizontal-mix',
+    label: themeLayoutModeLabels['horizontal-mix']
+  }
+];
+
+export const themeScrollModeLabels: Record<UnionKey.ThemeScrollMode, string> = {
+  wrapper: '外层滚动',
+  content: '主体滚动'
+};
+
+export const themeScrollModeOptions: Common.OptionWithKey<UnionKey.ThemeScrollMode>[] = [
+  {
+    value: 'wrapper',
+    label: themeScrollModeLabels.wrapper
+  },
+  {
+    value: 'content',
+    label: themeScrollModeLabels.content
+  }
+];
+
+export const themeTabModeLabels: Record<UnionKey.ThemeTabMode, string> = {
+  chrome: '谷歌风格',
+  button: '按钮风格'
+};
+
+export const themeTabModeOptions: Common.OptionWithKey<UnionKey.ThemeTabMode>[] = [
+  {
+    value: 'chrome',
+    label: themeTabModeLabels.chrome
+  },
+  {
+    value: 'button',
+    label: themeTabModeLabels.button
+  }
+];
+
+export const themeHorizontalMenuPositionLabels: Record<UnionKey.ThemeHorizontalMenuPosition, string> = {
+  'flex-start': '居左',
+  center: '居中',
+  'flex-end': '居右'
+};
+
+export const themeHorizontalMenuPositionOptions: Common.OptionWithKey<UnionKey.ThemeHorizontalMenuPosition>[] = [
+  {
+    value: 'flex-start',
+    label: themeHorizontalMenuPositionLabels['flex-start']
+  },
+  {
+    value: 'center',
+    label: themeHorizontalMenuPositionLabels.center
+  },
+  {
+    value: 'flex-end',
+    label: themeHorizontalMenuPositionLabels['flex-end']
+  }
+];
+
+export const themeAnimateModeLabels: Record<UnionKey.ThemeAnimateMode, string> = {
+  'zoom-fade': '渐变',
+  'zoom-out': '闪现',
+  'fade-slide': '滑动',
+  fade: '消退',
+  'fade-bottom': '底部消退',
+  'fade-scale': '缩放消退'
+};
+
+export const themeAnimateModeOptions: Common.OptionWithKey<UnionKey.ThemeAnimateMode>[] = [
+  {
+    value: 'zoom-fade',
+    label: themeAnimateModeLabels['zoom-fade']
+  },
+  {
+    value: 'zoom-out',
+    label: themeAnimateModeLabels['zoom-out']
+  },
+  {
+    value: 'fade-slide',
+    label: themeAnimateModeLabels['fade-slide']
+  },
+  {
+    value: 'fade',
+    label: themeAnimateModeLabels.fade
+  },
+  {
+    value: 'fade-bottom',
+    label: themeAnimateModeLabels['fade-bottom']
+  },
+  {
+    value: 'fade-scale',
+    label: themeAnimateModeLabels['fade-scale']
+  }
+];
--- a/src/enum/business.ts
+++ b/src/enum/business.ts
@@ -1,15 +0,0 @@
-/** 用户角色 */
-export enum EnumUserRole {
-  super = '超级管理员',
-  admin = '管理员',
-  user = '普通用户'
-}
-
-/** 登录模块 */
-export enum EnumLoginModule {
-  'pwd-login' = '账密登录',
-  'code-login' = '手机验证码登录',
-  'register' = '注册',
-  'reset-pwd' = '重置密码',
-  'bind-wechat' = '微信绑定'
-}
--- a/src/enum/common.ts
+++ b/src/enum/common.ts
@@ -1,24 +0,0 @@
-/** http请求头的content-type类型 */
-export enum EnumContentType {
-  json = 'application/json',
-  formUrlencoded = 'application/x-www-form-urlencoded',
-  formData = 'multipart/form-data'
-}
-
-/** 数据类型 */
-export enum EnumDataType {
-  number = '[object Number]',
-  string = '[object String]',
-  boolean = '[object Boolean]',
-  null = '[object Null]',
-  undefined = '[object Undefined]',
-  object = '[object Object]',
-  array = '[object Array]',
-  function = '[object Function]',
-  date = '[object Date]',
-  regexp = '[object RegExp]',
-  promise = '[object Promise]',
-  set = '[object Set]',
-  map = '[object Map]',
-  file = '[object File]'
-}
--- a/src/enum/index.ts
+++ b/src/enum/index.ts
@@ -1,3 +0,0 @@
-export * from './common';
-export * from './system';
-export * from './business';
--- a/src/enum/system.ts
+++ b/src/enum/system.ts
@@ -1,36 +0,0 @@
-/** 布局组件的名称 */
-export enum EnumLayoutComponentName {
-  basic = 'basic-layout',
-  blank = 'blank-layout'
-}
-
-/** 布局模式 */
-export enum EnumThemeLayoutMode {
-  'vertical' = '左侧菜单模式',
-  'horizontal' = '顶部菜单模式',
-  'vertical-mix' = '左侧菜单混合模式',
-  'horizontal-mix' = '顶部菜单混合模式'
-}
-
-/** 多页签风格 */
-export enum EnumThemeTabMode {
-  'chrome' = '谷歌风格',
-  'button' = '按钮风格'
-}
-
-/** 水平模式的菜单位置 */
-export enum EnumThemeHorizontalMenuPosition {
-  'flex-start' = '居左',
-  'center' = '居中',
-  'flex-end' = '居右'
-}
-
-/** 过渡动画类型 */
-export enum EnumThemeAnimateMode {
-  'zoom-fade' = '渐变',
-  'zoom-out' = '闪现',
-  'fade-slide' = '滑动',
-  'fade' = '消退',
-  'fade-bottom' = '底部消退',
-  'fade-scale' = '缩放消退'
-}
--- a/src/hooks/business/index.ts
+++ b/src/hooks/business/index.ts
@@ -1,5 +1,5 @@
-import useCountDown from './useCountDown';
-import useSmsCode from './useSmsCode';
-import useImageVerify from './useImageVerify';
+import useCountDown from './use-count-down';
+import useSmsCode from './use-sms-code';
+import useImageVerify from './use-image-verify';

 export { useCountDown, useSmsCode, useImageVerify };
--- a/src/hooks/business/use-count-down.ts
+++ b/src/hooks/business/use-count-down.ts
--- a/src/hooks/business/use-image-verify.ts
+++ b/src/hooks/business/use-image-verify.ts
--- a/src/hooks/business/use-sms-code.ts
+++ b/src/hooks/business/use-sms-code.ts
@@ -2,7 +2,7 @@ import { computed } from 'vue';
 import { REGEXP_PHONE } from '@/config';
 import { fetchSmsCode } from '@/service';
 import { useLoading } from '../common';
-import useCountDown from './useCountDown';
+import useCountDown from './use-count-down';

 export default function useSmsCode() {
  const { loading, startLoading, endLoading } = useLoading();
--- a/src/hooks/business/use-table.ts
+++ b/src/hooks/business/use-table.ts
@@ -0,0 +1,151 @@
+import { ref, reactive } from 'vue';
+import type { Ref } from 'vue';
+import type { DataTableBaseColumn, DataTableSelectionColumn, DataTableExpandColumn, PaginationProps } from 'naive-ui';
+import type { TableColumnGroup, InternalRowData } from 'naive-ui/es/data-table/src/interface';
+import { useLoadingEmpty } from '../common';
+
+/**
+ * 表格分页参数
+ */
+type PaginationParams = Pick<PaginationProps, 'page' | 'pageSize'>;
+
+/**
+ * 表格请求接口的参数
+ */
+type ApiParams = Record<string, unknown> & PaginationParams;
+
+/**
+ * 表格请求接口的结果
+ * @description 这里用属性list来表示后端接口返回的表格数据
+ */
+type ApiData<TableData = Record<string, unknown>> = Record<string, unknown> & { list: TableData[] };
+
+/**
+ * 表格接口的请求函数
+ */
+type ApiFn<Params = ApiParams, TableData = Record<string, unknown>> = (
+  params: Params
+) => Promise<Service.RequestResult<ApiData<TableData>>>;
+
+/**
+ * 表格接口请求后转换后的数据
+ */
+type TransformedTableData<TableData = Record<string, unknown>> = {
+  data: TableData[];
+  pageNum: number;
+  pageSize: number;
+  total: number;
+};
+
+/**
+ * 表格的列
+ */
+type DataTableColumn<T = InternalRowData> =
+  | (Omit<TableColumnGroup<T>, 'key'> & { key: keyof T })
+  | (Omit<DataTableBaseColumn<T>, 'key'> & { key: keyof T })
+  | DataTableSelectionColumn<T>
+  | DataTableExpandColumn<T>;
+
+/**
+ * 表格数据转换器
+ * @description 将不同接口的表格数据转换成统一的类型
+ */
+type Transformer<TableData = Record<string, unknown>> = (
+  apiData: ApiData<TableData>
+) => TransformedTableData<TableData>;
+
+type TableParams<TableData = Record<string, unknown>, Params = ApiParams> = {
+  apiFn: ApiFn<Params, TableData>;
+  apiParams: Params;
+  transformer: Transformer<TableData>;
+  columns: DataTableColumn<TableData>[];
+  pagination?: PaginationProps;
+};
+
+export function useTable<TableData extends Record<string, unknown>, Params extends ApiParams>(
+  params: TableParams<TableData, Params>,
+  immediate = true
+) {
+  const { loading, startLoading, endLoading, empty, setEmpty } = useLoadingEmpty();
+  const data: Ref<TableData[]> = ref([]);
+
+  function updateData(update: TableData[]) {
+    data.value = update;
+  }
+
+  let dataSource: TableData[] = [];
+  function setDataSource(source: TableData[]) {
+    dataSource = source;
+  }
+
+  function resetData() {
+    data.value = dataSource;
+  }
+
+  const columns = ref(params.columns) as Ref<DataTableColumn<TableData>[]>;
+
+  const pagination = reactive({
+    ...getPagination(params.pagination),
+    onChange: (page: number) => {
+      pagination.page = page;
+    },
+    onUpdatePageSize: (pageSize: number) => {
+      pagination.pageSize = pageSize;
+      pagination.page = 1;
+    }
+  }) as PaginationProps;
+
+  function updatePagination(update: Partial<PaginationProps>) {
+    Object.assign(pagination, update);
+  }
+
+  async function getData() {
+    const apiParams: Params = { ...params.apiParams };
+    apiParams.page = apiParams.page || pagination.page;
+    apiParams.pageSize = apiParams.pageSize || pagination.pageSize;
+
+    startLoading();
+    const { data: apiData } = await params.apiFn(apiParams);
+
+    if (apiData) {
+      const transformedData = params.transformer(apiData);
+
+      updateData(transformedData.data);
+
+      setDataSource(transformedData.data);
+
+      setEmpty(transformedData.data.length === 0);
+
+      updatePagination({ page: transformedData.pageNum, pageSize: transformedData.pageSize });
+    }
+
+    endLoading();
+  }
+
+  if (immediate) {
+    getData();
+  }
+
+  return {
+    data,
+    columns,
+    loading,
+    empty,
+    pagination,
+    getData,
+    updateData,
+    resetData
+  };
+}
+
+function getPagination(pagination?: Partial<PaginationProps>) {
+  const defaultPagination: Partial<PaginationProps> = {
+    page: 1,
+    pageSize: 10,
+    showSizePicker: true,
+    pageSizes: [10, 15, 20, 25, 30]
+  };
+  Object.assign(defaultPagination, pagination);
+
+  return defaultPagination;
+}
--- a/src/hooks/business/useTable.ts
+++ b/src/hooks/business/useTable.ts
@@ -1 +0,0 @@
-export function useTable() {}
--- a/src/hooks/common/index.ts
+++ b/src/hooks/common/index.ts
@@ -1,7 +1,7 @@
-import useContext from './useContext';
-import useBoolean from './useBoolean';
-import useLoading from './useLoading';
-import useLoadingEmpty from './useLoadingEmpty';
-import useReload from './useReload';
+import useContext from './use-context';
+import useBoolean from './use-boolean';
+import useLoading from './use-loading';
+import useLoadingEmpty from './use-loading-empty';
+import useReload from './use-reload';

 export { useContext, useBoolean, useLoading, useLoadingEmpty, useReload };
--- a/src/hooks/common/use-boolean.ts
+++ b/src/hooks/common/use-boolean.ts
--- a/src/hooks/common/use-context.ts
+++ b/src/hooks/common/use-context.ts
--- a/src/hooks/common/use-loading-empty.ts
+++ b/src/hooks/common/use-loading-empty.ts
@@ -1,4 +1,4 @@
-import useBoolean from './useBoolean';
+import useBoolean from './use-boolean';

 export default function useLoadingEmpty(initLoading = false, initEmpty = false) {
  const { bool: loading, setTrue: startLoading, setFalse: endLoading } = useBoolean(initLoading);
--- a/src/hooks/common/use-loading.ts
+++ b/src/hooks/common/use-loading.ts
@@ -1,4 +1,4 @@
-import useBoolean from './useBoolean';
+import useBoolean from './use-boolean';

 export default function useLoading(initValue = false) {
  const { bool: loading, setTrue: startLoading, setFalse: endLoading } = useBoolean(initValue);
--- a/src/hooks/common/use-reload.ts
+++ b/src/hooks/common/use-reload.ts
@@ -1,5 +1,5 @@
 import { nextTick } from 'vue';
-import useBoolean from './useBoolean';
+import useBoolean from './use-boolean';

 /** 重载 */
 export default function useReload() {
--- a/src/layouts/basic-layout/index.vue
+++ b/src/layouts/basic-layout/index.vue
@@ -2,17 +2,22 @@
  <admin-layout
    :mode="mode"
    :is-mobile="isMobile"
-    :fixed-header-and-tab="theme.fixedHeaderAndTab"
+    :scroll-mode="theme.scrollMode"
+    :scroll-el-id="app.scrollElId"
+    :full-content="app.contentFull"
+    :fixed-top="theme.fixedHeaderAndTab"
    :header-height="theme.header.height"
    :tab-visible="theme.tab.visible"
    :tab-height="theme.tab.height"
+    :content-class="app.disableMainXScroll ? 'overflow-x-hidden' : ''"
    :sider-visible="siderVisible"
+    :sider-collapse="app.siderCollapse"
    :sider-width="siderWidth"
    :sider-collapsed-width="siderCollapsedWidth"
-    :sider-collapse="app.siderCollapse"
-    :fixed-footer="theme.footer.fixed"
    :footer-visible="theme.footer.visible"
-    @update:sider-collapse="app.setSiderCollapse"
+    :fixed-footer="theme.footer.fixed"
+    :right-footer="theme.footer.right"
+    @click-mobile-sider-mask="app.setSiderCollapse(true)"
  >
    <template #header>
      <global-header v-bind="headerProps" />
@@ -28,23 +33,15 @@
      <global-footer />
    </template>
  </admin-layout>
-  <global-back-top />
+  <n-back-top :key="theme.scrollMode" :listen-to="`#${app.scrollElId}`" class="z-100" />
  <setting-drawer />
 </template>

 <script setup lang="ts">
-import AdminLayout from '@soybeanjs/vue-admin-layout';
+import { AdminLayout } from '@soybeanjs/vue-materials';
 import { useAppStore, useThemeStore } from '@/store';
 import { useBasicLayout } from '@/composables';
-import {
-  GlobalBackTop,
-  GlobalContent,
-  GlobalFooter,
-  GlobalHeader,
-  GlobalSider,
-  GlobalTab,
-  SettingDrawer
-} from '../common';
+import { GlobalContent, GlobalFooter, GlobalHeader, GlobalSider, GlobalTab, SettingDrawer } from '../common';

 defineOptions({ name: 'BasicLayout' });

@@ -54,4 +51,12 @@ const theme = useThemeStore();
 const { mode, isMobile, headerProps, siderVisible, siderWidth, siderCollapsedWidth } = useBasicLayout();
 </script>

-<style scoped></style>
+<style lang="scss">
+#__SCROLL_EL_ID__ {
+  @include scrollbar(8px, #e1e1e1);
+}
+
+.dark #__SCROLL_EL_ID__ {
+  @include scrollbar(8px, #555);
+}
+</style>
--- a/src/layouts/blank-layout/index.vue
+++ b/src/layouts/blank-layout/index.vue
--- a/src/layouts/common/GlobalBackTop/index.vue
+++ b/src/layouts/common/GlobalBackTop/index.vue
@@ -1,15 +0,0 @@
-<template>
-  <n-back-top :show="show" class="z-1000" />
-</template>
-
-<script lang="ts" setup>
-import { computed } from 'vue';
-import { useWindowScroll } from '@vueuse/core';
-
-defineOptions({ name: 'GlobalBackTop' });
-
-const { y: scrollY } = useWindowScroll();
-
-const show = computed(() => scrollY.value > 180);
-</script>
-<style scoped></style>
--- a/src/layouts/common/GlobalContent/index.vue
+++ b/src/layouts/common/GlobalContent/index.vue
@@ -1,35 +0,0 @@
-<template>
-  <div
-    :class="{ 'p-16px': showPadding }"
-    class="h-full bg-[#f6f9f8] dark:bg-[#101014] transition duration-300 ease-in-out"
-  >
-    <router-view v-slot="{ Component, route }">
-      <transition :name="theme.pageAnimateMode" mode="out-in" :appear="true">
-        <keep-alive :include="routeStore.cacheRoutes">
-          <component :is="Component" v-if="app.reloadFlag" :key="route.fullPath" />
-        </keep-alive>
-      </transition>
-    </router-view>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { useAppStore, useRouteStore, useThemeStore } from '@/store';
-
-defineOptions({ name: 'GlobalContent' });
-
-interface Props {
-  /** 显示padding */
-  showPadding?: boolean;
-}
-
-withDefaults(defineProps<Props>(), {
-  showPadding: true
-});
-
-const app = useAppStore();
-const theme = useThemeStore();
-const routeStore = useRouteStore();
-</script>
-
-<style scoped></style>
--- a/src/layouts/common/GlobalHeader/components/index.ts
+++ b/src/layouts/common/GlobalHeader/components/index.ts
@@ -1,21 +0,0 @@
-import MenuCollapse from './MenuCollapse.vue';
-import GlobalBreadcrumb from './GlobalBreadcrumb.vue';
-import HeaderMenu from './HeaderMenu.vue';
-import GithubSite from './GithubSite.vue';
-import FullScreen from './FullScreen.vue';
-import ThemeMode from './ThemeMode.vue';
-import UserAvatar from './UserAvatar.vue';
-import SystemMessage from './SystemMessage.vue';
-import SettingButton from './SettingButton.vue';
-
-export {
-  MenuCollapse,
-  GlobalBreadcrumb,
-  HeaderMenu,
-  GithubSite,
-  FullScreen,
-  ThemeMode,
-  UserAvatar,
-  SystemMessage,
-  SettingButton
-};
--- a/src/layouts/common/GlobalSearch/components/index.ts
+++ b/src/layouts/common/GlobalSearch/components/index.ts
@@ -1,3 +0,0 @@
-import SearchModal from './SearchModal.vue';
-
-export { SearchModal };
--- a/src/layouts/common/GlobalSider/components/VerticalMixSider/components/index.ts
+++ b/src/layouts/common/GlobalSider/components/VerticalMixSider/components/index.ts
@@ -1,5 +0,0 @@
-import MixMenuDetail from './MixMenuDetail.vue';
-import MixMenuDrawer from './MixMenuDrawer.vue';
-import MixMenuCollapse from './MixMenuCollapse.vue';
-
-export { MixMenuDetail, MixMenuDrawer, MixMenuCollapse };
--- a/src/layouts/common/GlobalSider/components/VerticalSider/components/index.ts
+++ b/src/layouts/common/GlobalSider/components/VerticalSider/components/index.ts
@@ -1,3 +0,0 @@
-import VerticalMenu from './VerticalMenu.vue';
-
-export { VerticalMenu };
--- a/src/layouts/common/GlobalSider/components/index.ts
+++ b/src/layouts/common/GlobalSider/components/index.ts
@@ -1,4 +0,0 @@
-import VerticalSider from './VerticalSider/index.vue';
-import VerticalMixSider from './VerticalMixSider/index.vue';
-
-export { VerticalSider, VerticalMixSider };
--- a/src/layouts/common/GlobalTab/components/TabDetail/components/index.ts
+++ b/src/layouts/common/GlobalTab/components/TabDetail/components/index.ts
@@ -1,3 +0,0 @@
-import ContextMenu from './ContextMenu.vue';
-
-export { ContextMenu };
--- a/src/layouts/common/GlobalTab/components/index.ts
+++ b/src/layouts/common/GlobalTab/components/index.ts
@@ -1,4 +0,0 @@
-import TabDetail from './TabDetail/index.vue';
-import ReloadButton from './ReloadButton/index.vue';
-
-export { TabDetail, ReloadButton };
--- a/src/layouts/common/SettingDrawer/components/LayoutMode/components/index.ts
+++ b/src/layouts/common/SettingDrawer/components/LayoutMode/components/index.ts
@@ -1,3 +0,0 @@
-import LayoutCheckbox from './LayoutCheckbox.vue';
-
-export { LayoutCheckbox };
--- a/src/layouts/common/SettingDrawer/components/LayoutMode/index.vue
+++ b/src/layouts/common/SettingDrawer/components/LayoutMode/index.vue
@@ -1,24 +0,0 @@
-<template>
-  <n-divider title-placement="center">布局模式</n-divider>
-  <n-space justify="space-between">
-    <layout-checkbox
-      v-for="item in theme.layout.modeList"
-      :key="item.value"
-      :mode="item.value"
-      :label="item.label"
-      :checked="item.value === theme.layout.mode"
-      @click="theme.setLayoutMode(item.value)"
-    />
-  </n-space>
-</template>
-
-<script setup lang="ts">
-import { useThemeStore } from '@/store';
-import { LayoutCheckbox } from './components';
-
-defineOptions({ name: 'LayoutMode' });
-
-const theme = useThemeStore();
-</script>
-
-<style scoped></style>
--- a/src/layouts/common/SettingDrawer/components/ThemeColorSelect/components/index.ts
+++ b/src/layouts/common/SettingDrawer/components/ThemeColorSelect/components/index.ts
@@ -1,4 +0,0 @@
-import ColorCheckbox from './ColorCheckbox.vue';
-import ColorModal from './ColorModal.vue';
-
-export { ColorCheckbox, ColorModal };
--- a/src/layouts/common/SettingDrawer/components/index.ts
+++ b/src/layouts/common/SettingDrawer/components/index.ts
@@ -1,9 +0,0 @@
-import DrawerButton from './DrawerButton/index.vue';
-import DarkMode from './DarkMode/index.vue';
-import LayoutMode from './LayoutMode/index.vue';
-import ThemeColorSelect from './ThemeColorSelect/index.vue';
-import PageFunc from './PageFunc/index.vue';
-import PageView from './PageView/index.vue';
-import ThemeConfig from './ThemeConfig/index.vue';
-
-export { DrawerButton, DarkMode, LayoutMode, ThemeColorSelect, PageFunc, PageView, ThemeConfig };
--- a/src/layouts/common/global-content/index.vue
+++ b/src/layouts/common/global-content/index.vue
@@ -0,0 +1,42 @@
+<template>
+  <router-view v-slot="{ Component, route }">
+    <transition
+      :name="theme.pageAnimateMode"
+      mode="out-in"
+      :appear="true"
+      @before-leave="app.setDisableMainXScroll(true)"
+      @after-enter="app.setDisableMainXScroll(false)"
+    >
+      <keep-alive :include="routeStore.cacheRoutes">
+        <component
+          :is="Component"
+          v-if="app.reloadFlag"
+          :key="route.fullPath"
+          :class="{ 'p-16px': showPadding }"
+          class="flex-grow bg-#f6f9f8 dark:bg-#101014 transition duration-300 ease-in-out"
+        />
+      </keep-alive>
+    </transition>
+  </router-view>
+</template>
+
+<script setup lang="ts">
+import { useAppStore, useRouteStore, useThemeStore } from '@/store';
+
+defineOptions({ name: 'GlobalContent' });
+
+interface Props {
+  /** 显示padding */
+  showPadding?: boolean;
+}
+
+withDefaults(defineProps<Props>(), {
+  showPadding: true
+});
+
+const app = useAppStore();
+const theme = useThemeStore();
+const routeStore = useRouteStore();
+</script>
+
+<style scoped></style>
--- a/src/layouts/common/global-footer/index.vue
+++ b/src/layouts/common/global-footer/index.vue
@@ -1,11 +1,15 @@
 <template>
-  <dark-mode-container class="flex-center h-full">
+  <dark-mode-container class="flex-center h-full" :inverted="theme.footer.inverted">
    <span>Copyright ©2021 Soybean Admin</span>
  </dark-mode-container>
 </template>

 <script setup lang="ts">
+import { useThemeStore } from '@/store';
+
 defineOptions({ name: 'GlobalFooter' });
+
+const theme = useThemeStore();
 </script>

 <style scoped></style>
--- a/src/layouts/common/global-header/components/full-screen.vue
+++ b/src/layouts/common/global-header/components/full-screen.vue
--- a/src/layouts/common/global-header/components/github-site.vue
+++ b/src/layouts/common/global-header/components/github-site.vue
--- a/src/layouts/common/global-header/components/global-breadcrumb.vue
+++ b/src/layouts/common/global-header/components/global-breadcrumb.vue
@@ -2,7 +2,7 @@
  <n-breadcrumb class="px-12px">
    <template v-for="breadcrumb in breadcrumbs" :key="breadcrumb.key">
      <n-breadcrumb-item>
-        <n-dropdown v-if="breadcrumb.hasChildren" :options="breadcrumb.children" @select="dropdownSelect">
+        <n-dropdown v-if="breadcrumb.hasChildren" :options="breadcrumb.options" @select="dropdownSelect">
          <span>
            <component
              :is="breadcrumb.icon"
@@ -19,7 +19,9 @@
            class="inline-block align-text-bottom mr-4px text-16px"
            :class="{ 'text-#BBBBBB': theme.header.inverted }"
          />
-          <span :class="{ 'text-#BBBBBB': theme.header.inverted }">{{ breadcrumb.label }}</span>
+          <span :class="{ 'text-#BBBBBB': theme.header.inverted }">
+            {{ breadcrumb.label }}
+          </span>
        </template>
      </n-breadcrumb-item>
    </template>
@@ -33,6 +35,7 @@ import { routePath } from '@/router';
 import { useRouteStore, useThemeStore } from '@/store';
 import { useRouterPush } from '@/composables';
 import { getBreadcrumbByRouteKey } from '@/utils';
+import { t } from '@/locales';

 defineOptions({ name: 'GlobalBreadcrumb' });

@@ -42,7 +45,13 @@ const routeStore = useRouteStore();
 const { routerPush } = useRouterPush();

 const breadcrumbs = computed(() =>
-  getBreadcrumbByRouteKey(route.name as string, routeStore.menus as App.GlobalMenuOption[], routePath('root'))
+  getBreadcrumbByRouteKey(route.name as string, routeStore.menus as App.GlobalMenuOption[], routePath('root')).map(
+    item => ({
+      ...item,
+      label: item.i18nTitle ? t(item.i18nTitle) : item.label,
+      options: item.options?.map(oItem => ({ ...oItem, label: oItem.i18nTitle ? t(oItem.i18nTitle) : oItem.label }))
+    })
+  )
 );

 function dropdownSelect(key: string) {
--- a/src/layouts/common/global-header/components/header-menu.vue
+++ b/src/layouts/common/global-header/components/header-menu.vue
@@ -20,6 +20,7 @@ import { useRoute } from 'vue-router';
 import type { MenuOption } from 'naive-ui';
 import { useRouteStore, useThemeStore } from '@/store';
 import { useRouterPush } from '@/composables';
+import { translateMenuLabel } from '@/utils';

 defineOptions({ name: 'HeaderMenu' });

@@ -28,7 +29,7 @@ const routeStore = useRouteStore();
 const theme = useThemeStore();
 const { routerPush } = useRouterPush();

-const menus = computed(() => routeStore.menus as App.GlobalMenuOption[]);
+const menus = computed(() => translateMenuLabel(routeStore.menus as App.GlobalMenuOption[]));
 const activeKey = computed(() => (route.meta?.activeMenu ? route.meta.activeMenu : route.name) as string);

 function handleUpdateMenu(_key: string, item: MenuOption) {
--- a/src/layouts/common/global-header/components/index.ts
+++ b/src/layouts/common/global-header/components/index.ts
@@ -0,0 +1,23 @@
+import MenuCollapse from './menu-collapse.vue';
+import GlobalBreadcrumb from './global-breadcrumb.vue';
+import HeaderMenu from './header-menu.vue';
+import GithubSite from './github-site.vue';
+import FullScreen from './full-screen.vue';
+import ThemeMode from './theme-mode.vue';
+import UserAvatar from './user-avatar.vue';
+import SystemMessage from './system-message.vue';
+import SettingButton from './setting-button.vue';
+import ToggleLang from './toggle-lang.vue';
+
+export {
+  MenuCollapse,
+  GlobalBreadcrumb,
+  HeaderMenu,
+  GithubSite,
+  FullScreen,
+  ThemeMode,
+  UserAvatar,
+  SystemMessage,
+  SettingButton,
+  ToggleLang
+};
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Soybean	1f6d079644	chore: release v0.10.2	2023-06-01 02:24:57 +08:00
Soybean	5c085a1986	fix(components): fix mix-menu layout when the locale is English (fixed 241)	2023-06-01 02:24:26 +08:00
Soybean	9a23817473	chore(projects): update deps and use soy lint-staged replace lint-staged	2023-06-01 02:10:07 +08:00
Soybean	56ea8937f6	docs(projects): fix README.md: example image link	2023-05-31 09:28:34 +08:00
Soybean	4f51263501	docs(projects): update README.md: update example image url [更新示例图片的链接]	2023-05-31 02:32:06 +08:00
Soybean	bb2eab60f4	docs(projects): CHANGELOG.md	2023-05-30 18:20:40 +00:00
Soybean	44e4c04811	chore: release v0.10.1	2023-05-31 02:19:56 +08:00
Soybean	b5839eab26	docs(projects): update README.md	2023-05-31 02:18:19 +08:00
Soybean	780ac75bf6	chore(projects): add switch for pageRoute plugin [添加自动生成路由的插件的开关]	2023-05-31 01:52:57 +08:00
Soybean	a252138594	docs(projects): CHANGELOG.md	2023-05-30 17:47:56 +00:00
Soybean	270a055072	chore: release v0.10.0	2023-05-31 01:47:13 +08:00
Soybean	08e194efe9	perf(projects): move changing document title by locale to global event of composables & add appLoading unmount	2023-05-31 01:44:49 +08:00
Soybean	5f6caab338	docs(projects): update CHANGELOG.md	2023-05-31 01:35:04 +08:00
Soybean	5aaa318142	chore(projects): remove useless packages, update lint-staged config, add githublogen	2023-05-31 01:33:46 +08:00
Soybean	cebbef680f	chore(deps): update deps	2023-05-31 01:08:31 +08:00
Soybean	0abde46ef4	fix(projects): hide the drawer when it is initial mobile mode [初始化时为移动端布局则隐藏侧边栏] fixed #238	2023-05-26 13:08:35 +08:00
Soybean	f2b518ed26	feat(projects): support mobile layout [支持移动端布局]	2023-05-26 03:27:41 +08:00
Soybean	c6207f35e1	Merge pull request #237 from abstain23/fix-i18n fix(projects): 修复面包屑导航下拉菜单语言显示问题	2023-05-25 21:13:45 +08:00
cc	ee8fa04814	fix(projects): 修复面包屑导航下拉菜单语言显示问题	2023-05-25 21:11:42 +08:00
Soybean	7b746fa053	perf(projects): complete dynamic route translate [补充动态路由的翻译]	2023-05-24 23:17:29 +08:00
Soybean	b7fea53107	Merge pull request #234 from chhinsras/main Add Khmer Translation	2023-05-24 23:03:23 +08:00
Chhin Sras	f89f3e6a38	Added Khmer Translation	2023-05-24 21:07:35 +07:00
Chhin Sras	a0da2f6e16	Delete actions-template-sync.yml	2023-05-24 15:52:05 +07:00
Chhin Sras	3b5380e0d1	Update Sras.md	2023-05-24 15:38:43 +07:00
Chhin Sras	35276bfe41	Update and rename .github/workflows/actions-template-sync.yml to actions-template-sync.yml	2023-05-24 15:30:10 +07:00
Chhin Sras	215c1ecbd9	Update and rename sync-from-template.yml to actions-template-sync.yml	2023-05-24 15:24:51 +07:00
Chhin Sras	1698b21d7a	Create Sras.md	2023-05-24 15:18:35 +07:00
Chhin Sras	ca1e66be47	Rename sync-from-template to sync-from-template.yml	2023-05-24 15:13:58 +07:00
Chhin Sras	22bf2823e8	Update and rename actions-template-sync to sync-from-template	2023-05-24 15:12:03 +07:00
Chhin Sras	32e98f1b3a	Create actions-template-sync	2023-05-24 15:06:44 +07:00
Soybean	c1c4335ce7	build(projects): update deps and fix style [升级依赖&修复代码格式]	2023-05-24 00:17:00 +08:00
Soybean	6c50662280	Merge pull request #233 from fast-crud/优化README.md 优化readme.md	2023-05-24 00:12:44 +08:00
xiaojunnuo	f3a1707b94	docs(projects): readme.md 二次开发的项目内容换行	2023-05-23 17:52:06 +08:00
xiaojunnuo	6ea755f2a8	docs(projects): 优化README.md	2023-05-23 17:43:00 +08:00
Soybean	a989b44a15	docs(projects): update README.md [更新README.md]	2023-05-22 23:04:57 +08:00
Soybean	40f8587fd6	build(deps): update deps [升级依赖]	2023-05-21 22:35:30 +08:00
Soybean	9f5638f16d	fix(projects): add prod mockjs switch [添加生产模式的mockjs的开关]	2023-05-17 07:55:12 +08:00
Soybean	9b19f96ff6	fix(projects): fix mockjs [修复mockjs]	2023-05-16 22:29:35 +08:00
Soybean	15da557892	Merge pull request #230 from kirklin/fix_tsconfig fix(projects): tsconfig missing isolatedModules	2023-05-16 19:36:04 +08:00
Soybean	2d23c9a2e6	Merge pull request #229 from kirklin/vue3.3 refactor(projects): upgrade vue3.3, official support defineOptions	2023-05-16 19:34:16 +08:00
Kirk Lin	ab49afd3db	fix(projects): tsconfig missing isolatedModules	2023-05-16 17:39:05 +08:00
Kirk Lin	86a370fd69	refactor(projects): upgrade vue3.3, official support defineOptions	2023-05-16 17:32:38 +08:00
Soybean	36fc74ce07	Merge pull request #226 from abstain23/feat/theme-transtion feat(projects): 增加主题切换过渡效果	2023-05-14 16:49:26 +08:00
cc	8da8843fd0	feat(projects): 增加主题切换过渡效果	2023-05-14 16:35:38 +08:00
Soybean	f68285fbe5	feat(projects): add menu translate [翻译菜单]	2023-05-13 14:20:06 +08:00
Soybean	85b8ef8f88	Merge pull request #225 from abstain23/feat-i18n feat(projects): 增加i18n支持翻译菜单,tab,title	2023-05-13 13:12:28 +08:00
cc	3d48aa8bbe	feat(projects): 增加i18n支持翻译菜单,tab,title	2023-05-13 12:58:35 +08:00
Soybean	a765da6e28	docs(projects): update README.md [更新README.md]	2023-05-10 22:23:18 +08:00
Soybean	c57640acd0	fix(projects): fix better-mock usage [修复better-mock用法]	2023-05-06 19:41:55 +08:00
Soybean	c264216053	build(deps): update deps [升级依赖]	2023-05-06 19:35:54 +08:00
Soybean	9d3c732993	refactor(projects): use better-mock replace mockjs [用better-mock替换mockjs]	2023-05-06 19:34:31 +08:00
Soybean	34f023c4b1	build(projects): update deps and fix type error [升级依赖并修复类型问题]	2023-05-04 19:02:20 +08:00
Soybean	5a4f842774	docs(projects): update README.md [更新README.md]	2023-04-26 08:40:07 +08:00
Soybean	bae1767141	build(deps): update deps [升级依赖]	2023-04-26 08:32:54 +08:00
Soybean	5957833a4f	fix(projects): fix router guide [修复路由跳转异常] fixed #216	2023-04-21 00:46:03 +08:00
Soybean	397092c21f	docs(projects): update README.md [更新README.md]	2023-04-20 01:41:07 +08:00
Soybean	f309003e67	refactor(projects): remove page examples: tree [去除tree相关示例页面]	2023-04-20 01:37:52 +08:00
Soybean	eaf3678758	build(deps): update deps and remove vite-plugin-html [升级依赖，去除vite-plugin-html]	2023-04-20 01:32:53 +08:00
Soybean	f2e82da7c8	build(deps): update deps [升级依赖]	2023-04-19 09:10:36 +08:00
Soybean	211ae1f905	refactor(projects): update useTable	2023-04-04 19:19:13 +08:00
Soybean	db629593c6	build(deps): update deps	2023-04-02 12:57:36 +08:00
Soybean	80d58cce2b	Merge pull request #210 from SonyLeo/feature/tree Feature/tree	2023-04-02 12:56:00 +08:00
small_happy	a0f55aca69	feat(components): Add routing data related to tree components and page display optimization	2023-04-02 10:45:51 +08:00
small_happy	d203a3586c	feat(components): Add tree related component instances	2023-04-02 10:07:50 +08:00
Soybean	f74a6424d0	docs(projects): add qq to README.md [文档添加QQ群]	2023-03-15 18:14:25 +08:00
Soybean	209ef3d890	style(projects): per style [完善样式]	2023-03-15 09:01:06 +08:00
Soybean	b549b32cbb	Merge pull request #205 from yanbowe/main feat(projects): fix to top [返回顶部功能适配新布局]	2023-03-14 22:31:41 +08:00
燕博文	54e2cb51cf	feat(projects): 返回顶部功能适配新布局	2023-03-14 13:50:23 +08:00
Soybean	42e6de395f	build(projects): remove old layout,tab package [去除旧的布局和页签依赖]	2023-03-14 00:34:47 +08:00
Soybean	c0066b22b0	chore(release): 0.9.9	2023-03-13 23:55:02 +08:00
Soybean	aaef0bec27	docs(projects): update README.md	2023-03-13 23:51:28 +08:00
Soybean	912c3531c5	feat(projects): new layout,tab and add update theme settings	2023-03-13 23:47:39 +08:00
Soybean	488e6e3204	feat(projects): custom unocss colors support opacity	2023-03-13 20:52:26 +08:00
Soybean	f73e3f648d	fix(projects): fix github bug-report	2023-03-13 19:52:40 +08:00
Soybean	36e5feac98	build(projects): update deps, add prettier format command	2023-03-12 22:47:00 +08:00
Soybean	cc13fcc8aa	feat(hooks): add useNaiveTable	2023-03-10 08:32:39 +08:00
Soybean	7f748f2a61	Merge pull request #200 from guuuuo/main fix(utils): make AxiosRequestConfig optional for request.handleDelete()	2023-03-08 12:27:48 +08:00
guuuuo	4a6fec8af0	fix(utils): make AxiosRequestConfig optional for request.handleDelete()	2023-03-08 01:30:33 +00:00
Soybean	e2b320ad27	refactor(projects): rename union key	2023-03-08 06:41:42 +08:00
Soybean	21d5214247	refactor(projects): remove enum	2023-03-08 06:41:10 +08:00
Soybean	44b544745d	Merge pull request #199 from elliotxiang/main proxy fail fix	2023-03-07 16:04:02 +08:00
elliotliu	5499a559c8	proxy fail fix 修复代理地址缺少/导致代理失败	2023-03-07 15:51:53 +08:00
elliotliu	ebe2c56348	proxy fail fix 修改代理地址缺少/导致代理失败问题	2023-03-07 15:51:07 +08:00
Soybean	8debfe7e95	refactor(projects): update service and proxy config	2023-03-07 07:58:37 +08:00
Soybean	1ef1b6bda9	docs(projects): update README.md	2023-03-07 07:36:38 +08:00
Soybean	fb46d7ec7c	style(projects): format yaml	2023-03-06 21:07:02 +08:00
Soybean	cea600f12c	refactor(projects): all file and folder use kebab-case	2023-03-06 21:06:36 +08:00
Soybean	bf2f617255	fix(projects): fix pwa logo	2023-03-06 13:33:51 +08:00
Soybean	cf8c7cb258	docs(projects): update README.md	2023-03-06 13:22:43 +08:00
Soybean	4e87f0b665	Merge pull request #198 from lixin59/issue/fix-bug-repo-style chore(projects): 修复issue模板格式问题	2023-03-05 00:33:13 +08:00
lixin59	d8baba586b	chore(projects): 修复issue模板格式问题	2023-03-04 21:39:26 +08:00
Soybean	3cff2eb4ce	Merge pull request #195 from lixin59/issue/add-github-action chore(projects): add github action	2023-03-04 00:44:05 +08:00
lixin	f355a698ad	chore(projects): add github action	2023-03-03 17:40:26 +08:00
Soybean	c3d0b74c75	Merge pull request #194 from taisha/main fix(components): refresh cached routes	2023-03-02 08:20:41 +08:00
alue_mobile	b0f98e4bfa	fix(components): refresh cached routes	2023-03-01 13:56:04 +08:00
Soybean	506ffb8adf	Merge pull request #182 from Shadowsight9/main fix(projects): the length of routes children list should greater than 0	2023-02-19 19:33:53 +08:00
HuangZheng	e1afc10b80	fix(projects): the length of routes children list should greater than 0	2023-02-19 17:04:55 +08:00
Soybean	960b436c79	Merge pull request #180 from sunhao1256/main fix(projects): not only `/login` claim dynamic path scenario	2023-02-14 12:11:44 +08:00
sunhao1256	6059891556	fix(projects): not only `/login` claim dynamic path scenario , but also others , eg:/user/1	2023-02-13 16:57:54 +08:00
Soybean	3503dff663	build(projects): update unocss config	2023-02-13 01:40:07 +08:00
Soybean	61998886ac	build(deps): update deps	2023-02-13 01:39:43 +08:00
Soybean	608d7fb34d	build(projects): update vscode config	2023-02-13 01:39:17 +08:00
Soybean	6bb6d9f71e	Merge pull request #179 from sunhao1256/main fix(projects): sortRoutes recursively	2023-02-13 01:20:26 +08:00
sunhao1256	918894147a	fix(projects): sortRoutes recursively	2023-02-12 13:13:03 +08:00
Soybean	0b5afda287	fix(projects): fix eslint svg cause incorrect icon render	2023-02-10 02:55:42 +08:00
Soybean	a8a6ed97b9	build(projects): perf logo	2023-02-10 02:24:52 +08:00
Soybean	919376b77c	Merge pull request #178 from yanbowe/main fix(components): 修复iconSelect选择器点击事件失效	2023-02-09 23:58:41 +08:00
燕博文	7e505f9b96	fix(components): 修复iconSelect选择器点击事件失效	2023-02-09 10:59:34 +08:00
Soybean	de517be613	Merge pull request #177 from taisha/fix-tab fix(components): 页面跳转被拦截, 则会出现 tab 页签与页面不一致的问题	2023-02-09 00:43:18 +08:00
刘璐	bd5dd2cf28	fix(components): 页面跳转被拦截, 则会出现 tab 页签与页面不一致的问题	2023-02-08 22:29:54 +08:00
Soybean	da521b35e6	build(projects): update deps and fix project config	2023-02-03 00:39:43 +08:00
				`@@ -0,0 +1 @@`
				<svg viewBox="0 0 160 160" xmlns="http://www.w3.org/2000/svg"><path d="M81.28 55.9c-.1-11.67-2.93-22.55-9.37-32.38-1-1.5-2.14-2.86-2.5-4.71a8.1 8.1 0 014-8.61 7.89 7.89 0 019.3 1.23 35.999 35.999 0 015.9 8.83 75.18 75.18 0 018.44 28.58 83.211 83.211 0 01-5.23 36.74 102.983 102.983 0 01-3 7.28 1.2 1.2 0 000 1.41c9.58 13.3 21.76 23 37.85 27.24a54.37 54.37 0 0019.68 1.57 7.72 7.72 0 018.36 6.9 7.903 7.903 0 01-6.7 9 64.744 64.744 0 01-23-1.33 77.68 77.68 0 01-36.93-19.88 93.628 93.628 0 01-11.91-13.71 2.18 2.18 0 00-2.3-1.06 72.744 72.744 0 00-27.38 7.55c-11.6 6-20.67 14.58-26.4 26.45a10.134 10.134 0 01-3.7 4.7 8 8 0 01-9.19-.7 7.86 7.86 0 01-2.36-9.28 60.324 60.324 0 018.72-14.52c12.2-15.43 28.21-24.59 47.32-28.57A85.085 85.085 0 0173.07 87c.524.015 1-.307 1.18-.8a76.06 76.06 0 006.53-22.3c.351-2.652.518-5.325.5-8z" fill="#1890ff"/><path d="M136.26 108.34a44.742 44.742 0 01-11.13-2.87 46.108 46.108 0 01-19.66-13.76 8 8 0 015.72-13.22 7.93 7.93 0 016.54 2.93 33.27 33.27 0 0018.87 10.75c1.546.155 3.058.553 4.48 1.18a8.08 8.08 0 013.84 9.21c-.92 3.52-4.13 5.81-8.66 5.78zm-80.6-75.02a7.61 7.61 0 016.64 5 49.139 49.139 0 013.64 17 46.33 46.33 0 01-2.46 17.28c-2 5.77-8.24 7.79-12.89 4.15a8.1 8.1 0 01-2.39-9 31.679 31.679 0 001.68-12.36 35.77 35.77 0 00-2.43-11c-2.1-5.45 1.75-11.07 8.21-11.07zm22.26 93.25a8 8 0 01-6.68 7.86 32.88 32.88 0 00-19.7 12.19 8.13 8.13 0 01-11.21 1.62 8 8 0 01-1.41-11.58A51.043 51.043 0 0154 123.81a45.842 45.842 0 0114-5.1c5.35-1.04 9.91 2.56 9.92 7.86z" fill="#1890ff"/></svg>