chore: release v0.10.1

fix(projects): 修复面包屑导航下拉菜单语言显示问题

.env.development

@@ -1 +1,2 @@
 VITE_HTTP_PROXY=Y
+VITE_SOYBEAN_ROUTE_PLUGIN=Y

.github/workflows/release.yml

@@ -1,27 +1,25 @@
 name: Release
-on:
-  push:
-    tags:
-      - "v*.**"
 
 permissions:
   contents: write
 
+on:
+  push:
+    tags:
+      - "v*"
+
 jobs:
   release:
-    name: Build
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
         with:
           fetch-depth: 0
 
-      - name: Setup Node.js
-        uses: actions/setup-node@v3
+      - uses: actions/setup-node@v3
         with:
           node-version: 16.x
 
-      - name: Create github releases
-        run: npx changelogithub
+      - run: npx githublogen
         env:
           GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}

.npmrc

@@ -1,4 +1,2 @@
 registry=https://registry.npmmirror.com/
 shamefully-hoist=true
-strict-peer-dependencies=false
-auto-install-peers=true

CHANGELOG.md

@@ -1,6 +1,82 @@
 # Changelog
 
-All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
+## v0.9.9...v0.10.0
+
+[compare changes](https://github.com/honghuangdc/soybean-admin/compare/v0.9.9...v0.10.0)
+
+### 🚀 Features
+
+- **projects:** 返回顶部功能适配新布局 ([54e2cb5](https://github.com/honghuangdc/soybean-admin/commit/54e2cb5))
+- **components:** Add tree related component instances ([d203a35](https://github.com/honghuangdc/soybean-admin/commit/d203a35))
+- **components:** Add routing data related to tree components and page display optimization ([a0f55ac](https://github.com/honghuangdc/soybean-admin/commit/a0f55ac))
+- **projects:** 增加i18n支持翻译菜单,tab,title ([3d48aa8](https://github.com/honghuangdc/soybean-admin/commit/3d48aa8))
+- **projects:** Add menu translate [翻译菜单] ([f68285f](https://github.com/honghuangdc/soybean-admin/commit/f68285f))
+- **projects:** 增加主题切换过渡效果 ([8da8843](https://github.com/honghuangdc/soybean-admin/commit/8da8843))
+- **projects:** Support mobile layout [支持移动端布局] ([f2b518e](https://github.com/honghuangdc/soybean-admin/commit/f2b518e))
+
+### 🐞 Bug Fixes
+
+- **projects:** Fix router guide [修复路由跳转异常] fixed #216 ([#216](https://github.com/honghuangdc/soybean-admin/issues/216))
+- **projects:** Fix better-mock usage [修复better-mock用法] ([c57640a](https://github.com/honghuangdc/soybean-admin/commit/c57640a))
+- **projects:** Tsconfig missing isolatedModules ([ab49afd](https://github.com/honghuangdc/soybean-admin/commit/ab49afd))
+- **projects:** Fix mockjs [修复mockjs] ([9b19f96](https://github.com/honghuangdc/soybean-admin/commit/9b19f96))
+- **projects:** Add prod mockjs switch [添加生产模式的mockjs的开关] ([9f5638f](https://github.com/honghuangdc/soybean-admin/commit/9f5638f))
+- **projects:** 修复面包屑导航下拉菜单语言显示问题 ([ee8fa04](https://github.com/honghuangdc/soybean-admin/commit/ee8fa04))
+- **projects:** Hide the drawer when it is initial mobile mode [初始化时为移动端布局则隐藏侧边栏] fixed #238 ([#238](https://github.com/honghuangdc/soybean-admin/issues/238))
+
+### 🔥 Performance
+
+- **projects:** Complete dynamic route translate [补充动态路由的翻译] ([7b746fa](https://github.com/honghuangdc/soybean-admin/commit/7b746fa))
+- **projects:** Move changing document title by locale to global event of composables & add appLoading unmount ([08e194e](https://github.com/honghuangdc/soybean-admin/commit/08e194e))
+
+### 💅 Refactors
+
+- **projects:** Update useTable ([211ae1f](https://github.com/honghuangdc/soybean-admin/commit/211ae1f))
+- **projects:** Remove page examples: tree [去除tree相关示例页面] ([f309003](https://github.com/honghuangdc/soybean-admin/commit/f309003))
+- **projects:** Use better-mock replace mockjs [用better-mock替换mockjs] ([9d3c732](https://github.com/honghuangdc/soybean-admin/commit/9d3c732))
+- **projects:** Upgrade vue3.3, official support defineOptions ([86a370f](https://github.com/honghuangdc/soybean-admin/commit/86a370f))
+
+### 📖 Documentation
+
+- **projects:** Add qq to README.md [文档添加QQ群] ([f74a642](https://github.com/honghuangdc/soybean-admin/commit/f74a642))
+- **projects:** Update README.md [更新README.md] ([397092c](https://github.com/honghuangdc/soybean-admin/commit/397092c))
+- **projects:** Update README.md [更新README.md] ([5a4f842](https://github.com/honghuangdc/soybean-admin/commit/5a4f842))
+- **projects:** Update README.md [更新README.md] ([a765da6](https://github.com/honghuangdc/soybean-admin/commit/a765da6))
+- **projects:** Update README.md [更新README.md] ([a989b44](https://github.com/honghuangdc/soybean-admin/commit/a989b44))
+- **projects:** 优化README.md ([6ea755f](https://github.com/honghuangdc/soybean-admin/commit/6ea755f))
+- **projects:** Readme.md 二次开发的项目内容换行 ([f3a1707](https://github.com/honghuangdc/soybean-admin/commit/f3a1707))
+- **projects:** Update CHANGELOG.md ([5f6caab](https://github.com/honghuangdc/soybean-admin/commit/5f6caab))
+
+### 📦 Build
+
+- **projects:** Remove old layout,tab package [去除旧的布局和页签依赖] ([42e6de3](https://github.com/honghuangdc/soybean-admin/commit/42e6de3))
+- **deps:** Update deps ([db62959](https://github.com/honghuangdc/soybean-admin/commit/db62959))
+- **deps:** Update deps [升级依赖] ([f2e82da](https://github.com/honghuangdc/soybean-admin/commit/f2e82da))
+- **deps:** Update deps and remove vite-plugin-html [升级依赖，去除vite-plugin-html] ([eaf3678](https://github.com/honghuangdc/soybean-admin/commit/eaf3678))
+- **deps:** Update deps [升级依赖] ([bae1767](https://github.com/honghuangdc/soybean-admin/commit/bae1767))
+- **projects:** Update deps and fix type error [升级依赖并修复类型问题] ([34f023c](https://github.com/honghuangdc/soybean-admin/commit/34f023c))
+- **deps:** Update deps [升级依赖] ([c264216](https://github.com/honghuangdc/soybean-admin/commit/c264216))
+- **deps:** Update deps [升级依赖] ([40f8587](https://github.com/honghuangdc/soybean-admin/commit/40f8587))
+- **projects:** Update deps and fix style [升级依赖&修复代码格式] ([c1c4335](https://github.com/honghuangdc/soybean-admin/commit/c1c4335))
+
+### 🏡 Chore
+
+- **deps:** Update deps ([cebbef6](https://github.com/honghuangdc/soybean-admin/commit/cebbef6))
+- **projects:** Remove useless packages, update lint-staged config, add githublogen ([5aaa318](https://github.com/honghuangdc/soybean-admin/commit/5aaa318))
+- Release v0.10.0 ([270a055](https://github.com/honghuangdc/soybean-admin/commit/270a055))
+
+### 🎨 Styles
+
+- **projects:** Per style [完善样式] ([209ef3d](https://github.com/honghuangdc/soybean-admin/commit/209ef3d))
+
+### ❤️ Contributors
+
+- Soybean ([@soybeanjs](http://github.com/soybeanjs))
+- Cc <cc@qq.com>
+- Xiaojunnuo ([@greper](http://github.com/greper))
+- Kirk Lin ([@kirklin](http://github.com/kirklin))
+- Small_happy <5304122+small_happy@user.noreply.gitee.com>
+- 燕博文 <349952469@qq.com>
 
 ### [0.9.9](https://github.com/honghuangdc/soybean-admin/compare/v0.9.8...v0.9.9) (2023-03-13)
 

README.md

@@ -29,12 +29,14 @@
 
 ## 代码仓库
 
-- [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)|
+
+
 
 ## 更新日志
 
@@ -46,27 +48,28 @@
 
 ## 项目示例图
 
-![](https://s2.loli.net/2022/05/16/keOtgFH27r9nqYS.png)
+![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin01.png)
 
-![](https://s2.loli.net/2022/05/18/bW7mftiQexkvSTG.png)
+![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin02.png)
 
-![](https://s2.loli.net/2022/05/16/uV5nzjb3gYptAEl.png)
+![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin03.png)
 
-![](https://s2.loli.net/2022/05/16/rSnNHLdpuvkKxWq.png)
+![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin04.png)
 
-![](https://s2.loli.net/2022/05/18/Mt6YZqmDxO8v4uR.png)
+![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin05.png)
 
-![](https://s2.loli.net/2022/05/16/ktH5dcG3fuFOoKA.png)
+![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin06.png)
 
-![](https://s2.loli.net/2022/05/16/VPl6Ru1iCAhLcS4.png)
+![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin07.png)
 
-![](https://s2.loli.net/2022/05/16/bRlAKuHW7ZVh9DT.png)
+![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin08.png)
 
-![](https://s2.loli.net/2022/06/07/rY8TyAftM5dxspv.png)
+![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin09.png)
 
-![](https://s2.loli.net/2022/06/07/5GNBAd31IzQVjLP.png)
-
-![](https://s2.loli.net/2022/06/07/rRSG6mEZpujOACT.png)
+<div style="display:flex;justify-content:center;align-item:center;gap:48px;">
+	<img style="width:380px" src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin10.png" />
+	<img style="width:380px" src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin11.png" />
+</div>
 
 ## 安装使用
 
@@ -120,8 +123,8 @@ docker run --name soybean -p 80:80 -d soybeanjs/soybean-admin:v0.9.6
 项目已用 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客户端。
+- [electron-mock-admin](https://github.com/lixin59/electron-mock-api): 一个 Mock Api 管理系统，帮助前端开发伙伴快速实现接口的mock。
+- [T-Shell](https://github.com/TheBlindM/T-Shell): 是一个可配置命令提示的终端模拟器和 SSH客户端。
 
 ## 浏览器支持
 
@@ -142,10 +145,6 @@ docker run --name soybean -p 80:80 -d soybeanjs/soybean-admin:v0.9.6
 `Soybean Admin` 是完全开源免费的项目，在帮助开发者更方便地进行中大型管理系统开发，同时也提供微信和 QQ 交流群，使用问题欢迎在群内提问。
 
   <div style="display:flex;">
-  	<!-- <div style="padding-right:24px;">
-  		<p>微信交流群</p>
-      <img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybeanjs-wechat0503.jpeg" style="width:200px" />
-  	</div> -->
   	<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" />

build/plugins/index.ts

@@ -25,8 +25,7 @@ export function setupVitePlugins(viteEnv: ImportMetaEnv): (PluginOption | Plugin
     ...unplugin(viteEnv),
     unocss(),
     mock(viteEnv),
-    progress(),
-    pageRoute()
+    progress()
   ];
 
   if (viteEnv.VITE_VISUALIZER === 'Y') {
@@ -38,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;
 }

changelogithub.config.json

@@ -1,21 +0,0 @@
-{
-  "types": {
-    "feat": { "title": "🚀 Features" },
-    "perf": { "title": "🔥 Performance" },
-    "fix": { "title": "🩹 Fixes" },
-    "refactor": { "title": "💅 Refactors" },
-    "docs": { "title": "📖 Documentation" },
-    "types": { "title": "🌊 Types" },
-    "chore": { "title": "🏡 Chore" },
-    "test": { "title": "🧪 Tests" },
-    "style": { "title": "🎨 Styles" },
-    "ci": { "title": "🤖 CI" }
-  },
-  "scopeMap": {},
-  "titles": {
-    "breakingChanges": "🚨 Breaking Changes"
-  },
-  "contributors": true,
-  "capitalize": true,
-  "group": true
-}

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
       }
     }
   ]

package.json

@@ -1,6 +1,6 @@
 {
   "name": "soybean-admin",
-  "version": "0.9.9",
+  "version": "0.10.1",
   "description": "A fresh and elegant admin template, based on Vue3、Vite3、TypeScript、NaiveUI and UnoCSS. 一个基于Vue3、Vite3、TypeScript、NaiveUI and UnoCSS的清新优雅的中后台模版。",
   "author": {
     "name": "Soybean",
@@ -44,81 +44,79 @@
     "build:vercel": "cross-env VITE_HASH_ROUTE=Y VITE_VERCEL=Y vite build",
     "preview": "vite preview",
     "typecheck": "vue-tsc --noEmit --skipLibCheck",
-    "lint": "eslint . --fix --ext .js,.jsx,.mjs,.json,.ts,.tsx,.vue",
+    "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",
+    "update-version": "bumpp --commit --push --tag",
     "prepare": "soy init-git-hooks"
   },
   "dependencies": {
-    "@antv/data-set": "^0.11.8",
-    "@antv/g2": "^4.2.10",
-    "@better-scroll/core": "^2.5.1",
-    "@soybeanjs/vue-materials": "^0.1.9",
-    "@vueuse/core": "^10.1.2",
+    "@antv/data-set": "0.11.8",
+    "@antv/g2": "4.2.10",
+    "@better-scroll/core": "2.5.1",
+    "@soybeanjs/vue-materials": "0.1.15",
+    "@vueuse/core": "10.1.2",
     "axios": "1.4.0",
-    "clipboard": "^2.0.11",
-    "colord": "^2.9.3",
-    "crypto-js": "^4.1.1",
-    "dayjs": "^1.11.7",
-    "echarts": "^5.4.2",
-    "form-data": "^4.0.0",
-    "lodash-es": "^4.17.21",
+    "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.2",
+    "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.1",
-    "vuedraggable": "^4.1.0",
-    "wangeditor": "^4.7.15",
-    "xgplayer": "^3.0.2"
+    "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.13",
-    "@iconify/json": "^2.2.67",
-    "@iconify/vue": "^4.1.1",
-    "@soybeanjs/cli": "^0.1.9",
-    "@soybeanjs/vite-plugin-vue-page-route": "^0.0.5",
-    "@types/bmapgl": "^0.0.7",
-    "@types/crypto-js": "^4.1.1",
-    "@types/node": "20.2.1",
-    "@types/qs": "^6.9.7",
-    "@types/ua-parser-js": "^0.7.36",
-    "@unocss/preset-uno": "^0.52.0",
-    "@unocss/transformer-directives": "^0.52.0",
-    "@unocss/vite": "^0.52.0",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vitejs/plugin-vue-jsx": "^3.0.1",
-    "conventional-changelog": "^3.1.25",
-    "cross-env": "^7.0.3",
-    "eslint": "^8.41.0",
-    "eslint-config-soybeanjs": "^0.3.7",
+    "@amap/amap-jsapi-types": "0.0.13",
+    "@iconify/json": "2.2.71",
+    "@iconify/vue": "4.1.1",
+    "@soybeanjs/cli": "0.3.2",
+    "@soybeanjs/vite-plugin-vue-page-route": "0.0.5",
+    "@types/bmapgl": "0.0.7",
+    "@types/crypto-js": "4.1.1",
+    "@types/node": "20.2.5",
+    "@types/qs": "6.9.7",
+    "@types/ua-parser-js": "0.7.36",
+    "@unocss/preset-uno": "0.52.5",
+    "@unocss/transformer-directives": "0.52.5",
+    "@unocss/vite": "0.52.5",
+    "@vitejs/plugin-vue": "4.2.3",
+    "@vitejs/plugin-vue-jsx": "3.0.1",
+    "bumpp": "9.1.0",
+    "cross-env": "7.0.3",
+    "eslint": "8.41.0",
+    "eslint-config-soybeanjs": "0.4.7",
     "lint-staged": "13.2.2",
-    "mockjs": "^1.1.0",
-    "rollup-plugin-visualizer": "^5.9.0",
-    "sass": "^1.62.1",
-    "simple-git-hooks": "^2.8.1",
-    "standard-version": "^9.5.0",
-    "tsx": "^3.12.7",
+    "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.24.1",
-    "vite": "^4.3.8",
-    "vite-plugin-compression": "^0.5.1",
+    "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.0",
-    "vite-plugin-svg-icons": "^2.0.1",
+    "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": {
@@ -131,6 +129,7 @@
     "pre-commit": "pnpm typecheck && pnpm lint-staged"
   },
   "lint-staged": {
-    "*.{js,jsx,mjs,json,ts,tsx,vue}": "eslint . --fix"
+    "*.{js,mjs,jsx,ts,mts,tsx,json,vue,svelte,astro}": "eslint . --fix",
+    "*.!{js,mjs,jsx,ts,mts,tsx,json,vue,svelte,astro}": "format"
   }
 }

src/App.vue

@@ -13,26 +13,14 @@
 </template>
 
 <script setup lang="ts">
-import { watch } from 'vue';
-import { useRoute } from 'vue-router';
 import { dateZhCN, zhCN } from 'naive-ui';
-import { useI18n } from 'vue-i18n';
 import { subscribeStore, useThemeStore } from '@/store';
 import { useGlobalEvents } from '@/composables';
 
 const theme = useThemeStore();
-const { locale, t } = useI18n();
-const route = useRoute();
 
 subscribeStore();
 useGlobalEvents();
-
-watch(
-  () => locale.value,
-  () => {
-    document.title = route.meta.i18nTitle ? t(route.meta.i18nTitle) : route.meta.title;
-  }
-);
 </script>
 
 <style scoped></style>

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();
+  });
 }

src/composables/layout.ts

@@ -1,4 +1,4 @@
-import { computed } from 'vue';
+import { computed, watch } from 'vue';
 import { breakpointsTailwind, useBreakpoints } from '@vueuse/core';
 import { useAppStore, useThemeStore } from '@/store';
 
@@ -63,6 +63,16 @@ export function useBasicLayout() {
     return w;
   });
 
+  watch(
+    isMobile,
+    newValue => {
+      if (newValue) {
+        app.setSiderCollapse(true);
+      }
+    },
+    { immediate: true }
+  );
+
   return {
     mode,
     isMobile,

src/layouts/basic-layout/index.vue

@@ -1,6 +1,7 @@
 <template>
   <admin-layout
     :mode="mode"
+    :is-mobile="isMobile"
     :scroll-mode="theme.scrollMode"
     :scroll-el-id="app.scrollElId"
     :full-content="app.contentFull"
@@ -16,6 +17,7 @@
     :footer-visible="theme.footer.visible"
     :fixed-footer="theme.footer.fixed"
     :right-footer="theme.footer.right"
+    @click-mobile-sider-mask="app.setSiderCollapse(true)"
   >
     <template #header>
       <global-header v-bind="headerProps" />
@@ -46,7 +48,7 @@ defineOptions({ name: 'BasicLayout' });
 const app = useAppStore();
 const theme = useThemeStore();
 
-const { mode, headerProps, siderVisible, siderWidth, siderCollapsedWidth } = useBasicLayout();
+const { mode, isMobile, headerProps, siderVisible, siderWidth, siderCollapsedWidth } = useBasicLayout();
 </script>
 
 <style lang="scss">

src/layouts/common/global-header/components/global-breadcrumb.vue

@@ -9,7 +9,7 @@
               v-if="theme.header.crumb.showIcon"
               class="inline-block align-text-bottom mr-4px text-16px"
             />
-            <span>{{ breadcrumb.i18nTitle ? t(breadcrumb.i18nTitle) : breadcrumb.label }}</span>
+            <span>{{ breadcrumb.label }}</span>
           </span>
         </n-dropdown>
         <template v-else>
@@ -19,9 +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.i18nTitle ? t(breadcrumb.i18nTitle) : breadcrumb.label
-          }}</span>
+          <span :class="{ 'text-#BBBBBB': theme.header.inverted }">
+            {{ breadcrumb.label }}
+          </span>
         </template>
       </n-breadcrumb-item>
     </template>
@@ -45,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) {

src/layouts/common/global-header/components/toggle-lang.vue

@@ -22,6 +22,10 @@ const options = [
   {
     label: 'English',
     key: 'en'
+  },
+  {
+    label: 'ភាសាខ្មែរ',
+    key: 'km-KH'
   }
 ];
 const handleSelect = (key: string) => {

src/layouts/common/global-tab/components/tab-detail/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div ref="tabRef" class="flex h-full pr-18px" :class="[isChromeMode ? 'items-end' : 'items-center gap-12px']">
-    <AdminTab
+    <PageTab
       v-for="item in tab.tabs"
       :key="item.fullPath"
       :mode="theme.tab.mode"
@@ -20,7 +20,7 @@
         />
       </template>
       {{ item.meta.i18nTitle ? t(item.meta.i18nTitle) : item.meta.title }}
-    </AdminTab>
+    </PageTab>
   </div>
   <context-menu
     :visible="dropdown.visible"
@@ -34,7 +34,7 @@
 
 <script setup lang="ts">
 import { computed, nextTick, reactive, ref, watch } from 'vue';
-import { AdminTab } from '@soybeanjs/vue-materials';
+import { PageTab } from '@soybeanjs/vue-materials';
 import { useTabStore, useThemeStore } from '@/store';
 import { t } from '@/locales';
 import { ContextMenu } from './components';

src/locales/lang/en.ts

@@ -7,7 +7,7 @@ const locale: LocaleMessages<I18nType.Schema> = {
     },
     routes: {
       dashboard: {
-        dashboard: 'Dashboard',
+        _value: 'Dashboard',
         analysis: 'Analysis',
         workbench: 'Workbench'
       },

src/locales/lang/index.ts

@@ -1,9 +1,11 @@
 import zhCN from './zh-cn';
 import en from './en';
+import kmKH from './km-KH';
 
 const locales = {
   'zh-CN': zhCN,
-  en
+  en,
+  'km-KH': kmKH
 };
 
 export type LocaleKey = keyof typeof locales;

src/locales/lang/km-KH.ts

@@ -0,0 +1,85 @@
+import type { LocaleMessages } from 'vue-i18n';
+
+const locale: LocaleMessages<I18nType.Schema> = {
+  message: {
+    system: {
+      title: 'ប្រព័ន្ធគ្រប់គ្រង'
+    },
+    routes: {
+      dashboard: {
+        _value: 'ផ្ទាំងទិន្នន័យ',
+        analysis: 'ផ្ទាំងវិភាគ',
+        workbench: 'ផ្ទាំងការងារ'
+      },
+      document: {
+        _value: 'ឯកសារ',
+        vue: 'ឯកសារ​ Vue',
+        vite: 'ឯកសារ​ Vite',
+        naive: 'ឯកសារ NaiveUI',
+        project: 'ឯកសារគម្រោង',
+        'project-link': 'ឯកសារគម្រោង(href)'
+      },
+      component: {
+        _value: 'សមាស​ភាគ',
+        button: 'ប៊ូតុង',
+        card: 'កាត',
+        table: 'តារាង'
+      },
+      plugin: {
+        _value: 'មុខងារជំនួយ',
+        charts: {
+          _value: 'តារាង​ Chart',
+          echarts: 'តារាង ECharts',
+          antv: 'AntV'
+        },
+        copy: 'ចម្លង',
+        editor: {
+          _value: 'កែប្រែ',
+          quill: 'Quill',
+          markdown: 'Markdown'
+        },
+        icon: 'អាយខន',
+        map: 'ផែនទី',
+        print: 'បោះពុម្ភ',
+        swiper: 'Swiper',
+        video: 'វីដេអូ'
+      },
+      'auth-demo': {
+        _value: 'ឌីមូ Auth',
+        permission: 'បិទ/បើកការអនុញ្ញាត',
+        super: 'Super Auth'
+      },
+      function: {
+        _value: 'មុខងារ',
+        tab: 'ថេបប្រព័ន្ធ'
+      },
+      exception: {
+        _value: 'ករណីពិេសស',
+        403: '403',
+        404: '404',
+        500: '500'
+      },
+      'multi-menu': {
+        _value: 'ម៉ឺនុយពហុដឺក្រេ',
+        first: {
+          _value: 'ដឺក្រេទី១',
+          second: 'ដែក្រេទី២',
+          'second-new': {
+            _value: 'ដឺក្រេទី២មានអនុក្រោម',
+            third: 'ដឺក្រេទី៣'
+          }
+        }
+      },
+      management: {
+        _value: 'ការគ្រប់គ្រងប្រព័ន្ធ',
+        auth: 'Auth',
+        role: 'សិទ្ធី',
+        route: 'ផ្លូវប្រព័ន្ធ',
+        user: 'អ្នកប្រើប្រាស់'
+      },
+      about: 'អំពីប្រព័ន្ធ'
+    }
+  }
+};
+
+export default locale;

src/locales/lang/zh-cn.ts

@@ -7,7 +7,7 @@ const locale: LocaleMessages<I18nType.Schema> = {
     },
     routes: {
       dashboard: {
-        dashboard: '仪表盘',
+        _value: '仪表盘',
         analysis: '分析页',
         workbench: '工作台'
       },

src/main.ts

@@ -29,6 +29,8 @@ async function setupApp() {
 
   setupI18n(app);
 
+  appLoading.unmount();
+
   // mount app
   app.mount('#app');
 }

src/router/modules/dashboard.ts

@@ -30,7 +30,7 @@ const dashboard: AuthRoute.Route = {
     title: '仪表盘',
     icon: 'mdi:monitor-dashboard',
     order: 1,
-    i18nTitle: 'message.routes.dashboard.dashboard'
+    i18nTitle: 'message.routes.dashboard._value'
   }
 };
 

src/store/modules/app/index.ts

@@ -1,6 +1,6 @@
 import { nextTick } from 'vue';
 import { defineStore } from 'pinia';
-import { SCROLL_EL_ID } from '@soybeanjs/vue-materials';
+import { LAYOUT_SCROLL_EL_ID } from '@soybeanjs/vue-materials';
 
 interface AppState {
   /** 滚动元素的id */
@@ -21,7 +21,7 @@ interface AppState {
 
 export const useAppStore = defineStore('app-store', {
   state: (): AppState => ({
-    scrollElId: SCROLL_EL_ID,
+    scrollElId: LAYOUT_SCROLL_EL_ID,
     contentFull: false,
     disableMainXScroll: false,
     reloadFlag: true,

src/typings/env.d.ts

@@ -66,6 +66,8 @@ interface ImportMetaEnv {
   readonly VITE_PROD_MOCK?: 'Y' | 'N';
   /** hash路由模式 */
   readonly VITE_HASH_ROUTE?: 'Y' | 'N';
+  /** 是否应用自动生成路由的插件 */
+  readonly VITE_SOYBEAN_ROUTE_PLUGIN?: 'Y' | 'N';
   /** 是否是部署的vercel */
   readonly VITE_VERCEL?: 'Y' | 'N';
 }

src/typings/system.d.ts

@@ -254,7 +254,7 @@ declare namespace App {
     hasChildren: boolean;
     icon?: import('vue').Component;
     i18nTitle?: string;
-    options?: import('naive-ui/es/dropdown/src/interface').DropdownMixedOption[];
+    options?: (import('naive-ui/es/dropdown/src/interface').DropdownMixedOption & { i18nTitle?: string })[];
   };
 
   /** 多页签Tab的路由 */
@@ -302,7 +302,7 @@ declare namespace App {
 }
 
 declare namespace I18nType {
-  type langType = 'en' | 'zh-CN';
+  type langType = 'en' | 'zh-CN' | 'km-KH';
 
   interface Schema {
     system: {
@@ -310,7 +310,7 @@ declare namespace I18nType {
     };
     routes: {
       dashboard: {
-        dashboard: string;
+        _value: string;
         analysis: string;
         workbench: string;
       };

src/views/auth-demo/super/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="h-full">
-    <n-card title="当前页面只有super才能看到" class="h-full shadow-sm rounded-16px"> </n-card>
+    <n-card title="当前页面只有super才能看到" class="h-full shadow-sm rounded-16px"></n-card>
   </div>
 </template>