@liujitcn/kratos-admin-system 0.0.31 → 0.0.33

package/dist/package/src/views/base/redact-rule/index.vue

@@ -0,0 +1,361 @@
+<template>
+  <div class="table-box">
+    <ProTable ref="table" row-key="id" :columns="columns" :request-api="requestTable" />
+    <FormDialog
+      v-model="dialog.visible"
+      ref="dialogRef"
+      :title="t(dialog.titleKey)"
+      width="720px"
+      :model="form"
+      :fields="fields"
+      :rules="rules"
+      @confirm="submit"
+      @close="resetForm"
+    >
+      <template #rule>
+        <div class="rule-editor">
+          <div class="rule-description">{{ t(templateDescriptionKey) }}</div>
+          <div v-if="form.rule_type === 'MASK'" class="parameter-grid">
+            <div class="parameter-item">
+              <span>{{ t("system.base.redact_rule.parameter.keep_first") }}</span>
+              <el-input-number v-model="form.params.keep_first" :min="0" :precision="0" controls-position="right" />
+            </div>
+            <div class="parameter-item">
+              <span>{{ t("system.base.redact_rule.parameter.keep_last") }}</span>
+              <el-input-number v-model="form.params.keep_last" :min="0" :precision="0" controls-position="right" />
+            </div>
+            <div class="parameter-item">
+              <span>{{ t("system.base.redact_rule.parameter.mask_char") }}</span>
+              <el-input v-model="form.params.mask_char" maxlength="8" />
+            </div>
+          </div>
+          <div v-else-if="form.rule_type === 'EMAIL'" class="parameter-grid">
+            <div class="parameter-item">
+              <span>{{ t("system.base.redact_rule.parameter.keep_local_first") }}</span>
+              <el-input-number v-model="form.params.keep_local_first" :min="0" :precision="0" controls-position="right" />
+            </div>
+            <div class="parameter-item">
+              <span>{{ t("system.base.redact_rule.parameter.mask_domain") }}</span>
+              <el-switch v-model="form.params.mask_domain" />
+            </div>
+            <div class="parameter-item">
+              <span>{{ t("system.base.redact_rule.parameter.mask_char") }}</span>
+              <el-input v-model="form.params.mask_char" maxlength="8" />
+            </div>
+          </div>
+          <div v-else-if="form.rule_type === 'REGEX'" class="parameter-grid parameter-grid--single">
+            <div class="parameter-item parameter-item--wide">
+              <span>{{ t("system.base.redact_rule.parameter.pattern") }}</span>
+              <el-input v-model="form.params.pattern" />
+            </div>
+            <div class="parameter-item parameter-item--wide">
+              <span>{{ t("system.base.redact_rule.parameter.replacement") }}</span>
+              <el-input v-model="form.params.replacement" />
+            </div>
+          </div>
+          <div v-else-if="form.rule_type === 'TRUNCATE'" class="parameter-grid">
+            <div class="parameter-item">
+              <span>{{ t("system.base.redact_rule.parameter.length") }}</span>
+              <el-input-number v-model="form.params.length" :min="0" :precision="0" controls-position="right" />
+            </div>
+            <div class="parameter-item parameter-item--wide">
+              <span>{{ t("system.base.redact_rule.parameter.suffix") }}</span>
+              <el-input v-model="form.params.suffix" maxlength="32" />
+            </div>
+          </div>
+          <div v-else-if="form.rule_type === 'HASH'" class="parameter-grid parameter-grid--single">
+            <div class="parameter-item parameter-item--wide">
+              <span>{{ t("system.base.redact_rule.parameter.algo") }}</span>
+              <el-select v-model="form.params.algo" class="parameter-control">
+                <el-option label="MD5" value="MD5" />
+                <el-option label="SHA1" value="SHA1" />
+                <el-option label="SHA256" value="SHA256" />
+              </el-select>
+            </div>
+          </div>
+          <div v-else-if="form.rule_type === 'IP'" class="parameter-grid">
+            <div class="parameter-item">
+              <span>{{ t("system.base.redact_rule.parameter.keep_octets") }}</span>
+              <el-input-number v-model="form.params.keep_octets" :min="0" :precision="0" controls-position="right" />
+            </div>
+            <div class="parameter-item">
+              <span>{{ t("system.base.redact_rule.parameter.mask_char") }}</span>
+              <el-input v-model="form.params.mask_char" maxlength="8" />
+            </div>
+          </div>
+          <div v-else-if="form.rule_type === 'URL'" class="parameter-grid">
+            <div class="parameter-item">
+              <span>{{ t("system.base.redact_rule.parameter.mask_query") }}</span>
+              <el-switch v-model="form.params.mask_query" />
+            </div>
+            <div class="parameter-item">
+              <span>{{ t("system.base.redact_rule.parameter.mask_char") }}</span>
+              <el-input v-model="form.params.mask_char" maxlength="8" />
+            </div>
+          </div>
+          <div v-else-if="form.rule_type === 'FIXED_LENGTH'" class="parameter-grid parameter-grid--single">
+            <div class="parameter-item parameter-item--wide">
+              <span>{{ t("system.base.redact_rule.parameter.char") }}</span>
+              <el-input v-model="form.params.char" maxlength="8" />
+            </div>
+          </div>
+          <div v-else class="rule-empty">{{ t("system.base.redact_rule.message.no_parameters") }}</div>
+        </div>
+      </template>
+    </FormDialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, reactive, ref } from "vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { EditPen } from "@element-plus/icons-vue";
+import type { ColumnProps, 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 } from "@liujitcn/kratos-admin-core/components/ProForm/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 { defBaseRedactRuleService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_redact_rule";
+import type { BaseRedactRule, BaseRedactRuleForm, PageBaseRedactRuleRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_redact_rule";
+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 RuleFormState extends BaseRedactRuleForm {
+  params: RuleParams;
+}
+
+defineOptions({ name: "BaseRedactRule", inheritAttrs: false });
+
+const { BUTTONS } = useAuthButtons();
+const table = ref<ProTableInstance>();
+const dialogRef = ref<InstanceType<typeof FormDialog>>();
+const dialog = reactive({ visible: false, titleKey: "common.action.edit_resource" });
+const form = reactive<RuleFormState>(defaultForm());
+const statusOptions = computed(() => [
+  { label: t("common.status.enabled"), value: Status.STATUS_ENABLE },
+  { label: t("common.status.disabled"), value: Status.STATUS_DISABLE }
+]);
+const templateDescriptionKey = computed(() => `system.base.redact_rule.description.${form.code || "unknown"}`);
+
+const fields = computed<ProFormField[]>(() => [
+  { prop: "code", label: t("system.base.redact_rule.field.code"), component: "input", props: { disabled: true } },
+  { prop: "name", label: t("system.base.redact_rule.field.name"), component: "input", props: { disabled: true } },
+  { prop: "rule_type", label: t("system.base.redact_rule.field.rule_type"), component: "input", props: { disabled: true } },
+  { prop: "rule", label: t("system.base.redact_rule.field.parameters"), component: "slot", slotName: "rule", colSpan: 24 },
+  { 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(() => ({
+  rule: [{ required: true, message: t("system.base.redact_rule.validation.parameters"), trigger: "change" }]
+}));
+
+const columns = computed<ColumnProps[]>(() => [
+  { prop: "code", label: t("system.base.redact_rule.field.code"), minWidth: 180, search: { el: "input" } },
+  { prop: "name", label: t("system.base.redact_rule.field.name"), minWidth: 180, search: { el: "input" } },
+  { prop: "rule_type", label: t("system.base.redact_rule.field.rule_type"), width: 150, search: { el: "input" } },
+  { prop: "rule", label: t("system.base.redact_rule.field.parameters"), minWidth: 260, showOverflowTooltip: true, render: scope => ruleSummary(scope.row as BaseRedactRule) },
+  {
+    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-rule:status"],
+      beforeChange: scope => changeStatus(scope.row as BaseRedactRule)
+    }
+  },
+  {
+    prop: "actions",
+    label: t("common.field.operation"),
+    width: 100,
+    fixed: "right",
+    cellType: "actions",
+    actions: [{ label: t("common.action.edit"), type: "primary", link: true, icon: EditPen, hidden: () => !BUTTONS.value["base:redact-rule:update"], onClick: scope => openDialog((scope.row as BaseRedactRule).id) }]
+  }
+]);
+
+/** 请求固定规则模板列表。 */
+async function requestTable(params: PageBaseRedactRuleRequest) {
+  const data = await defBaseRedactRuleService.PageBaseRedactRule(buildPageRequest(params));
+  return { data: { list: data.base_redact_rules ?? [], total: data.total } };
+}
+
+/** 打开固定规则模板编辑弹窗。 */
+async function openDialog(id: number) {
+  resetForm();
+  const data = await defBaseRedactRuleService.GetBaseRedactRule({ id });
+  Object.assign(form, data, { params: parseRuleParams(data.rule_type, data.rule) });
+  dialog.visible = true;
+}
+
+/** 重置规则模板编辑表单。 */
+function resetForm() {
+  dialog.visible = false;
+  dialogRef.value?.resetFields();
+  Object.assign(form, defaultForm());
+}
+
+/** 提交固定规则模板参数。 */
+async function submit() {
+  const valid = await dialogRef.value?.validate();
+  if (!valid) return;
+  syncRule();
+  const payload: BaseRedactRuleForm = {
+    id: form.id,
+    code: form.code,
+    name: form.name,
+    rule_type: form.rule_type,
+    rule: form.rule,
+    status: form.status,
+    remark: form.remark
+  };
+  await defBaseRedactRuleService.UpdateBaseRedactRule({ base_redact_rule: payload });
+  ElMessage.success(t("common.message.update_success", { resource: t("system.base.redact_rule.title") }));
+  resetForm();
+  table.value?.getTableList();
+}
+
+/** 切换固定规则模板状态。 */
+async function changeStatus(row: BaseRedactRule) {
+  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_rule.title"),
+        field: t("system.base.redact_rule.field.code"),
+        value: row.code
+      }),
+      t("common.title.warning"),
+      { type: "warning" }
+    );
+    await defBaseRedactRuleService.SetBaseRedactRuleStatus({ id: row.id, status: next });
+    table.value?.getTableList();
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+/** 将参数表单同步为运行时规则 JSON。 */
+function syncRule() {
+  form.params = { ...defaultRuleParams(form.rule_type), ...form.params };
+  form.rule = JSON.stringify({ [form.rule_type.toLowerCase()]: form.params }, null, 2);
+}
+
+/** 解析规则 JSON 中当前类型的参数。 */
+function parseRuleParams(ruleType: string, rawRule: string): RuleParams {
+  try {
+    const value = JSON.parse(rawRule) as Record<string, unknown>;
+    const params = value[ruleType.toLowerCase()];
+    if (params && typeof params === "object" && !Array.isArray(params)) return params as RuleParams;
+  } catch {
+    return defaultRuleParams(ruleType);
+  }
+  return defaultRuleParams(ruleType);
+}
+
+/** 返回固定规则模板的默认参数。 */
+function defaultRuleParams(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 {};
+  }
+}
+
+/** 返回规则参数的紧凑展示文本。 */
+function ruleSummary(row: BaseRedactRule) {
+  return JSON.stringify(parseRuleParams(row.rule_type, row.rule));
+}
+
+/** 返回规则模板表单的初始值。 */
+function defaultForm(): RuleFormState {
+  return { id: 0, code: "", name: "", rule_type: "MASK", rule: "", status: Status.STATUS_ENABLE, remark: "", params: defaultRuleParams("MASK") };
+}
+</script>
+
+<style scoped lang="scss">
+.rule-editor {
+  width: 100%;
+}
+
+.rule-description {
+  margin-bottom: 12px;
+  color: var(--el-text-color-secondary);
+  line-height: 1.5;
+}
+
+.parameter-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 12px;
+}
+
+.parameter-grid--single {
+  grid-template-columns: minmax(0, 1fr);
+}
+
+.parameter-item {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  min-width: 0;
+  color: var(--el-text-color-regular);
+}
+
+.parameter-item--wide {
+  min-width: 0;
+}
+
+.parameter-control {
+  width: 100%;
+}
+
+.rule-empty {
+  color: var(--el-text-color-secondary);
+}
+
+@media (max-width: 900px) {
+  .parameter-grid {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
+</style>

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>