@liujitcn/kratos-admin-system 0.0.28 → 0.0.31

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

@@ -56,16 +56,16 @@
           inline-prompt
         />
       </template>
-      <template #nameTranslations>
-        <DynamicTranslationEditor
-          v-model="nameTranslationValues"
+      <template #nameI18ns>
+        <DynamicI18nEditor
+          v-model="nameI18nValues"
           :source="formData.name"
           :maxlength="100"
         />
       </template>
-      <template #valueTranslations>
-        <DynamicTranslationEditor
-          v-model="valueTranslationValues"
+      <template #valueI18ns>
+        <DynamicI18nEditor
+          v-model="valueI18nValues"
           :source="formData.value"
           :maxlength="10000"
           multiline
@@ -78,8 +78,6 @@
 <script setup lang="ts">
 import { computed, h, reactive, ref } from "vue";
 import { useDebounceFn } from "@vueuse/core";
-import { ElImage, ElMessage, ElMessageBox, ElTag, ElTooltip } from "element-plus";
-import { CirclePlus, Delete, EditPen, RefreshLeft } from "@element-plus/icons-vue";
 import type { ColumnProps, HeaderActionProps, ProTableInstance } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
 import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
 import FormDialog from "@liujitcn/kratos-admin-core/components/Dialog/FormDialog.vue";
@@ -99,15 +97,15 @@ import type { BaseI18n } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1
 import { BaseConfigSite } from "@liujitcn/kratos-admin-system/rpc/base/v1/config";
 import { Status } from "@liujitcn/kratos-admin-system/rpc/common/v1/enum";
 import { BaseConfigType } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_config";
-import { TranslationTargetType } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_i18n";
+import { I18nTargetType } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_i18n";
 import { buildPageRequest, normalizeSelectedIds } from "@liujitcn/kratos-admin-core/table";
 import { t } from "@liujitcn/kratos-admin-core";
