@liujitcn/kratos-admin-system 0.0.29 → 0.0.32

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

@@ -0,0 +1,96 @@
+<template>
+  <LogTable 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 LogTable, { type LogTableConfig } from "@liujitcn/kratos-admin-system/components/LogTable.vue";
+import {
+  createLogEnumOptions,
+  formatLogCount,
+  formatLogDuration,
+  logDateSearch,
+  logDetailColumn,
+  logEnumLabel,
+  requestLogTrace
+} from "@liujitcn/kratos-admin-system/components/log";
+import { defBaseDataAccessLogService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_data_access_log";
+import { BaseLogResult } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_log";
+import { BaseDataAccessType } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_data_access_log";
+import type { BaseDataAccessLog, PageBaseDataAccessLogRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_data_access_log";
+
+defineOptions({ name: "BaseDataAccessLog", inheritAttrs: false });
+
+const page = ref<InstanceType<typeof LogTable>>();
+const resultOptions = computed(() => createLogEnumOptions([
+  [BaseLogResult.BASE_LOG_RESULT_UNSPECIFIED, t("system.base.log.result.unspecified")],
+  [BaseLogResult.BASE_LOG_RESULT_SUCCESS, t("system.base.log.result.success")],
+  [BaseLogResult.BASE_LOG_RESULT_FAILURE, t("system.base.log.result.failure")],
+  [BaseLogResult.BASE_LOG_RESULT_ERROR, t("system.base.log.result.error")]
+]));
+const accessTypeOptions = computed(() => createLogEnumOptions([
+  [BaseDataAccessType.BASE_DATA_ACCESS_TYPE_UNSPECIFIED, t("system.base.log.access_type.unspecified")],
+  [BaseDataAccessType.BASE_DATA_ACCESS_TYPE_LIST, t("system.base.log.access_type.list")],
+  [BaseDataAccessType.BASE_DATA_ACCESS_TYPE_DETAIL, t("system.base.log.access_type.detail")],
+  [BaseDataAccessType.BASE_DATA_ACCESS_TYPE_QUERY, t("system.base.log.access_type.query")],
+  [BaseDataAccessType.BASE_DATA_ACCESS_TYPE_EXPORT, t("system.base.log.access_type.export")],
+  [BaseDataAccessType.BASE_DATA_ACCESS_TYPE_DOWNLOAD, t("system.base.log.access_type.download")],
+  [BaseDataAccessType.BASE_DATA_ACCESS_TYPE_IMPORT, t("system.base.log.access_type.import")]
+]));
+const columns = computed<ColumnProps[]>(() => [
+  { prop: "resource_type", label: t("system.base.log.field.resource_type"), minWidth: 150, search: { el: "input" } },
+  { prop: "table_name", label: t("system.base.log.field.table_name"), minWidth: 150 },
+  { prop: "access_type", label: t("system.base.log.field.access_type"), minWidth: 120, search: { el: "select", enum: accessTypeOptions.value }, render: scope => logEnumLabel(accessTypeOptions.value, (scope.row as BaseDataAccessLog).access_type) },
+  { prop: "affected_rows", label: t("system.base.log.field.affected_rows"), minWidth: 110 },
+  { prop: "sensitive", label: t("system.base.log.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.log.field.result"), minWidth: 110, search: { el: "select", enum: resultOptions.value }, render: scope => logEnumLabel(resultOptions.value, (scope.row as BaseDataAccessLog).result) },
+  { prop: "occurred_at", label: t("system.base.log.field.occurred_at"), minWidth: 190, search: logDateSearch(t) },
+  logDetailColumn(t("common.action.view"), id => page.value?.handleOpenDialog(id))
+]);
+
+const config = computed<LogTableConfig>(() => ({
+  columns: columns.value,
+  detailTitle: t("system.base.log.data_access.title.detail"),
+  closeText: t("common.action.close"),
+  trace: requestLogTrace,
+  detailFields: [
+    { key: "id", label: t("system.base.log.field.id") },
+    { key: "tenant_id", label: t("system.base.log.field.tenant_id") },
+    { key: "tenant_code", label: t("system.base.log.field.tenant_code") },
+    { key: "user_id", label: t("system.base.log.field.user_id") },
+    { key: "user_name", label: t("system.base.log.field.user_name") },
+    { key: "resource_type", label: t("system.base.log.field.resource_type") },
+    { key: "resource_id", label: t("system.base.log.field.resource_id") },
+    { key: "access_type", label: t("system.base.log.field.access_type"), enum: accessTypeOptions.value },
+    { key: "data_source", label: t("system.base.log.field.data_source") },
+    { key: "table_name", label: t("system.base.log.field.table_name") },
+    { key: "field_scope", label: t("system.base.log.field.field_scope"), span: 2, code: true },
+    { key: "data_scope", label: t("system.base.log.field.data_scope") },
+    { key: "affected_rows", label: t("system.base.log.field.affected_rows"), format: value => formatLogCount(value, t) },
+    { key: "sensitive", label: t("system.base.log.field.sensitive"), format: value => (value ? t("common.value.yes") : t("common.value.no")) },
+    { key: "sql_digest", label: t("system.base.log.field.sql_digest") },
+    { key: "sql_text", label: t("system.base.log.field.sql_text"), span: 2, code: true },
+    { key: "result", label: t("system.base.log.field.result"), enum: resultOptions.value },
+    { key: "latency_ms", label: t("system.base.log.field.latency_ms"), format: value => formatLogDuration(value, t) },
+    { key: "reason_code", label: t("system.base.log.field.reason_code") },
+    { key: "request_id", label: t("system.base.log.field.request_id") },
+    { key: "trace_id", label: t("system.base.log.field.trace_id") },
+    { key: "occurred_at", label: t("system.base.log.field.occurred_at") },
+    { key: "created_at", label: t("system.base.log.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: string) {
+  return (await defBaseDataAccessLogService.GetBaseDataAccessLog({ id })) as unknown as Record<string, unknown>;
+}
+</script>

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

@@ -16,7 +16,7 @@
     <FormDialog
       v-model="dialog.visible"
       ref="formDialogRef"
-      :title="t(dialog.titleKey, { resource: t('system.base.dept.resource') })"
+      :title="t(dialog.titleKey, { resource: t('common.field.department') })"
       width="600px"
       :model="formData"
       :fields="formFields"
@@ -36,8 +36,8 @@ import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
 import FormDialog from "@liujitcn/kratos-admin-core/components/Dialog/FormDialog.vue";
 import type { ProFormField, ProFormOption } from "@liujitcn/kratos-admin-core/components/ProForm/interface";
 import { useAuthButtons } from "@liujitcn/kratos-admin-core/auth";
-import { defBaseDeptService } from "@liujitcn/kratos-admin-system/api/system/base_dept";
-import { defBaseTenantService } from "@liujitcn/kratos-admin-system/api/system/base_tenant";
+import { defBaseDeptService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_dept";
+import { defBaseTenantService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_tenant";
 import { useUserStore } from "@liujitcn/kratos-admin-core/stores/runtime";
 import type { BaseDept, BaseDeptForm } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_dept";
 import type { SelectOptionResponse_Option, TreeOptionResponse_Option } from "@liujitcn/kratos-admin-system/rpc/common/v1/common";
@@ -139,7 +139,7 @@ const formFields = computed<ProFormField[]>(() => [
     label: t("common.field.tenant"),
     component: "select",
     props: {
-      placeholder: t("common.validation.required_select", { field: t("common.field.tenant") }),
+      placeholder: t("common.placeholder.select"),
       filterable: true,
       disabled: Boolean(formData.id),
       onChange: handleFormTenantChange
@@ -427,7 +427,7 @@ function handleSubmit() {
     request.then(() => {
       ElMessage.success(
         t(submitData.id ? "common.message.update_success" : "common.message.create_success", {
-          resource: t("system.base.dept.resource")
+          resource: t("common.field.department")
         })
       );
       handleCloseDialog();
@@ -447,7 +447,7 @@ async function handleBeforeSetStatus(row: BaseDept) {
     await ElMessageBox.confirm(
       t("common.dialog.status_change", {
         action: text,
-        resource: t("system.base.dept.resource"),
+        resource: t("common.field.department"),
         field: t("system.base.dept.field.name"),
         value: deptName
       }),
@@ -486,9 +486,9 @@ function handleDelete(selected?: number | string | Array<number | string> | Base
 
   const confirmMessage = deptList.length
     ? deptList.length === 1
-      ? `${t("common.dialog.delete_single", { resource: t("system.base.dept.resource") })}\n${t("common.dialog.resource_field", { field: t("system.base.dept.field.name"), value: deptList[0].name || `ID:${deptList[0].id}` })}`
-      : t("common.dialog.delete_batch", { count: deptList.length, unit: "", resource: t("system.base.dept.resource") })
-    : t("common.dialog.delete_selected", { resource: t("system.base.dept.resource") });
+      ? `${t("common.dialog.delete_single", { resource: t("common.field.department") })}\n${t("common.dialog.resource_field", { field: t("system.base.dept.field.name"), value: deptList[0].name || `ID:${deptList[0].id}` })}`
+      : t("common.dialog.delete_batch", { count: deptList.length, unit: "", resource: t("common.field.department") })
+    : t("common.dialog.delete_selected", { resource: t("common.field.department") });
 
   ElMessageBox.confirm(confirmMessage, t("common.title.warning"), {
     confirmButtonText: t("common.action.confirm"),
@@ -497,12 +497,12 @@ function handleDelete(selected?: number | string | Array<number | string> | Base
   }).then(
     () => {
       defBaseDeptService.DeleteBaseDept({ id: deptIds }).then(() => {
-        ElMessage.success(t("common.message.delete_success", { resource: t("system.base.dept.resource") }));
+        ElMessage.success(t("common.message.delete_success", { resource: t("common.field.department") }));
         refreshTable();
       });
     },
     () => {
-      ElMessage.info(t("common.dialog.cancel_delete", { resource: t("system.base.dept.resource") }));
+      ElMessage.info(t("common.dialog.cancel_delete", { resource: t("common.field.department") }));
     }
   );
 }

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

@@ -45,8 +45,8 @@ import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
 import FormDialog from "@liujitcn/kratos-admin-core/components/Dialog/FormDialog.vue";
 import type { ProFormField, ProFormOption } from "@liujitcn/kratos-admin-core/components/ProForm/interface";
 import { useAuthButtons } from "@liujitcn/kratos-admin-core/auth";
-import { defBaseDictService } from "@liujitcn/kratos-admin-system/api/system/base_dict";
-import { loadEnabledBaseLanguages } from "@liujitcn/kratos-admin-system/api/system/base_language";
+import { defBaseDictService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_dict";
+import { loadEnabledBaseLanguages } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_language";
 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";
@@ -70,7 +70,7 @@ defineOptions({
 const { BUTTONS } = useAuthButtons();
 const proTable = ref<ProTableInstance>();
 const formDialogRef = ref<InstanceType<typeof FormDialog>>();
-const i18nValues = ref<DynamicI18nValue[]>(normalizeDynamicI18ns(undefined, "name"));
+const i18nValues = ref<DynamicI18nValue[]>(normalizeDynamicI18ns(undefined));
 const dialog = reactive({
   editing: false,
   visible: false
@@ -143,7 +143,7 @@ function renderDictNameCell(scope: RenderScope<BaseDict>) {
   const row = scope.row;
   return h(DynamicI18nCell, {
     source: row.name,
-    targetType: I18nTargetType.I18N_TARGET_TYPE_BASE_DICT,
+    targetType: I18nTargetType.I18N_TARGET_TYPE_BASE_DICT_NAME,
     targetId: row.id,
     i18ns: row.i18ns
   });
@@ -261,7 +261,7 @@ async function handleOpenDialog(dictId?: number) {
 
   const data = await defBaseDictService.GetBaseDict({ id: dictId });
   Object.assign(formData, data);
-  i18nValues.value = normalizeDynamicI18ns(data.i18ns as DynamicI18nRecord[], "name");
+	i18nValues.value = normalizeDynamicI18ns(data.i18ns as DynamicI18nRecord[]);
 }
 
 /**
@@ -283,7 +283,7 @@ function resetForm() {
   formData.name = "";
   formData.i18ns = [];
   formData.status = Status.STATUS_ENABLE;
-  i18nValues.value = normalizeDynamicI18ns(undefined, "name");
+	i18nValues.value = normalizeDynamicI18ns(undefined);
 }
 
 /**
@@ -296,7 +296,7 @@ function handleSubmit() {
     const submitData = JSON.parse(JSON.stringify(formData)) as BaseDictForm;
     submitData.i18ns = serializeDynamicI18ns(
       i18nValues.value,
-      I18nTargetType.I18N_TARGET_TYPE_BASE_DICT,
+      I18nTargetType.I18N_TARGET_TYPE_BASE_DICT_NAME,
       submitData.id
     );
     const request = submitData.id

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

@@ -61,13 +61,13 @@ import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
 import FormDialog from "@liujitcn/kratos-admin-core/components/Dialog/FormDialog.vue";
 import type { ProFormField, ProFormOption } from "@liujitcn/kratos-admin-core/components/ProForm/interface";
 import { useAuthButtons } from "@liujitcn/kratos-admin-core/auth";
-import { defBaseDictService } from "@liujitcn/kratos-admin-system/api/system/base_dict";
-import { loadEnabledBaseLanguages } from "@liujitcn/kratos-admin-system/api/system/base_language";
+import { defBaseDictItemService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_dict_item";
+import { loadEnabledBaseLanguages } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_language";
 import type {
   BaseDictItem,
   BaseDictItemForm,
   PageBaseDictItemRequest
-} from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_dict";
+} from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_dict_item";
 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";
@@ -90,7 +90,7 @@ const route = useRoute();
 const { BUTTONS } = useAuthButtons();
 const proTable = ref<ProTableInstance>();
 const formDialogRef = ref<InstanceType<typeof FormDialog>>();
-const i18nValues = ref<DynamicI18nValue[]>(normalizeDynamicI18ns(undefined, "label"));
+const i18nValues = ref<DynamicI18nValue[]>(normalizeDynamicI18ns(undefined));
 
 const dictId = ref(Number(route.query.dictId ?? 0));
 
@@ -204,7 +204,7 @@ function renderDictItemLabelCell(scope: RenderScope<BaseDictItem>) {
   const row = scope.row;
   return h(DynamicI18nCell, {
     source: row.label,
-    targetType: I18nTargetType.I18N_TARGET_TYPE_BASE_DICT_ITEM,
+    targetType: I18nTargetType.I18N_TARGET_TYPE_BASE_DICT_ITEM_LABEL,
     targetId: row.id,
     i18ns: row.i18ns
   });
@@ -307,7 +307,7 @@ watch(
  */
 async function requestBaseDictItemTable(params: PageBaseDictItemRequest) {
   await loadEnabledBaseLanguages();
-  const data = await defBaseDictService.PageBaseDictItem({ ...buildPageRequest(params), dict_id: dictId.value });
+  const data = await defBaseDictItemService.PageBaseDictItem({ ...buildPageRequest(params), dict_id: dictId.value });
   return { data: { list: data.base_dict_items ?? [], total: data.total } };
 }
 
@@ -328,9 +328,9 @@ async function handleOpenDialog(dictItemId?: number) {
   dialog.visible = true;
   if (!dictItemId) return;
 
-  const data = await defBaseDictService.GetBaseDictItem({ id: dictItemId });
+  const data = await defBaseDictItemService.GetBaseDictItem({ id: dictItemId });
   Object.assign(formData, data);
-  i18nValues.value = normalizeDynamicI18ns(data.i18ns as DynamicI18nRecord[], "label");
+	i18nValues.value = normalizeDynamicI18ns(data.i18ns as DynamicI18nRecord[]);
 }
 
 /**
@@ -355,7 +355,7 @@ function resetForm() {
   formData.tag_type = "";
   formData.sort = 1;
   formData.status = Status.STATUS_ENABLE;
-  i18nValues.value = normalizeDynamicI18ns(undefined, "label");
+	i18nValues.value = normalizeDynamicI18ns(undefined);
 }
 
 /**
@@ -369,12 +369,12 @@ function handleSubmit() {
     const submitData = JSON.parse(JSON.stringify(formData)) as BaseDictItemForm;
     submitData.i18ns = serializeDynamicI18ns(
       i18nValues.value,
-      I18nTargetType.I18N_TARGET_TYPE_BASE_DICT_ITEM,
+      I18nTargetType.I18N_TARGET_TYPE_BASE_DICT_ITEM_LABEL,
       submitData.id
     );
     const request = submitData.id
-      ? defBaseDictService.UpdateBaseDictItem({ base_dict_item: submitData })
-      : defBaseDictService.CreateBaseDictItem({ base_dict_item: submitData });
+      ? defBaseDictItemService.UpdateBaseDictItem({ base_dict_item: submitData })
+      : defBaseDictItemService.CreateBaseDictItem({ base_dict_item: submitData });
     request.then(() => {
       ElMessage.success(
         t(submitData.id ? "system.base.dict.item.message.update_success" : "system.base.dict.item.message.create_success")
@@ -402,7 +402,7 @@ async function handleBeforeSetStatus(row: BaseDictItem) {
         type: "warning"
       }
     );
-    await defBaseDictService.SetBaseDictItemStatus({ id: row.id, status: nextStatus });
+    await defBaseDictItemService.SetBaseDictItemStatus({ id: row.id, status: nextStatus });
     ElMessage.success(t("common.message.status_success", { action }));
     refreshTable();
     return true;
@@ -443,7 +443,7 @@ function handleDelete(selected?: number | string | Array<number | string> | Base
     type: "warning"
   }).then(
     () => {
-      defBaseDictService.DeleteBaseDictItem({ id: dictItemIds }).then(() => {
+      defBaseDictItemService.DeleteBaseDictItem({ id: dictItemIds }).then(() => {
         ElMessage.success(t("system.base.dict.item.message.delete_success"));
         refreshTable();
       });

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

@@ -0,0 +1,323 @@
+<template>
+  <div class="table-box">
+    <ProTable
+      ref="proTable"
+      row-key="id"
+      :columns="columns"
+      :request-api="requestBaseFileTable"
+    />
+
+    <ProDialog
+      v-model="detailVisible"
+      :title="detail?.file_name || t('system.base.file.detail')"
+      width="min(960px, calc(100vw - 32px))"
+      top="5vh"
+      destroy-on-close
+      :show-footer="false"
+      @closed="resetDetail"
+    >
+      <el-skeleton v-if="!detail" :rows="8" animated />
+      <template v-else>
+        <section class="file-preview" aria-live="polite">
+          <el-skeleton v-if="previewLoading" :rows="8" animated />
+          <template v-else-if="previewUrl && previewKind === 'image'">
+            <img class="file-preview__image" :src="previewUrl" :alt="detail.file_name" />
+          </template>
+          <video v-else-if="previewUrl && previewKind === 'video'" class="file-preview__media" controls :src="previewUrl">
+            {{ t("system.base.file.message.preview_unsupported") }}
+          </video>
+          <audio v-else-if="previewUrl && previewKind === 'audio'" class="file-preview__audio" controls :src="previewUrl">
+            {{ t("system.base.file.message.preview_unsupported") }}
+          </audio>
+          <iframe
+            v-else-if="previewUrl && previewKind === 'pdf'"
+            class="file-preview__document"
+            :src="previewUrl"
+            :title="detail.file_name"
+          />
+          <pre v-else-if="previewKind === 'text' && !previewError" class="file-preview__text">{{ previewText }}</pre>
+          <el-result
+            v-else-if="previewError"
+            class="file-preview__result"
+            icon="error"
+            :title="t('system.base.file.message.preview_failed')"
+            :sub-title="t('system.base.file.message.preview_retry_download')"
+          />
+          <el-result
+            v-else
+            class="file-preview__result"
+            icon="info"
+            :title="t('system.base.file.message.preview_unsupported')"
+            :sub-title="t('system.base.file.message.preview_download_hint')"
+          />
+        </section>
+
+        <el-descriptions class="file-meta" :column="2" border size="small">
+          <el-descriptions-item :label="t('system.base.file.field.name')" :span="2">
+            <span class="file-meta__value" :title="detail.file_name">{{ detail.file_name }}</span>
+          </el-descriptions-item>
+          <el-descriptions-item :label="t('system.base.file.field.mime')">{{ detail.mime_type || "-" }}</el-descriptions-item>
+          <el-descriptions-item :label="t('system.base.file.field.size')">{{ formatFileSize(detail.size) }}</el-descriptions-item>
+          <el-descriptions-item :label="t('system.base.file.field.path')" :span="2">
+            <code class="file-meta__value">{{ detail.link_url }}</code>
+          </el-descriptions-item>
+          <el-descriptions-item :label="t('system.base.file.field.hash')" :span="2">
+            <code class="file-meta__value">{{ detail.content_hash || "-" }}</code>
+          </el-descriptions-item>
+        </el-descriptions>
+
+        <div class="file-detail__actions">
+          <el-button type="primary" :icon="Download" @click="downloadDetail">
+            {{ t("common.action.download") }}
+          </el-button>
+        </div>
+      </template>
+    </ProDialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue";
+import { Download, Delete, View } from "@element-plus/icons-vue";
+import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
+import ProDialog from "@liujitcn/kratos-admin-core/components/Dialog/ProDialog.vue";
+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 { defFileService } from "@liujitcn/kratos-admin-core/api/base/v1/file";
+import { defBaseFileService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/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 detailVisible = ref(false);
+const detail = ref<BaseFile>();
+const previewLoading = ref(false);
+const previewError = ref(false);
+const previewUrl = ref("");
+const previewText = ref("");
+let viewRequestId = 0;
+
+/** 文件内容预览类型。 */
+type PreviewKind = "image" | "video" | "audio" | "pdf" | "text" | "unsupported";
+
+const previewKind = computed<PreviewKind>(() => (detail.value ? getPreviewKind(detail.value) : "unsupported"));
+
+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 requestId = ++viewRequestId;
+  detailVisible.value = true;
+  detail.value = undefined;
+  resetPreview();
+  try {
+    const loadedDetail = await defBaseFileService.GetBaseFile({ id: row.id });
+    if (requestId !== viewRequestId) return;
+    detail.value = loadedDetail;
+    await loadPreview(loadedDetail, requestId);
+  } catch {
+    if (requestId === viewRequestId) detailVisible.value = false;
+  }
+}
+
+/** 加载文件内容并准备浏览器预览。 */
+async function loadPreview(file: BaseFile, requestId: number) {
+  const kind = getPreviewKind(file);
+  if (kind === "unsupported") return;
+
+  previewLoading.value = true;
+  previewError.value = false;
+  try {
+    const blob = await defFileService.GetFileBlob(file.link_url, file.file_name);
+    if (!isViewActive(file, requestId)) return;
+    const previewBlob = new Blob([blob], { type: file.mime_type || blob.type || "application/octet-stream" });
+    if (kind === "text") {
+      const text = await previewBlob.text();
+      if (isViewActive(file, requestId)) previewText.value = text;
+    } else {
+      previewUrl.value = URL.createObjectURL(previewBlob);
+    }
+  } catch {
+    if (isViewActive(file, requestId)) previewError.value = true;
+  } finally {
+    if (requestId === viewRequestId) previewLoading.value = false;
+  }
+}
+
+/** 下载当前详情文件。 */
+async function downloadDetail() {
+  if (!detail.value) return;
+  await defFileService.DownloadFile(detail.value.link_url, detail.value.file_name);
+}
+
+/** 关闭详情时释放预览资源并清空状态。 */
+function resetDetail() {
+  viewRequestId += 1;
+  detail.value = undefined;
+  resetPreview();
+}
+
+/** 清理当前预览状态。 */
+function resetPreview() {
+  if (previewUrl.value) URL.revokeObjectURL(previewUrl.value);
+  previewUrl.value = "";
+  previewText.value = "";
+  previewError.value = false;
+  previewLoading.value = false;
+}
+
+/** 根据 MIME 类型选择安全的在线预览方式。 */
+function getPreviewKind(file: BaseFile): PreviewKind {
+  const mimeType = file.mime_type.toLowerCase().split(";", 1)[0];
+  if (mimeType.startsWith("image/")) return "image";
+  if (mimeType.startsWith("video/")) return "video";
+  if (mimeType.startsWith("audio/")) return "audio";
+  if (mimeType === "application/pdf") return "pdf";
+  if (mimeType.startsWith("text/") || mimeType === "application/json") return "text";
+  return "unsupported";
+}
+
+/** 判断异步预览请求是否仍对应当前打开的文件详情。 */
+function isViewActive(file: BaseFile, requestId: number) {
+  return detailVisible.value && requestId === viewRequestId && detail.value?.id === file.id;
+}
+
+/** 删除文件资产。 */
+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 lang="scss">
+.file-preview {
+  min-height: 220px;
+  display: grid;
+  place-items: center;
+  padding: 16px;
+  border: 1px solid var(--el-border-color-lighter);
+  background: var(--el-fill-color-lighter);
+}
+
+.file-preview__image {
+  display: block;
+  max-width: 100%;
+  max-height: 48vh;
+  object-fit: contain;
+}
+
+.file-preview__media {
+  display: block;
+  width: min(100%, 760px);
+  max-height: 48vh;
+}
+
+.file-preview__audio {
+  width: min(100%, 560px);
+}
+
+.file-preview__document {
+  display: block;
+  width: 100%;
+  height: 48vh;
+  border: 0;
+}
+
+.file-preview__text {
+  width: 100%;
+  max-height: 48vh;
+  margin: 0;
+  overflow: auto;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  text-align: left;
+  color: var(--el-text-color-primary);
+}
+
+.file-preview__result {
+  padding: 24px 0;
+}
+
+.file-meta {
+  margin-top: 16px;
+}
+
+.file-meta__value {
+  display: block;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.file-detail__actions {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 16px;
+}
+</style>