@liujitcn/kratos-admin-core 0.0.20 → 0.0.23

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

@@ -12,20 +12,22 @@
       :on-error="uploadError"
       :accept="fileType.join(',')"
     >
-      <el-button type="primary" :disabled="selfDisabled">上传文件</el-button>
+      <el-button type="primary" :disabled="selfDisabled">{{ t("core.upload.action") }}</el-button>
     </el-upload>
 
     <div v-if="fileInfo?.url" class="file-card">
       <div class="file-card__main">
         <el-icon class="file-card__icon"><Document /></el-icon>
         <div class="file-card__meta">
-          <div class="file-card__name">{{ fileInfo.name || "未命名文件" }}</div>
+          <div class="file-card__name">{{ fileInfo.name || t("core.upload.unnamed_file") }}</div>
           <div class="file-card__url">{{ fileInfo.url }}</div>
         </div>
       </div>
       <div class="file-card__action">
-        <el-button link type="primary" :icon="Download" @click.stop="handleDownload">下载</el-button>
-        <el-button v-if="!selfDisabled" link type="danger" :icon="Delete" @click.stop="handleDelete">删除</el-button>
+        <el-button link type="primary" :icon="Download" @click.stop="handleDownload">{{ t("common.action.download") }}</el-button>
+        <el-button v-if="!selfDisabled" link type="danger" :icon="Delete" @click.stop="handleDelete">
+          {{ t("common.action.delete") }}
+        </el-button>
       </div>
     </div>
   </div>
@@ -38,6 +40,9 @@ import { ElNotification, formContextKey, formItemContextKey } from "element-plus
 import type { UploadProps, UploadRequestOptions, UploadUserFile } from "element-plus";
 import { defFileService } from "../../api/base/file";
 import type { FileInfo } from "../../rpc/base/v1/file";