-import DynamicTranslationEditor from "@liujitcn/kratos-admin-system/components/DynamicTranslationEditor.vue";
-import DynamicTranslationCell from "@liujitcn/kratos-admin-system/components/DynamicTranslationCell.vue";
+import DynamicI18nEditor from "@liujitcn/kratos-admin-system/components/DynamicI18nEditor.vue";
+import DynamicI18nCell from "@liujitcn/kratos-admin-system/components/DynamicI18nCell.vue";
 import {
   getEditableLanguageOptions,
-  type DynamicTranslationValue
-} from "@liujitcn/kratos-admin-system/components/dynamicTranslation";
+  type DynamicI18nValue
+} from "@liujitcn/kratos-admin-system/components/dynamicI18n";
 
 /** 系统配置编辑表单状态，新增时枚举字段保持为空，避免把未知值 0 显示为下拉文本。 */
 type BaseConfigFormState = Omit<BaseConfigForm, "site" | "type"> & {
@@ -147,16 +145,16 @@ const formData = reactive<BaseConfigFormState>({
   /** 状态 */
   status: Status.STATUS_ENABLE,
   /** 配置名称非主语言翻译。 */
-  name_translations: [],
+  name_i18ns: [],
   /** 配置文本或富文本值的非主语言翻译。 */
-  value_translations: []
+  value_i18ns: []
 });
 
 /** 将配置值翻译记录转换为编辑器值，缺少记录时保留可编辑的空行。 */
-function normalizeConfigTranslations(targetType: TranslationTargetType): DynamicTranslationValue[] {
-  const records = targetType === TranslationTargetType.TRANSLATION_TARGET_TYPE_BASE_CONFIG_NAME
-    ? formData.name_translations
-    : formData.value_translations;
+function normalizeConfigI18ns(targetType: I18nTargetType): DynamicI18nValue[] {
+  const records = targetType === I18nTargetType.I18N_TARGET_TYPE_BASE_CONFIG_NAME
+    ? formData.name_i18ns
+    : formData.value_i18ns;
   return getEditableLanguageOptions()
     .map(item => item.value)
     .map(locale => {
@@ -170,7 +168,7 @@ function normalizeConfigTranslations(targetType: TranslationTargetType): Dynamic
 }
 
 /** 保存指定目标类型的编辑器值，并保留其他字段的翻译。 */
-function updateConfigTranslations(targetType: TranslationTargetType, values: DynamicTranslationValue[]) {
+function updateConfigI18ns(targetType: I18nTargetType, values: DynamicI18nValue[]) {
   const next = values.map(
     item =>
       ({
@@ -180,21 +178,21 @@ function updateConfigTranslations(targetType: TranslationTargetType, values: Dyn
         name: item.text
       }) as BaseI18n
   );
-  if (targetType === TranslationTargetType.TRANSLATION_TARGET_TYPE_BASE_CONFIG_NAME) {
-    formData.name_translations = next;
+  if (targetType === I18nTargetType.I18N_TARGET_TYPE_BASE_CONFIG_NAME) {
+    formData.name_i18ns = next;
   } else {
-    formData.value_translations = next;
+    formData.value_i18ns = next;
   }
 }
 
-const nameTranslationValues = computed<DynamicTranslationValue[]>({
-  get: () => normalizeConfigTranslations(TranslationTargetType.TRANSLATION_TARGET_TYPE_BASE_CONFIG_NAME),
-  set: values => updateConfigTranslations(TranslationTargetType.TRANSLATION_TARGET_TYPE_BASE_CONFIG_NAME, values)
+const nameI18nValues = computed<DynamicI18nValue[]>({
+  get: () => normalizeConfigI18ns(I18nTargetType.I18N_TARGET_TYPE_BASE_CONFIG_NAME),
+  set: values => updateConfigI18ns(I18nTargetType.I18N_TARGET_TYPE_BASE_CONFIG_NAME, values)
 });
 
-const valueTranslationValues = computed<DynamicTranslationValue[]>({
-  get: () => normalizeConfigTranslations(TranslationTargetType.TRANSLATION_TARGET_TYPE_BASE_CONFIG_VALUE),
-  set: values => updateConfigTranslations(TranslationTargetType.TRANSLATION_TARGET_TYPE_BASE_CONFIG_VALUE, values)
+const valueI18nValues = computed<DynamicI18nValue[]>({
+  get: () => normalizeConfigI18ns(I18nTargetType.I18N_TARGET_TYPE_BASE_CONFIG_VALUE),
+  set: values => updateConfigI18ns(I18nTargetType.I18N_TARGET_TYPE_BASE_CONFIG_VALUE, values)
 });
 
 const rules = computed(() => ({
@@ -259,7 +257,9 @@ const statusOptions = computed<ProFormOption[]>(() => [
 
 /** 字典类系统配置与字典编码的映射关系。 */
 const BASE_CONFIG_DICT_CODE_MAP: Record<string, string> = {
-  captchaType: "captcha_type"
+  captchaType: "captcha_type",
+  securityMfaPolicy: "security_mfa_policy",
+  securityMfaMethod: "mfa_method"
 };
 
 /** 当前字典类配置对应的字典编码，未配置映射时允许退回手动输入。 */
@@ -334,17 +334,17 @@ const formFields = computed<ProFormField[]>(() => [
     visible: model => model.type == BaseConfigType.BASE_CONFIG_TYPE_BOOLEAN
   },
   {
-    prop: "translations",
-    label: t("system.base.translation.field.name_translations"),
+    prop: "i18ns",
+    label: t("system.base.i18n.field.name_i18ns"),
     component: "slot",
-    slotName: "nameTranslations",
+    slotName: "nameI18ns",
     colSpan: 24
   },
   {
-    prop: "translations",
-    label: t("system.base.translation.field.value_translations"),
+    prop: "i18ns",
+    label: t("system.base.i18n.field.value_i18ns"),
     component: "slot",
-    slotName: "valueTranslations",
+    slotName: "valueI18ns",
     visible: model =>
       model.type == BaseConfigType.BASE_CONFIG_TYPE_TEXT || model.type == BaseConfigType.BASE_CONFIG_TYPE_RICH_TEXT,
     colSpan: 24
@@ -431,11 +431,11 @@ const columns = computed<ColumnProps[]>(() => [
 
 /** 渲染系统配置名称翻译预览。 */
 function renderConfigNameCell(row: BaseConfig) {
-  return h(DynamicTranslationCell, {
+  return h(DynamicI18nCell, {
     source: row.name,
-    targetType: TranslationTargetType.TRANSLATION_TARGET_TYPE_BASE_CONFIG_NAME,
+    targetType: I18nTargetType.I18N_TARGET_TYPE_BASE_CONFIG_NAME,
     targetId: row.id,
-    translations: row.translations
+    i18ns: row.i18ns
   });
 }
 
@@ -573,8 +573,8 @@ function resetForm() {
   formData.type = undefined;
   formData.key = "";
   formData.value = "";
-  formData.name_translations = [];
-  formData.value_translations = [];
+  formData.name_i18ns = [];
+  formData.value_i18ns = [];
   formData.status = Status.STATUS_ENABLE;
 }
 

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

@@ -0,0 +1,200 @@
+<template>
+  <main class="dashboard-page">
+    <header class="dashboard-header">
+      <div>
+        <h1>{{ t("system.dashboard.title") }}</h1>
+        <p>{{ t("system.dashboard.updated_at", { time: updatedAt }) }}</p>
+      </div>
+      <el-button :loading="loading" @click="loadDashboard">
+        <el-icon><Refresh /></el-icon>
+        {{ t("core.table.refresh") }}
+      </el-button>
+    </header>
+
+    <el-skeleton v-if="loading && !overview" :rows="3" animated />
+    <template v-else>
+      <section class="metric-grid" :aria-label="t('system.dashboard.overview')">
+        <el-card v-for="metric in metrics" :key="metric.key" shadow="never" class="metric-card">
+          <span class="metric-label">{{ metric.label }}</span>
+          <strong class="metric-value">{{ metric.value }}</strong>
+        </el-card>
+      </section>
+
+      <section class="chart-grid">
+        <el-card shadow="never" class="chart-card chart-card-wide">
+          <template #header>{{ t("system.dashboard.login_trend") }}</template>
+          <div class="chart-wrap"><ECharts :option="loginTrendOption" height="320" /></div>
+        </el-card>
+        <el-card shadow="never" class="chart-card">
+          <template #header>{{ t("system.dashboard.login_distribution") }}</template>
+          <div class="chart-wrap"><ECharts :option="loginDistributionOption" height="320" /></div>
+        </el-card>
+        <el-card shadow="never" class="chart-card">
+          <template #header>{{ t("system.dashboard.operation_distribution") }}</template>
+          <div class="chart-wrap"><ECharts :option="operationDistributionOption" height="320" /></div>
+        </el-card>
+      </section>
+    </template>
+  </main>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, ref } from "vue";
+import ECharts from "@liujitcn/kratos-admin-core/components/ECharts/index.vue";
+import { defBaseDashboardService } from "@liujitcn/kratos-admin-system/api/system/base_dashboard";
+import type {
+  BaseDashboardDistributionItem,
+  BaseDashboardOverview,
+  BaseDashboardTrendPoint
+} from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_dashboard";
+import { t } from "@liujitcn/kratos-admin-core";
+
+const loading = ref(false);
+const overview = ref<BaseDashboardOverview>();
+const trend = ref<BaseDashboardTrendPoint[]>([]);
+const loginDistribution = ref<BaseDashboardDistributionItem[]>([]);
+const operationDistribution = ref<BaseDashboardDistributionItem[]>([]);
+const updatedAt = ref("");
+
+const metrics = computed(() => [
+  { key: "users", label: t("system.dashboard.users"), value: overview.value?.user_count ?? 0 },
+  { key: "roles", label: t("system.dashboard.roles"), value: overview.value?.role_count ?? 0 },
+  { key: "logins", label: t("system.dashboard.today_logins"), value: overview.value?.today_login_count ?? 0 },
+  { key: "operations", label: t("system.dashboard.today_operations"), value: overview.value?.today_operation_count ?? 0 }
+]);
+
+const loginTrendOption = computed(() => ({
+  tooltip: { trigger: "axis" as const },
+  grid: { left: 40, right: 20, top: 24, bottom: 32 },
+  xAxis: { type: "category" as const, boundaryGap: false, data: trend.value.map((item) => item.date) },
+  yAxis: { type: "value" as const, minInterval: 1 },
+  series: [{ type: "line" as const, smooth: true, data: trend.value.map((item) => item.count), areaStyle: {} }]
+}));
+
+const loginDistributionOption = computed(() => distributionOption(loginDistribution.value));
+const operationDistributionOption = computed(() => distributionOption(operationDistribution.value));
+
+async function loadDashboard() {
+  loading.value = true;
+  try {
+    const [overviewResponse, trendResponse, loginResponse, operationResponse] = await Promise.all([
+      defBaseDashboardService.GetBaseDashboardOverview({}),
+      defBaseDashboardService.GetBaseDashboardLoginTrend({ days: 7 }),
+      defBaseDashboardService.GetBaseDashboardLoginDistribution({}),
+      defBaseDashboardService.GetBaseDashboardOperationDistribution({})
+    ]);
+    overview.value = overviewResponse;
+    trend.value = trendResponse.points ?? [];
+    loginDistribution.value = loginResponse.items ?? [];
+    operationDistribution.value = operationResponse.items ?? [];
+    updatedAt.value = new Date().toLocaleString();
+  } catch {
+    ElMessage.error(t("system.dashboard.load_failed"));
+  } finally {
+    loading.value = false;
+  }
+}
+
+/** 将审计技术枚举名转换为当前语言的展示文案。 */
+function distributionItemLabel(label: string) {
+  const mappings = [
+    ["BASE_OPERATION_ACTION_", "system.base.audit.operation_action."],
+    ["BASE_AUDIT_RESULT_", "system.base.audit.result."]
+  ];
+  const mapping = mappings.find(([prefix]) => label.startsWith(prefix));
+  if (!mapping) return label;
+  const value = label.slice(mapping[0].length).toLowerCase();
+  return value === "unspecified" ? t("common.message.unknown") : t(`${mapping[1]}${value}`);
+}
+
+/** 创建使用本地化图例的分布图配置。 */
+function distributionOption(items: BaseDashboardDistributionItem[]) {
+  return {
+    tooltip: { trigger: "item" as const },
+    legend: { bottom: 0, type: "scroll" as const },
+    series: [{ type: "pie" as const, radius: ["38%", "68%"] as [string, string], center: ["50%", "45%"] as [string, string], data: items.map((item) => ({ name: distributionItemLabel(item.label), value: item.count })) }]
+  };
+}
+
+onMounted(loadDashboard);
+</script>
+
+<style scoped>
+.dashboard-page {
+  padding: 20px;
+}
+
+.dashboard-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  margin-bottom: 20px;
+}
+
+.dashboard-header h1 {
+  margin: 0;
+  color: var(--el-text-color-primary);
+  font-size: 22px;
+  font-weight: 600;
+}
+
+.dashboard-header p {
+  margin: 6px 0 0;
+  color: var(--el-text-color-secondary);
+  font-size: 13px;
+}
+
+.metric-grid,
+.chart-grid {
+  display: grid;
+  gap: 16px;
+}
+
+.metric-grid {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  margin-bottom: 16px;
+}
+
+.metric-card :deep(.el-card__body) {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  min-height: 92px;
+  justify-content: center;
+}
+
+.metric-label {
+  color: var(--el-text-color-secondary);
+  font-size: 13px;
+}
+
+.metric-value {
+  color: var(--el-text-color-primary);
+  font-size: 28px;
+  line-height: 1;
+}
+
+.chart-grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.chart-card-wide {
+  grid-column: 1 / -1;
+}
+
+.chart-wrap {
+  height: 320px;
+}
+
+@media (max-width: 960px) {
+  .metric-grid,
+  .chart-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .chart-card-wide {
+    grid-column: auto;
+  }
+}
+</style>

package/dist/package/src/views/base/data-access-log/index.vue

@@ -0,0 +1,84 @@
+<template>
+  <AuditLogTable ref="page" :config="config" />
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue";
+import type { ColumnProps } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
+import { t } from "@liujitcn/kratos-admin-core";
+import { buildPageRequest } from "@liujitcn/kratos-admin-core/table";
+import AuditLogTable, { type AuditLogTableConfig } from "@liujitcn/kratos-admin-system/components/AuditLogTable.vue";
+import { auditDateSearch, auditDetailColumn, auditEnumLabel, createAuditEnumOptions } from "@liujitcn/kratos-admin-system/components/auditLog";
+import { defBaseDataAccessLogService } from "@liujitcn/kratos-admin-system/api/system/base_audit_log";
+import { BaseAuditResult, BaseDataAccessType } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_audit_log";
+import type { BaseDataAccessLog, PageBaseDataAccessLogRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_audit_log";
+
+defineOptions({ name: "BaseDataAccessLog", inheritAttrs: false });
+
+const page = ref<InstanceType<typeof AuditLogTable>>();
+const resultOptions = computed(() => createAuditEnumOptions([
+  [BaseAuditResult.BASE_AUDIT_RESULT_SUCCESS, t("system.base.audit.result.success")],
+  [BaseAuditResult.BASE_AUDIT_RESULT_FAILURE, t("system.base.audit.result.failure")],
+  [BaseAuditResult.BASE_AUDIT_RESULT_ERROR, t("system.base.audit.result.error")]
+]));
+const accessTypeOptions = computed(() => createAuditEnumOptions([
+  [BaseDataAccessType.BASE_DATA_ACCESS_TYPE_LIST, t("system.base.audit.access_type.list")],
+  [BaseDataAccessType.BASE_DATA_ACCESS_TYPE_DETAIL, t("system.base.audit.access_type.detail")],
+  [BaseDataAccessType.BASE_DATA_ACCESS_TYPE_QUERY, t("system.base.audit.access_type.query")],
+  [BaseDataAccessType.BASE_DATA_ACCESS_TYPE_EXPORT, t("system.base.audit.access_type.export")],
+  [BaseDataAccessType.BASE_DATA_ACCESS_TYPE_DOWNLOAD, t("system.base.audit.access_type.download")],
+  [BaseDataAccessType.BASE_DATA_ACCESS_TYPE_IMPORT, t("system.base.audit.access_type.import")]
+]));
+const columns = computed<ColumnProps[]>(() => [
+  { prop: "resource_type", label: t("system.base.audit.field.resource_type"), minWidth: 150, search: { el: "input" } },
+  { prop: "table_name", label: t("system.base.audit.field.table_name"), minWidth: 150 },
+  { prop: "access_type", label: t("system.base.audit.field.access_type"), minWidth: 120, search: { el: "select", enum: accessTypeOptions.value }, render: scope => auditEnumLabel(accessTypeOptions.value, (scope.row as BaseDataAccessLog).access_type) },
+  { prop: "affected_rows", label: t("system.base.audit.field.affected_rows"), minWidth: 110 },
+  { prop: "sensitive", label: t("system.base.audit.field.sensitive"), minWidth: 110, search: { el: "switch" }, render: scope => (scope.row as BaseDataAccessLog).sensitive ? t("common.value.yes") : t("common.value.no") },
+  { prop: "result", label: t("system.base.audit.field.result"), minWidth: 110, search: { el: "select", enum: resultOptions.value }, render: scope => auditEnumLabel(resultOptions.value, (scope.row as BaseDataAccessLog).result) },
+  { prop: "occurred_at", label: t("system.base.audit.field.occurred_at"), minWidth: 190, search: auditDateSearch(t) },
+  auditDetailColumn(t("common.action.view"), id => page.value?.handleOpenDialog(id))
+]);
+
+const config = computed<AuditLogTableConfig>(() => ({
+  columns: columns.value,
+  detailTitle: t("system.base.audit.data_access.title.detail"),
+  closeText: t("common.action.close"),
+  detailFields: [
+    { key: "id", label: t("system.base.audit.field.id") },
+    { key: "tenant_id", label: t("system.base.audit.field.tenant_id") },
+    { key: "tenant_code", label: t("system.base.audit.field.tenant_code") },
+    { key: "user_id", label: t("system.base.audit.field.user_id") },
+    { key: "user_name", label: t("system.base.audit.field.user_name") },
+    { key: "resource_type", label: t("system.base.audit.field.resource_type") },
+    { key: "resource_id", label: t("system.base.audit.field.resource_id") },
+    { key: "access_type", label: t("system.base.audit.field.access_type") },
+    { key: "data_source", label: t("system.base.audit.field.data_source") },
+    { key: "table_name", label: t("system.base.audit.field.table_name") },
+    { key: "field_scope", label: t("system.base.audit.field.field_scope"), span: 2, code: true },
+    { key: "data_scope", label: t("system.base.audit.field.data_scope") },
+    { key: "affected_rows", label: t("system.base.audit.field.affected_rows") },
+    { key: "sensitive", label: t("system.base.audit.field.sensitive") },
+    { key: "sql_digest", label: t("system.base.audit.field.sql_digest") },
+    { key: "sql_text", label: t("system.base.audit.field.sql_text"), span: 2, code: true },
+    { key: "result", label: t("system.base.audit.field.result") },
+    { key: "reason_code", label: t("system.base.audit.field.reason_code") },
+    { key: "latency_ms", label: t("system.base.audit.field.latency_ms") },
+    { key: "request_id", label: t("system.base.audit.field.request_id") },
+    { key: "trace_id", label: t("system.base.audit.field.trace_id") },
+    { key: "occurred_at", label: t("system.base.audit.field.occurred_at") },
+    { key: "created_at", label: t("system.base.audit.field.created_at") }
+  ],
+  request: requestTable,
+  get: getDetail
+}));
+
+async function requestTable(params: Record<string, unknown>) {
+  const response = await defBaseDataAccessLogService.PageBaseDataAccessLog(buildPageRequest(params as unknown as PageBaseDataAccessLogRequest));
+  return { list: response.base_data_access_logs as unknown as Record<string, unknown>[], total: response.total };
+}
+
+async function getDetail(id: number) {
+  return (await defBaseDataAccessLogService.GetBaseDataAccessLog({ id })) as unknown as Record<string, unknown>;
+}
+</script>

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

@@ -20,9 +20,9 @@
       @confirm="handleSubmit"
       @close="handleCloseDialog"
     >
-      <template #translations>
-        <DynamicTranslationEditor
-          v-model="translationValues"
+      <template #i18ns>
+        <DynamicI18nEditor
+          v-model="i18nValues"
           :source="formData.name"
           :maxlength="50"
         />
@@ -50,17 +50,17 @@ import { loadEnabledBaseLanguages } from "@liujitcn/kratos-admin-system/api/syst
 import type { BaseDict, BaseDictForm, PageBaseDictRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_dict";
 import router, { navigateTo } from "@liujitcn/kratos-admin-core/navigation";
 import { Status } from "@liujitcn/kratos-admin-system/rpc/common/v1/enum";
-import { TranslationTargetType } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_i18n";
+import { I18nTargetType } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_i18n";
 import { buildPageRequest, normalizeSelectedIds } from "@liujitcn/kratos-admin-core/table";
 import { t } from "@liujitcn/kratos-admin-core";
-import DynamicTranslationEditor from "@liujitcn/kratos-admin-system/components/DynamicTranslationEditor.vue";
-import DynamicTranslationCell from "@liujitcn/kratos-admin-system/components/DynamicTranslationCell.vue";
+import DynamicI18nEditor from "@liujitcn/kratos-admin-system/components/DynamicI18nEditor.vue";
+import DynamicI18nCell from "@liujitcn/kratos-admin-system/components/DynamicI18nCell.vue";
 import {
-  normalizeDynamicTranslations,
-  serializeDynamicTranslations,
-  type DynamicTranslationRecord,
-  type DynamicTranslationValue
-} from "@liujitcn/kratos-admin-system/components/dynamicTranslation";
+  normalizeDynamicI18ns,
+  serializeDynamicI18ns,
+  type DynamicI18nRecord,
+  type DynamicI18nValue
+} from "@liujitcn/kratos-admin-system/components/dynamicI18n";
 
 defineOptions({
   name: "BaseDict",
@@ -70,7 +70,7 @@ defineOptions({
 const { BUTTONS } = useAuthButtons();
 const proTable = ref<ProTableInstance>();
 const formDialogRef = ref<InstanceType<typeof FormDialog>>();
-const translationValues = ref<DynamicTranslationValue[]>(normalizeDynamicTranslations(undefined, "name"));
+const i18nValues = ref<DynamicI18nValue[]>(normalizeDynamicI18ns(undefined, "name"));
 const dialog = reactive({
   editing: false,
   visible: false
@@ -84,7 +84,7 @@ const formData = reactive<BaseDictForm>({
   /** 字典名称 */
   name: "",
   /** 非主语言翻译 */
-  translations: [],
+  i18ns: [],
   /** 状态 */
   status: Status.STATUS_ENABLE
 });
@@ -134,18 +134,18 @@ const formFields = computed<ProFormField[]>(() => [
     component: "input",
     props: { placeholder: t("system.base.dict.placeholder.code") }
   },
-  { prop: "translations", label: t("system.base.translation.field.translations"), component: "slot", slotName: "translations" },
+  { prop: "i18ns", label: t("system.base.i18n.field.i18ns"), component: "slot", slotName: "i18ns" },
   { prop: "status", label: t("common.field.status"), component: "radio-group", options: statusOptions.value }
 ]);
 
 /** 渲染字典名称翻译预览，并复用当前页面的编辑弹窗。 */
 function renderDictNameCell(scope: RenderScope<BaseDict>) {
   const row = scope.row;
-  return h(DynamicTranslationCell, {
+  return h(DynamicI18nCell, {
     source: row.name,
-    targetType: TranslationTargetType.TRANSLATION_TARGET_TYPE_BASE_DICT,
+    targetType: I18nTargetType.I18N_TARGET_TYPE_BASE_DICT_NAME,
     targetId: row.id,
-    translations: row.translations
+    i18ns: row.i18ns
   });
 }
 
@@ -261,7 +261,7 @@ async function handleOpenDialog(dictId?: number) {
 
   const data = await defBaseDictService.GetBaseDict({ id: dictId });
   Object.assign(formData, data);
-  translationValues.value = normalizeDynamicTranslations(data.translations as DynamicTranslationRecord[], "name");
+  i18nValues.value = normalizeDynamicI18ns(data.i18ns as DynamicI18nRecord[], "name");
 }
 
 /**
@@ -281,9 +281,9 @@ function resetForm() {
   formData.id = 0;
   formData.code = "";
   formData.name = "";
-  formData.translations = [];
+  formData.i18ns = [];
   formData.status = Status.STATUS_ENABLE;
-  translationValues.value = normalizeDynamicTranslations(undefined, "name");
+  i18nValues.value = normalizeDynamicI18ns(undefined, "name");
 }
 
 /**
@@ -294,9 +294,9 @@ function handleSubmit() {
     if (!isValid) return;
 
     const submitData = JSON.parse(JSON.stringify(formData)) as BaseDictForm;
-    submitData.translations = serializeDynamicTranslations(
-      translationValues.value,
-      TranslationTargetType.TRANSLATION_TARGET_TYPE_BASE_DICT,
+    submitData.i18ns = serializeDynamicI18ns(
+      i18nValues.value,
+      I18nTargetType.I18N_TARGET_TYPE_BASE_DICT_NAME,
       submitData.id
     );
     const request = submitData.id