@liujitcn/kratos-admin-system 0.0.20 → 0.0.23

package/dist/package/src/views/base/migration/index.vue

@@ -3,26 +3,41 @@
   <div v-loading="loading" class="table-box migration-page">
     <main class="migration-content">
       <el-form class="migration-filters" :model="filters" inline @submit.prevent="handleSearch">
-        <el-form-item label="模块">
-          <el-input v-model="filters.module" clearable placeholder="请输入迁移模块" @keyup.enter="handleSearch" />
+        <el-form-item :label="t('system.base.migration.field.module')">
+          <el-input
+            v-model="filters.module"
+            clearable
+            :placeholder="t('system.base.migration.placeholder.module')"
+            @keyup.enter="handleSearch"
+          />
         </el-form-item>
-        <el-form-item label="数据源">
-          <el-input v-model="filters.data_source" clearable placeholder="请输入数据源名称" @keyup.enter="handleSearch" />
+        <el-form-item :label="t('system.base.migration.field.data_source')">
+          <el-input
+            v-model="filters.data_source"
+            clearable
+            :placeholder="t('system.base.migration.placeholder.data_source')"
+            @keyup.enter="handleSearch"
+          />
         </el-form-item>
-        <el-form-item label="版本">
-          <el-input v-model="filters.version" clearable placeholder="请输入版本号" @keyup.enter="handleSearch" />
+        <el-form-item :label="t('system.base.migration.field.version')">
+          <el-input
+            v-model="filters.version"
+            clearable
+            :placeholder="t('system.base.migration.placeholder.version')"
+            @keyup.enter="handleSearch"
+          />
         </el-form-item>
         <el-form-item class="migration-filters__actions">
-          <el-button type="primary" :icon="Search" native-type="submit">查询</el-button>
-          <el-button :icon="Refresh" @click="handleReset">重置</el-button>
+          <el-button type="primary" :icon="Search" native-type="submit">{{ t("common.action.search") }}</el-button>
+          <el-button :icon="Refresh" @click="handleReset">{{ t("common.action.reset") }}</el-button>
         </el-form-item>
       </el-form>
 
-      <el-empty v-if="!loading && !histories.length" description="暂无升级历史" />
+      <el-empty v-if="!loading && !histories.length" :description="t('system.base.migration.message.empty_history')" />
 
-      <section v-else class="migration-workspace" aria-label="数据库升级历史">
+      <section v-else class="migration-workspace" :aria-label="t('system.base.migration.title.history')">
         <aside class="migration-list-panel">
-          <div class="migration-list-scroll" role="listbox" aria-label="升级记录列表">
+          <div class="migration-list-scroll" role="listbox" :aria-label="t('system.base.migration.title.list')">
             <button
               v-for="history in histories"
               :key="history.id"
@@ -36,14 +51,14 @@
                 <strong>{{ history.version }}</strong>
               </div>
               <div class="migration-list-item__data-source">
-                {{ history.module || "数据库迁移" }} · {{ history.data_source || "default" }}
+                {{ history.module || t("system.base.migration.value.default_module") }} · {{ history.data_source || "default" }}
               </div>
               <time :datetime="history.created_at">{{ formatDate(history.created_at) }}</time>
             </button>
           </div>
 
           <div v-if="pageable.total > pageable.page_size" class="migration-pagination">
-            <span class="migration-pagination__total">共 {{ pageable.total }} 条</span>
+            <span class="migration-pagination__total">{{ t("system.base.migration.message.total", { total: pageable.total }) }}</span>
             <el-pagination
               background
               small
@@ -65,7 +80,8 @@
             <header class="detail-header">
               <div class="detail-header__title">
                 <span class="detail-header__data-source">
-                  {{ selectedMigration.module || "数据库迁移" }} · {{ selectedMigration.data_source || "default" }}
+                  {{ selectedMigration.module || t("system.base.migration.value.default_module") }} ·
+                  {{ selectedMigration.data_source || "default" }}
                 </span>
                 <div class="detail-header__version">
                   <h2>{{ selectedMigration.version }}</h2>