+import { useLocaleStore } from "../../locales";
+
+const { t } = useLocaleStore();
 
 /** 单文件上传组件属性。 */
 interface UploadFileProps {
@@ -68,7 +73,7 @@ type UploadRequestError = Parameters<NonNullable<UploadRequestOptions["onError"]
 
 /** 兼容 Element Plus 上传组件要求的错误对象结构。 */
 function buildUploadError(error: unknown): UploadRequestError {
-  const uploadError = error instanceof Error ? error : new Error("文件上传失败");
+  const uploadError = error instanceof Error ? error : new Error(t("core.upload.file_failed"));
   return Object.assign(uploadError, {
     status: 500,
     method: "POST",
@@ -88,16 +93,16 @@ const beforeUpload: UploadProps["beforeUpload"] = rawFile => {
 
   if (!fileTypeValid) {
     ElNotification({
-      title: "温馨提示",
-      message: "上传文件不符合所需的格式！",
+      title: t("common.title.warning"),
+      message: t("core.upload.file_format_invalid"),
       type: "warning"
     });
   }
 
   if (!fileSizeValid) {
     ElNotification({
-      title: "温馨提示",
-      message: `上传文件大小不能超过 ${props.fileSize}M！`,
+      title: t("common.title.warning"),
+      message: t("core.upload.file_size_exceeded", { size: props.fileSize }),
       type: "warning"
     });
   }
@@ -125,8 +130,8 @@ const uploadSuccess = (response: FileInfo | undefined) => {
   });
   formItemContext?.prop && formContext?.validateField([formItemContext.prop as string]);
   ElNotification({
-    title: "温馨提示",
-    message: "文件上传成功！",
+    title: t("common.title.notice"),
+    message: t("core.upload.file_success"),
     type: "success"
   });
 };
@@ -134,8 +139,8 @@ const uploadSuccess = (response: FileInfo | undefined) => {
 /** 处理文件上传失败提示。 */
 const uploadError = () => {
   ElNotification({
-    title: "温馨提示",
-    message: "文件上传失败，请您重新上传！",
+    title: t("common.title.warning"),
+    message: t("core.upload.file_failed"),
     type: "error"
   });
 };

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

@@ -14,7 +14,7 @@
       :on-exceed="handleExceed"
       :accept="fileType.join(',')"
     >
-      <el-button type="primary" :disabled="selfDisabled">上传文件</el-button>
+      <el-button type="primary" :disabled="selfDisabled">{{ t("core.upload.action") }}</el-button>
     </el-upload>
 
     <div v-if="_fileList.length" class="file-list">
@@ -22,13 +22,17 @@
         <div class="file-card__main">
           <el-icon class="file-card__icon"><Document /></el-icon>
           <div class="file-card__meta">
-            <div class="file-card__name">{{ file.name || "未命名文件" }}</div>
+            <div class="file-card__name">{{ file.name || t("core.upload.unnamed_file") }}</div>
             <div class="file-card__url">{{ file.url }}</div>
           </div>
         </div>
         <div class="file-card__action">
-          <el-button link type="primary" :icon="Download" @click.stop="handleDownload(file)">下载</el-button>
-          <el-button v-if="!selfDisabled" link type="danger" :icon="Delete" @click.stop="handleRemove(file)">删除</el-button>
+          <el-button link type="primary" :icon="Download" @click.stop="handleDownload(file)">
+            {{ t("common.action.download") }}
+          </el-button>
+          <el-button v-if="!selfDisabled" link type="danger" :icon="Delete" @click.stop="handleRemove(file)">
+            {{ t("common.action.delete") }}
+          </el-button>
         </div>
       </div>
     </div>
@@ -42,6 +46,9 @@ import { ElNotification, formContextKey, formItemContextKey } from "element-plus
 import type { UploadProps, UploadRequestOptions, UploadUserFile } from "element-plus";
 import { defFileService } from "../../api/base/file";
 import type { FileInfo } from "../../rpc/base/v1/file";
+import { useLocaleStore } from "../../locales";
+
+const { t } = useLocaleStore();
 
 /** 多文件上传组件属性。 */
 interface UploadFilesProps {
@@ -75,7 +82,7 @@ type UploadRequestError = Parameters<NonNullable<UploadRequestOptions["onError"]
 
 /** 兼容 Element Plus 上传组件要求的错误对象结构。 */
 function buildUploadError(error: unknown): UploadRequestError {
-  const uploadError = error instanceof Error ? error : new Error("文件上传失败");
+  const uploadError = error instanceof Error ? error : new Error(t("core.upload.file_failed"));
   return Object.assign(uploadError, {
     status: 500,
     method: "POST",
@@ -102,16 +109,16 @@ const beforeUpload: UploadProps["beforeUpload"] = rawFile => {
 
   if (!fileTypeValid) {
     ElNotification({
-      title: "温馨提示",
-      message: "上传文件不符合所需的格式！",
+      title: t("common.title.warning"),
+      message: t("core.upload.file_format_invalid"),
       type: "warning"
     });
   }
 
   if (!fileSizeValid) {
     ElNotification({
-      title: "温馨提示",
-      message: `上传文件大小不能超过 ${props.fileSize}M！`,
+      title: t("common.title.warning"),
+      message: t("core.upload.file_size_exceeded", { size: props.fileSize }),
       type: "warning"
     });
   }
@@ -143,8 +150,8 @@ const uploadSuccess = (response: FileInfo | undefined) => {
   emit("update:fileList", _fileList.value);
   formItemContext?.prop && formContext?.validateField([formItemContext.prop as string]);
   ElNotification({
-    title: "温馨提示",
-    message: "文件上传成功！",
+    title: t("common.title.notice"),
+    message: t("core.upload.file_success"),
     type: "success"
   });
 };
@@ -152,8 +159,8 @@ const uploadSuccess = (response: FileInfo | undefined) => {
 /** 处理文件上传失败提示。 */
 const uploadError = () => {
   ElNotification({
-    title: "温馨提示",
-    message: "文件上传失败，请您重新上传！",
+    title: t("common.title.warning"),
+    message: t("core.upload.file_failed"),
     type: "error"
   });
 };
@@ -161,8 +168,8 @@ const uploadError = () => {
 /** 超出上传数量限制时给出提示。 */
 function handleExceed() {
   ElNotification({
-    title: "温馨提示",
-    message: `当前最多只能上传 ${props.limit} 个文件，请移除后上传！`,
+    title: t("common.title.warning"),
+    message: t("core.upload.limit_exceeded", { limit: props.limit }),
     type: "warning"
   });
 }

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.image_format_invalid"),
       type: "warning"
     });
   if (!imgSize)
     setTimeout(() => {
       ElNotification({
-        title: "温馨提示",
-        message: `上传图片大小不能超过 ${props.fileSize}M！`,
+        title: t("common.title.warning"),
+        message: t("core.upload.image_size_exceeded", { 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.image_success"),
     type: "success"
   });
 };
@@ -172,8 +175,8 @@ const uploadSuccess = () => {
  * */
 const uploadError = () => {
   ElNotification({
-    title: "温馨提示",
-    message: "图片上传失败，请您重新上传！",
+    title: t("common.title.warning"),
+    message: t("core.upload.image_failed"),
     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.image_format_invalid"),
       type: "warning"
     });
   if (!imgSize)
     setTimeout(() => {
       ElNotification({
-        title: "温馨提示",
-        message: `上传图片大小不能超过 ${props.fileSize}M！`,
+        title: t("common.title.warning"),
+        message: t("core.upload.image_size_exceeded", { 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.image_success"),
     type: "success"
   });
 };
@@ -173,8 +176,8 @@ const handleRemove = (file: UploadFile) => {
  * */
 const uploadError = () => {
   ElNotification({
-    title: "温馨提示",
-    message: "图片上传失败，请您重新上传！",
+    title: t("common.title.warning"),
+    message: t("core.upload.image_failed"),
     type: "error"
   });
 };
@@ -184,8 +187,8 @@ const uploadError = () => {
  * */
 const handleExceed = () => {
   ElNotification({
-    title: "温馨提示",
-    message: `当前最多只能上传 ${props.limit} 张图片，请移除后上传！`,
+    title: t("common.title.warning"),
+    message: t("core.upload.image_limit_exceeded", { 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.input_content"),
+  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.large_file_notice"),
       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.confirm_action", { 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.operation_success", { 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.primary_reset", { 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.size_select')" 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.not_set"));
+const roleName = computed(() => userStore.userInfo.role_name || t("core.layout.role_unassigned"));
+const deptName = computed(() => userStore.userInfo.dept_name || t("core.layout.department_unassigned"));
 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.logout_confirm"), 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.logout_success"));
   });
 };
 

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

@@ -27,20 +27,28 @@ import { ArrowRight } from "@element-plus/icons-vue";
 import { useAuthStore } from "../../../../stores/modules/auth";
 import { useGlobalStore } from "../../../../stores/modules/global";
 import type { RouteItem } from "../../../../rpc/system/admin/v1/auth";
-import { BaseMenuType } from "../../../../rpc/system/common/v1/enum";
+import { BaseMenuType } from "../../../../rpc/system/admin/v1/common";
 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.BASE_MENU_TYPE_MENU,
+        meta: { icon: "HomeFilled", title: t("core.layout.home"), params: [] },
+        children: []
+      },
       ...breadcrumbData
     ];
   }