@liujitcn/kratos-admin-system 0.0.28 → 0.0.31

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

@@ -35,9 +35,9 @@
           </el-radio-group>
         </div>
       </template>
-      <template #translations>
-        <DynamicTranslationEditor
-          v-model="translationValues"
+      <template #i18ns>
+        <DynamicI18nEditor
+          v-model="i18nValues"
           :source="formData.label"
           :maxlength="100"
         />
@@ -69,17 +69,17 @@ import type {
   PageBaseDictItemRequest
 } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_dict";
 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: "BaseDictItem",
@@ -90,7 +90,7 @@ const route = useRoute();
 const { BUTTONS } = useAuthButtons();
 const proTable = ref<ProTableInstance>();
 const formDialogRef = ref<InstanceType<typeof FormDialog>>();
-const translationValues = ref<DynamicTranslationValue[]>(normalizeDynamicTranslations(undefined, "label"));
+const i18nValues = ref<DynamicI18nValue[]>(normalizeDynamicI18ns(undefined, "label"));
 
 const dictId = ref(Number(route.query.dictId ?? 0));
 
@@ -109,7 +109,7 @@ const formData = reactive<BaseDictItemForm>({
   /** 字典项标签 */
   label: "",
   /** 非主语言翻译 */
-  translations: [],
+  i18ns: [],
   /** 标签类型 */
   tag_type: "",
   /** 排序 */
@@ -158,10 +158,10 @@ const formFields = computed<ProFormField[]>(() => [
     props: { placeholder: t("system.base.dict.item.placeholder.value") }
   },
   {
-    prop: "translations",
-    label: t("system.base.translation.field.translations"),
+    prop: "i18ns",
+    label: t("system.base.i18n.field.i18ns"),
     component: "slot",
-    slotName: "translations",
+    slotName: "i18ns",
     colSpan: 24
   },
   {
@@ -202,11 +202,11 @@ function renderTagTypeCell(scope: RenderScope<BaseDictItem>) {
 /** 渲染字典项标签翻译预览，并复用当前页面的编辑弹窗。 */
 function renderDictItemLabelCell(scope: RenderScope<BaseDictItem>) {
   const row = scope.row;
-  return h(DynamicTranslationCell, {
+  return h(DynamicI18nCell, {
     source: row.label,
-    targetType: TranslationTargetType.TRANSLATION_TARGET_TYPE_BASE_DICT_ITEM,
+    targetType: I18nTargetType.I18N_TARGET_TYPE_BASE_DICT_ITEM_LABEL,
     targetId: row.id,
-    translations: row.translations
+    i18ns: row.i18ns
   });
 }
 
@@ -330,7 +330,7 @@ async function handleOpenDialog(dictItemId?: number) {
 
   const data = await defBaseDictService.GetBaseDictItem({ id: dictItemId });
   Object.assign(formData, data);
-  translationValues.value = normalizeDynamicTranslations(data.translations as DynamicTranslationRecord[], "label");
+  i18nValues.value = normalizeDynamicI18ns(data.i18ns as DynamicI18nRecord[], "label");
 }
 
 /**
@@ -351,11 +351,11 @@ function resetForm() {
   formData.dict_id = dictId.value;
   formData.value = "";
   formData.label = "";
-  formData.translations = [];
+  formData.i18ns = [];
   formData.tag_type = "";
   formData.sort = 1;
   formData.status = Status.STATUS_ENABLE;
-  translationValues.value = normalizeDynamicTranslations(undefined, "label");
+  i18nValues.value = normalizeDynamicI18ns(undefined, "label");
 }
 
 /**
@@ -367,9 +367,9 @@ function handleSubmit() {
 
     formData.dict_id = dictId.value;
     const submitData = JSON.parse(JSON.stringify(formData)) as BaseDictItemForm;
-    submitData.translations = serializeDynamicTranslations(
-      translationValues.value,
-      TranslationTargetType.TRANSLATION_TARGET_TYPE_BASE_DICT_ITEM,
+    submitData.i18ns = serializeDynamicI18ns(
+      i18nValues.value,
+      I18nTargetType.I18N_TARGET_TYPE_BASE_DICT_ITEM_LABEL,
       submitData.id
     );
     const request = submitData.id

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

@@ -0,0 +1,119 @@
+<template>
+  <div class="table-box">
+    <ProTable
+      ref="proTable"
+      row-key="id"
+      :columns="columns"
+      :request-api="requestBaseFileTable"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, h, ref } from "vue";
+import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
+import type { ColumnProps, ProTableInstance } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
+import { useAuthButtons } from "@liujitcn/kratos-admin-core/auth";
+import { buildPageRequest } from "@liujitcn/kratos-admin-core/table";
+import { t } from "@liujitcn/kratos-admin-core";
+import { defBaseFileService } from "@liujitcn/kratos-admin-system/api/system/base_file";
+import type { BaseFile, PageBaseFileRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_file";
+
+defineOptions({ name: "BaseFile", inheritAttrs: false });
+
+const { BUTTONS } = useAuthButtons();
+const proTable = ref<ProTableInstance>();
+
+const columns = computed<ColumnProps[]>(() => [
+  { prop: "file_name", label: t("system.base.file.field.name"), minWidth: 220, search: { el: "input" } },
+  { prop: "extension", label: t("system.base.file.field.extension"), width: 100, search: { el: "input" } },
+  { prop: "mime_type", label: t("system.base.file.field.mime"), minWidth: 180 },
+  { prop: "size", label: t("system.base.file.field.size"), width: 120, render: scope => formatFileSize((scope.row as BaseFile).size) },
+  { prop: "content_hash", label: t("system.base.file.field.hash"), minWidth: 220 },
+  { prop: "tenant_id", label: t("system.base.file.field.tenant"), width: 100 },
+  { prop: "created_at", label: t("common.field.created_at"), minWidth: 180 },
+  {
+    prop: "operation",
+    label: t("common.field.operation"),
+    width: 150,
+    fixed: "right",
+    cellType: "actions",
+    actions: [
+      {
+        label: t("common.action.view"),
+        type: "primary",
+        link: true,
+        icon: View,
+        hidden: () => !BUTTONS.value["base:file:info"],
+        onClick: scope => handleView(scope.row as BaseFile)
+      },
+      {
+        label: t("common.action.delete"),
+        type: "danger",
+        link: true,
+        icon: Delete,
+        hidden: () => !BUTTONS.value["base:file:delete"],
+        onClick: scope => handleDelete(scope.row as BaseFile)
+      }
+    ]
+  }
+]);
+
+/** 请求文件资产分页列表。 */
+async function requestBaseFileTable(params: PageBaseFileRequest) {
+  const data = await defBaseFileService.PageBaseFile(buildPageRequest(params));
+  return { data: { list: data.base_files ?? [], total: data.total } };
+}
+
+/** 查看文件资产详情。 */
+async function handleView(row: BaseFile) {
+  const detail = await defBaseFileService.GetBaseFile({ id: row.id });
+  const lines = [
+    `${t("system.base.file.field.name")}：${detail.file_name}`,
+    `${t("system.base.file.field.path")}：${detail.file_directory}/${detail.save_file_name}`,
+    `${t("system.base.file.field.mime")}：${detail.mime_type}`,
+    `${t("system.base.file.field.size")}：${formatFileSize(detail.size)}`,
+    `${t("system.base.file.field.hash")}：${detail.content_hash}`,
+    `${t("system.base.file.field.url")}：${detail.link_url}`
+  ];
+  await ElMessageBox.alert(h("pre", { class: "file-detail" }, lines.join("\n")), t("system.base.file.detail"), { dangerouslyUseHTMLString: false });
+}
+
+/** 删除文件资产。 */
+async function handleDelete(row: BaseFile) {
+  try {
+    await ElMessageBox.confirm(
+      t("system.base.file.confirm_delete", { name: row.file_name }),
+      t("common.title.warning"),
+      { type: "warning", confirmButtonText: t("common.action.confirm"), cancelButtonText: t("common.action.cancel") }
+    );
+    await defBaseFileService.DeleteBaseFile({ id: row.id });
+    ElMessage.success(t("common.message.delete_success", { resource: t("system.base.file.resource") }));
+    proTable.value?.getTableList();
+  } catch {
+    // 用户取消确认或接口失败时由请求层展示错误。
+  }
+}
+
+function formatFileSize(size: number) {
+  if (!size) return "0 B";
+  const units = ["B", "KB", "MB", "GB"];
+  let value = size;
+  let index = 0;
+  while (value >= 1024 && index < units.length - 1) {
+    value /= 1024;
+    index += 1;
+  }
+  return `${value.toFixed(index === 0 ? 0 : 2)} ${units[index]}`;
+}
+</script>
+
+<style scoped>
+.file-detail {
+  max-width: 720px;
+  margin: 0;
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+  text-align: left;
+}
+</style>

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

@@ -13,7 +13,15 @@
       :rules="rules"
       @confirm="handleSubmit"
       @close="handleCloseDialog"
-    />
+    >
+      <template #i18ns>
+        <DynamicI18nEditor
+          v-model="i18nValues"
+          :source="formData.name"
+          :maxlength="50"
+        />
+      </template>
+    </FormDialog>
   </div>
 </template>
 
@@ -32,6 +40,7 @@ import type { ProFormField, ProFormOption } from "@liujitcn/kratos-admin-core/co
 import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
 import { useAuthButtons } from "@liujitcn/kratos-admin-core/auth";
 import { defBaseJobService } from "@liujitcn/kratos-admin-system/api/system/base_job";
+import { loadEnabledBaseLanguages } from "@liujitcn/kratos-admin-system/api/system/base_language";
 import type {
   BaseJob,
   BaseJobArgs,
@@ -40,8 +49,17 @@ import type {
 } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_job";
 import router, { navigateTo } from "@liujitcn/kratos-admin-core/navigation";
 import { Status } from "@liujitcn/kratos-admin-system/rpc/common/v1/enum";
+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 DynamicI18nCell from "@liujitcn/kratos-admin-system/components/DynamicI18nCell.vue";
+import DynamicI18nEditor from "@liujitcn/kratos-admin-system/components/DynamicI18nEditor.vue";
+import {
+  normalizeDynamicI18ns,
+  serializeDynamicI18ns,
+  type DynamicI18nRecord,
+  type DynamicI18nValue
+} from "@liujitcn/kratos-admin-system/components/dynamicI18n";
 
 defineOptions({
   name: "BaseJob",
@@ -51,6 +69,7 @@ defineOptions({
 const { BUTTONS } = useAuthButtons();
 const proTable = ref<ProTableInstance>();
 const formDialogRef = ref<InstanceType<typeof FormDialog>>();
+const i18nValues = ref<DynamicI18nValue[]>(normalizeDynamicI18ns(undefined, "name"));
 
 const dialog = reactive({
   editing: false,
@@ -69,7 +88,9 @@ const formData = reactive<BaseJobForm>({
   /** cron表达式 */
   cron_expression: "",
   /** 状态 */
-  status: Status.STATUS_ENABLE
+  status: Status.STATUS_ENABLE,
+  /** 定时任务名称多语言翻译。 */
+  i18ns: []
 });
 
 const rules = computed(() => ({
@@ -144,6 +165,17 @@ function renderArgsCell(scope: RenderScope<BaseJob>) {
   );
 }
 
+/** 渲染定时任务名称翻译预览。 */
+function renderJobNameCell(scope: RenderScope<BaseJob>) {
+  const row = scope.row;
+  return h(DynamicI18nCell, {
+    source: row.name,
+    targetType: I18nTargetType.I18N_TARGET_TYPE_BASE_JOB_NAME,
+    targetId: row.id,
+    i18ns: row.i18ns
+  });
+}
+
 /**
  * 渲染定时任务操作列。
  */
@@ -270,6 +302,13 @@ const formFields = computed<ProFormField[]>(() => [
     component: "input",
     props: { placeholder: t("system.base.job.placeholder.name") }
   },
+  {
+    prop: "i18ns",
+    label: t("system.base.i18n.field.i18ns"),
+    component: "slot",
+    slotName: "i18ns",
+    colSpan: 24
+  },
   {
     prop: "invoke_target",
     label: t("system.base.job.field.invoke_target"),
@@ -298,7 +337,14 @@ const formFields = computed<ProFormField[]>(() => [
 /** 定时任务表格列配置。 */
 const columns = computed<ColumnProps[]>(() => [
   { type: "selection", width: 55 },
-  { prop: "name", label: t("system.base.job.field.name"), minWidth: 140, search: { el: "input" } },
+  {
+    prop: "name",
+    label: t("system.base.job.field.name"),
+    minWidth: 140,
+    search: { el: "input" },
+    showOverflowTooltip: false,
+    render: scope => renderJobNameCell(scope as unknown as RenderScope<BaseJob>)
+  },
   { prop: "invoke_target", label: t("system.base.job.field.invoke_target"), minWidth: 180, search: { el: "input" } },
   {
     prop: "args",
@@ -357,6 +403,7 @@ const headerActions = computed<HeaderActionProps[]>(() => [
  * 请求定时任务列表，并由 ProTable 统一维护分页与搜索参数。
  */
 async function requestBaseJobTable(params: PageBaseJobRequest) {
+  await loadEnabledBaseLanguages();
   const data = await defBaseJobService.PageBaseJob(buildPageRequest(params));
   return { data: { list: data.base_jobs ?? [], total: data.total } };
 }
@@ -371,15 +418,16 @@ function refreshTable() {
 /**
  * 打开定时任务弹窗。
  */
-function handleOpenDialog(jobId?: number) {
+async function handleOpenDialog(jobId?: number) {
+  await loadEnabledBaseLanguages();
   resetForm();
   dialog.editing = Boolean(jobId);
   dialog.visible = true;
   if (!jobId) return;
 
-  defBaseJobService.GetBaseJob({ id: jobId }).then(data => {
-    Object.assign(formData, data);
-  });
+  const data = await defBaseJobService.GetBaseJob({ id: jobId });
+  Object.assign(formData, data);
+  i18nValues.value = normalizeDynamicI18ns(data.i18ns as DynamicI18nRecord[], "name");
 }
 
 /**
@@ -402,6 +450,8 @@ function resetForm() {
   formData.args = [];
   formData.cron_expression = "";
   formData.status = Status.STATUS_ENABLE;
+  formData.i18ns = [];
+  i18nValues.value = normalizeDynamicI18ns(undefined, "name");
 }
 
 /**
@@ -412,6 +462,11 @@ function handleSubmit() {
     if (!valid) return;
 
     const submitData = JSON.parse(JSON.stringify(formData)) as BaseJobForm;
+    submitData.i18ns = serializeDynamicI18ns(
+      i18nValues.value,
+      I18nTargetType.I18N_TARGET_TYPE_BASE_JOB_NAME,
+      submitData.id
+    );
     const request = submitData.id
       ? defBaseJobService.UpdateBaseJob({ base_job: submitData })
       : defBaseJobService.CreateBaseJob({ base_job: submitData });

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

@@ -138,7 +138,8 @@ const headerActions = computed<HeaderActionProps[]>(() => [
 /** 请求语言分页列表。 */
 async function requestBaseLanguageTable(params: PageBaseLanguageRequest) {
   const data = await defBaseLanguageService.PageBaseLanguage(buildPageRequest(params));
-  return { data: { list: data.base_languages ?? [], total: data.total } };
+  const list = (data.base_languages ?? []).map(item => ({ ...item, is_primary: item.is_primary ?? false }));
+  return { data: { list, total: data.total } };
 }
 
 /** 打开语言编辑弹窗。 */

package/dist/package/src/views/base/login-log/index.vue

@@ -0,0 +1,92 @@
+<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 { defBaseLoginLogService } from "@liujitcn/kratos-admin-system/api/system/base_audit_log";
+import { BaseAuditResult, BaseLoginLogType } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_audit_log";
+import type { BaseLoginLog, PageBaseLoginLogRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_audit_log";
+
+defineOptions({ name: "BaseLoginLog", 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 loginTypeOptions = computed(() =>
+  createAuditEnumOptions([
+    [BaseLoginLogType.BASE_LOGIN_LOG_TYPE_PASSWORD, t("system.base.audit.login_type.password")],
+    [BaseLoginLogType.BASE_LOGIN_LOG_TYPE_OAUTH, t("system.base.audit.login_type.oauth")],
+    [BaseLoginLogType.BASE_LOGIN_LOG_TYPE_MFA, t("system.base.audit.login_type.mfa")],
+    [BaseLoginLogType.BASE_LOGIN_LOG_TYPE_TOKEN_REFRESH, t("system.base.audit.login_type.token_refresh")],
+    [BaseLoginLogType.BASE_LOGIN_LOG_TYPE_LOGOUT, t("system.base.audit.login_type.logout")]
+  ])
+);
+
+const columns = computed<ColumnProps[]>(() => [
+  { prop: "user_name", label: t("system.base.audit.field.user_name"), minWidth: 130 },
+  { prop: "tenant_code", label: t("system.base.audit.field.tenant_code"), minWidth: 120 },
+  {
+    prop: "login_type",
+    label: t("system.base.audit.field.login_type"),
+    minWidth: 130,
+    search: { el: "select", enum: loginTypeOptions.value },
+    render: scope => auditEnumLabel(loginTypeOptions.value, (scope.row as BaseLoginLog).login_type)
+  },
+  {
+    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 BaseLoginLog).result)
+  },
+  { prop: "client_ip", label: t("system.base.audit.field.client_ip"), minWidth: 140 },
+  { 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.login.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: "login_type", label: t("system.base.audit.field.login_type") },
+    { key: "result", label: t("system.base.audit.field.result") },
+    { key: "reason_code", label: t("system.base.audit.field.reason_code") },
+    { key: "reason", label: t("system.base.audit.field.reason"), span: 2 },
+    { key: "client_ip", label: t("system.base.audit.field.client_ip") },
+    { key: "device_id", label: t("system.base.audit.field.device_id") },
+    { key: "user_agent", label: t("system.base.audit.field.user_agent"), span: 2 },
+    { 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 defBaseLoginLogService.PageBaseLoginLog(buildPageRequest(params as unknown as PageBaseLoginLogRequest));
+  return { list: response.base_login_logs as unknown as Record<string, unknown>[], total: response.total };
+}
+
+async function getDetail(id: number) {
+  return (await defBaseLoginLogService.GetBaseLoginLog({ id })) as unknown as Record<string, unknown>;
+}
+</script>