@liujitcn/kratos-admin-core 0.0.21 → 0.0.24

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

@@ -111,14 +111,14 @@ const beforeUpload: UploadProps["beforeUpload"] = rawFile => {
   if (!imgType)
     ElNotification({
       title: t("common.title.warning"),
-      message: t("core.upload.imageFormatInvalid"),
+      message: t("core.upload.image_format_invalid"),
       type: "warning"
     });
   if (!imgSize)
     setTimeout(() => {
       ElNotification({
         title: t("common.title.warning"),
-        message: t("core.upload.imageSizeExceeded", { size: props.fileSize }),
+        message: t("core.upload.image_size_exceeded", { size: props.fileSize }),
         type: "warning"
       });
     }, 0);
@@ -157,7 +157,7 @@ const uploadSuccess = (response: FileInfo | undefined, uploadFile: UploadFile) =
   formItemContext?.prop && formContext?.validateField([formItemContext.prop as string]);
   ElNotification({
     title: t("common.title.notice"),
-    message: t("core.upload.imageSuccess"),
+    message: t("core.upload.image_success"),
     type: "success"
   });
 };
@@ -177,7 +177,7 @@ const handleRemove = (file: UploadFile) => {
 const uploadError = () => {
   ElNotification({
     title: t("common.title.warning"),
-    message: t("core.upload.imageFailed"),
+    message: t("core.upload.image_failed"),
     type: "error"
   });
 };
@@ -188,7 +188,7 @@ const uploadError = () => {
 const handleExceed = () => {
   ElNotification({
     title: t("common.title.warning"),
-    message: t("core.upload.imageLimitExceeded", { limit: props.limit }),
+    message: t("core.upload.image_limit_exceeded", { limit: props.limit }),
     type: "warning"
   });
 };

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

@@ -61,7 +61,7 @@ const props = withDefaults(defineProps<RichEditorProps>(), {
 const editorMenuConfig = props.editorConfig.MENU_CONF ?? {};
 const resolvedEditorConfig = computed(() => ({
   ...props.editorConfig,
-  placeholder: props.editorConfig.placeholder || t("common.placeholder.inputContent"),
+  placeholder: props.editorConfig.placeholder || t("common.placeholder.input_content"),
   MENU_CONF: editorMenuConfig
 }));
 

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

@@ -19,7 +19,7 @@ export const useDownload = async (
   if (isNotify) {
     ElNotification({
       title: t("common.title.notice"),
-      message: t("core.download.largeFileNotice"),
+      message: t("core.download.large_file_notice"),
       type: "info",
       duration: 3000
     });

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

@@ -17,7 +17,7 @@ export const useHandleData = (
   confirmType: HandleData.MessageType = "warning"
 ) => {
   return new Promise((resolve, reject) => {
-    ElMessageBox.confirm(t("core.data.confirmAction", { action: message }), t("common.title.warning"), {
+    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,
@@ -28,7 +28,7 @@ export const useHandleData = (
         if (!res) return reject(false);
         ElMessage({
           type: "success",
-          message: t("core.data.operationSuccess", { action: message })
+          message: t("core.data.operation_success", { action: message })
         });
         resolve(true);
       })

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

@@ -30,7 +30,7 @@ export const useTheme = () => {
   const changePrimary = (val: string | null) => {
     if (!val) {
       val = DEFAULT_PRIMARY;
-      ElMessage({ type: "success", message: t("core.theme.primaryReset", { color: 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/layouts/components/Header/components/AssemblySize.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-tooltip effect="dark" :content="t('core.header.sizeSelect')" 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>

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

@@ -55,9 +55,9 @@ 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 || 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 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 => {
@@ -86,7 +86,7 @@ watch(
 
 /** 退出登录并清理当前登录态。 */
 const logout = () => {
-  ElMessageBox.confirm(t("core.layout.logoutConfirm"), t("common.title.warning"), {
+  ElMessageBox.confirm(t("core.layout.logout_confirm"), t("common.title.warning"), {
     confirmButtonText: t("common.action.confirm"),
     cancelButtonText: t("common.action.cancel"),
     type: "warning"
@@ -96,7 +96,7 @@ const logout = () => {
 
     // 2.重定向到登录页
     router.replace(LOGIN_URL);
-    ElMessage.success(t("core.layout.logoutSuccess"));
+    ElMessage.success(t("core.layout.logout_success"));
   });
 };
 

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

@@ -27,7 +27,7 @@ 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";
 
@@ -45,7 +45,7 @@ const breadcrumbList = computed(() => {
       {
         path: HOME_URL,
         name: "home",
-        type: BaseMenuType.MENU,
+        type: BaseMenuType.BASE_MENU_TYPE_MENU,
         meta: { icon: "HomeFilled", title: t("core.layout.home"), params: [] },
         children: []
       },

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

@@ -14,7 +14,7 @@ import { useLocaleStore } from "../../../../locales";
 
 const isFullscreen = ref(screenfull.isFullscreen);
 const { t } = useLocaleStore();
-const fullscreenTooltip = computed(() => (isFullscreen.value ? t("core.header.fullscreenExit") : t("core.header.fullscreen")));
+const fullscreenTooltip = computed(() => (isFullscreen.value ? t("core.header.fullscreen_exit") : t("core.header.fullscreen")));
 
 onMounted(() => {
   screenfull.on("change", () => {
@@ -24,7 +24,7 @@ onMounted(() => {
 });
 
 const handleFullScreen = () => {
-  if (!screenfull.isEnabled) ElMessage.warning(t("core.header.fullscreenUnsupported"));
+  if (!screenfull.isEnabled) ElMessage.warning(t("core.header.fullscreen_unsupported"));
   screenfull.toggle();
 };
 </script>

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

@@ -1,5 +1,5 @@
 <template>
-  <el-dialog v-model="dialogVisible" :title="t('core.layout.passwordChange')" width="500px" draggable>
+  <el-dialog v-model="dialogVisible" :title="t('core.layout.password_change')" width="500px" draggable>
     <span>This is Password</span>
     <template #footer>
       <span class="dialog-footer">

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

@@ -1,13 +1,13 @@
 <template>
   <div class="search-menu">
-    <el-tooltip effect="dark" :content="t('core.header.menuSearch')" placement="bottom" :show-after="200">
+    <el-tooltip effect="dark" :content="t('core.header.menu_search')" 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="t('core.header.menuSearchPlaceholder')"
+        :placeholder="t('core.header.menu_search_placeholder')"
         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="t('core.header.menuSearchEmpty')" />
+      <el-empty v-else class="mt20 mb20" :image-size="100" :description="t('core.header.menu_search_empty')" />
     </el-dialog>
   </div>
 </template>

package/dist/package/src/layouts/components/Main/index.vue

@@ -79,6 +79,7 @@ const listeningWindow = useDebounceFn(() => {
   if (!isCollapse.value && screenWidth.value < 1200) globalStore.setGlobalState("isCollapse", true);
   if (isCollapse.value && screenWidth.value > 1200) globalStore.setGlobalState("isCollapse", false);
 }, 100);
+listeningWindow();
 window.addEventListener("resize", listeningWindow, false);
 onBeforeUnmount(() => {
   window.removeEventListener("resize", listeningWindow);

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

@@ -12,19 +12,19 @@
           <el-icon><FullScreen /></el-icon>{{ t("core.tabs.maximize") }}
         </el-dropdown-item>
         <el-dropdown-item divided @click="closeCurrentTab">
-          <el-icon><Remove /></el-icon>{{ t("core.tabs.closeCurrent") }}
+          <el-icon><Remove /></el-icon>{{ t("core.tabs.close_current") }}
         </el-dropdown-item>
         <el-dropdown-item @click="tabStore.closeTabsOnSide(currentTabPath, 'left')">
-          <el-icon><DArrowLeft /></el-icon>{{ t("core.tabs.closeLeft") }}
+          <el-icon><DArrowLeft /></el-icon>{{ t("core.tabs.close_left") }}
         </el-dropdown-item>
         <el-dropdown-item @click="tabStore.closeTabsOnSide(currentTabPath, 'right')">
-          <el-icon><DArrowRight /></el-icon>{{ t("core.tabs.closeRight") }}
+          <el-icon><DArrowRight /></el-icon>{{ t("core.tabs.close_right") }}
         </el-dropdown-item>
         <el-dropdown-item divided @click="tabStore.closeMultipleTab(currentTabPath)">
-          <el-icon><CircleClose /></el-icon>{{ t("core.tabs.closeOther") }}
+          <el-icon><CircleClose /></el-icon>{{ t("core.tabs.close_other") }}
         </el-dropdown-item>
         <el-dropdown-item @click="closeAllTab">
-          <el-icon><FolderDelete /></el-icon>{{ t("core.tabs.closeAll") }}
+          <el-icon><FolderDelete /></el-icon>{{ t("core.tabs.close_all") }}
         </el-dropdown-item>
       </el-dropdown-menu>
     </template>

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

@@ -27,17 +27,25 @@ import { TabsPaneContext, TabPaneName } from "element-plus";
 import { getRouteMetaAffix, getRouteMetaFull, getRouteMetaIcon, getRouteMetaKeepAlive, getRouteMetaTitle } from "../../../utils";
 import MoreButton from "./components/MoreButton.vue";
 import { getAdminTabPath } from "../../../modules";
+import { useLocaleStore } from "../../../locales";
 
 const route = useRoute();
 const router = useRouter();
 const tabStore = useTabsStore();
 const authStore = useAuthStore();
 const globalStore = useGlobalStore();
+const { locale, t } = useLocaleStore();
 
 const tabsMenuValue = ref(getAdminTabPath(route));
 const tabsMenuList = computed(() => tabStore.tabsMenuList);
 const tabsIcon = computed(() => globalStore.tabsIcon);
 
+/** 获取当前路由标签标题，兼容静态路由的多语言标题键。 */
+const getCurrentRouteTitle = () => {
+  const titleKey = typeof route.meta.titleKey === "string" ? route.meta.titleKey : "";
+  return titleKey ? t(titleKey) : String(route.meta.title ?? "");
+};
+
 onMounted(() => {
   tabsDrop();
   initTabs();
@@ -52,7 +60,7 @@ watch(
     tabsMenuValue.value = tabPath;
     const tabsParams = {
       icon: route.meta.icon as string,
-      title: route.meta.title as string,
+      title: getCurrentRouteTitle(),
       path: tabPath,
       name: route.name as string,
       close: !route.meta.affix,
@@ -63,6 +71,12 @@ watch(
   { immediate: true }
 );
 
+watch(locale, () => {
+  const currentTabPath = getAdminTabPath(route);
+  const currentTab = tabStore.tabsMenuList.find(item => item.path === currentTabPath);
+  if (currentTab && route.meta.titleKey) currentTab.title = getCurrentRouteTitle();
+});
+
 // 初始化固定标签
 const initTabs = () => {
   authStore.flatMenuListGet.forEach(item => {

package/dist/package/src/layouts/components/ThemeDrawer/index.vue

@@ -52,8 +52,8 @@
     </div>
     <div class="theme-item">
       <span>
-        {{ t("core.theme.asideInverted") }}
-        <el-tooltip effect="dark" :content="t('core.theme.asideInvertedTip')" placement="top">
+        {{ t("core.theme.aside_inverted") }}
+        <el-tooltip effect="dark" :content="t('core.theme.aside_inverted_tip')" placement="top">
           <el-icon><QuestionFilled /></el-icon>
         </el-tooltip>
       </span>
@@ -61,8 +61,8 @@
     </div>
     <div class="theme-item mb50">
       <span>
-        {{ t("core.theme.headerInverted") }}
-        <el-tooltip effect="dark" :content="t('core.theme.headerInvertedTip')" placement="top">
+        {{ t("core.theme.header_inverted") }}
+        <el-tooltip effect="dark" :content="t('core.theme.header_inverted_tip')" placement="top">
           <el-icon><QuestionFilled /></el-icon>
         </el-tooltip>
       </span>
@@ -97,7 +97,7 @@
       {{ t("core.theme.interface") }}
     </el-divider>
     <div class="theme-item">
-      <span>{{ t("core.theme.menuCollapse") }}</span>
+      <span>{{ t("core.theme.menu_collapse") }}</span>
       <el-switch v-model="isCollapse" />
     </div>
     <div class="theme-item">
@@ -113,7 +113,7 @@
       <el-switch v-model="breadcrumb" />
     </div>
     <div class="theme-item">
-      <span>{{ t("core.theme.breadcrumbIcon") }}</span>
+      <span>{{ t("core.theme.breadcrumb_icon") }}</span>
       <el-switch v-model="breadcrumbIcon" />
     </div>
     <div class="theme-item">
@@ -121,7 +121,7 @@
       <el-switch v-model="tabs" />
     </div>
     <div class="theme-item">
-      <span>{{ t("core.theme.tabsIcon") }}</span>
+      <span>{{ t("core.theme.tabs_icon") }}</span>
       <el-switch v-model="tabsIcon" />
     </div>
     <div class="theme-item">

package/dist/package/src/locales/README.md

@@ -4,7 +4,7 @@
 
 | 文件 | 用途 | 使用位置 |
 | --- | --- | --- |
-| `zh-CN.json` | 简体中文固定 UI 默认语言包，也是七语键集合和占位符校验基准。 | 管理端固定文案默认语言及缺失翻译回退。 |
+| `zh-CN.json` | 简体中文固定 UI 默认语言包，也是所有语言键集合和占位符校验基准。 | 管理端固定文案默认语言及缺失翻译回退。 |
 | `zh-TW.json` | 繁体中文公共语言包。 | 管理端切换为繁体中文时由 Vue I18n 使用。 |
 | `en-US.json` | 英文公共语言包。 | 管理端切换为英文时由 Vue I18n 使用。 |
 | `ja-JP.json` | 日文公共语言包。 | 管理端切换为日文时由 Vue I18n 使用。 |
@@ -12,4 +12,4 @@
 | `fr-FR.json` | 法语公共语言包。 | 管理端切换为法语时由 Vue I18n 使用。 |
 | `es-ES.json` | 西班牙语公共语言包。 | 管理端切换为西班牙语时由 Vue I18n 使用。 |
 
-语言包是标准 JSON，不能在文件内直接写注释；新增或修改键时七种语言必须同步更新。
+语言包是标准 JSON，不能在文件内直接写注释；新增语言或修改键后执行仓库根目录的 `make i18n-sync`，脚本会校验所有语言并生成注册产物。语言切换选项固定显示后端 `base_language.native_name`，接口不可用时使用代码内置的原生名称；`common.language.*` 仅用于普通文案和语言迁移初始数据。新增语言的完整文件清单见[国际化语言扩展指南](../../../../../../docs/国际化语言扩展指南.md)。