@liujitcn/kratos-admin-core 0.0.19 → 0.0.21

package/dist/package/src/components/Upload/Img.vue

@@ -19,15 +19,15 @@
         <div class="upload-handle" @click.stop>
           <div v-if="!self_disabled" class="handle-icon" @click="editImg">
             <el-icon><Edit /></el-icon>
-            <span>编辑</span>
+            <span>{{ t("common.action.edit") }}</span>
           </div>
           <div class="handle-icon" @click="imgViewVisible = true">
             <el-icon><ZoomIn /></el-icon>
-            <span>查看</span>
+            <span>{{ t("common.action.view") }}</span>
           </div>
           <div v-if="!self_disabled" class="handle-icon" @click="deleteImg">
             <el-icon><Delete /></el-icon>
-            <span>删除</span>
+            <span>{{ t("common.action.delete") }}</span>
           </div>
         </div>
       </template>
@@ -54,6 +54,9 @@ import { defFileService } from "../../api/base/file";
 import { ElNotification, formContextKey, formItemContextKey } from "element-plus";
 import type { UploadProps, UploadRequestOptions } from "element-plus";
 import type { FileInfo } from "../../rpc/base/v1/file";
+import { useLocaleStore } from "../../locales";
+
+const { t } = useLocaleStore();
 
 /** 单图上传组件属性。 */
 interface UploadFileProps {
@@ -141,15 +144,15 @@ const beforeUpload: UploadProps["beforeUpload"] = rawFile => {
   const imgType = props.fileType.includes(rawFile.type as File.ImageMimeType);
   if (!imgType)
     ElNotification({
-      title: "温馨提示",
-      message: "上传图片不符合所需的格式！",
+      title: t("common.title.warning"),
+      message: t("core.upload.imageFormatInvalid"),
       type: "warning"
     });
   if (!imgSize)
     setTimeout(() => {
       ElNotification({
-        title: "温馨提示",
-        message: `上传图片大小不能超过 ${props.fileSize}M！`,
+        title: t("common.title.warning"),
+        message: t("core.upload.imageSizeExceeded", { size: props.fileSize }),
         type: "warning"
       });
     }, 0);
@@ -161,8 +164,8 @@ const beforeUpload: UploadProps["beforeUpload"] = rawFile => {
  * */
 const uploadSuccess = () => {
   ElNotification({
-    title: "温馨提示",
-    message: "图片上传成功！",
+    title: t("common.title.notice"),
+    message: t("core.upload.imageSuccess"),
     type: "success"
   });
 };
@@ -172,8 +175,8 @@ const uploadSuccess = () => {
  * */
 const uploadError = () => {
   ElNotification({
-    title: "温馨提示",
-    message: "图片上传失败，请您重新上传！",
+    title: t("common.title.warning"),
+    message: t("core.upload.imageFailed"),
     type: "error"
   });
 };

package/dist/package/src/components/Upload/Imgs.vue

@@ -27,11 +27,11 @@
         <div class="upload-handle" @click.stop>
           <div class="handle-icon" @click="handlePictureCardPreview(file)">
             <el-icon><ZoomIn /></el-icon>
-            <span>查看</span>
+            <span>{{ t("common.action.view") }}</span>
           </div>
           <div v-if="!self_disabled" class="handle-icon" @click="handleRemove(file)">
             <el-icon><Delete /></el-icon>
-            <span>删除</span>
+            <span>{{ t("common.action.delete") }}</span>
           </div>
         </div>
       </template>
@@ -50,6 +50,9 @@ import { defFileService } from "../../api/base/file";
 import type { UploadProps, UploadFile, UploadUserFile, UploadRequestOptions } from "element-plus";
 import { ElNotification, formContextKey, formItemContextKey } from "element-plus";
 import type { FileInfo } from "../../rpc/base/v1/file";
+import { useLocaleStore } from "../../locales";
+
+const { t } = useLocaleStore();
 
 /** 多图上传组件属性。 */
 interface UploadFileProps {
@@ -107,15 +110,15 @@ const beforeUpload: UploadProps["beforeUpload"] = rawFile => {
   const imgType = props.fileType.includes(rawFile.type as File.ImageMimeType);
   if (!imgType)
     ElNotification({
-      title: "温馨提示",
-      message: "上传图片不符合所需的格式！",
+      title: t("common.title.warning"),
+      message: t("core.upload.imageFormatInvalid"),
       type: "warning"
     });
   if (!imgSize)
     setTimeout(() => {
       ElNotification({
-        title: "温馨提示",
-        message: `上传图片大小不能超过 ${props.fileSize}M！`,
+        title: t("common.title.warning"),
+        message: t("core.upload.imageSizeExceeded", { size: props.fileSize }),
         type: "warning"
       });
     }, 0);
@@ -153,8 +156,8 @@ const uploadSuccess = (response: FileInfo | undefined, uploadFile: UploadFile) =
   // 调用 el-form 内部的校验方法（可自动校验）
   formItemContext?.prop && formContext?.validateField([formItemContext.prop as string]);
   ElNotification({
-    title: "温馨提示",
-    message: "图片上传成功！",
+    title: t("common.title.notice"),
+    message: t("core.upload.imageSuccess"),
     type: "success"
   });
 };
@@ -173,8 +176,8 @@ const handleRemove = (file: UploadFile) => {
  * */
 const uploadError = () => {
   ElNotification({
-    title: "温馨提示",
-    message: "图片上传失败，请您重新上传！",
+    title: t("common.title.warning"),
+    message: t("core.upload.imageFailed"),
     type: "error"
   });
 };
@@ -184,8 +187,8 @@ const uploadError = () => {
  * */
 const handleExceed = () => {
   ElNotification({
-    title: "温馨提示",
-    message: `当前最多只能上传 ${props.limit} 张图片，请移除后上传！`,
+    title: t("common.title.warning"),
+    message: t("core.upload.imageLimitExceeded", { limit: props.limit }),
     type: "warning"
   });
 };

package/dist/package/src/components/WangEditor/index.vue

@@ -6,7 +6,7 @@
       class="editor-content"
       :style="{ height }"
       :mode="mode"
-      :default-config="editorConfig"
+      :default-config="resolvedEditorConfig"
       @on-created="handleCreated"
       @on-blur="handleBlur"
     />
@@ -20,6 +20,9 @@ import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
 import { defFileService } from "../../api/base/file";
 import "@wangeditor/editor/dist/css/style.css";
 import { formContextKey, formItemContextKey } from "element-plus";
+import { useLocaleStore } from "../../locales";
+
+const { t } = useLocaleStore();
 
 // 富文本 DOM 元素
 const editorRef = shallowRef();
@@ -47,7 +50,6 @@ const props = withDefaults(defineProps<RichEditorProps>(), {
   },
   editorConfig: () => {
     return {
-      placeholder: "请输入内容...",
       MENU_CONF: {}
     };
   },
@@ -56,6 +58,12 @@ const props = withDefaults(defineProps<RichEditorProps>(), {
   hideToolBar: false,
   disabled: false
 });
+const editorMenuConfig = props.editorConfig.MENU_CONF ?? {};
+const resolvedEditorConfig = computed(() => ({
+  ...props.editorConfig,
+  placeholder: props.editorConfig.placeholder || t("common.placeholder.inputContent"),
+  MENU_CONF: editorMenuConfig
+}));
 
 // 获取 el-form 组件上下文
 const formContext = inject(formContextKey, void 0);
@@ -91,7 +99,7 @@ const valueHtml = computed({
  * @param insertFn 上传成功后的回调函数（插入到富文本编辑器中）
  * */
 type InsertFnTypeImg = (url: string, alt?: string, href?: string) => void;
-props.editorConfig.MENU_CONF!["uploadImage"] = {
+editorMenuConfig["uploadImage"] = {
   async customUpload(file: File, insertFn: InsertFnTypeImg) {
     if (!uploadImgValidate(file)) return;
     try {
@@ -115,7 +123,7 @@ const uploadImgValidate = (file: File): boolean => {
  * @param insertFn 上传成功后的回调函数（插入到富文本编辑器中）
  * */
 type InsertFnTypeVideo = (url: string, poster?: string) => void;
-props.editorConfig.MENU_CONF!["uploadVideo"] = {
+editorMenuConfig["uploadVideo"] = {
   async customUpload(file: File, insertFn: InsertFnTypeVideo) {
     if (!uploadVideoValidate(file)) return;
     try {

package/dist/package/src/directives/modules/copy.ts

@@ -6,6 +6,7 @@
 
 import type { Directive, DirectiveBinding } from "vue";
 import { ElMessage } from "element-plus";
+import { t } from "../../locales";
 /** 复制指令绑定后挂载复制内容的元素类型。 */
 interface ElType extends HTMLElement {
   copyData: string | number;
@@ -29,7 +30,7 @@ async function handleClick(this: any) {
     await navigator.clipboard.writeText(this.copyData);
     ElMessage({
       type: "success",
-      message: "复制成功"
+      message: t("core.clipboard.success")
     });
   } catch (err) {
     console.error("复制操作不被支持或失败: ", err);

package/dist/package/src/hooks/useDownload.ts

@@ -1,4 +1,5 @@
 import { ElNotification } from "element-plus";
+import { t } from "../locales";
 
 /**
  * @description 接收数据流生成 blob，创建链接，下载文件
@@ -17,8 +18,8 @@ export const useDownload = async (
 ) => {
   if (isNotify) {
     ElNotification({
-      title: "温馨提示",
-      message: "如果数据庞大会导致下载缓慢哦，请您耐心等待！",
+      title: t("common.title.notice"),
+      message: t("core.download.largeFileNotice"),
       type: "info",
       duration: 3000
     });

package/dist/package/src/hooks/useHandleData.ts

@@ -1,5 +1,6 @@
 import { ElMessageBox, ElMessage } from "element-plus";
 import { HandleData } from "./interface";
+import { t } from "../locales";
 
 /**
  * @description 操作单条数据信息 (二次确认【删除、禁用、启用、重置密码】)
@@ -16,9 +17,9 @@ export const useHandleData = (
   confirmType: HandleData.MessageType = "warning"
 ) => {
   return new Promise((resolve, reject) => {
-    ElMessageBox.confirm(`是否${message}?`, "温馨提示", {
-      confirmButtonText: "确定",
-      cancelButtonText: "取消",
+    ElMessageBox.confirm(t("core.data.confirmAction", { action: message }), t("common.title.warning"), {
+      confirmButtonText: t("common.action.confirm"),
+      cancelButtonText: t("common.action.cancel"),
       type: confirmType,
       draggable: true
     })
@@ -27,7 +28,7 @@ export const useHandleData = (
         if (!res) return reject(false);
         ElMessage({
           type: "success",
-          message: `${message}成功!`
+          message: t("core.data.operationSuccess", { action: message })
         });
         resolve(true);
       })

package/dist/package/src/hooks/useTheme.ts

@@ -7,6 +7,7 @@ import { getLightColor, getDarkColor } from "../utils/color";
 import { menuTheme } from "../styles/theme/menu";
 import { asideTheme } from "../styles/theme/aside";
 import { headerTheme } from "../styles/theme/header";
+import { t } from "../locales";
 
 /**
  * @description 全局主题 hooks
@@ -29,7 +30,7 @@ export const useTheme = () => {
   const changePrimary = (val: string | null) => {
     if (!val) {
       val = DEFAULT_PRIMARY;
-      ElMessage({ type: "success", message: `主题颜色已重置为 ${DEFAULT_PRIMARY}` });
+      ElMessage({ type: "success", message: t("core.theme.primaryReset", { color: DEFAULT_PRIMARY }) });
     }
     // 计算主题颜色变化
     document.documentElement.style.setProperty("--el-color-primary", val);

package/dist/package/src/hooks/useTime.ts

@@ -1,4 +1,5 @@
 import { ref } from "vue";
+import { getCurrentLocale } from "../locales";
 
 /**
  * @description 获取本地时间
@@ -18,7 +19,7 @@ export const useTime = () => {
     const date = new Date();
     year.value = date.getFullYear();
     month.value = date.getMonth() + 1;
-    week.value = "日一二三四五六".charAt(date.getDay());
+    week.value = new Intl.DateTimeFormat(getCurrentLocale(), { weekday: "short" }).format(date);
     day.value = date.getDate();
     hour.value =
       (date.getHours() + "")?.padStart(2, "0") ||
@@ -29,7 +30,15 @@ export const useTime = () => {
     second.value =
       (date.getSeconds() + "")?.padStart(2, "0") ||
       new Intl.NumberFormat(undefined, { minimumIntegerDigits: 2 }).format(date.getSeconds());
-    nowTime.value = `${year.value}年${month.value}月${day.value} ${hour.value}:${minute.value}:${second.value}`;
+    nowTime.value = new Intl.DateTimeFormat(getCurrentLocale(), {
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit",
+      hour12: false
+    }).format(date);
   };
 
   updateTime();

package/dist/package/src/index.ts

@@ -5,5 +5,7 @@
 /// <reference path="../types/generated/components.d.ts" />
 
 export * from "./modules";
+export * from "./locales";
+export { defLanguageService } from "./api/base/language";
 export { kratosAdminModule } from "./modules/kratosAdmin";
 export { bootstrapAdminApp } from "./bootstrap";

package/dist/package/src/layouts/components/Header/ToolBarRight.vue

@@ -2,6 +2,7 @@
   <div class="tool-bar-ri">
     <div class="header-icon">
       <component :is="tool.component" v-for="tool in headerTools" :id="tool.name" :key="tool.name" />
+      <LocaleSwitch id="localeSwitch" />
       <AssemblySize id="assemblySize" />
       <SearchMenu id="searchMenu" />
       <ThemeSetting id="themeSetting" />
@@ -18,6 +19,7 @@ import SearchMenu from "./components/SearchMenu.vue";
 import ThemeSetting from "./components/ThemeSetting.vue";
 import Fullscreen from "./components/Fullscreen.vue";
 import Avatar from "./components/Avatar.vue";
+import LocaleSwitch from "../../../components/LocaleSwitch/index.vue";
 
 const headerTools = getAdminHeaderTools();
 </script>

package/dist/package/src/layouts/components/Header/components/AssemblySize.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-tooltip effect="dark" content="组件大小" placement="bottom" :show-after="200">
+  <el-tooltip effect="dark" :content="t('core.header.sizeSelect')" placement="bottom" :show-after="200">
     <el-dropdown trigger="click" @command="setAssemblySize">
       <i :class="'iconfont icon-contentright'" class="toolBar-icon"></i>
       <template #dropdown>
@@ -22,15 +22,17 @@
 import { computed } from "vue";
 import { useGlobalStore } from "../../../../stores/modules/global";
 import { AssemblySizeType } from "../../../../stores/interface";
+import { useLocaleStore } from "../../../../locales";
 
 const globalStore = useGlobalStore();
 const assemblySize = computed(() => globalStore.assemblySize);
+const { t } = useLocaleStore();
 
-const assemblySizeList = [
-  { label: "默认", value: "default" },
-  { label: "大型", value: "large" },
-  { label: "小型", value: "small" }
-];
+const assemblySizeList = computed(() => [
+  { label: t("core.header.size.default"), value: "default" },
+  { label: t("core.header.size.large"), value: "large" },
+  { label: t("core.header.size.small"), value: "small" }
+]);
 
 const setAssemblySize = (item: AssemblySizeType) => {
   if (assemblySize.value === item) return;

package/dist/package/src/layouts/components/Header/components/Avatar.vue

@@ -23,11 +23,11 @@
             @click.stop="handleUserMenuAction(action.path)"
           >
             <el-icon v-if="action.icon"><component :is="action.icon" /></el-icon>
-            <span>{{ action.label }}</span>
+            <span>{{ action.labelKey ? t(action.labelKey) : action.label }}</span>
           </button>
           <button class="action-btn action-btn--danger" type="button" @click="logout">
             <el-icon><SwitchButton /></el-icon>
-            <span>退出登录</span>
+            <span>{{ t("common.action.logout") }}</span>
           </button>
         </div>
       </div>
@@ -46,16 +46,18 @@ import type { DropdownInstance } from "element-plus";
 import defaultAvatar from "../../../../assets/images/avatar.png";
 import { navigateTo } from "../../../../utils/router";
 import { getAdminUserMenuActions } from "../../../../modules";
+import { useLocaleStore } from "../../../../locales";
 
 const router = useRouter();
 const userStore = useUserStore();
 const authStore = useAuthStore();
 const userMenuActions = getAdminUserMenuActions();
 const dropdownRef = ref<DropdownInstance>();
+const { t } = useLocaleStore();
 const avatarSrc = ref(defaultAvatar);
-const displayName = computed(() => userStore.userInfo.nick_name || userStore.userInfo.user_name || "未设置");
-const roleName = computed(() => userStore.userInfo.role_name || "未分配角色");
-const deptName = computed(() => userStore.userInfo.dept_name || "未分配部门");
+const displayName = computed(() => userStore.userInfo.nick_name || userStore.userInfo.user_name || t("core.layout.notSet"));
+const roleName = computed(() => userStore.userInfo.role_name || t("core.layout.roleUnassigned"));
+const deptName = computed(() => userStore.userInfo.dept_name || t("core.layout.departmentUnassigned"));
 const profileSummary = computed(() => `${roleName.value} / ${deptName.value}`);
 const availableUserMenuActions = computed(() => {
   return userMenuActions.flatMap(action => {
@@ -84,9 +86,9 @@ watch(
 
 /** 退出登录并清理当前登录态。 */
 const logout = () => {
-  ElMessageBox.confirm("您是否确认退出登录?", "温馨提示", {
-    confirmButtonText: "确定",
-    cancelButtonText: "取消",
+  ElMessageBox.confirm(t("core.layout.logoutConfirm"), t("common.title.warning"), {
+    confirmButtonText: t("common.action.confirm"),
+    cancelButtonText: t("common.action.cancel"),
     type: "warning"
   }).then(async () => {
     // 1.执行退出登录接口并清理本地状态
@@ -94,7 +96,7 @@ const logout = () => {
 
     // 2.重定向到登录页
     router.replace(LOGIN_URL);
-    ElMessage.success("退出登录成功！");
+    ElMessage.success(t("core.layout.logoutSuccess"));
   });
 };
 

package/dist/package/src/layouts/components/Header/components/Breadcrumb.vue

@@ -29,18 +29,26 @@ import { useGlobalStore } from "../../../../stores/modules/global";
 import type { RouteItem } from "../../../../rpc/system/admin/v1/auth";
 import { BaseMenuType } from "../../../../rpc/system/common/v1/enum";
 import { getRouteMetaIcon, getRouteMetaTitle, getRouteTarget, isExternalPath } from "../../../../utils";
+import { useLocaleStore } from "../../../../locales";
 
 const route = useRoute();
 const router = useRouter();
 const authStore = useAuthStore();
 const globalStore = useGlobalStore();
+const { t } = useLocaleStore();
 
 const breadcrumbList = computed(() => {
   let breadcrumbData = authStore.breadcrumbListGet[route.matched[route.matched.length - 1].path] ?? [];
   // 🙅‍♀️不需要首页面包屑可删除以下判断
-  if (breadcrumbData[0]?.path !== HOME_URL && getRouteMetaTitle(breadcrumbData[0]?.meta) !== "首页") {
+  if (breadcrumbData[0]?.path !== HOME_URL) {
     breadcrumbData = [
-      { path: HOME_URL, name: "home", type: BaseMenuType.MENU, meta: { icon: "HomeFilled", title: "首页", params: [] }, children: [] },
+      {
+        path: HOME_URL,
+        name: "home",
+        type: BaseMenuType.MENU,
+        meta: { icon: "HomeFilled", title: t("core.layout.home"), params: [] },
+        children: []
+      },
       ...breadcrumbData
     ];
   }

package/dist/package/src/layouts/components/Header/components/Fullscreen.vue

@@ -10,9 +10,11 @@
 import { computed, onMounted, ref } from "vue";
 import { ElMessage } from "element-plus";
 import screenfull from "screenfull";
+import { useLocaleStore } from "../../../../locales";
 
 const isFullscreen = ref(screenfull.isFullscreen);
-const fullscreenTooltip = computed(() => (isFullscreen.value ? "退出全屏" : "全屏"));
+const { t } = useLocaleStore();
+const fullscreenTooltip = computed(() => (isFullscreen.value ? t("core.header.fullscreenExit") : t("core.header.fullscreen")));
 
 onMounted(() => {
   screenfull.on("change", () => {
@@ -22,7 +24,7 @@ onMounted(() => {
 });
 
 const handleFullScreen = () => {
-  if (!screenfull.isEnabled) ElMessage.warning("当前您的浏览器不支持全屏 ❌");
+  if (!screenfull.isEnabled) ElMessage.warning(t("core.header.fullscreenUnsupported"));
   screenfull.toggle();
 };
 </script>

package/dist/package/src/layouts/components/Header/components/InfoDialog.vue

@@ -1,16 +1,19 @@
 <template>
-  <el-dialog v-model="dialogVisible" title="个人信息" width="500px" draggable>
+  <el-dialog v-model="dialogVisible" :title="t('core.layout.info')" width="500px" draggable>
     <span>This is userInfo</span>
     <template #footer>
       <span class="dialog-footer">
-        <el-button @click="dialogVisible = false">取消</el-button>
-        <el-button type="primary" @click="dialogVisible = false">确认</el-button>
+        <el-button @click="dialogVisible = false">{{ t("common.action.cancel") }}</el-button>
+        <el-button type="primary" @click="dialogVisible = false">{{ t("common.action.confirm") }}</el-button>
       </span>
     </template>
   </el-dialog>
 </template>
 
 <script setup lang="ts">
+import { useLocaleStore } from "../../../../locales";
+
+const { t } = useLocaleStore();
 import { ref } from "vue";
 
 const dialogVisible = ref(false);

package/dist/package/src/layouts/components/Header/components/PasswordDialog.vue

@@ -1,16 +1,19 @@
 <template>
-  <el-dialog v-model="dialogVisible" title="修改密码" width="500px" draggable>
+  <el-dialog v-model="dialogVisible" :title="t('core.layout.passwordChange')" width="500px" draggable>
     <span>This is Password</span>
     <template #footer>
       <span class="dialog-footer">
-        <el-button @click="dialogVisible = false">取消</el-button>
-        <el-button type="primary" @click="dialogVisible = false">确认</el-button>
+        <el-button @click="dialogVisible = false">{{ t("common.action.cancel") }}</el-button>
+        <el-button type="primary" @click="dialogVisible = false">{{ t("common.action.confirm") }}</el-button>
       </span>
     </template>
   </el-dialog>
 </template>
 
 <script setup lang="ts">
+import { useLocaleStore } from "../../../../locales";
+
+const { t } = useLocaleStore();
 import { ref } from "vue";
 
 const dialogVisible = ref(false);

package/dist/package/src/layouts/components/Header/components/SearchMenu.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="search-menu">
-    <el-tooltip effect="dark" content="菜单搜索" placement="bottom" :show-after="200">
+    <el-tooltip effect="dark" :content="t('core.header.menuSearch')" placement="bottom" :show-after="200">
       <i :class="'iconfont icon-sousuo'" class="toolBar-icon" @click="handleOpen"></i>
     </el-tooltip>
     <el-dialog class="search-dialog" v-model="isShowSearch" :width="600" :show-close="false" top="10vh">
       <el-input
         v-model="searchMenu"
         ref="menuInputRef"
-        placeholder="菜单搜索：支持菜单名称、路径"
+        :placeholder="t('core.header.menuSearchPlaceholder')"
         size="large"
         clearable
         :prefix-icon="Search"
@@ -29,7 +29,7 @@
           <i :class="'iconfont icon-huiche'" class="menu-enter" @click="handleOpen"></i>
         </div>
       </div>
-      <el-empty v-else class="mt20 mb20" :image-size="100" description="暂无菜单" />
+      <el-empty v-else class="mt20 mb20" :image-size="100" :description="t('core.header.menuSearchEmpty')" />
     </el-dialog>
   </div>
 </template>
@@ -43,6 +43,7 @@ import { useRouter } from "vue-router";
 import { useDebounceFn } from "@vueuse/core";
 import type { RouteItem } from "../../../../rpc/system/admin/v1/auth";
 import { getRouteMetaHidden, getRouteMetaIcon, getRouteMetaTitle, getRouteTarget, isExternalPath } from "../../../../utils";
+import { useLocaleStore } from "../../../../locales";
 
 /** 可被菜单搜索展示的路由项。 */
 interface SearchRouteItem extends RouteItem {
@@ -51,6 +52,7 @@ interface SearchRouteItem extends RouteItem {
 
 const router = useRouter();
 const authStore = useAuthStore();
+const { t } = useLocaleStore();
 const menuList = computed<SearchRouteItem[]>(() => {
   return authStore.flatMenuListGet.filter((item): item is SearchRouteItem => {
     return Boolean(item.path) && !getRouteMetaHidden(item.meta);

package/dist/package/src/layouts/components/Header/components/ThemeSetting.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="theme-setting">
-    <el-tooltip effect="dark" content="主题设置" placement="bottom" :show-after="200">
+    <el-tooltip effect="dark" :content="t('core.header.theme')" placement="bottom" :show-after="200">
       <i :class="'iconfont icon-zhuti'" class="toolBar-icon" @click="openDrawer"></i>
     </el-tooltip>
   </div>
@@ -8,6 +8,8 @@
 
 <script setup lang="ts">
 import mittBus from "../../../../utils/mittBus";
+import { useLocaleStore } from "../../../../locales";
+const { t } = useLocaleStore();
 const openDrawer = () => {
   mittBus.emit("openThemeDrawer");
 };

package/dist/package/src/layouts/components/Tabs/components/MoreButton.vue

@@ -6,25 +6,25 @@
     <template #dropdown>
       <el-dropdown-menu>
         <el-dropdown-item @click="refresh">
-          <el-icon><Refresh /></el-icon>刷新当前
+          <el-icon><Refresh /></el-icon>{{ t("core.tabs.refresh") }}
         </el-dropdown-item>
         <el-dropdown-item @click="maximize">
-          <el-icon><FullScreen /></el-icon>最大化
+          <el-icon><FullScreen /></el-icon>{{ t("core.tabs.maximize") }}
         </el-dropdown-item>
         <el-dropdown-item divided @click="closeCurrentTab">
-          <el-icon><Remove /></el-icon>关闭当前
+          <el-icon><Remove /></el-icon>{{ t("core.tabs.closeCurrent") }}
         </el-dropdown-item>
         <el-dropdown-item @click="tabStore.closeTabsOnSide(currentTabPath, 'left')">
-          <el-icon><DArrowLeft /></el-icon>关闭左侧
+          <el-icon><DArrowLeft /></el-icon>{{ t("core.tabs.closeLeft") }}
         </el-dropdown-item>
         <el-dropdown-item @click="tabStore.closeTabsOnSide(currentTabPath, 'right')">
-          <el-icon><DArrowRight /></el-icon>关闭右侧
+          <el-icon><DArrowRight /></el-icon>{{ t("core.tabs.closeRight") }}
         </el-dropdown-item>
         <el-dropdown-item divided @click="tabStore.closeMultipleTab(currentTabPath)">
-          <el-icon><CircleClose /></el-icon>关闭其他
+          <el-icon><CircleClose /></el-icon>{{ t("core.tabs.closeOther") }}
         </el-dropdown-item>
         <el-dropdown-item @click="closeAllTab">
-          <el-icon><FolderDelete /></el-icon>关闭全部
+          <el-icon><FolderDelete /></el-icon>{{ t("core.tabs.closeAll") }}
         </el-dropdown-item>
       </el-dropdown-menu>
     </template>
@@ -39,12 +39,14 @@ import { useTabsStore } from "../../../../stores/modules/tabs";
 import { useGlobalStore } from "../../../../stores/modules/global";
 import { useKeepAliveStore } from "../../../../stores/modules/keepAlive";
 import { useRoute, useRouter } from "vue-router";
+import { useLocaleStore } from "../../../../locales";
 
 const route = useRoute();
 const router = useRouter();
 const tabStore = useTabsStore();
 const globalStore = useGlobalStore();
 const keepAliveStore = useKeepAliveStore();
+const { t } = useLocaleStore();
 const currentTabPath = computed(() => getAdminTabPath(route));
 
 // refresh current page