@@ -81,7 +97,7 @@
                 <section v-if="selectedMigration.description" class="detail-section">
                   <div class="detail-section__title">
                     <el-icon><Document /></el-icon>
-                    <span>升级说明</span>
+                    <span>{{ t("system.base.migration.section.description") }}</span>
                   </div>
                   <MarkdownPreview
                     class="migration-markdown"
@@ -94,26 +110,26 @@
                 <section v-if="selectedMigration.up_sql || selectedMigration.down_sql" class="detail-section">
                   <div class="detail-section__title">
                     <el-icon><Files /></el-icon>
-                    <span>SQL 脚本</span>
+                    <span>{{ t("system.base.migration.section.sql") }}</span>
                   </div>
                   <el-collapse class="release-sql">
                     <el-collapse-item v-if="selectedMigration.up_sql" name="up">
                       <template #title>
                         <span class="sql-title">
                           <el-icon><DocumentAdd /></el-icon>
-                          <span>升级脚本</span>
+                          <span>{{ t("system.base.migration.field.up_script") }}</span>
                           <code>up.sql</code>
                         </span>
                       </template>
                       <div class="sql-panel">
                         <pre class="sql-code"><code>{{ selectedMigration.up_sql }}</code></pre>
-                        <el-tooltip content="复制升级脚本" placement="top">
+                        <el-tooltip :content="t('system.base.migration.action.copy_up_script')" placement="top">
                           <el-button
                             class="sql-copy"
                             text
                             circle
                             :icon="CopyDocument"
-                            aria-label="复制升级脚本"
+                            :aria-label="t('system.base.migration.action.copy_up_script')"
                             @click.stop="copySql(selectedMigration.up_sql)"
                           />
                         </el-tooltip>
@@ -123,19 +139,19 @@
                       <template #title>
                         <span class="sql-title">
                           <el-icon><DocumentRemove /></el-icon>
-                          <span>回退脚本</span>
+                          <span>{{ t("system.base.migration.field.down_script") }}</span>
                           <code>down.sql</code>
                         </span>
                       </template>
                       <div class="sql-panel">
                         <pre class="sql-code"><code>{{ selectedMigration.down_sql }}</code></pre>
-                        <el-tooltip content="复制回退脚本" placement="top">
+                        <el-tooltip :content="t('system.base.migration.action.copy_down_script')" placement="top">
                           <el-button
                             class="sql-copy"
                             text
                             circle
                             :icon="CopyDocument"
-                            aria-label="复制回退脚本"
+                            :aria-label="t('system.base.migration.action.copy_down_script')"
                             @click.stop="copySql(selectedMigration.down_sql)"
                           />
                         </el-tooltip>
@@ -146,15 +162,14 @@
 
                 <div v-if="!hasDetailContent" class="detail-empty">
                   <el-icon><Document /></el-icon>
-                  <span>该记录暂无描述或脚本</span>
+                  <span>{{ t("system.base.migration.message.empty_detail") }}</span>
                 </div>
               </template>
             </div>
           </template>
-          <el-empty v-else description="请选择一条升级记录" />
+          <el-empty v-else :description="t('system.base.migration.message.select_record')" />
         </section>
       </section>
-
     </main>
   </div>
 </template>
@@ -166,7 +181,12 @@ import MarkdownPreview from "@liujitcn/kratos-admin-core/components/MarkdownPrev
 import { useGlobalStore } from "@liujitcn/kratos-admin-core/stores/runtime";
 import { buildPageRequest } from "@liujitcn/kratos-admin-core/table";
 import { defBaseMigrationService } from "@liujitcn/kratos-admin-system/api/system/base_migration";
