feat: 全局语言包改完文件夹形式设置

src/layout/components/header/components/topBar/components/left.vue

@@ -13,7 +13,7 @@
         <el-breadcrumb-item
           v-for="(item, index) in breadcrumbList"
           :key="index"
-          :to="index === breadcrumbList.length - 1 ? undefined : item"
+          :to="index === breadcrumbList.length - 1 || !item.redirect ? undefined : item"
           >{{ $t(item.meta!.title!) }}</el-breadcrumb-item
         >
       </el-breadcrumb>

src/layout/components/menu/index.vue

@@ -84,7 +84,9 @@ const menuTextColor = computed(() => mixColor(themeConfig.menuBg, menuActiveColo
           color: var(--el-menu-active-color);
         }
       }
-
+      .el-sub-menu__title {
+        padding-right: 28px;
+      }
       .el-sub-menu__title:hover,
       .el-menu-item:hover {
         background-color: rgba(var(--el-color-primary-rgb), 0.3);

src/locales/helper.ts

@@ -110,7 +110,7 @@ export const setI18nLanguage = async (locale: string, isLoading = true, i18n?: G
   if (i18n === useGlobalStore().i18n) {
     useSettingStore().locale = locale;
     const messageArr = [
-      setLocaleMessage(i18n, locale, [async (locale) => await import(`./lang/${locale}.json`)]),
+      setLocaleMessage(i18n, locale, [async (locale) => await import(`./lang/${locale}/index.ts`)]),
       loadMessage<{ default: Language }>(
         [
           async (locale) => await import(`../../node_modules/element-plus/es/locale/lang/${locale}.mjs`),

src/locales/lang/en.json → src/locales/lang/en/default.json

@@ -35,7 +35,6 @@
   "通知": "Notice",
   "消息": "Message Box",
   "待办": "Backlog",
-  "首页": "Index",
   "文档": "Document",
   "清除缓存": "Clear Cache",
   "并": "And",

src/locales/lang/en/index.ts

@@ -0,0 +1,7 @@
+import { forOwn } from 'lodash-es';
+const modules = import.meta.glob('./*.json', { eager: true, import: 'default' });
+const langs = {} as Record<string, string>;
+forOwn(modules, (value) => {
+  Object.assign(langs, value);
+});
+export default langs;

src/locales/lang/en/menu.json

@@ -0,0 +1,13 @@
+{
+  "首页": "Index",
+  "示例": "Example",
+  "权限": "Permission",
+  "组件语言包": "Component Language Pack",
+  "请求示例": "Request Example",
+  "页面权限": "Page Permission",
+  "多级菜单": "Multilevel Menu",
+  "多级菜单1": "Multilevel Menu 1",
+  "多级菜单1-1": "Multilevel Menu 1-1",
+  "多级菜单1-1-1": "Multilevel Menu 1-1-1",
+  "多级菜单1-2": "Multilevel Menu 1-2"
+}

src/locales/lang/zh-cn/index.ts

@@ -0,0 +1,7 @@
+import { forOwn } from 'lodash-es';
+const modules = import.meta.glob('./*.json', { eager: true, import: 'default' });
+const langs = {} as Record<string, string>;
+forOwn(modules, (value) => {
+  Object.assign(langs, value);
+});
+export default langs;

src/router/routes/example/5-pagePermission.ts

@@ -0,0 +1,8 @@
+import { RouteRecordRaw } from 'vue-router';
+export const routes: RouteRecordRaw[] = [
+  {
+    path: 'pagePermission',
+    component: async () => await import('@/views/example/pagePermission.vue'),
+    meta: { title: '页面权限', rule: ['edit'] },
+  },
+];

src/views/example/pagePermission.vue

@@ -0,0 +1 @@
+<template>当前页面 admin/editor可见</template>

vite.config.ts

@@ -31,7 +31,7 @@ export default ({ command, mode }: ConfigEnv): UserConfigExport => {
       VueI18nPlugin({
         /* options */
         // locale messages resource pre-compile option
-        include: './src/**/lang/**.json',
+        include: ['./src/**/lang/**/*.json', './src/**/lang/*.json'],
       }),
       viteMockServe({
         mockPath: 'mock/apiDemo',