@liujitcn/kratos-admin-system 0.0.50 → 0.0.52

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

@@ -22,8 +22,8 @@
 </template>
 
 <script setup lang="ts">
-import { computed, h, reactive, ref, type VNode } from "vue";
-import { ElButton, ElMessage, ElMessageBox, ElTag } from "element-plus";
+import { computed, h, reactive, ref } from "vue";
+import { ElMessage, ElMessageBox, ElTag } from "element-plus";
 import { CirclePlus, Delete, EditPen, Promotion, Tickets, VideoPause, VideoPlay } from "@element-plus/icons-vue";
 import type {
   ColumnProps,
@@ -172,132 +172,6 @@ function renderJobNameCell(scope: RenderScope<BaseJob>) {
   });
 }
 
-/**
- * 渲染定时任务操作列。
- */
-function renderOperationCell(scope: RenderScope<BaseJob>) {
-  const row = scope.row;
-  const actionNodes: VNode[] = [];
-
-  if (BUTTONS.value["base:job:update"]) {
-    actionNodes.push(
-      h(
-        ElButton,
-        {
-          key: `edit-${row.id}`,
-          type: "primary",
-          link: true,
-          icon: EditPen,
-          onClick: () => handleOpenDialog(row.id)
-        },
-        () => t("common.action.edit")
-      )
-    );
-  }
-
-  if (BUTTONS.value["base:job:delete"]) {
-    actionNodes.push(
-      h(
-        ElButton,
-        {
-          key: `delete-${row.id}`,
-          type: "danger",
-          link: true,
-          icon: Delete,
-          onClick: () => handleDelete(row)
-        },
-        () => t("common.action.delete")
-      )
-    );
-  }
-
-  if (
-    row.status === Status.STATUS_ENABLE &&
-    (row.entry_id === undefined || row.entry_id === 0) &&
-    BUTTONS.value["base:job:start"]
-  ) {
-    actionNodes.push(
-      h(
-        ElButton,
-        {
-          key: `start-${row.id}`,
-          type: "primary",
-          link: true,
-          icon: VideoPlay,
-          class: "job-action job-action--start",
-          onClick: () => handleStart(row.id, row.name)
-        },
-        () => t("system.base.job.action.start")
-      )
-    );
-  }
-
-  if (row.status === Status.STATUS_ENABLE && row.entry_id > 0 && BUTTONS.value["base:job:stop"]) {
-    actionNodes.push(
-      h(
-        ElButton,
-        {
-          key: `stop-${row.id}`,
-          type: "warning",
-          link: true,
-          icon: VideoPause,
-          class: "job-action job-action--stop",
-          onClick: () => handleStop(row.id, row.name)
-        },
-        () => t("system.base.job.action.stop")
-      )
-    );
-  }
-
-  if (
-    row.status === Status.STATUS_ENABLE &&
-    (row.entry_id === undefined || row.entry_id === 0) &&
-    BUTTONS.value["base:job:exec"]
-  ) {
-    actionNodes.push(
-      h(
-        ElButton,
-        {
-          key: `exec-${row.id}`,
-          type: "success",
-          link: true,
-          icon: Promotion,
-          class: "job-action job-action--exec",
-          onClick: () => handleExec(row.id, row.name)
-        },
-        () => t("system.base.job.action.execute")
-      )
-    );
-  }
-
-  if (BUTTONS.value["base:job:log"]) {
-    actionNodes.push(
-      h(
-        ElButton,
-        {
-          key: `log-${row.id}`,
-          type: "primary",
-          link: true,
-          icon: Tickets,
-          class: "job-action job-action--log",
-          onClick: () => handleOpenBaseJob(row.id, row.name)
-        },
-        () => t("system.base.job.action.log")
-      )
-    );
-  }
-
-  if (!actionNodes.length) return "--";
-  return h(
-    "div",
-    {
-      class: "job-operation",
-      key: `job-operation-${row.id}`
-    },
-    actionNodes
-  );
-}
-
 /** 定时任务表单字段配置。 */
 const formFields = computed<ProFormField[]>(() => [
   {
@@ -372,7 +246,86 @@ const columns = computed<ColumnProps[]>(() => [
   {
     prop: "operation",
     label: t("common.field.action"),
-    render: scope => renderOperationCell(scope as unknown as RenderScope<BaseJob>)
+    cellType: "actions",
+    actions: [
+      {
+        label: t("common.action.edit"),
+        type: "primary",
+        link: true,
+        icon: EditPen,
+        hidden: () => !BUTTONS.value["base:job:update"],
+        onClick: scope => handleOpenDialog((scope.row as BaseJob).id)
+      },
+      {
+        label: t("common.action.delete"),
+        type: "danger",
+        link: true,
+        icon: Delete,
+        hidden: () => !BUTTONS.value["base:job:delete"],
+        onClick: scope => handleDelete(scope.row as BaseJob)
+      },
+      {
+        label: t("system.base.job.action.start"),
+        type: "primary",
+        link: true,
+        icon: VideoPlay,
+        hidden: scope => {
+          const row = scope.row as BaseJob;
+          return (
+            row.status !== Status.STATUS_ENABLE ||
+            (row.entry_id !== undefined && row.entry_id !== 0) ||
+            !BUTTONS.value["base:job:start"]
+          );
+        },
+        onClick: scope => {
+          const row = scope.row as BaseJob;
+          return handleStart(row.id, row.name);
+        }
+      },
+      {
+        label: t("system.base.job.action.stop"),
+        type: "warning",
+        link: true,
+        icon: VideoPause,
+        hidden: scope => {
+          const row = scope.row as BaseJob;
+          return row.status !== Status.STATUS_ENABLE || !(row.entry_id > 0) || !BUTTONS.value["base:job:stop"];
+        },
+        onClick: scope => {
+          const row = scope.row as BaseJob;
+          return handleStop(row.id, row.name);
+        }
+      },
+      {
+        label: t("system.base.job.action.execute"),
+        type: "success",
+        link: true,
+        icon: Promotion,
+        hidden: scope => {
+          const row = scope.row as BaseJob;
+          return (
+            row.status !== Status.STATUS_ENABLE ||
+            (row.entry_id !== undefined && row.entry_id !== 0) ||
+            !BUTTONS.value["base:job:exec"]
+          );
+        },
+        onClick: scope => {
+          const row = scope.row as BaseJob;
+          return handleExec(row.id, row.name);
+        }
+      },
+      {
+        label: t("system.base.job.action.log"),
+        type: "info",
+        link: true,
+        icon: Tickets,
+        hidden: () => !BUTTONS.value["base:job:log"],
+        onClick: scope => {
+          const row = scope.row as BaseJob;
+          return handleOpenBaseJob(row.id, row.name);
+        }
+      }
+    ]
   }
 ]);
 
@@ -608,32 +561,3 @@ function handleOpenBaseJob(id: number, name: string) {
   navigateTo(router, "/base/job/log", { jobId: id, title: t("system.base.job.title.log", { name }) });
 }
 </script>
-
-<style scoped>
-.job-operation {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 4px 10px;
-  align-items: center;
-  white-space: nowrap;
-}
-.job-action {
-  margin-left: 0;
-  font-weight: 500;
-}
-.job-action:deep(.el-icon) {
-  margin-right: 4px;
-}
-.job-action--start {
-  --el-button-text-color: var(--el-color-primary);
-}
-.job-action--stop {
-  --el-button-text-color: var(--el-color-warning);
-}
-.job-action--exec {
-  --el-button-text-color: var(--el-color-success);
-}
-.job-action--log {
-  --el-button-text-color: var(--el-color-info);
-}
-</style>

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

@@ -94,7 +94,11 @@ import {
 } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_login_policy";
 
 /** 登录策略表单状态，初始化密码仅在提交时转换为一次性密码密文。 */
-interface BaseLoginPolicyFormState extends Omit<BaseLoginPolicyForm, "initial_password"> {
+interface BaseLoginPolicyFormState extends Omit<BaseLoginPolicyForm, "initial_password" | "tenant_id" | "user_id"> {
+  /** 租户作用域目标，未选择时保持未定义。 */
+  tenant_id?: number;
+  /** 用户作用域目标，未选择时保持未定义。 */
+  user_id?: number;
   /** 初始化密码明文只保留在当前表单，留空表示不修改已有值。 */
   initial_password: string;
 }
@@ -370,13 +374,13 @@ watch(
   () => formData.scope_type,
   value => {
     if (value === BaseLoginPolicyScopeType.BASE_LOGIN_POLICY_SCOPE_TYPE_GLOBAL) {
-      formData.tenant_id = 0;
-      formData.user_id = 0;
+      formData.tenant_id = undefined;
+      formData.user_id = undefined;
       userOptions.value = [];
       return;
     }
     if (value === BaseLoginPolicyScopeType.BASE_LOGIN_POLICY_SCOPE_TYPE_TENANT) {
-      formData.user_id = 0;
+      formData.user_id = undefined;
       userOptions.value = [];
     }
   }
@@ -399,8 +403,8 @@ function defaultForm(): BaseLoginPolicyFormState {
   return {
     id: 0,
     scope_type: BaseLoginPolicyScopeType.BASE_LOGIN_POLICY_SCOPE_TYPE_GLOBAL,
-    tenant_id: 0,
-    user_id: 0,
+    tenant_id: undefined,
+    user_id: undefined,
     max_failed_attempts: 5,
     lock_duration_minutes: 15,
     allow_concurrent_login: false,
@@ -464,6 +468,8 @@ async function handleSubmit() {
 
   const baseLoginPolicy: BaseLoginPolicyForm = {
     ...formData,
+    tenant_id: formData.tenant_id ?? 0,
+    user_id: formData.user_id ?? 0,
     initial_password: formData.initial_password
       ? await encryptPassword(formData.initial_password, PASSWORD_CRYPTO_SCENE.PASSWORD_CRYPTO_SCENE_CONFIGURE_PASSWORD_POLICY)
       : undefined

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

@@ -56,6 +56,7 @@
                   <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')" />
+                    <ParameterNumber v-model="row.params.min_mask" :label="t('system.base.redact_rule.parameter.min_mask')" />
                     <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'">
@@ -119,6 +120,7 @@ import { Status } from "@liujitcn/kratos-admin-system/rpc/common/v1/enum";
 interface RuleParams {
   keep_first?: number;
   keep_last?: number;
+  min_mask?: number;
   mask_char?: string;
   keep_local_first?: number;
   mask_domain?: boolean;
@@ -260,7 +262,7 @@ function handleServiceChange(serviceName?: string) { form.service_name = service
 /** API 变更后重新加载返回字段。 */
 async function handleApiChange(apiId?: number) { const api = interfaceOptions.value.find(item => item.id === apiId); form.service_name = api?.service_name ?? form.service_name; form.operation = api?.operation ?? ""; form.field_rows = []; if (apiId !== undefined) await loadResponseFields(apiId); }
 /** 加载 API 返回字段并初始化表格行。 */
-async function loadResponseFields(apiId: number) { const api = apiCatalog.value.find(item => item.id === apiId); if (!api) return; const doc = await defBaseApiService.GetBaseApiDoc({ id: apiId }); const rows: OutputFieldRow[] = []; for (const response of doc.responses ?? []) { if (response.body) collectFields(response.body, "", "", rows, true); } form.field_rows = [...new Map(rows.map(item => [String(item.value), item])).values()]; }
+async function loadResponseFields(apiId: number) { const api = apiCatalog.value.find(item => item.id === apiId); if (!api) return; const doc = await defBaseRedactOutputPolicyService.GetBaseRedactOutputFieldDoc({ api_id: apiId }); const rows: OutputFieldRow[] = []; for (const response of doc.responses ?? []) { if (response.body) collectFields(response.body, "", "", rows, true); } form.field_rows = [...new Map(rows.map(item => [String(item.value), item])).values()]; }
 /** 递归收集可配置的返回叶子字段。 */
 function collectFields(schema: BaseApiDocSchema, parentRef: string, parentPath: string, result: OutputFieldRow[], root: boolean) { const schemaRef = normalizeRef(schema.ref); const messageRef = schemaRef || parentRef; const startsNewMessage = Boolean(schemaRef && parentRef && schemaRef !== parentRef); const rootContainer = root || (!parentRef && (schema.name === "body" || schema.name === "body[]")); const path = rootContainer || startsNewMessage ? "" : schema.name ? (parentPath ? `${parentPath}.${schema.name}` : schema.name) : parentPath; if (!schema.children?.length) { const fieldName = path.split(".").pop()?.toLowerCase() ?? ""; if (path && !OUTPUT_SYSTEM_FIELD_NAMES.has(fieldName)) result.push(createFieldRow({ label: `${messageRef}.${path}${schema.description ? ` (${schema.description})` : ""}`, value: `${messageRef}\u0000${path}`, message_ref: messageRef, field_path: path, description: schema.description })); return; } for (const child of schema.children) collectFields(child, messageRef, path, result, false); }
 /** 规范化 OpenAPI 引用名称。 */
@@ -274,7 +276,7 @@ async function submit() { const valid = await dialogRef.value?.validate(); if (!
 /** 将表格行转换为出库策略请求。 */
 function buildPayload(row: OutputFieldRow): BaseRedactOutputPolicyForm { syncRowParams(row); return { id: row.id, operation: form.operation, service_name: form.service_name, message_ref: row.message_ref, field_path: row.field_path, mode: row.mode, rule_id: row.mode === BaseRedactOutputPolicyMode.BASE_REDACT_OUTPUT_POLICY_MODE_RULE ? row.rule_id ?? 0 : 0, rule_params: row.mode === BaseRedactOutputPolicyMode.BASE_REDACT_OUTPUT_POLICY_MODE_RULE ? row.rule_params : "{}", status: form.status, remark: form.remark }; }
 /** 将已保存的策略回填到对应字段行。 */
-function applyPolicy(row: OutputFieldRow, data: BaseRedactOutputPolicyForm) { row.id = data.id; row.mode = data.mode || BaseRedactOutputPolicyMode.BASE_REDACT_OUTPUT_POLICY_MODE_FULL; 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 applyPolicy(row: OutputFieldRow, data: BaseRedactOutputPolicyForm) { row.id = data.id; row.mode = data.mode || BaseRedactOutputPolicyMode.BASE_REDACT_OUTPUT_POLICY_MODE_FULL; 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 = rule ? parseParams(row.rule_type, row.rule_params, rule.rule) : {}; } }
 /** 处理行模式变更。 */
 function handleModeChange(row: OutputTableRow) { if (row.mode !== BaseRedactOutputPolicyMode.BASE_REDACT_OUTPUT_POLICY_MODE_RULE) { row.rule_id = undefined; row.rule_type = ""; row.params = {}; row.rule_params = "{}"; } }
 /** 处理行规则变更。 */
@@ -285,7 +287,7 @@ function syncRowParams(row: OutputFieldRow) { const rule = ruleCatalog.value.fin
 function isConfiguredRow(row: OutputFieldRow) { return row.mode === BaseRedactOutputPolicyMode.BASE_REDACT_OUTPUT_POLICY_MODE_HIDE || row.mode === BaseRedactOutputPolicyMode.BASE_REDACT_OUTPUT_POLICY_MODE_FULL || (row.mode === BaseRedactOutputPolicyMode.BASE_REDACT_OUTPUT_POLICY_MODE_RULE && Boolean(row.rule_id)); }
 /** 判断字段表格是否至少配置了一行。 */
 function isConfiguredRowList(rows: OutputFieldRow[] | undefined) { return Boolean(rows?.some(isConfiguredRow)); }
-/** 判断字段行是否使用规则模板。 */
+/** 判断字段行是否使用脱敏规则。 */
 function isRuleRow(row: OutputTableRow) { return row.mode === BaseRedactOutputPolicyMode.BASE_REDACT_OUTPUT_POLICY_MODE_RULE && Boolean(row.rule_id); }
 /** 格式化 API 下拉项。 */
 function apiLabel(api: BaseApi) { return api.desc && api.desc !== api.operation ? `${api.desc}（${api.operation}）` : api.operation; }
@@ -293,10 +295,20 @@ function apiLabel(api: BaseApi) { return api.desc && api.desc !== api.operation
 function isGetApi(api: BaseApi) { return api.method.toUpperCase() === "GET"; }
 /** 格式化服务下拉项。 */
 function serviceLabel(serviceName: string) { const service = apiCatalog.value.find(item => item.service_name === serviceName); return service?.service_desc && service.service_desc !== serviceName ? `${service.service_desc}（${serviceName}）` : serviceName; }
-/** 解析规则参数。 */
-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 {}; } }
+/** 解析规则参数，空策略参数时回退到数据库规则参数。 */
+function parseParams(ruleType: string, raw: string, fallbackRaw = ""): RuleParams {
+  const candidates = fallbackRaw && fallbackRaw !== raw ? [raw, fallbackRaw] : [raw];
+  for (const candidate of candidates) {
+    try {
+      const value = JSON.parse(candidate) as Record<string, RuleParams>;
+      const params = value[ruleType.toLowerCase()];
+      if (params && typeof params === "object" && !Array.isArray(params)) return params;
+    } catch {
+      continue;
+    }
+  }
+  return {};
+}
 /** 创建空的出库字段行。 */
 function createFieldRow(option: Pick<OutputFieldRow, "label" | "value" | "message_ref" | "field_path"> & { description?: string }): OutputFieldRow { return { ...option, id: 0, mode: BaseRedactOutputPolicyMode.BASE_REDACT_OUTPUT_POLICY_MODE_FULL, rule_id: undefined, rule_type: "", params: {}, rule_params: "{}" }; }
 /** 创建默认出库表单。 */

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

@@ -1,6 +1,6 @@
 <template>
   <div class="table-box">
-    <ProTable ref="table" row-key="id" :columns="columns" :request-api="requestTable" />
+    <ProTable ref="table" row-key="id" :columns="columns" :header-actions="headerActions" :request-api="requestTable" />
     <FormDialog
       v-model="dialog.visible"
       ref="dialogRef"
@@ -14,7 +14,7 @@
     >
       <template #rule>
         <div class="rule-editor">
-          <div class="rule-description">{{ t(templateDescriptionKey) }}</div>
+          <div v-if="form.remark" class="rule-description">{{ form.remark }}</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>
@@ -24,6 +24,10 @@
               <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.min_mask") }}</span>
+              <el-input-number v-model="form.params.min_mask" :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" />
@@ -109,13 +113,14 @@
 <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 type { FormRules } from "element-plus";
+import { CirclePlus, Delete, EditPen } from "@element-plus/icons-vue";
+import type { ColumnProps, HeaderActionProps, ProTableInstance } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
 import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
 import FormDialog from "@liujitcn/kratos-admin-core/components/Dialog/FormDialog.vue";
 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 { buildPageRequest, normalizeSelectedIds } 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";
@@ -124,6 +129,7 @@ import { Status } from "@liujitcn/kratos-admin-system/rpc/common/v1/enum";
 interface RuleParams {
   keep_first?: number;
   keep_last?: number;
+  min_mask?: number;
   mask_char?: string;
   keep_local_first?: number;
   mask_domain?: boolean;
@@ -152,18 +158,21 @@ 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 ruleTypeOptions = ["MASK", "EMAIL", "REGEX", "TRUNCATE", "HASH", "UUID", "IP", "URL", "FIXED_LENGTH"].map(value => ({ label: value, value }));
 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: "code", label: t("system.base.redact_rule.field.code"), component: "input", props: { disabled: Boolean(form.id) } },
+  { prop: "name", label: t("system.base.redact_rule.field.name"), component: "input", props: { disabled: Boolean(form.id) } },
+  { prop: "rule_type", label: t("system.base.redact_rule.field.rule_type"), component: "select", options: ruleTypeOptions, props: { disabled: Boolean(form.id), onChange: handleRuleTypeChange } },
   { 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(() => ({
+const rules = computed<FormRules>(() => ({
+  code: [{ required: true, message: t("system.base.redact_rule.validation.code"), trigger: "blur" }],
+  name: [{ required: true, message: t("system.base.redact_rule.validation.name"), trigger: "blur" }],
+  rule_type: [{ required: true, message: t("system.base.redact_rule.validation.rule_type"), trigger: "change" }],
   rule: [{ required: true, message: t("system.base.redact_rule.validation.parameters"), trigger: "change" }]
 }));
 
@@ -190,36 +199,40 @@ const columns = computed<ColumnProps[]>(() => [
     prop: "actions",
     label: t("common.field.operation"),
     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) }]
+    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) }, { label: t("common.action.delete"), type: "danger", link: true, icon: Delete, hidden: () => !BUTTONS.value["base:redact-rule:delete"], onClick: scope => deleteItems(scope.row as BaseRedactRule) }]
   }
 ]);
+const headerActions = computed<HeaderActionProps[]>(() => [{ label: t("common.action.create"), type: "success", icon: CirclePlus, hidden: () => !BUTTONS.value["base:redact-rule:create"], onClick: () => openDialog() }, { label: t("common.action.delete"), type: "danger", icon: Delete, hidden: () => !BUTTONS.value["base:redact-rule:delete"], disabled: scope => !scope.selectedList.length, onClick: scope => deleteItems(scope.selectedList as BaseRedactRule[]) }]);
 
-/** 请求固定规则模板列表。 */
+/** 请求固定规则列表。 */
 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) {
+/** 打开新增或编辑弹窗。 */
+async function openDialog(id?: number) {
   resetForm();
-  const data = await defBaseRedactRuleService.GetBaseRedactRule({ id });
-  Object.assign(form, data, { params: parseRuleParams(data.rule_type, data.rule) });
+  if (id !== undefined) {
+    const data = await defBaseRedactRuleService.GetBaseRedactRule({ id });
+    Object.assign(form, data, { params: parseRuleParams(data.rule_type, data.rule) });
+  }
+  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());
 }
 
-/** 提交固定规则模板参数。 */
+/** 提交新增或编辑的规则。 */
 async function submit() {
+  syncRule();
   const valid = await dialogRef.value?.validate();
   if (!valid) return;
-  syncRule();
   const payload: BaseRedactRuleForm = {
     id: form.id,
     code: form.code,
@@ -229,13 +242,17 @@ async function submit() {
     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") }));
+  if (form.id) {
+    await defBaseRedactRuleService.UpdateBaseRedactRule({ base_redact_rule: payload });
+  } else {
+    await defBaseRedactRuleService.CreateBaseRedactRule({ base_redact_rule: payload });
+  }
+  ElMessage.success(t(form.id ? "common.message.update_success" : "common.message.create_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 {
@@ -257,46 +274,46 @@ async function changeStatus(row: BaseRedactRule) {
   }
 }
 
+/** 删除未被引用的规则。 */
+function deleteItems(selected?: BaseRedactRule | BaseRedactRule[] | number | string | Array<number | string>) {
+  const items = Array.isArray(selected) ? selected.filter((item): item is BaseRedactRule => 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_rule.title") }), t("common.title.warning"), { type: "warning" }).then(async () => {
+    await defBaseRedactRuleService.DeleteBaseRedactRule({ id: ids.join(",") });
+    ElMessage.success(t("common.message.delete_success", { resource: t("system.base.redact_rule.title") }));
+    table.value?.getTableList();
+  });
+}
+
 /** 将参数表单同步为运行时规则 JSON。 */
 function syncRule() {
-  form.params = { ...defaultRuleParams(form.rule_type), ...form.params };
+  if (!form.rule_type) {
+    form.rule = "";
+    return;
+  }
   form.rule = JSON.stringify({ [form.rule_type.toLowerCase()]: form.params }, null, 2);
 }
 
-/** 解析规则 JSON 中当前类型的参数。 */
+/** 切换规则类型时重置参数。 */
+function handleRuleTypeChange(ruleType?: string) {
+  form.rule_type = ruleType ?? "";
+  form.params = {};
+}
+
+/** 解析数据库规则 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 {};
+    return {};
   }
+  return {};
 }
 
 /** 返回规则参数的紧凑展示文本。 */
@@ -304,9 +321,9 @@ 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") };
+  return { id: 0, code: "", name: "", rule_type: "", rule: "", status: Status.STATUS_ENABLE, remark: "", params: {} };
 }
 </script>