@liujitcn/kratos-admin-system 0.0.32 → 0.0.34

package/dist/package/src/views/base/redact-storage-policy/index.vue

@@ -0,0 +1,276 @@
+<template>
+  <div class="table-box">
+    <ProTable ref="table" row-key="id" :columns="columns" :header-actions="headerActions" :request-api="requestTable" />
+    <FormDialog
+      v-model="dialog.visible"
+      ref="dialogRef"
+      :title="t(dialog.titleKey)"
+      width="1180px"
+      top="3vh"
+      label-width="150px"
+      destroy-on-close
+      :model="form"
+      :fields="fields"
+      :rules="rules"
+      @confirm="submit"
+      @close="resetForm"
+    >
+      <template #column_rows>
+        <div class="field-table">
+          <div class="field-table__summary">
+            {{ t("system.base.redact_storage_policy.message.configured_fields", { count: configuredFieldCount }) }}
+          </div>
+          <el-table :data="form.column_rows" row-key="value" border height="500">
+            <el-table-column :label="t('system.base.redact_storage_policy.field.column_name')" min-width="260">
+              <template #default="{ row }">
+                <div class="field-cell">
+                  <div class="field-cell__title">{{ row.name }}</div>
+                  <div class="field-cell__meta">{{ row.comment }}<span v-if="row.db_type"> · {{ row.db_type }}</span></div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column :label="t('system.base.redact_storage_policy.field.rule')" width="270">
+              <template #default="{ row }">
+                <el-select v-model="row.rule_id" class="table-control" size="small" clearable @change="handleRuleChange(row)">
+                  <el-option v-for="option in ruleOptions" :key="String(option.value)" :label="option.label" :value="option.value" :disabled="option.disabled" />
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column :label="t('system.base.redact_storage_policy.field.parameters')" min-width="520">
+              <template #default="{ row }">
+                <div v-if="row.rule_id" class="parameter-grid">
+                  <template v-if="row.rule_type === 'MASK'">
+                    <ParameterNumber v-model="row.params.keep_first" :label="t('system.base.redact_rule.parameter.keep_first')" />
+                    <ParameterNumber v-model="row.params.keep_last" :label="t('system.base.redact_rule.parameter.keep_last')" />
+                    <ParameterText v-model="row.params.mask_char" :label="t('system.base.redact_rule.parameter.mask_char')" />
+                  </template>
+                  <template v-else-if="row.rule_type === 'EMAIL'">
+                    <ParameterNumber v-model="row.params.keep_local_first" :label="t('system.base.redact_rule.parameter.keep_local_first')" />
+                    <div class="parameter-item"><span>{{ t("system.base.redact_rule.parameter.mask_domain") }}</span><el-switch v-model="row.params.mask_domain" /></div>
+                    <ParameterText v-model="row.params.mask_char" :label="t('system.base.redact_rule.parameter.mask_char')" />
+                  </template>
+                  <template v-else-if="row.rule_type === 'REGEX'">
+                    <ParameterText v-model="row.params.pattern" :label="t('system.base.redact_rule.parameter.pattern')" />
+                    <ParameterText v-model="row.params.replacement" :label="t('system.base.redact_rule.parameter.replacement')" />
+                  </template>
+                  <template v-else-if="row.rule_type === 'TRUNCATE'">
+                    <ParameterNumber v-model="row.params.length" :label="t('system.base.redact_rule.parameter.length')" />
+                    <ParameterText v-model="row.params.suffix" :label="t('system.base.redact_rule.parameter.suffix')" />
+                  </template>
+                  <template v-else-if="row.rule_type === 'HASH'">
+                    <div class="parameter-item"><span>{{ t("system.base.redact_rule.parameter.algo") }}</span><el-select v-model="row.params.algo" class="parameter-control" size="small"><el-option label="MD5" value="MD5" /><el-option label="SHA1" value="SHA1" /><el-option label="SHA256" value="SHA256" /></el-select></div>
+                  </template>
+                  <template v-else-if="row.rule_type === 'IP'">
+                    <ParameterNumber v-model="row.params.keep_octets" :label="t('system.base.redact_rule.parameter.keep_octets')" />
+                    <ParameterText v-model="row.params.mask_char" :label="t('system.base.redact_rule.parameter.mask_char')" />
+                  </template>
+                  <template v-else-if="row.rule_type === 'URL'">
+                    <div class="parameter-item"><span>{{ t("system.base.redact_rule.parameter.mask_query") }}</span><el-switch v-model="row.params.mask_query" /></div>
+                    <ParameterText v-model="row.params.mask_char" :label="t('system.base.redact_rule.parameter.mask_char')" />
+                  </template>
+                  <template v-else-if="row.rule_type === 'FIXED_LENGTH'">
+                    <ParameterText v-model="row.params.char" :label="t('system.base.redact_rule.parameter.char')" />
+                  </template>
+                </div>
+                <span v-else class="empty-value">--</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </template>
+    </FormDialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, defineComponent, h, reactive, ref } from "vue";
+import type { FormRules } from "element-plus";
+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";
+import type { ProFormField, ProFormOption } from "@liujitcn/kratos-admin-core/components/ProForm/interface";
+import { useAuthButtons } from "@liujitcn/kratos-admin-core/auth";
+import { buildPageRequest, normalizeSelectedIds } from "@liujitcn/kratos-admin-core/table";
+import { t } from "@liujitcn/kratos-admin-core";
+import { defBaseTableSourceService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_table_source";
+import { defCodeGenColumnService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/code_gen_column";
+import { defCodeGenTableService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/code_gen_table";
+import { defBaseRedactRuleService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_redact_rule";
+import { defBaseRedactStoragePolicyService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_redact_storage_policy";
+import type { CodeGenDatabaseTable } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/code_gen_table";
+import type { BaseRedactRule } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_redact_rule";
+import type { BaseRedactStoragePolicy, BaseRedactStoragePolicyForm, PageBaseRedactStoragePolicyRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_redact_storage_policy";
+import { Status } from "@liujitcn/kratos-admin-system/rpc/common/v1/enum";
+
+/** 脱敏规则参数。 */
+interface RuleParams {
+  keep_first?: number;
+  keep_last?: number;
+  mask_char?: string;
+  keep_local_first?: number;
+  mask_domain?: boolean;
+  pattern?: string;
+  replacement?: string;
+  length?: number;
+  suffix?: string;
+  algo?: string;
+  keep_octets?: number;
+  mask_query?: boolean;
+  char?: string;
+}
+
+/** 入库字段表格行。 */
+interface StorageColumnRow extends ProFormOption {
+  /** 数据库字段名。 */
+  name: string;
+  /** 数据库字段注释。 */
+  comment: string;
+  /** 数据库字段类型。 */
+  db_type: string;
+  /** 已有策略 ID。 */
+  id: number;
+  /** 脱敏规则 ID。 */
+  rule_id?: number;
+  /** 脱敏规则类型。 */
+  rule_type: string;
+  /** 脱敏规则参数对象。 */
+  params: RuleParams;
+  /** 脱敏规则参数 JSON。 */
+  rule_params: string;
+}
+
+/** 入库脱敏表单状态。 */
+interface StorageFormState extends BaseRedactStoragePolicyForm {
+  /** 当前选择的字段表格。 */
+  column_rows: StorageColumnRow[];
+}
+
+/** 入库表格行事件使用的最小字段视图。 */
+interface StorageTableRow {
+  /** 脱敏规则 ID。 */
+  rule_id?: number;
+  /** 脱敏规则类型。 */
+  rule_type?: string;
+  /** 脱敏规则参数对象。 */
+  params?: RuleParams;
+  /** 脱敏规则参数 JSON。 */
+  rule_params?: string;
+}
+
+const STORAGE_AUDIT_COLUMN_NAMES = new Set([
+  "id", "created_at", "created_by", "updated_at", "updated_by", "deleted_at", "deleted_by",
+  "create_time", "creator", "creator_id", "update_time", "updater", "updater_id", "delete_time", "deleter", "deleter_id"
+]);
+const ParameterText = defineComponent({
+  props: { modelValue: { type: [String, Number], default: "" }, label: { type: String, required: true } },
+  emits: ["update:modelValue"],
+  setup(props, { emit }) {
+    return () => h("div", { class: "parameter-item" }, [h("span", props.label), h("input", { class: "el-input__inner", value: props.modelValue, onInput: (event: Event) => emit("update:modelValue", (event.target as HTMLInputElement).value) })]);
+  }
+});
+const ParameterNumber = defineComponent({
+  props: { modelValue: { type: Number, default: 0 }, label: { type: String, required: true } },
+  emits: ["update:modelValue"],
+  setup(props, { emit }) {
+    return () => h("div", { class: "parameter-item" }, [h("span", props.label), h("input", { class: "el-input__inner", type: "number", min: 0, value: props.modelValue, onInput: (event: Event) => emit("update:modelValue", Number((event.target as HTMLInputElement).value)) })]);
+  }
+});
+
+defineOptions({ name: "BaseRedactStoragePolicy", inheritAttrs: false });
+const { BUTTONS } = useAuthButtons();
+const table = ref<ProTableInstance>();
+const dialogRef = ref<InstanceType<typeof FormDialog>>();
+const sourceOptions = ref<ProFormOption[]>([]);
+const tableOptions = ref<ProFormOption[]>([]);
+const tableCommentMap = ref(new Map<string, string>());
+const ruleOptions = ref<ProFormOption[]>([]);
+const ruleCatalog = ref<BaseRedactRule[]>([]);
+const dialog = reactive({ visible: false, titleKey: "common.action.create_resource" });
+const form = reactive<StorageFormState>(defaultForm());
+const statusOptions = computed<ProFormOption[]>(() => [{ label: t("common.status.enabled"), value: Status.STATUS_ENABLE }, { label: t("common.status.disabled"), value: Status.STATUS_DISABLE }]);
+const configuredFieldCount = computed(() => form.column_rows.filter(row => Boolean(row.rule_id)).length);
+const fields = computed<ProFormField[]>(() => [
+  { prop: "source_name", label: t("system.base.redact_storage_policy.field.source_name"), component: "select", props: { filterable: true, disabled: Boolean(form.id), onChange: handleSourceChange }, options: sourceOptions.value },
+  { prop: "table_name", label: t("system.base.redact_storage_policy.field.table_name"), component: "select", props: { filterable: true, disabled: Boolean(form.id) || !form.source_name, onChange: handleTableChange }, options: tableOptions.value },
+  { prop: "column_rows", label: t("system.base.redact_storage_policy.field.column_name"), component: "slot", slotName: "column_rows", colSpan: 24, visible: () => Boolean(form.table_name) },
+  { prop: "status", label: t("common.field.status"), component: "radio-group", options: statusOptions.value },
+  { prop: "remark", label: t("common.field.remark"), component: "textarea" }
+]);
+const rules = computed<FormRules>(() => ({
+  source_name: [{ required: true, message: t("system.base.redact_storage_policy.validation.source_name"), trigger: "change" }],
+  table_name: [{ required: true, message: t("system.base.redact_storage_policy.validation.table_name"), trigger: "change" }],
+  column_rows: [{ validator: (_rule, value: StorageColumnRow[], callback) => value?.some(row => Boolean(row.rule_id)) ? callback() : callback(new Error(t("system.base.redact_storage_policy.validation.configured_fields"))), trigger: "change" }]
+}));
+const columns = computed<ColumnProps[]>(() => [
+  { type: "selection", width: 55 },
+  { prop: "source_name", label: t("system.base.redact_storage_policy.field.source_name"), minWidth: 130, search: { el: "input" } },
+  { prop: "table_name", label: t("system.base.redact_storage_policy.field.table_name"), minWidth: 180, search: { el: "input" }, render: scope => tableLabel(scope.row as BaseRedactStoragePolicy) },
+  { prop: "column_name", label: t("system.base.redact_storage_policy.field.column_name"), minWidth: 150, search: { el: "input" } },
+  { prop: "rule_name", label: t("system.base.redact_storage_policy.field.rule"), minWidth: 150 },
+  { prop: "status", label: t("common.field.status"), width: 100, cellType: "status", statusProps: { activeValue: Status.STATUS_ENABLE, inactiveValue: Status.STATUS_DISABLE, activeText: t("common.status.enabled"), inactiveText: t("common.status.disabled"), disabled: () => !BUTTONS.value["base:redact-storage-policy:status"], beforeChange: scope => changeStatus(scope.row as BaseRedactStoragePolicy) } },
+  { prop: "actions", label: t("common.field.operation"), width: 150, fixed: "right", cellType: "actions", actions: [{ label: t("common.action.edit"), type: "primary", link: true, icon: EditPen, hidden: () => !BUTTONS.value["base:redact-storage-policy:update"], onClick: scope => openDialog((scope.row as BaseRedactStoragePolicy).id) }, { label: t("common.action.delete"), type: "danger", link: true, icon: Delete, hidden: () => !BUTTONS.value["base:redact-storage-policy:delete"], onClick: scope => deleteItems(scope.row as BaseRedactStoragePolicy) }] }
+]);
+const headerActions = computed<HeaderActionProps[]>(() => [{ label: t("common.action.create"), type: "success", icon: CirclePlus, hidden: () => !BUTTONS.value["base:redact-storage-policy:create"], onClick: () => openDialog() }, { label: t("common.action.delete"), type: "danger", icon: Delete, hidden: () => !BUTTONS.value["base:redact-storage-policy:delete"], disabled: scope => !scope.selectedList.length, onClick: scope => deleteItems(scope.selectedList as BaseRedactStoragePolicy[]) }]);
+
+/** 请求入库脱敏策略分页列表。 */
+async function requestTable(params: PageBaseRedactStoragePolicyRequest) { const data = await defBaseRedactStoragePolicyService.PageBaseRedactStoragePolicy(buildPageRequest(params)); return { data: { list: data.base_redact_storage_policies ?? [], total: data.total } }; }
+/** 加载脱敏规则选项。 */
+async function loadRules() { const data = await defBaseRedactRuleService.PageBaseRedactRule({ code: "", name: "", rule_type: "", page_num: 1, page_size: 100 }); ruleCatalog.value = data.base_redact_rules ?? []; ruleOptions.value = ruleCatalog.value.map(item => ({ label: `${item.name} (${item.code})`, value: item.id, disabled: item.status !== Status.STATUS_ENABLE })); }
+/** 数据源变更后清空下级选择并加载数据表。 */
+async function handleSourceChange(sourceName: string) { form.source_name = sourceName; form.table_name = ""; form.column_name = ""; form.column_rows = []; tableOptions.value = []; await loadTables(); }
+/** 数据表变更后加载字段表格。 */
+async function handleTableChange(tableName: string) { form.table_name = tableName; form.column_name = ""; form.column_rows = []; await loadColumns(); }
+/** 加载数据源选项。 */
+async function loadSourceOptions() { const data = await defBaseTableSourceService.OptionBaseTableSource({}); sourceOptions.value = (data.value ?? []).map(value => ({ label: value, value })); }
+/** 加载指定数据源的数据表选项。 */
+async function loadTables(sourceName = form.source_name) { if (!sourceName) { tableOptions.value = []; return; } const data = await defCodeGenTableService.ListCodeGenDatabaseTable({ source_name: sourceName }); tableOptions.value = (data.tables ?? []).map((item: CodeGenDatabaseTable) => ({ label: item.comment ? `${item.comment}（${item.name}）` : item.name, value: item.name })); }
+/** 预加载数据表中文注释，供列表显示。 */
+async function loadTableComments() { await loadSourceOptions(); const comments = new Map<string, string>(); await Promise.all(sourceOptions.value.map(async option => { const sourceName = String(option.value); const data = await defCodeGenTableService.ListCodeGenDatabaseTable({ source_name: sourceName }); for (const item of data.tables ?? []) { if (item.comment) comments.set(`${sourceName}\x00${item.name}`, item.comment); } })); tableCommentMap.value = comments; }
+/** 加载并过滤数据库字段。 */
+async function loadColumns() { if (!form.source_name || !form.table_name) { form.column_rows = []; return; } const data = await defCodeGenColumnService.ListCodeGenDatabaseColumn({ source_name: form.source_name, table_name: form.table_name }); form.column_rows = (data.columns ?? []).filter(item => !item.is_primary && !STORAGE_AUDIT_COLUMN_NAMES.has(item.name.toLowerCase())).map(item => createColumnRow({ label: item.name, value: item.name, name: item.name, comment: item.comment, db_type: item.db_type })); }
+/** 打开新增或编辑弹窗。 */
+async function openDialog(id?: number) { resetForm(); await Promise.all([loadSourceOptions(), loadRules()]); if (id !== undefined) { const data = await defBaseRedactStoragePolicyService.GetBaseRedactStoragePolicy({ id }); Object.assign(form, data); await loadTables(); await loadColumns(); const row = form.column_rows.find(item => item.name === data.column_name); if (row) applyPolicy(row, data); } dialog.titleKey = id !== undefined ? "common.action.edit_resource" : "common.action.create_resource"; dialog.visible = true; }
+/** 重置弹窗表单。 */
+function resetForm() { dialog.visible = false; dialogRef.value?.resetFields(); Object.assign(form, defaultForm()); sourceOptions.value = []; tableOptions.value = []; }
+/** 保存表格中已配置的全部字段。 */
+async function submit() { const valid = await dialogRef.value?.validate(); if (!valid || !form.column_rows.some(row => Boolean(row.rule_id))) return; const rows = form.column_rows.filter(row => Boolean(row.rule_id)); const createPolicies = rows.filter(row => !row.id).map(buildPayload); const updatePolicies = rows.filter(row => Boolean(row.id)).map(buildPayload); const requests: Promise<unknown>[] = []; if (createPolicies.length) requests.push(defBaseRedactStoragePolicyService.CreateBaseRedactStoragePolicy({ base_redact_storage_policy: createPolicies })); if (updatePolicies.length) requests.push(defBaseRedactStoragePolicyService.UpdateBaseRedactStoragePolicy({ base_redact_storage_policy: updatePolicies })); await Promise.all(requests); ElMessage.success(t("system.base.redact_storage_policy.message.batch_save_success", { count: rows.length })); resetForm(); table.value?.getTableList(); }
+/** 将表格行转换为入库策略请求。 */
+function buildPayload(row: StorageColumnRow): BaseRedactStoragePolicyForm { syncRowParams(row); return { id: row.id, source_name: form.source_name, table_name: form.table_name, column_name: row.name, rule_id: row.rule_id ?? 0, rule_params: row.rule_params, status: form.status, remark: form.remark }; }
+/** 将已保存的策略回填到对应字段行。 */
+function applyPolicy(row: StorageColumnRow, data: BaseRedactStoragePolicyForm) { row.id = data.id; row.rule_id = data.rule_id || undefined; row.rule_params = data.rule_params; if (row.rule_id) { const rule = ruleCatalog.value.find(item => item.id === row.rule_id); row.rule_type = rule?.rule_type ?? ""; row.params = parseParams(row.rule_type, row.rule_params); } }
+/** 处理行规则变更。 */
+function handleRuleChange(row: StorageTableRow) { const rule = ruleCatalog.value.find(item => item.id === row.rule_id); row.rule_type = rule?.rule_type ?? ""; row.params = rule ? parseParams(rule.rule_type, rule.rule) : {}; row.rule_params = rule ? rule.rule : "{}"; }
+/** 同步单行规则参数。 */
+function syncRowParams(row: StorageColumnRow) { const rule = ruleCatalog.value.find(item => item.id === row.rule_id); if (rule) { row.rule_type = rule.rule_type; row.rule_params = JSON.stringify({ [rule.rule_type.toLowerCase()]: row.params }); } }
+/** 创建空的入库字段行。 */
+function createColumnRow(option: Pick<StorageColumnRow, "label" | "value" | "name" | "comment" | "db_type">): StorageColumnRow { return { ...option, id: 0, rule_id: undefined, rule_type: "", params: {}, rule_params: "{}" }; }
+/** 解析规则参数。 */
+function parseParams(ruleType: string, raw: string): RuleParams { try { const value = JSON.parse(raw) as Record<string, RuleParams>; return value[ruleType.toLowerCase()] ?? defaultParams(ruleType); } catch { return defaultParams(ruleType); } }
+/** 返回规则默认参数。 */
+function defaultParams(ruleType: string): RuleParams { switch (ruleType) { case "MASK": return { keep_first: 3, keep_last: 4, mask_char: "*" }; case "EMAIL": return { keep_local_first: 2, mask_domain: false, mask_char: "*" }; case "REGEX": return { pattern: "(?s).+", replacement: "[REDACTED]" }; case "TRUNCATE": return { length: 10, suffix: "..." }; case "HASH": return { algo: "SHA256" }; case "IP": return { keep_octets: 2, mask_char: "x" }; case "URL": return { mask_query: true, mask_char: "*" }; case "FIXED_LENGTH": return { char: "X" }; default: return {}; } }
+/** 修改入库策略状态。 */
+async function changeStatus(row: BaseRedactStoragePolicy) { const next = row.status === Status.STATUS_ENABLE ? Status.STATUS_DISABLE : Status.STATUS_ENABLE; try { await ElMessageBox.confirm(t("common.dialog.status_change", { action: t(next === Status.STATUS_ENABLE ? "common.status.enabled" : "common.status.disabled"), resource: t("system.base.redact_storage_policy.title"), field: t("system.base.redact_storage_policy.field.column_name"), value: row.column_name }), t("common.title.warning"), { type: "warning" }); await defBaseRedactStoragePolicyService.SetBaseRedactStoragePolicyStatus({ id: row.id, status: next }); table.value?.getTableList(); return true; } catch { return false; } }
+/** 删除选中的入库策略。 */
+function deleteItems(selected?: BaseRedactStoragePolicy | BaseRedactStoragePolicy[] | number | string | Array<number | string>) { const items = Array.isArray(selected) ? selected.filter((item): item is BaseRedactStoragePolicy => typeof item === "object") : selected && typeof selected === "object" ? [selected] : []; const ids = items.length ? items.map(item => item.id) : normalizeSelectedIds(selected as number | string | Array<number | string>); if (!ids.length) { ElMessage.warning(t("common.message.select_delete_item")); return; } ElMessageBox.confirm(t("common.dialog.delete_selected", { resource: t("system.base.redact_storage_policy.title") }), t("common.title.warning"), { type: "warning" }).then(async () => { await defBaseRedactStoragePolicyService.DeleteBaseRedactStoragePolicy({ id: ids.join(",") }); ElMessage.success(t("common.message.delete_success", { resource: t("system.base.redact_storage_policy.title") })); table.value?.getTableList(); }); }
+/** 创建默认入库表单。 */
+function defaultForm(): StorageFormState { return { id: 0, source_name: "", table_name: "", column_name: "", column_rows: [], rule_id: 0, rule_params: "{}", status: Status.STATUS_ENABLE, remark: "" }; }
+
+/** 格式化列表中的数据表名称。 */
+function tableLabel(row: BaseRedactStoragePolicy) { const comment = tableCommentMap.value.get(`${row.source_name}\x00${row.table_name}`); return comment && comment !== row.table_name ? `${comment}（${row.table_name}）` : row.table_name; }
+
+void loadTableComments().catch(() => undefined);
+</script>
+
+<style scoped lang="scss">
+.field-table { width: 100%; }
+.field-table__summary { margin-bottom: 8px; color: var(--el-text-color-secondary); line-height: 1.5; }
+.field-cell { min-width: 0; line-height: 1.35; }
+.field-cell__title { overflow: hidden; color: var(--el-text-color-regular); text-overflow: ellipsis; white-space: nowrap; }
+.field-cell__meta { overflow: hidden; color: var(--el-text-color-secondary); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
+.table-control { width: 100%; }
+.parameter-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; min-width: 480px; }
+.parameter-item { display: flex; flex-direction: column; gap: 4px; min-width: 0; color: var(--el-text-color-regular); font-size: 12px; }
+.parameter-control { width: 100%; }
+.empty-value { color: var(--el-text-color-secondary); }
+@media (max-width: 900px) { .parameter-grid { grid-template-columns: minmax(0, 1fr); min-width: 0; } }
+</style>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@liujitcn/kratos-admin-system",
   "private": false,
-  "version": "0.0.32",
+  "version": "0.0.34",
   "type": "module",
   "description": "kratos-admin system management module",
   "license": "MIT",
@@ -15,7 +15,7 @@
     "sortablejs": "^1.15.2",
     "swagger-ui-dist": "^5.32.9",
     "vue-element-plus-x": "^2.0.3",
-    "@liujitcn/kratos-admin-core": "0.0.32"
+    "@liujitcn/kratos-admin-core": "0.0.34"
   },
   "peerDependencies": {
     "@element-plus/icons-vue": "^2.3.1",

package/dist/package/declarations/src/api/system/base_redact_field.d.ts

@@ -1,20 +0,0 @@
-import type { BaseRedactFieldForm, BaseRedactFieldService, DeleteBaseRedactFieldRequest, GetBaseRedactFieldRequest, OptionBaseRedactFieldRequest, PageBaseRedactFieldRequest, PageBaseRedactFieldResponse, SetBaseRedactFieldStatusRequest, UpdateBaseRedactFieldRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_redact_field";
-import type { SelectOptionResponse } from "@liujitcn/kratos-admin-system/rpc/common/v1/common";
-import type { Empty } from "@liujitcn/kratos-admin-system/rpc/google/protobuf/empty";
-/** Admin脱敏字段目录服务。 */
-export declare class BaseRedactFieldServiceImpl implements BaseRedactFieldService {
-    /** 查询脱敏字段选项。 */
-    OptionBaseRedactField(request?: OptionBaseRedactFieldRequest): Promise<SelectOptionResponse>;
-    /** 查询脱敏字段分页列表。 */
-    PageBaseRedactField(request: PageBaseRedactFieldRequest): Promise<PageBaseRedactFieldResponse>;
-    /** 查询脱敏字段详情。 */
-    GetBaseRedactField(request: GetBaseRedactFieldRequest): Promise<BaseRedactFieldForm>;
-    /** 更新脱敏字段。 */
-    UpdateBaseRedactField(request: UpdateBaseRedactFieldRequest): Promise<Empty>;
-    /** 删除脱敏字段。 */
-    DeleteBaseRedactField(request: DeleteBaseRedactFieldRequest): Promise<Empty>;
-    /** 设置脱敏字段状态。 */
-    SetBaseRedactFieldStatus(request: SetBaseRedactFieldStatusRequest): Promise<Empty>;
-}
-/** defBaseRedactFieldService 脱敏字段目录服务实例。 */
-export declare const defBaseRedactFieldService: BaseRedactFieldServiceImpl;

package/dist/package/declarations/src/api/system/base_redact_policy.d.ts

@@ -1,19 +0,0 @@
-import type { BaseRedactPolicyForm, BaseRedactPolicyService, CreateBaseRedactPolicyRequest, DeleteBaseRedactPolicyRequest, GetBaseRedactPolicyRequest, PageBaseRedactPolicyRequest, PageBaseRedactPolicyResponse, SetBaseRedactPolicyStatusRequest, UpdateBaseRedactPolicyRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_redact_policy";
-import type { Empty } from "@liujitcn/kratos-admin-system/rpc/google/protobuf/empty";
-/** Admin脱敏策略绑定服务。 */
-export declare class BaseRedactPolicyServiceImpl implements BaseRedactPolicyService {
-    /** 查询脱敏策略分页列表。 */
-    PageBaseRedactPolicy(request: PageBaseRedactPolicyRequest): Promise<PageBaseRedactPolicyResponse>;
-    /** 查询脱敏策略详情。 */
-    GetBaseRedactPolicy(request: GetBaseRedactPolicyRequest): Promise<BaseRedactPolicyForm>;
-    /** 创建脱敏策略。 */
-    CreateBaseRedactPolicy(request: CreateBaseRedactPolicyRequest): Promise<Empty>;
-    /** 更新脱敏策略。 */
-    UpdateBaseRedactPolicy(request: UpdateBaseRedactPolicyRequest): Promise<Empty>;
-    /** 删除脱敏策略。 */
-    DeleteBaseRedactPolicy(request: DeleteBaseRedactPolicyRequest): Promise<Empty>;
-    /** 设置脱敏策略状态。 */
-    SetBaseRedactPolicyStatus(request: SetBaseRedactPolicyStatusRequest): Promise<Empty>;
-}
-/** defBaseRedactPolicyService 脱敏策略绑定服务实例。 */
-export declare const defBaseRedactPolicyService: BaseRedactPolicyServiceImpl;

package/dist/package/declarations/src/rpc/system/admin/v1/base_redact_field.d.ts

@@ -1,161 +0,0 @@
-import type { SelectOptionResponse } from "../../../common/v1/common";
-import type { Status } from "../../../common/v1/enum";
-import type { Empty } from "../../../google/protobuf/empty";
-import type { BaseRedactDirection } from "./base_redact_common";
-/** 字段数据库存储方式。 */
-export declare enum BaseRedactStorageMode {
-    /** BASE_REDACT_STORAGE_MODE_UNSPECIFIED - 未配置存储方式，服务端拒绝启用字段存储保护。 */
-    BASE_REDACT_STORAGE_MODE_UNSPECIFIED = 0,
-    /** BASE_REDACT_STORAGE_MODE_PLAIN - 主表保存明文。 */
-    BASE_REDACT_STORAGE_MODE_PLAIN = 1,
-    /** BASE_REDACT_STORAGE_MODE_MASK - 主表保存脱敏值，旁表保存加密原文。 */
-    BASE_REDACT_STORAGE_MODE_MASK = 2,
-    /** BASE_REDACT_STORAGE_MODE_HASH - 主表保存不可逆哈希。 */
-    BASE_REDACT_STORAGE_MODE_HASH = 3
-}
-/** 敏感字段查询方式。 */
-export declare enum BaseRedactSearchMode {
-    /** BASE_REDACT_SEARCH_MODE_UNSPECIFIED - 未配置查询方式。 */
-    BASE_REDACT_SEARCH_MODE_UNSPECIFIED = 0,
-    /** BASE_REDACT_SEARCH_MODE_NONE - 不支持敏感字段查询。 */
-    BASE_REDACT_SEARCH_MODE_NONE = 1,
-    /** BASE_REDACT_SEARCH_MODE_DIGEST - 使用 HMAC 摘要进行精确查询。 */
-    BASE_REDACT_SEARCH_MODE_DIGEST = 2
-}
-/** 脱敏字段选项查询条件。 */
-export interface OptionBaseRedactFieldRequest {
-    /** 字段关键字 */
-    keyword: string;
-    /** 接口操作 */
-    operation: string;
-    /** 脱敏方向 */
-    direction?: BaseRedactDirection | undefined;
-}
-/** 脱敏字段分页查询条件。 */
-export interface PageBaseRedactFieldRequest {
-    /** Proto消息完整名称 */
-    message_ref: string;
-    /** 字段路径 */
-    field_path: string;
-    /** 敏感字段类型 */
-    sensitivity_type: string;
-    /** 字段来源 */
-    source: string;
-    /** 状态 */
-    status?: Status | undefined;
-    /** 当前页码 */
-    page_num: number;
-    /** 每页数量 */
-    page_size: number;
-}
-/** 脱敏字段分页响应。 */
-export interface PageBaseRedactFieldResponse {
-    /** 字段列表 */
-    base_redact_fields: BaseRedactField[];
-    /** 总数 */
-    total: number;
-}
-/** 脱敏字段详情查询条件。 */
-export interface GetBaseRedactFieldRequest {
-    id: number;
-}
-/** 脱敏字段表单。 */
-export interface BaseRedactFieldForm {
-    /** 字段目录ID */
-    id: number;
-    /** Proto消息完整名称 */
-    message_ref: string;
-    /** 字段路径 */
-    field_path: string;
-    /** Proto字段类型 */
-    field_kind: string;
-    /** 敏感字段类型 */
-    sensitivity_type: string;
-    /** 字段来源 */
-    source: string;
-    /** 数据实体标识 */
-    entity_ref: string;
-    /** 数据库表名 */
-    table_name: string;
-    /** 数据库字段名 */
-    column_name: string;
-    /** 业务主键字段 */
-    record_key_field: string;
-    /** 数据库存储方式 */
-    storage_mode: BaseRedactStorageMode;
-    /** 存储脱敏规则ID */
-    storage_rule_id: number;
-    /** 敏感字段查询方式 */
-    search_mode: BaseRedactSearchMode;
-    /** 状态 */
-    status: Status;
-    /** 备注 */
-    remark: string;
-}
-/** 更新脱敏字段请求参数。 */
-export interface UpdateBaseRedactFieldRequest {
-    base_redact_field: BaseRedactFieldForm | undefined;
-}
-/** 删除脱敏字段请求参数。 */
-export interface DeleteBaseRedactFieldRequest {
-    id: string;
-}
-/** 设置脱敏字段状态请求参数。 */
-export interface SetBaseRedactFieldStatusRequest {
-    /** 字段目录ID */
-    id: number;
-    /** 状态 */
-    status: Status;
-}
-/** 脱敏字段目录。 */
-export interface BaseRedactField {
-    /** 字段目录ID */
-    id: number;
-    /** Proto消息完整名称 */
-    message_ref: string;
-    /** 字段路径 */
-    field_path: string;
-    /** Proto字段类型 */
-    field_kind: string;
-    /** 敏感字段类型 */
-    sensitivity_type: string;
-    /** 字段来源 */
-    source: string;
-    /** 数据实体标识 */
-    entity_ref: string;
-    /** 数据库表名 */
-    table_name: string;
-    /** 数据库字段名 */
-    column_name: string;
-    /** 业务主键字段 */
-    record_key_field: string;
-    /** 数据库存储方式 */
-    storage_mode: BaseRedactStorageMode;
-    /** 存储脱敏规则ID */
-    storage_rule_id: number;
-    /** 敏感字段查询方式 */
-    search_mode: BaseRedactSearchMode;
-    /** 状态 */
-    status: Status;
-    /** 备注 */
-    remark: string;
-    /** 创建时间 */
-    created_at: string;
-    /** 更新时间 */
-    updated_at: string;
-}
-/** Admin脱敏字段目录服务。 */
-export interface BaseRedactFieldService {
-    /** 查询脱敏字段选项。 */
-    OptionBaseRedactField(request: OptionBaseRedactFieldRequest): Promise<SelectOptionResponse>;
-    /** 查询脱敏字段分页列表。 */
-    PageBaseRedactField(request: PageBaseRedactFieldRequest): Promise<PageBaseRedactFieldResponse>;
-    /** 查询脱敏字段详情。 */
-    GetBaseRedactField(request: GetBaseRedactFieldRequest): Promise<BaseRedactFieldForm>;
-    /** 更新脱敏字段。 */
-    UpdateBaseRedactField(request: UpdateBaseRedactFieldRequest): Promise<Empty>;
-    /** 删除脱敏字段。 */
-    DeleteBaseRedactField(request: DeleteBaseRedactFieldRequest): Promise<Empty>;
-    /** 设置脱敏字段状态。 */
-    SetBaseRedactFieldStatus(request: SetBaseRedactFieldStatusRequest): Promise<Empty>;
-}