-import type { BaseMigration, BaseMigrationListItem, PageBaseMigrationRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_migration";
+import type {
+  BaseMigration,
+  BaseMigrationListItem,
+  PageBaseMigrationRequest
+} from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_migration";
+import { getCurrentLocale, t } from "@liujitcn/kratos-admin-core";
 
 defineOptions({
   name: "BaseMigration",
@@ -296,9 +316,9 @@ function handleCurrentPageChange(page: number) {
 async function copySql(sql: string) {
   try {
     await navigator.clipboard.writeText(sql);
-    ElMessage.success("SQL 脚本已复制");
+    ElMessage.success(t("system.base.migration.message.copy_success"));
   } catch {
-    ElMessage.error("复制失败，请手动选择脚本内容");
+    ElMessage.error(t("system.base.migration.message.copy_failed"));
   }
 }
 
@@ -309,7 +329,7 @@ function formatDate(value: string) {
   if (!value) return "--";
   const date = new Date(value.replace(" ", "T"));
   if (Number.isNaN(date.getTime())) return value;
-  return new Intl.DateTimeFormat("zh-CN", {
+  return new Intl.DateTimeFormat(getCurrentLocale(), {
     year: "numeric",
     month: "short",
     day: "numeric"

package/dist/package/src/views/base/post/index.vue

@@ -12,12 +12,11 @@
     <FormDialog
       v-model="dialog.visible"
       ref="formDialogRef"
-      :title="dialog.title"
+      :title="t(dialog.titleKey, { resource: t('system.base.post.resource') })"
       width="560px"
       :model="formData"
       :fields="formFields"
       :rules="rules"
-      label-width="90px"
       @confirm="handleSubmit"
       @close="handleCloseDialog"
     />
@@ -41,6 +40,7 @@ import { Status } from "@liujitcn/kratos-admin-system/rpc/common/v1/enum";
 import { buildPageRequest, normalizeSelectedIds } from "@liujitcn/kratos-admin-core/table";
 import { DEFAULT_TENANT_CODE, requestTenantOptions } from "@liujitcn/kratos-admin-core/tenant";
 import { useUserStore } from "@liujitcn/kratos-admin-core/stores/runtime";
+import { t } from "@liujitcn/kratos-admin-core";
 
 defineOptions({
   name: "BasePost",
@@ -59,14 +59,14 @@ const proTable = ref<ProTableInstance>();
 const formDialogRef = ref<InstanceType<typeof FormDialog>>();
 
 const dialog = reactive({
-  title: "",
+  titleKey: "common.action.create_resource",
   visible: false
 });
 const tenantOptions = ref<SelectOptionResponse_Option[]>([]);
-const statusOptions: ProFormOption[] = [
-  { label: "启用", value: Status.ENABLE },
-  { label: "禁用", value: Status.DISABLE }
-];
+const statusOptions = computed<ProFormOption[]>(() => [
+  { label: t("common.status.enabled"), value: Status.ENABLE },
+  { label: t("common.status.disabled"), value: Status.DISABLE }
+]);
 const formData = reactive<BasePostFormState>({
   /** 岗位ID。 */
   id: 0,
@@ -83,20 +83,54 @@ const formData = reactive<BasePostFormState>({
   /** 备注。 */
   remark: ""
 });
-const rules = reactive({
-  tenant_id: [{ required: true, message: "请选择所属租户", trigger: "change" }],
+const rules = computed(() => ({
+  tenant_id: [
+    {
+      required: true,
+      message: t("common.validation.required_select", { field: t("common.field.tenant") }),
+      trigger: "change"
+    }
+  ],
   name: [
-    { required: true, message: "请输入岗位名称", trigger: "blur" },
-    { max: 30, message: "岗位名称不能超过 30 个字符", trigger: "blur" }
+    {
+      required: true,
+      message: t("common.validation.required_input", { field: t("system.base.post.field.name") }),
+      trigger: "blur"
+    },
+    {
+      max: 30,
+      message: t("common.validation.max_length", { field: t("system.base.post.field.name"), max: 30 }),
+      trigger: "blur"
+    }
   ],
   code: [
-    { required: true, message: "请输入岗位编号", trigger: "blur" },
-    { max: 20, message: "岗位编号不能超过 20 个字符", trigger: "blur" }
+    {
+      required: true,
+      message: t("common.validation.required_input", { field: t("system.base.post.field.code") }),
+      trigger: "blur"
+    },
+    {
+      max: 20,
+      message: t("common.validation.max_length", { field: t("system.base.post.field.code"), max: 20 }),
+      trigger: "blur"
+    }
   ],
-  sort: [{ required: true, type: "number", min: 1, message: "排序必须大于 0", trigger: "blur" }],
-  status: [{ required: true, message: "请选择状态", trigger: "change" }],
-  remark: [{ max: 500, message: "备注不能超过 500 个字符", trigger: "blur" }]
-});
+  sort: [{ required: true, type: "number", min: 1, message: t("common.validation.sort_positive"), trigger: "blur" }],
+  status: [
+    {
+      required: true,
+      message: t("common.validation.required_select", { field: t("common.field.status") }),
+      trigger: "change"
+    }
+  ],
+  remark: [
+    {
+      max: 500,
+      message: t("common.validation.max_length", { field: t("common.field.remark"), max: 500 }),
+      trigger: "blur"
+    }
+  ]
+}));
 
 /** 当前登录账号是否默认租户。 */
 const isDefaultTenant = computed(() => userStore.userInfo.tenant_code === DEFAULT_TENANT_CODE);
@@ -105,22 +139,41 @@ const isDefaultTenant = computed(() => userStore.userInfo.tenant_code === DEFAUL
 const formFields = computed<ProFormField[]>(() => [
   {
     prop: "tenant_id",
-    label: "所属租户",
+    label: t("common.field.tenant"),
     component: "select",
-    props: { placeholder: "请选择所属租户", filterable: true, disabled: Boolean(formData.id) },
+    props: {
+      placeholder: t("common.validation.required_select", { field: t("common.field.tenant") }),
+      filterable: true,
+      disabled: Boolean(formData.id)
+    },
     visible: () => isDefaultTenant.value,
     options: tenantOptions.value
   },
-  { prop: "name", label: "岗位名称", component: "input", props: { placeholder: "请输入岗位名称" } },
-  { prop: "code", label: "岗位编号", component: "input", props: { placeholder: "请输入岗位编号" } },
+  {
+    prop: "name",
+    label: t("system.base.post.field.name"),
+    component: "input",
+    props: { placeholder: t("common.validation.required_input", { field: t("system.base.post.field.name") }) }
+  },
+  {
+    prop: "code",
+    label: t("system.base.post.field.code"),
+    component: "input",
+    props: { placeholder: t("common.validation.required_input", { field: t("system.base.post.field.code") }) }
+  },
   {
     prop: "sort",
-    label: "排序",
+    label: t("common.field.sort"),
     component: "input-number",
     props: { min: 1, precision: 0, step: 1, controlsPosition: "right", style: { width: "100%" } }
   },
-  { prop: "status", label: "状态", component: "radio-group", options: statusOptions },
-  { prop: "remark", label: "备注", component: "textarea", props: { placeholder: "请输入备注" } }
+  { prop: "status", label: t("common.field.status"), component: "radio-group", options: statusOptions.value },
+  {
+    prop: "remark",
+    label: t("common.field.remark"),
+    component: "textarea",
+    props: { placeholder: t("common.placeholder.remark") }
+  }
 ]);
 
 /** 岗位表格列配置。 */
@@ -130,7 +183,7 @@ const columns = computed<ColumnProps[]>(() => [
     ? ([
         {
           prop: "tenant_id",
-          label: "租户",
+          label: t("common.field.tenant"),
           minWidth: 140,
           showOverflowTooltip: true,
           search: { el: "select", key: "tenant_id", props: { filterable: true }, order: 1 },
@@ -138,36 +191,36 @@ const columns = computed<ColumnProps[]>(() => [
         }
       ] satisfies ColumnProps[])
     : []),
-  { prop: "name", label: "岗位名称", minWidth: 140, search: { el: "input" } },
-  { prop: "code", label: "岗位编号", minWidth: 140, search: { el: "input" } },
-  { prop: "sort", label: "排序", minWidth: 90, align: "right" },
+  { prop: "name", label: t("system.base.post.field.name"), minWidth: 140, search: { el: "input" } },
+  { prop: "code", label: t("system.base.post.field.code"), minWidth: 140, search: { el: "input" } },
+  { prop: "sort", label: t("common.field.sort"), minWidth: 90, align: "right" },
   {
     prop: "status",
-    label: "状态",
+    label: t("common.field.status"),
     minWidth: 100,
     search: { el: "select" },
     cellType: "status",
     statusProps: {
       activeValue: Status.ENABLE,
       inactiveValue: Status.DISABLE,
-      activeText: "启用",
-      inactiveText: "禁用",
+      activeText: t("common.status.enabled"),
+      inactiveText: t("common.status.disabled"),
       disabled: () => !BUTTONS.value["base:post:status"],
       beforeChange: scope => handleBeforeSetStatus(scope.row as BasePost)
     }
   },
-  { prop: "remark", label: "备注", minWidth: 160 },
-  { prop: "created_at", label: "创建时间", minWidth: 180 },
-  { prop: "updated_at", label: "更新时间", minWidth: 180 },
+  { prop: "remark", label: t("common.field.remark"), minWidth: 160 },
+  { prop: "created_at", label: t("common.field.created_at"), minWidth: 180 },
+  { prop: "updated_at", label: t("common.field.updated_at"), minWidth: 180 },
   {
     prop: "operation",
-    label: "操作",
+    label: t("common.field.operation"),
     width: 180,
     fixed: "right",
     cellType: "actions",
     actions: [
       {
-        label: "编辑",
+        label: t("common.action.edit"),
         type: "primary",
         link: true,
         icon: EditPen,
@@ -176,7 +229,7 @@ const columns = computed<ColumnProps[]>(() => [
         onClick: (scope, params) => handleOpenDialog((params?.postId as number | undefined) ?? (scope.row as BasePost).id)
       },
       {
-        label: "删除",
+        label: t("common.action.delete"),
         type: "danger",
         link: true,
         icon: Delete,
@@ -188,23 +241,23 @@ const columns = computed<ColumnProps[]>(() => [
 ]);
 
 /** 岗位顶部按钮配置。 */
-const headerActions: HeaderActionProps[] = [
+const headerActions = computed<HeaderActionProps[]>(() => [
   {
-    label: "新增",
+    label: t("common.action.create"),
     type: "success",
     icon: CirclePlus,
     hidden: () => !BUTTONS.value["base:post:create"],
     onClick: () => handleOpenDialog()
   },
   {
-    label: "删除",
+    label: t("common.action.delete"),
     type: "danger",
     icon: Delete,
     hidden: () => !BUTTONS.value["base:post:delete"],
     disabled: scope => !scope.selectedList.length,
     onClick: scope => handleDelete(scope.selectedList as BasePost[])
   }
-];
+]);
 
 /** 请求岗位分页列表。 */
 async function requestBasePostTable(params: PageBasePostRequest) {
@@ -231,7 +284,7 @@ async function loadTenantOptions() {
 async function handleOpenDialog(id?: number) {
   resetForm();
   await loadTenantOptions();
-  dialog.title = id ? "修改岗位" : "新增岗位";
+  dialog.titleKey = id ? "common.action.edit_resource" : "common.action.create_resource";
   dialog.visible = true;
   if (id) Object.assign(formData, await defBasePostService.GetBasePost({ id }));
 }
@@ -264,7 +317,11 @@ function handleSubmit() {
       ? defBasePostService.UpdateBasePost({ base_post: submitData })
       : defBasePostService.CreateBasePost({ base_post: submitData });
     request.then(() => {
-      ElMessage.success(submitData.id ? "修改岗位成功" : "新增岗位成功");
+      ElMessage.success(
+        t(submitData.id ? "common.message.update_success" : "common.message.create_success", {
+          resource: t("system.base.post.resource")
+        })
+      );
       handleCloseDialog();
       refreshTable();
     });
@@ -274,15 +331,24 @@ function handleSubmit() {
 /** 在岗位状态切换前确认并提交。 */
 async function handleBeforeSetStatus(row: BasePost) {
   const nextStatus = row.status === Status.ENABLE ? Status.DISABLE : Status.ENABLE;
-  const text = nextStatus === Status.ENABLE ? "启用" : "禁用";
+  const text = t(nextStatus === Status.ENABLE ? "common.status.enabled" : "common.status.disabled");
   try {
-    await ElMessageBox.confirm(`是否确定${text}岗位？\n岗位名称：${row.name || row.code || `ID:${row.id}`}`, "提示", {
-      confirmButtonText: "确认",
-      cancelButtonText: "取消",
-      type: "warning"
-    });
+    await ElMessageBox.confirm(
+      t("common.dialog.status_change", {
+        action: text,
+        resource: t("system.base.post.resource"),
+        field: t("system.base.post.field.name"),
+        value: row.name || row.code || `ID:${row.id}`
+      }),
+      t("common.title.notice"),
+      {
+        confirmButtonText: t("common.action.confirm"),
+        cancelButtonText: t("common.action.cancel"),
+        type: "warning"
+      }
+    );
     await defBasePostService.SetBasePostStatus({ id: row.id, status: nextStatus });
-    ElMessage.success(`${text}成功`);
+    ElMessage.success(t("common.message.status_success", { action: text }));
     refreshTable();
     return true;
   } catch {
@@ -297,28 +363,30 @@ function handleDelete(selected?: number | string | Array<number | string> | Base
     : selected && typeof selected === "object"
       ? [selected as BasePost]
       : [];
-  const postIds = (postList.length ? postList.map(item => item.id) : normalizeSelectedIds(selected as number | string | Array<number | string>)).join(",");
+  const postIds = (
+    postList.length ? postList.map(item => item.id) : normalizeSelectedIds(selected as number | string | Array<number | string>)
+  ).join(",");
   if (!postIds) {
-    ElMessage.warning("请勾选删除项");
+    ElMessage.warning(t("common.message.select_delete_item"));
     return;
   }
   const confirmMessage =
     postList.length === 1
-      ? `是否确定删除岗位？\n岗位名称：${postList[0].name || postList[0].code || `ID:${postList[0].id}`}`
+      ? `${t("common.dialog.delete_single", { resource: t("system.base.post.resource") })}\n${t("common.dialog.resource_field", { field: t("system.base.post.field.name"), value: postList[0].name || postList[0].code || `ID:${postList[0].id}` })}`
       : postList.length > 1
-        ? `确认删除已选中的 ${postList.length} 个岗位吗？`
-        : "确认删除已选中的岗位吗？";
-  ElMessageBox.confirm(confirmMessage, "警告", {
-    confirmButtonText: "确定",
-    cancelButtonText: "取消",
+        ? t("common.dialog.delete_batch", { count: postList.length, unit: "", resource: t("system.base.post.resource") })
+        : t("common.dialog.delete_selected", { resource: t("system.base.post.resource") });
+  ElMessageBox.confirm(confirmMessage, t("common.title.warning"), {
+    confirmButtonText: t("common.action.confirm"),
+    cancelButtonText: t("common.action.cancel"),
     type: "warning"
   }).then(
     () =>
       defBasePostService.DeleteBasePost({ id: postIds }).then(() => {
-        ElMessage.success("删除岗位成功");
+        ElMessage.success(t("common.message.delete_success", { resource: t("system.base.post.resource") }));
         refreshTable();
       }),
-    () => ElMessage.info("已取消删除岗位")
+    () => ElMessage.info(t("common.dialog.cancel_delete", { resource: t("system.base.post.resource") }))
   );
 }
 </script>