sy-form-components 0.2.6 → 0.2.7

package/dist/index.mjs

@@ -5886,8 +5886,8 @@ var parseResponse = async (response) => {
   const contentType = response.headers.get("content-type") || "";
   const payload = contentType.includes("application/json") ? await response.json() : await response.text();
   if (!response.ok) {
-    const message = typeof payload === "object" && payload ? payload.message || payload.error || response.statusText : response.statusText;
-    throw new Error(message || "\u8BF7\u6C42\u5931\u8D25");
+    const message2 = typeof payload === "object" && payload ? payload.message || payload.error || response.statusText : response.statusText;
+    throw new Error(message2 || "\u8BF7\u6C42\u5931\u8D25");
   }
   if (typeof payload === "object" && payload) {
     return payload;
@@ -6568,6 +6568,26 @@ var normalizeApprovalPermission = (value) => {
     currentTasks
   };
 };
+var normalizeReturnableNodes = (value) => {
+  const raw = value?.candidates || value?.nodes || value?.data || value;
+  if (!Array.isArray(raw)) return [];
+  return raw.map((node) => ({
+    ...node,
+    nodeId: node?.nodeId || node?.id || "",
+    nodeName: node?.nodeName || node?.name || node?.title || node?.id || ""
+  }));
+};
+var normalizeProcessDefinition = (value) => {
+  const raw = value?.definitionJson || value?.viewJson || value || {};
+  const nodes = Array.isArray(raw.nodes) ? raw.nodes : [];
+  const startNode = nodes.find((node) => node?.type === "start" || node?.nodeType === "start");
+  return {
+    ...raw,
+    processId: raw.processId || raw.id || value?.id || "",
+    flowConfig: raw.flowConfig || value?.flowConfig || {},
+    startNodeId: raw.startNodeId || startNode?.id || value?.startNodeId
+  };
+};
 async function getProcessBasic(request, formInstId) {
   const response = await request({
     url: `/workflow/instance/${formInstId}/basic`,
@@ -6647,7 +6667,7 @@ async function getReturnableNodes(request, taskId) {
     url: `/workflow/task/${taskId}/returnable-nodes`,
     method: "get"
   });
-  return response.data || response.result || [];
+  return normalizeReturnableNodes(response.data || response.result);
 }
 async function previewProcess(request, params) {
   const response = await request({
@@ -6663,6 +6683,14 @@ async function getProcessDefinition(request, formUuid) {
     method: "get",
     params: { formUuid }
   });
+  return normalizeProcessDefinition(response.data || response.result);
+}
+async function triggerCallbackTask(request, params) {
+  const response = await request({
+    url: `/workflow/task/${params.taskId}/callback`,
+    method: "post",
+    data: params.payload || {}
+  });
   return response.data || response.result;
 }
 async function getFormData(request, params) {
@@ -6698,6 +6726,256 @@ async function getViewPermission(request, params) {
   return response.data || response.result;
 }
 
+// src/core/dataManagementApi.ts
+var unwrap = (response) => {
+  if (response instanceof Blob) return response;
+  if (response?.data?.result !== void 0) return response.data.result;
+  if (response?.result !== void 0) return response.result;
+  if (response?.data !== void 0) return response.data;
+  return response;
+};
+var pickData = (value) => value?.data ?? value?.result ?? value;
+var normalizeComponentName = (field) => field?.componentName || field?.component_name || field?.component_type || field?.componentType || field?.type || "TextField";
+var normalizeField = (key, field, system = false) => ({
+  ...field,
+  id: field?.id || field?.fieldId || key,
+  fieldId: field?.fieldId || field?.id || key,
+  componentName: normalizeComponentName(field),
+  label: field?.label || field?.title || field?.name || key,
+  width: field?.width,
+  system
+});
+var PROCESS_INSTANCE_STATUS_OPTIONS = [
+  { label: "\u5F85\u5904\u7406", value: "pending" },
+  { label: "\u5BA1\u6279\u4E2D", value: "running" },
+  { label: "\u7B49\u5F85\u4E2D", value: "waiting" },
+  { label: "\u6D41\u7A0B\u5F02\u5E38", value: "exception" },
+  { label: "\u5DF2\u5B8C\u6210", value: "completed" },
+  { label: "\u5DF2\u62D2\u7EDD", value: "terminated" },
+  { label: "\u5DF2\u64A4\u9500", value: "withdrawn" }
+];
+var APPROVAL_RESULT_OPTIONS = [
+  { label: "\u5BA1\u6279\u4E2D", value: "processing" },
+  { label: "\u540C\u610F", value: "approved" },
+  { label: "\u62D2\u7EDD", value: "rejected" },
+  { label: "\u64A4\u9500", value: "withdrawn" },
+  { label: "\u5F02\u5E38", value: "exception" }
+];
+var PROCESS_SYSTEM_FIELDS = [
+  normalizeField(
+    "currentApprovalNodeName",
+    {
+      label: "\u5F53\u524D\u5BA1\u6279\u8282\u70B9",
+      componentName: "TextField",
+      width: 140,
+      processOnly: true,
+      displayable: true
+    },
+    true
+  ),
+  normalizeField(
+    "processInstanceStatus",
+    {
+      label: "\u5B9E\u4F8B\u72B6\u6001",
+      componentName: "SelectField",
+      width: 110,
+      options: PROCESS_INSTANCE_STATUS_OPTIONS,
+      processOnly: true,
+      displayable: true
+    },
+    true
+  ),
+  normalizeField(
+    "approvalResult",
+    {
+      label: "\u5BA1\u6279\u7ED3\u679C",
+      componentName: "SelectField",
+      width: 110,
+      options: APPROVAL_RESULT_OPTIONS,
+      processOnly: true,
+      displayable: true
+    },
+    true
+  )
+];
+var BASE_SYSTEM_FIELDS = [
+  normalizeField("createTime", { label: "\u521B\u5EFA\u65F6\u95F4", componentName: "DateField", width: 170 }, true),
+  normalizeField(
+    "modifiedTime",
+    { label: "\u66F4\u65B0\u65F6\u95F4", componentName: "DateField", width: 170 },
+    true
+  ),
+  normalizeField(
+    "originatorName",
+    { label: "\u521B\u5EFA\u4EBA", componentName: "TextField", width: 130 },
+    true
+  )
+];
+var getSystemFieldsForFormType = (formType) => formType === "process" ? [...BASE_SYSTEM_FIELDS, ...PROCESS_SYSTEM_FIELDS] : BASE_SYSTEM_FIELDS;
+var normalizeDataManagementFields = (payload) => {
+  const data = pickData(payload);
+  const formType = data?.formType || data?.schema?.formType || data?.type;
+  const rawFields = data?.formFields || data?.schema?.formFields || data?.fields || data?.schema?.fields || data?.formSchema?.fields || [];
+  const fields = Array.isArray(rawFields) ? rawFields.map((field) => normalizeField(field?.fieldId || field?.id, field)) : Object.entries(rawFields).map(([key, field]) => normalizeField(key, field));
+  return {
+    fields: fields.filter((field) => field.componentName !== "PageSection"),
+    formType
+  };
+};
+var normalizeDataManagementList = (payload) => {
+  const data = unwrap(payload);
+  const body = data?.result || data;
+  const records = body?.data || body?.records || body?.list || body?.items || [];
+  const total = body?.totalCount ?? body?.total ?? body?.count ?? records.length;
+  return {
+    records: Array.isArray(records) ? records : [],
+    total: Number(total) || 0
+  };
+};
+var buildFilterPayload = (group) => {
+  if (!group) return void 0;
+  const trimGroup = (current) => ({
+    ...current,
+    rules: (current.rules || []).filter(
+      (rule) => rule.key && rule.operator && rule.value !== void 0 && rule.value !== ""
+    ),
+    conditions: (current.conditions || []).map(trimGroup).filter((item) => item.rules.length > 0 || item.conditions.length > 0)
+  });
+  const payload = trimGroup(group);
+  if (payload.rules.length === 0 && payload.conditions.length === 0) return void 0;
+  return JSON.stringify(payload);
+};
+var normalizeColumnConfig = (cfg, fields) => {
+  const allowed = new Set(fields.map((field) => field.fieldId));
+  const configured = Array.isArray(cfg?.showFields) ? cfg.showFields.filter((fieldId) => allowed.has(fieldId)) : [];
+  const defaultShow = fields.filter((field) => !field.system || field.displayable).slice(0, 8).map((field) => field.fieldId);
+  return {
+    showFields: configured.length > 0 ? configured : defaultShow,
+    widths: cfg?.widths || {},
+    lockFieldIds: cfg?.lockFieldIds || [],
+    sort: Array.isArray(cfg?.sort) ? cfg.sort : [],
+    density: cfg?.density || "middle",
+    detailOpenMode: cfg?.detailOpenMode === "newPage" ? "newPage" : "drawer",
+    pageSize: cfg?.pageSize || 10
+  };
+};
+async function getDataManagementSchema(request, params) {
+  const response = await request({
+    url: "/form/getFormSchemaAndPackages",
+    method: "get",
+    params
+  });
+  return normalizeDataManagementFields(response);
+}
+async function getDataManagementConfig(request, options) {
+  const targetFormUuid = options.menuFormUuid || options.formUuid;
+  const personal = options.scope === "personal";
+  const response = await request({
+    url: `/${options.appType}/v1/form/dataManagement/config/${personal ? "personal/" : ""}get.json`,
+    method: "get",
+    params: { formUuid: targetFormUuid }
+  });
+  return unwrap(response);
+}
+async function saveDataManagementConfig(request, options) {
+  const targetFormUuid = options.menuFormUuid || options.formUuid;
+  const personal = options.scope === "personal";
+  const response = await request({
+    url: `/${options.appType}/v1/form/dataManagement/config/${personal ? "personal/" : ""}save.json`,
+    method: "post",
+    data: { formUuid: targetFormUuid, config: options.config }
+  });
+  return unwrap(response);
+}
+async function advancedSearchDataManagement(request, query) {
+  const response = await request({
+    url: `/${query.appType}/v1/form/advancedSearch.json`,
+    method: "get",
+    params: {
+      appType: query.appType,
+      formUuid: query.formUuid,
+      filters: query.rawFilters ?? buildFilterPayload(query.filters),
+      conditionType: query.conditionType,
+      searchKeyWord: query.searchKeyWord,
+      currentPage: query.currentPage || 1,
+      pageSize: query.pageSize || 10,
+      order: JSON.stringify(query.order || []),
+      instanceStatus: query.instanceStatus
+    }
+  });
+  return normalizeDataManagementList(response);
+}
+async function deleteDataManagementRows(request, params) {
+  const response = await request({
+    url: `/${params.appType}/v1/form/deleteFormData.json`,
+    method: "post",
+    data: {
+      appType: params.appType,
+      formUuid: params.formUuid,
+      formInstIds: params.formInstanceIds,
+      formInstanceIds: params.formInstanceIds
+    }
+  });
+  return unwrap(response);
+}
+async function batchApproveDataManagementRows(request, params) {
+  const response = await request({
+    url: "/workflow/approve/batch",
+    method: "post",
+    data: {
+      instanceIds: params.formInstanceIds,
+      action: params.action,
+      comments: params.comments
+    }
+  });
+  return unwrap(response);
+}
+async function exportDataManagementRows(request, params) {
+  return request({
+    url: `/${params.appType}/v1/form/advancedExport.xlsx`,
+    method: "get",
+    responseType: "blob",
+    params: {
+      appType: params.appType,
+      formUuid: params.formUuid,
+      filters: params.rawFilters ?? buildFilterPayload(params.filters),
+      conditionType: params.conditionType,
+      searchKeyWord: params.searchKeyWord,
+      currentPage: params.currentPage,
+      pageSize: params.pageSize,
+      order: JSON.stringify(params.order || []),
+      instanceStatus: params.instanceStatus,
+      exportAll: params.exportAll || "n",
+      embedImages: params.embedImages || "n",
+      exportFields: (params.exportFields || []).join(",")
+    }
+  });
+}
+async function importPreviewDataManagementRows(request, params) {
+  const response = await request({
+    url: `/${params.appType}/v1/form/importPreview.xlsx`,
+    method: "post",
+    data: { formUuid: params.formUuid, fileBase64: params.fileBase64 }
+  });
+  return unwrap(response);
+}
+async function importDataManagementRows(request, params) {
+  const response = await request({
+    url: `/${params.appType}/v1/form/import.xlsx`,
+    method: "post",
+    data: { formUuid: params.formUuid, fileBase64: params.fileBase64 }
+  });
+  return unwrap(response);
+}
+async function getDataManagementTransferRecords(request, params) {
+  const response = await request({
+    url: `/${params.appType}/v1/form/${params.type}Records.json`,
+    method: "get",
+    params
+  });
+  return normalizeDataManagementList(response);
+}
+
 // src/layout/FormSection/index.tsx
 import { useState as useState18 } from "react";
 import { jsx as jsx72, jsxs as jsxs25 } from "react/jsx-runtime";
@@ -7104,37 +7382,91 @@ function useFormSubmit(config) {
 
 // src/hooks/useFieldPermission.ts
 import { useMemo as useMemo12, useCallback as useCallback10 } from "react";
+
+// src/utils/permissions.ts
+var OPERATION_ALIASES = {
+  VIEW: "view",
+  EDIT: "edit",
+  DELETE: "delete",
+  VIEW_CHANGE_RECORDS: "change_records",
+  CHANGE_RECORDS: "change_records",
+  VIEW_PROCESS: "workflow",
+  WORKFLOW: "workflow"
+};
+function normalizeOperation(operation) {
+  const raw = String(operation || "").trim();
+  if (!raw) return "";
+  const upper = raw.toUpperCase();
+  return OPERATION_ALIASES[upper] || raw.toLowerCase();
+}
+function hasViewOperation(operations, expected) {
+  const normalized = new Set((operations || []).map(normalizeOperation));
+  return normalized.has(normalizeOperation(expected));
+}
+function normalizeFieldBehaviors(permissions, mode) {
+  const behaviors = {};
+  Object.entries(permissions?.fieldPermissions || {}).forEach(([fieldId, value]) => {
+    if (value === "FORM_FILED_HIDDEN") {
+      behaviors[fieldId] = "HIDDEN";
+    } else if (value === "FORM_FILED_EDIT") {
+      behaviors[fieldId] = mode === "edit" ? "NORMAL" : "READONLY";
+    } else {
+      behaviors[fieldId] = "READONLY";
+    }
+  });
+  return behaviors;
+}
+function hasViewPermission(permissions) {
+  const operations = permissions?.operations || [];
+  return operations.length === 0 ? false : hasViewOperation(operations, "view");
+}
+
+// src/hooks/useFieldPermission.ts
+var normalizeBehavior = (value) => {
+  if (value === "EDITABLE") return "NORMAL";
+  if (value === "READ_ONLY") return "READONLY";
+  if (value === "DISABLED") return "DISABLED";
+  if (value === "HIDDEN") return "HIDDEN";
+  if (value === "NORMAL" || value === "READONLY") return value;
+  return "READONLY";
+};
+var normalizeFlowConfig = (config) => {
+  if (!config) return null;
+  if (Array.isArray(config)) {
+    const result = {};
+    config.forEach((item) => {
+      const fieldId = item?.fieldId || item?.field_id || item?.id;
+      if (!fieldId) return;
+      result[fieldId] = normalizeBehavior(item?.fieldBehavior || item?.behavior || item?.value);
+    });
+    return Object.keys(result).length > 0 ? result : null;
+  }
+  if (typeof config === "object") {
+    const result = {};
+    Object.entries(config).forEach(([fieldId, value]) => {
+      result[fieldId] = normalizeBehavior(
+        typeof value === "string" ? value : value?.fieldBehavior || value?.behavior
+      );
+    });
+    return result;
+  }
+  return null;
+};
 function useFieldPermission(options) {
   const { viewPermissions, processDefinition, currentTask, isApprover, mode } = options;
   const computeBehaviors = useCallback10(() => {
     const behaviors = {};
     if (!currentTask && viewPermissions) {
-      const { fieldPermissions } = viewPermissions;
-      for (const [fieldId, perm] of Object.entries(fieldPermissions)) {
-        if (perm === "FORM_FILED_HIDDEN") {
-          behaviors[fieldId] = "HIDDEN";
-        } else if (perm === "FORM_FILED_VIEW") {
-          behaviors[fieldId] = "READONLY";
-        } else if (perm === "FORM_FILED_EDIT") {
-          behaviors[fieldId] = mode === "edit" ? "NORMAL" : "READONLY";
-        }
-      }
-      return behaviors;
+      return normalizeFieldBehaviors(viewPermissions, mode);
     }
     if (currentTask && !isApprover && viewPermissions) {
-      const { fieldPermissions } = viewPermissions;
-      for (const [fieldId, perm] of Object.entries(fieldPermissions)) {
-        if (perm === "FORM_FILED_HIDDEN") {
-          behaviors[fieldId] = "HIDDEN";
-        } else {
-          behaviors[fieldId] = "READONLY";
-        }
-      }
-      return behaviors;
+      return normalizeFieldBehaviors(viewPermissions, "readonly");
     }
     if (currentTask && isApprover && currentTask.nodeType === "originator_return") {
       if (processDefinition?.flowConfig && processDefinition.startNodeId) {
-        const startConfig = processDefinition.flowConfig[processDefinition.startNodeId];
+        const startConfig = normalizeFlowConfig(
+          processDefinition.flowConfig[processDefinition.startNodeId]
+        );
         if (startConfig) {
           for (const [fieldId, behavior] of Object.entries(startConfig)) {
             behaviors[fieldId] = mode === "edit" ? behavior : "READONLY";
@@ -7154,7 +7486,7 @@ function useFieldPermission(options) {
       return behaviors;
     }
     if (currentTask && isApprover && processDefinition?.flowConfig) {
-      const nodeConfig = processDefinition.flowConfig[currentTask.nodeId];
+      const nodeConfig = normalizeFlowConfig(processDefinition.flowConfig[currentTask.nodeId]);
       if (nodeConfig) {
         for (const [fieldId, behavior] of Object.entries(nodeConfig)) {
           behaviors[fieldId] = mode === "edit" ? behavior : "READONLY";
@@ -7163,16 +7495,7 @@ function useFieldPermission(options) {
       }
     }
     if (viewPermissions) {
-      const { fieldPermissions } = viewPermissions;
-      for (const [fieldId, perm] of Object.entries(fieldPermissions)) {
-        if (perm === "FORM_FILED_HIDDEN") {
-          behaviors[fieldId] = "HIDDEN";
-        } else if (perm === "FORM_FILED_VIEW") {
-          behaviors[fieldId] = "READONLY";
-        } else if (perm === "FORM_FILED_EDIT") {
-          behaviors[fieldId] = mode === "edit" ? "NORMAL" : "READONLY";
-        }
-      }
+      return normalizeFieldBehaviors(viewPermissions, mode);
     }
     return behaviors;
   }, [viewPermissions, processDefinition, currentTask, isApprover, mode]);
@@ -7251,20 +7574,6 @@ var extractFormValues = (formInstance, fieldIds) => {
 };
 
 // src/hooks/useFormDetail.ts
-function buildFieldBehaviors(permissions, mode) {
-  const behaviors = {};
-  if (!permissions) return behaviors;
-  for (const [fieldId, perm] of Object.entries(permissions.fieldPermissions)) {
-    if (perm === "FORM_FILED_HIDDEN") {
-      behaviors[fieldId] = "HIDDEN";
-    } else if (perm === "FORM_FILED_VIEW") {
-      behaviors[fieldId] = "READONLY";
-    } else if (perm === "FORM_FILED_EDIT") {
-      behaviors[fieldId] = mode === "edit" ? "NORMAL" : "READONLY";
-    }
-  }
-  return behaviors;
-}
 function useFormDetail(options) {
   const { formUuid, appType, formInstanceId, fieldIds, onPermissionDenied } = options;
   const { api } = useFormContext();
@@ -7290,7 +7599,7 @@ function useFormDetail(options) {
         getFormData(request, { formInstanceId, appType, formUuid })
       ]);
       if (!mountedRef.current) return;
-      if (!permResult || !permResult.operations || permResult.operations.length === 0) {
+      if (!permResult || !hasViewOperation(permResult.operations, "view")) {
         onPermissionDenied?.();
       }
       setPermissions(permResult);
@@ -7312,10 +7621,10 @@ function useFormDetail(options) {
   useEffect29(() => {
     loadData();
   }, [loadData]);
-  const fieldBehaviors = buildFieldBehaviors(permissions, mode);
-  const canEdit = permissions?.operations?.includes("EDIT") ?? false;
-  const canDelete = permissions?.operations?.includes("DELETE") ?? false;
-  const canViewChangeRecords = permissions?.operations?.includes("VIEW_CHANGE_RECORDS") ?? false;
+  const fieldBehaviors = normalizeFieldBehaviors(permissions, mode);
+  const canEdit = hasViewOperation(permissions?.operations, "edit");
+  const canDelete = hasViewOperation(permissions?.operations, "delete");
+  const canViewChangeRecords = hasViewOperation(permissions?.operations, "change_records");
   const switchToEdit = useCallback11(() => {
     setMode("edit");
     loadData();
@@ -7719,6 +8028,30 @@ function useApprovalActions(options) {
     },
     [request, currentTaskId, formUuid, appType, getFormValues, onActionComplete, resetLoading]
   );
+  const callbackTask = useCallback13(
+    async (payload) => {
+      if (!currentTaskId) {
+        console.error("[useApprovalActions] callbackTask failed: no currentTaskId");
+        return false;
+      }
+      setIsLoading(true);
+      setCurrentAction("callback");
+      try {
+        await triggerCallbackTask(request, {
+          taskId: currentTaskId,
+          payload
+        });
+        resetLoading();
+        onActionComplete?.("callback");
+        return true;
+      } catch (error) {
+        console.error("[useApprovalActions] callbackTask failed:", error);
+        resetLoading();
+        return false;
+      }
+    },
+    [request, currentTaskId, onActionComplete, resetLoading]
+  );
   const loadReturnableNodes = useCallback13(async () => {
     if (!currentTaskId) return;
     try {
@@ -7738,6 +8071,7 @@ function useApprovalActions(options) {
     withdraw,
     save,
     resubmit,
+    callbackTask,
     isLoading,
     currentAction,
     returnableNodes,
@@ -8105,179 +8439,657 @@ var FormSummaryCard = ({
   ] });
 };
 
-// src/modules/ChangeRecords.tsx
+// src/modules/RecordChangePanel.tsx
 import { useState as useState30 } from "react";
-import { Skeleton } from "antd";
-import { DownOutlined, UpOutlined } from "@ant-design/icons";
+import { Button as Button9, Empty as Empty3, Pagination, Skeleton, Tag as Tag4, Tooltip } from "antd";
+import {
+  ArrowRightOutlined,
+  DownOutlined,
+  HistoryOutlined,
+  ReloadOutlined,
+  UpOutlined
+} from "@ant-design/icons";
 import { jsx as jsx78, jsxs as jsxs30 } from "react/jsx-runtime";
-var ChangeRecords = ({
+var sourceLabels = {
+  frontend: "\u524D\u7AEF",
+  integration: "\u96C6\u6210",
+  automation: "\u81EA\u52A8\u5316",
+  import: "\u5BFC\u5165"
+};
+var typeLabels = {
+  create: "\u65B0\u589E",
+  update: "\u4FEE\u6539",
+  delete: "\u5220\u9664"
+};
+function formatValue(value) {
+  if (value === null || value === void 0 || value === "")
+    return /* @__PURE__ */ jsx78("span", { className: "text-ant-text-tertiary", children: "\u7A7A" });
+  if (Array.isArray(value)) {
+    return /* @__PURE__ */ jsx78("span", { className: "inline-flex flex-wrap gap-1", children: value.map((item, index) => /* @__PURE__ */ jsx78(Tag4, { className: "m-0", children: String(
+      typeof item === "object" ? item.label || item.value || JSON.stringify(item) : item
+    ) }, `${index}-${String(item)}`)) });
+  }
+  if (typeof value === "object") {
+    const label = value.label ?? value.value;
+    return label ? String(label) : /* @__PURE__ */ jsx78("code", { className: "text-xs", children: JSON.stringify(value) });
+  }
+  return String(value);
+}
+function getInitial(name) {
+  return String(name || "?").trim().slice(0, 1).toUpperCase() || "?";
+}
+var RecordChangePanel = ({
   records = [],
   loading = false,
+  total,
+  page = 1,
+  pageSize = 20,
   defaultExpanded = false,
   hasMore = false,
   onLoadMore,
+  onRefresh,
   onExpand,
-  className = "",
-  renderItem
+  onPageChange,
+  className = ""
 }) => {
   const [expanded, setExpanded] = useState30(defaultExpanded);
+  const count = total ?? records.length;
   const handleToggle = () => {
     const next = !expanded;
     setExpanded(next);
-    if (next && onExpand) {
-      onExpand();
-    }
+    if (next) onExpand?.();
   };
-  const defaultRenderItem = (record) => /* @__PURE__ */ jsxs30("div", { className: "pl-4 py-3 border-l-2 border-gray-200 ml-1", children: [
-    /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2 text-xs text-gray-400", children: [
-      /* @__PURE__ */ jsx78("span", { children: record.operatedAt }),
-      /* @__PURE__ */ jsx78("span", { className: "text-gray-600 font-medium", children: record.operatorName }),
-      /* @__PURE__ */ jsx78("span", { children: "\u4FEE\u6539\u4E86" }),
-      /* @__PURE__ */ jsx78("span", { className: "text-gray-800 font-medium", children: record.fieldLabel })
-    ] }),
-    /* @__PURE__ */ jsxs30("div", { className: "mt-1.5 text-sm text-gray-600 flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx78("span", { className: "bg-red-50 text-red-600 px-1.5 py-0.5 rounded text-xs line-through", children: formatValue(record.oldValue) }),
-      /* @__PURE__ */ jsx78("span", { className: "text-gray-400", children: "\u2192" }),
-      /* @__PURE__ */ jsx78("span", { className: "bg-green-50 text-green-600 px-1.5 py-0.5 rounded text-xs", children: formatValue(record.newValue) })
-    ] })
-  ] });
-  return /* @__PURE__ */ jsxs30("div", { className: `bg-white rounded-xl shadow-sm border border-gray-100 ${className}`, children: [
-    /* @__PURE__ */ jsxs30(
-      "button",
+  return /* @__PURE__ */ jsxs30(
+    "section",
+    {
+      className: `rounded-lg border border-ant-border-secondary bg-ant-bg-container ${className}`,
+      children: [
+        /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-between gap-3 border-b border-ant-border-secondary px-5 py-4", children: [
+          /* @__PURE__ */ jsxs30(
+            "button",
+            {
+              type: "button",
+              className: "flex min-w-0 items-center gap-2 bg-transparent p-0 text-left",
+              onClick: handleToggle,
+              children: [
+                /* @__PURE__ */ jsx78(HistoryOutlined, { className: "text-ant-primary" }),
+                /* @__PURE__ */ jsx78("span", { className: "font-semibold text-ant-text", children: "\u53D8\u66F4\u8BB0\u5F55" }),
+                /* @__PURE__ */ jsxs30("span", { className: "rounded-full bg-gray-100 px-2 py-0.5 text-xs text-ant-text-tertiary", children: [
+                  count,
+                  " \u6761"
+                ] }),
+                expanded ? /* @__PURE__ */ jsx78(UpOutlined, { className: "text-xs" }) : /* @__PURE__ */ jsx78(DownOutlined, { className: "text-xs" })
+              ]
+            }
+          ),
+          expanded && /* @__PURE__ */ jsx78(
+            Button9,
+            {
+              type: "text",
+              size: "small",
+              icon: /* @__PURE__ */ jsx78(ReloadOutlined, {}),
+              onClick: onRefresh,
+              disabled: loading,
+              children: "\u5237\u65B0"
+            }
+          )
+        ] }),
+        expanded ? /* @__PURE__ */ jsxs30("div", { className: "p-5", children: [
+          loading && records.length === 0 ? /* @__PURE__ */ jsx78(Skeleton, { active: true, paragraph: { rows: 3 } }) : records.length === 0 ? /* @__PURE__ */ jsx78(Empty3, { description: "\u6682\u65E0\u53D8\u66F4\u8BB0\u5F55" }) : /* @__PURE__ */ jsx78("div", { className: "space-y-4", children: records.map((record) => {
+            const changes = record.changes && record.changes.length > 0 ? record.changes : [
+              {
+                fieldKey: record.fieldId,
+                fieldLabel: record.fieldLabel,
+                beforeValue: record.oldValue,
+                afterValue: record.newValue
+              }
+            ];
+            const operator = record.operatorName || (record.changeSource ? "\u7CFB\u7EDF" : "\u672A\u77E5");
+            const operatedAt = record.operatedAt || record.createdAt || "-";
+            return /* @__PURE__ */ jsxs30(
+              "article",
+              {
+                className: "rounded-md border border-ant-border-secondary p-4",
+                children: [
+                  /* @__PURE__ */ jsxs30("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
+                    /* @__PURE__ */ jsxs30("div", { className: "flex min-w-0 items-center gap-3", children: [
+                      /* @__PURE__ */ jsx78("span", { className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-blue-50 text-sm font-semibold text-blue-700", children: getInitial(operator) }),
+                      /* @__PURE__ */ jsxs30("span", { className: "min-w-0", children: [
+                        /* @__PURE__ */ jsxs30("span", { className: "block text-sm font-medium text-ant-text", children: [
+                          operator,
+                          record.operatorDepartmentName && /* @__PURE__ */ jsx78("span", { className: "ml-2 font-normal text-ant-text-tertiary", children: record.operatorDepartmentName })
+                        ] }),
+                        /* @__PURE__ */ jsxs30("span", { className: "block text-xs text-ant-text-tertiary", children: [
+                          "\u53D8\u66F4 ",
+                          record.changedCount || changes.length,
+                          " \u9879 \xB7 ",
+                          operatedAt
+                        ] })
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxs30("span", { className: "flex flex-wrap justify-end gap-2", children: [
+                      record.changeType && /* @__PURE__ */ jsx78(Tag4, { children: typeLabels[record.changeType] || record.changeType }),
+                      record.changeSource && /* @__PURE__ */ jsx78(Tag4, { color: "blue", children: sourceLabels[record.changeSource] || record.changeSource }),
+                      record.operationId && /* @__PURE__ */ jsx78(Tooltip, { title: `\u64CD\u4F5CID\uFF1A${record.operationId}`, children: /* @__PURE__ */ jsx78(Tag4, { children: record.operationId.slice(0, 8) }) })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsx78("div", { className: "mt-4 space-y-3", children: changes.map((change) => /* @__PURE__ */ jsxs30(
+                    "div",
+                    {
+                      className: "grid gap-2 md:grid-cols-[160px_1fr]",
+                      children: [
+                        /* @__PURE__ */ jsx78("div", { className: "text-sm font-medium text-ant-text-secondary", children: change.fieldLabel || change.fieldKey || "-" }),
+                        /* @__PURE__ */ jsxs30("div", { className: "grid min-w-0 grid-cols-[1fr_auto_1fr] items-start gap-2 text-sm", children: [
+                          /* @__PURE__ */ jsx78("div", { className: "min-w-0 rounded bg-red-50 px-2 py-1 text-red-700", children: formatValue(change.beforeValue) }),
+                          /* @__PURE__ */ jsx78(ArrowRightOutlined, { className: "mt-1 text-xs text-ant-text-tertiary" }),
+                          /* @__PURE__ */ jsx78("div", { className: "min-w-0 rounded bg-emerald-50 px-2 py-1 text-emerald-700", children: formatValue(change.afterValue) })
+                        ] })
+                      ]
+                    },
+                    change.fieldKey || change.fieldLabel
+                  )) })
+                ]
+              },
+              record.id || record.operationId
+            );
+          }) }),
+          onPageChange && count > pageSize ? /* @__PURE__ */ jsx78("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx78(
+            Pagination,
+            {
+              size: "small",
+              current: page,
+              pageSize,
+              total: count,
+              onChange: onPageChange,
+              showSizeChanger: true
+            }
+          ) }) : hasMore ? /* @__PURE__ */ jsx78(Button9, { block: true, className: "mt-4", onClick: onLoadMore, loading, children: "\u52A0\u8F7D\u66F4\u591A" }) : null
+        ] }) : /* @__PURE__ */ jsx78("div", { className: "px-5 py-4 text-sm text-ant-text-tertiary", children: "\u70B9\u51FB\u5C55\u5F00\u67E5\u770B\u53D8\u66F4\u8BB0\u5F55" })
+      ]
+    }
+  );
+};
+
+// src/modules/ChangeRecords.tsx
+import { jsx as jsx79, jsxs as jsxs31 } from "react/jsx-runtime";
+var ChangeRecords = ({
+  records = [],
+  loading = false,
+  defaultExpanded = false,
+  hasMore = false,
+  onLoadMore,
+  onExpand,
+  className = "",
+  renderItem
+}) => {
+  if (renderItem) {
+    return /* @__PURE__ */ jsxs31(
+      "section",
       {
-        type: "button",
-        className: "w-full flex items-center justify-between p-6 text-left hover:bg-gray-50/50 transition-colors rounded-xl",
-        onClick: handleToggle,
+        className: `rounded-lg border border-ant-border-secondary bg-ant-bg-container ${className}`,
         children: [
-          /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx78("h3", { className: "text-lg font-semibold text-gray-900", children: "\u53D8\u66F4\u8BB0\u5F55" }),
-            /* @__PURE__ */ jsx78("span", { className: "text-xs text-gray-400 bg-gray-100 px-1.5 py-0.5 rounded-full", children: records.length })
-          ] }),
-          /* @__PURE__ */ jsx78("span", { className: "text-gray-400 text-xs", children: expanded ? /* @__PURE__ */ jsx78(UpOutlined, {}) : /* @__PURE__ */ jsx78(DownOutlined, {}) })
+          /* @__PURE__ */ jsx79("div", { className: "border-b border-ant-border-secondary px-5 py-4 font-semibold", children: "\u53D8\u66F4\u8BB0\u5F55" }),
+          /* @__PURE__ */ jsxs31("div", { className: "p-5", children: [
+            records.length === 0 ? /* @__PURE__ */ jsx79("p", { className: "m-0 text-center text-sm text-ant-text-tertiary", children: loading ? "\u52A0\u8F7D\u4E2D..." : "\u6682\u65E0\u53D8\u66F4\u8BB0\u5F55" }) : /* @__PURE__ */ jsx79("div", { className: "space-y-2", children: records.map((record) => /* @__PURE__ */ jsx79("div", { children: renderItem(record) }, record.id)) }),
+            hasMore && /* @__PURE__ */ jsx79(
+              "button",
+              {
+                type: "button",
+                className: "mt-4 w-full rounded-md border border-ant-border-secondary py-2 text-sm text-ant-primary",
+                onClick: onLoadMore,
+                disabled: loading,
+                children: loading ? "\u52A0\u8F7D\u4E2D..." : "\u52A0\u8F7D\u66F4\u591A"
+              }
+            )
+          ] })
         ]
       }
-    ),
-    expanded && /* @__PURE__ */ jsxs30("div", { className: "px-6 pb-6", children: [
-      loading && records.length === 0 ? /* @__PURE__ */ jsx78(Skeleton, { active: true, paragraph: { rows: 3 } }) : records.length === 0 ? /* @__PURE__ */ jsx78("p", { className: "text-sm text-gray-400 text-center py-4", children: "\u6682\u65E0\u53D8\u66F4\u8BB0\u5F55" }) : /* @__PURE__ */ jsx78("div", { className: "space-y-1", children: records.map((record) => /* @__PURE__ */ jsx78("div", { children: renderItem ? renderItem(record) : defaultRenderItem(record) }, record.id)) }),
-      hasMore && /* @__PURE__ */ jsx78(
-        "button",
-        {
-          type: "button",
-          className: "mt-4 w-full text-center text-sm text-blue-600 hover:text-blue-700 py-2 rounded-lg hover:bg-blue-50/50 transition-colors",
-          onClick: onLoadMore,
-          disabled: loading,
-          children: loading ? "\u52A0\u8F7D\u4E2D..." : "\u52A0\u8F7D\u66F4\u591A"
-        }
-      )
-    ] })
-  ] });
+    );
+  }
+  return /* @__PURE__ */ jsx79(
+    RecordChangePanel,
+    {
+      records,
+      loading,
+      defaultExpanded,
+      hasMore,
+      onLoadMore,
+      onRefresh: onExpand,
+      onExpand,
+      className
+    }
+  );
 };
-function formatValue(value) {
-  if (value === null || value === void 0) return "\u7A7A";
-  if (typeof value === "object") return JSON.stringify(value);
-  return String(value);
-}
 
 // src/modules/ApprovalTimeline.tsx
-import { Fragment as Fragment2, jsx as jsx79, jsxs as jsxs31 } from "react/jsx-runtime";
+import { useMemo as useMemo14 } from "react";
+import {
+  ApiOutlined,
+  CheckCircleFilled,
+  ClockCircleOutlined,
+  CloseCircleFilled,
+  CodeOutlined,
+  CopyOutlined,
+  EditOutlined,
+  FileTextOutlined,
+  LoadingOutlined,
+  NotificationOutlined,
+  ReloadOutlined as ReloadOutlined2,
+  RollbackOutlined,
+  UserOutlined as UserOutlined2
+} from "@ant-design/icons";
+import { jsx as jsx80, jsxs as jsxs32 } from "react/jsx-runtime";
+var systemNodeTypes = /* @__PURE__ */ new Set([
+  "condition",
+  "condition_branch",
+  "js_code",
+  "data_retrieve_single",
+  "data_retrieve_batch",
+  "data_create",
+  "data_update",
+  "connector_call",
+  "loop_container",
+  "work_notification",
+  "dingtalk_card",
+  "system"
+]);
+var systemLabels = {
+  condition: "\u6761\u4EF6\u5224\u65AD",
+  condition_branch: "\u6761\u4EF6\u5206\u652F",
+  js_code: "JS \u4EE3\u7801",
+  data_retrieve_single: "\u6570\u636E\u8BFB\u53D6",
+  data_retrieve_batch: "\u6279\u91CF\u8BFB\u53D6",
+  data_create: "\u6570\u636E\u521B\u5EFA",
+  data_update: "\u6570\u636E\u66F4\u65B0",
+  connector_call: "\u8FDE\u63A5\u5668\u8C03\u7528",
+  loop_container: "\u5FAA\u73AF\u8282\u70B9",
+  work_notification: "\u5DE5\u4F5C\u901A\u77E5",
+  dingtalk_card: "\u9489\u9489\u5361\u7247",
+  system: "\u7CFB\u7EDF\u52A8\u4F5C"
+};
 var toneClasses2 = {
-  brand: "bg-blue-50 text-blue-600",
-  success: "bg-green-50 text-green-600",
-  danger: "bg-red-50 text-red-600",
-  neutral: "bg-gray-100 text-gray-500",
-  warning: "bg-amber-50 text-amber-600"
+  brand: "bg-blue-600 text-white border-blue-600",
+  success: "bg-emerald-50 text-emerald-700 border-emerald-200",
+  danger: "bg-red-50 text-red-700 border-red-200",
+  neutral: "bg-gray-50 text-gray-600 border-gray-200",
+  warning: "bg-amber-50 text-amber-700 border-amber-200",
+  return: "bg-amber-50 text-amber-700 border-amber-200",
+  future: "bg-gray-50 text-gray-400 border-gray-200"
 };
-function getNodePhase(task) {
-  if (task.status === "approved" || task.status === "rejected" || task.status === "returned" || task.status === "copied") {
+function groupTasks(tasks) {
+  const groups = /* @__PURE__ */ new Map();
+  tasks.forEach((task, index) => {
+    const key = task.nodeVisitId || `${task.nodeId || "node"}-${task.id || task.taskId || index}`;
+    const group = groups.get(key) || [];
+    group.push(task);
+    groups.set(key, group);
+  });
+  return Array.from(groups.values()).map((group) => {
+    const hasOrSignResult = group.some(
+      (task) => task.nodeType === "approval" && task.multiApproveMode === "or" && !task.isSimulated && ["approved", "rejected", "returned"].includes(task.status)
+    );
+    if (!hasOrSignResult) return group;
+    const outcome = group.filter(
+      (task) => !task.isSimulated && ["approved", "rejected", "returned"].includes(task.status)
+    );
+    return outcome.length > 0 ? outcome : group;
+  });
+}
+function isCompactNode(task) {
+  return task.nodeType === "start" || task.nodeType === "copy" || task.nodeType === "end" || systemNodeTypes.has(task.nodeType);
+}
+function getNodeTitle(task) {
+  if (task.nodeType === "start") return task.title || task.nodeName || "\u6D41\u7A0B\u63D0\u4EA4";
+  if (task.nodeType === "originator_return") return task.title || task.nodeName || "\u53D1\u8D77\u4EBA\u4FEE\u6539";
+  if (task.nodeType === "copy") return task.title || task.nodeName || "\u6284\u9001\u901A\u77E5";
+  if (task.nodeType === "callback_wait") return task.title || task.nodeName || "\u7B49\u5F85\u7B2C\u4E09\u65B9\u56DE\u8C03";
+  if (task.nodeType === "end") return task.title || task.nodeName || "\u6D41\u7A0B\u5B8C\u6210";
+  if (systemNodeTypes.has(task.nodeType))
+    return task.title || task.nodeName || systemLabels[task.nodeType] || "\u7CFB\u7EDF\u52A8\u4F5C";
+  return task.title || task.nodeName || "\u5BA1\u6279";
+}
+function getVisualState(task, isFutureGroup) {
+  if (isFutureGroup || task.isSimulated || task.status === "simulated") return "future";
+  if (task.status === "rejected") return "rejected";
+  if (task.status === "returned") return "returned";
+  if (task.status === "pending" || task.status === "waiting" || task.canApprove)
+    return task.canApprove ? "current" : "waiting";
+  if (task.status === "approved" || task.status === "copied" || task.nodeType === "start" || task.nodeType === "end") {
     return "completed";
   }
-  if (task.status === "pending" || task.status === "waiting") {
-    return "active";
+  return "neutral";
+}
+function getStatusMeta(task, state, compact) {
+  if (state === "future") return { label: "\u672A\u5F00\u59CB", tone: "neutral" };
+  if (state === "current")
+    return { label: task.nodeType === "callback_wait" ? "\u7B49\u5F85\u56DE\u8C03" : "\u5BA1\u6279\u4E2D", tone: "brand" };
+  if (state === "waiting") return { label: "\u7B49\u5F85\u5904\u7406\u4E2D", tone: "neutral" };
+  if (state === "rejected") return TASK_STATUS_META.rejected;
+  if (state === "returned") return TASK_STATUS_META.returned;
+  if (task.nodeType === "copy" || task.status === "copied") return TASK_STATUS_META.copied;
+  if (compact) return { label: "\u5DF2\u5B8C\u6210", tone: "neutral" };
+  return TASK_STATUS_META[task.status] || TASK_STATUS_META.approved;
+}
+function getIcon(task, state) {
+  if (state === "current")
+    return task.nodeType === "callback_wait" ? /* @__PURE__ */ jsx80(ClockCircleOutlined, {}) : /* @__PURE__ */ jsx80(LoadingOutlined, {});
+  if (state === "future" || state === "waiting")
+    return task.nodeType === "approval" ? /* @__PURE__ */ jsx80(UserOutlined2, {}) : /* @__PURE__ */ jsx80(ClockCircleOutlined, {});
+  if (state === "rejected") return /* @__PURE__ */ jsx80(CloseCircleFilled, {});
+  if (state === "returned") return /* @__PURE__ */ jsx80(RollbackOutlined, {});
+  switch (task.nodeType) {
+    case "start":
+      return /* @__PURE__ */ jsx80(FileTextOutlined, {});
+    case "approval":
+      return /* @__PURE__ */ jsx80(CheckCircleFilled, {});
+    case "originator_return":
+      return /* @__PURE__ */ jsx80(EditOutlined, {});
+    case "copy":
+      return /* @__PURE__ */ jsx80(CopyOutlined, {});
+    case "callback_wait":
+      return /* @__PURE__ */ jsx80(ClockCircleOutlined, {});
+    case "js_code":
+      return /* @__PURE__ */ jsx80(CodeOutlined, {});
+    case "connector_call":
+      return /* @__PURE__ */ jsx80(ApiOutlined, {});
+    case "work_notification":
+    case "dingtalk_card":
+      return /* @__PURE__ */ jsx80(NotificationOutlined, {});
+    case "data_retrieve_single":
+    case "data_retrieve_batch":
+    case "data_create":
+    case "data_update":
+    case "loop_container":
+      return /* @__PURE__ */ jsx80(ReloadOutlined2, {});
+    default:
+      return /* @__PURE__ */ jsx80(CheckCircleFilled, {});
   }
-  return "pending";
+}
+function getDotClass(state) {
+  const map = {
+    completed: "border-emerald-500 text-emerald-600 bg-white",
+    current: "border-blue-600 bg-blue-600 text-white",
+    waiting: "border-gray-200 text-gray-300 bg-white",
+    future: "border-dashed border-gray-300 text-gray-300 bg-white",
+    rejected: "border-red-500 text-red-600 bg-white",
+    returned: "border-amber-500 text-amber-600 bg-white",
+    neutral: "border-gray-200 text-gray-400 bg-white"
+  };
+  return map[state];
 }
 var ApprovalTimeline = ({
   tasks,
   className = "",
   renderNode,
   showRemarks = true,
-  compactMode = false
+  compactMode = false,
+  showApproverInfo = true
 }) => {
-  const taskList = Array.isArray(tasks) ? tasks : [];
+  const taskList = useMemo14(() => Array.isArray(tasks) ? tasks : [], [tasks]);
+  const groups = useMemo14(() => groupTasks(taskList), [taskList]);
   if (taskList.length === 0) {
-    return /* @__PURE__ */ jsx79("div", { className: `bg-white rounded-xl shadow-sm border border-gray-100 p-6 ${className}`, children: /* @__PURE__ */ jsx79("p", { className: "text-sm text-gray-400 text-center", children: "\u6682\u65E0\u5BA1\u6279\u8BB0\u5F55" }) });
+    return /* @__PURE__ */ jsx80(
+      "div",
+      {
+        className: `rounded-lg border border-ant-border-secondary bg-ant-bg-container p-6 ${className}`,
+        children: /* @__PURE__ */ jsx80("p", { className: "m-0 text-center text-sm text-ant-text-tertiary", children: "\u6682\u65E0\u5BA1\u6279\u8BB0\u5F55" })
+      }
+    );
   }
-  return /* @__PURE__ */ jsx79("div", { className: `${className}`, children: taskList.map((task, index) => {
-    const taskKey = task.taskId || task.id || `${task.nodeId}-${index}`;
-    if (renderNode) {
-      return /* @__PURE__ */ jsx79("div", { children: renderNode(task, index) }, taskKey);
-    }
-    const phase = getNodePhase(task);
-    const isLast = index === taskList.length - 1;
-    const statusMeta = TASK_STATUS_META[task.status];
-    return /* @__PURE__ */ jsxs31("div", { className: "flex gap-4", children: [
-      /* @__PURE__ */ jsxs31("div", { className: "flex flex-col items-center", children: [
-        phase === "completed" && /* @__PURE__ */ jsx79("div", { className: "w-3 h-3 rounded-full bg-green-500 flex-shrink-0" }),
-        phase === "active" && /* @__PURE__ */ jsx79("div", { className: "w-3 h-3 rounded-full bg-blue-500 ring-4 ring-blue-100 flex-shrink-0" }),
-        phase === "pending" && /* @__PURE__ */ jsx79("div", { className: "w-3 h-3 rounded-full bg-gray-300 flex-shrink-0" }),
-        !isLast && /* @__PURE__ */ jsx79(
-          "div",
-          {
-            className: `w-0.5 flex-1 mt-1 ${phase === "completed" ? "bg-green-300" : phase === "active" ? "bg-blue-400" : "border-l-2 border-dashed border-gray-200"}`
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx79("div", { className: `flex-1 pb-6 ${isLast ? "pb-0" : ""}`, children: /* @__PURE__ */ jsxs31(
-        "div",
-        {
-          className: `rounded-lg p-4 ${phase === "completed" ? "bg-white border border-gray-100" : phase === "active" ? "bg-white border-l-4 border-l-blue-500 border border-gray-100 shadow-sm" : "bg-gray-50 border border-gray-100 opacity-60"}`,
-          children: [
-            /* @__PURE__ */ jsxs31("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ jsx79("span", { className: "text-sm font-medium text-gray-900", children: task.nodeName }),
-              statusMeta && /* @__PURE__ */ jsx79(
-                "span",
-                {
-                  className: `px-2 py-0.5 rounded-full text-xs font-medium ${toneClasses2[statusMeta.tone] || toneClasses2.neutral}`,
-                  children: statusMeta.label
-                }
-              )
-            ] }),
-            task.assigneeName && /* @__PURE__ */ jsxs31("div", { className: "mt-2 flex items-center gap-1.5 text-sm text-gray-600", children: [
-              /* @__PURE__ */ jsx79("span", { className: "text-gray-400", children: "\u{1F464}" }),
-              /* @__PURE__ */ jsxs31("span", { children: [
-                phase === "active" ? "\u5F53\u524D\u5BA1\u6279\u4EBA: " : "",
-                task.assigneeName
-              ] }),
-              task.departmentName && /* @__PURE__ */ jsxs31(Fragment2, { children: [
-                /* @__PURE__ */ jsx79("span", { className: "text-gray-300", children: "\xB7" }),
-                /* @__PURE__ */ jsx79("span", { className: "text-gray-400", children: task.departmentName })
-              ] })
-            ] }),
-            !compactMode && showRemarks && task.comments && /* @__PURE__ */ jsxs31("div", { className: "mt-2 bg-gray-50 rounded-md p-3 text-sm text-gray-600 italic", children: [
-              "\u{1F4AC} \u201C",
-              task.comments,
-              "\u201D"
-            ] }),
-            !compactMode && phase === "active" && !task.comments && /* @__PURE__ */ jsx79("div", { className: "mt-2 text-xs text-gray-400", children: "\u23F3 \u7B49\u5F85\u5904\u7406\u4E2D..." }),
-            !compactMode && (task.actionAt || task.createdAt) && /* @__PURE__ */ jsxs31("div", { className: "mt-2 text-xs text-gray-400", children: [
-              "\u{1F550} ",
-              task.actionAt || task.createdAt
-            ] }),
-            compactMode && (task.actionAt || task.createdAt) && /* @__PURE__ */ jsx79("div", { className: "mt-1 text-xs text-gray-400", children: task.actionAt || task.createdAt })
-          ]
-        }
-      ) })
-    ] }, taskKey);
+  if (renderNode) {
+    return /* @__PURE__ */ jsx80("div", { className, children: taskList.map((task, index) => /* @__PURE__ */ jsx80("div", { children: renderNode(task, index) }, task.taskId || task.id || index)) });
+  }
+  return /* @__PURE__ */ jsx80("div", { className: `approval-timeline ${className}`, children: groups.map((group, index) => {
+    const node = group[0];
+    const isLast = index === groups.length - 1;
+    const isFutureGroup = group.some((task) => task.isSimulated || task.status === "simulated");
+    const compact = compactMode || isCompactNode(node);
+    const state = getVisualState(node, isFutureGroup);
+    const statusMeta = getStatusMeta(node, state, compact);
+    const title = getNodeTitle(node);
+    const time = node.actionAt || node.createdAt;
+    return /* @__PURE__ */ jsxs32(
+      "div",
+      {
+        className: `relative flex gap-4 pb-5 ${isLast ? "pb-0" : ""}`,
+        children: [
+          !isLast && /* @__PURE__ */ jsx80(
+            "div",
+            {
+              className: `absolute bottom-0 left-[21px] top-11 w-px ${state === "future" ? "border-l border-dashed border-gray-300" : "bg-ant-border-secondary"}`
+            }
+          ),
+          /* @__PURE__ */ jsx80(
+            "div",
+            {
+              className: `relative z-10 flex h-11 w-11 shrink-0 items-center justify-center rounded-full border-2 shadow-[0_0_0_4px_var(--ant-color-bg-layout,#f5f5f5)] ${getDotClass(state)}`,
+              children: getIcon(node, state)
+            }
+          ),
+          /* @__PURE__ */ jsx80("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs32(
+            "div",
+            {
+              className: `rounded-lg border p-4 ${state === "current" ? "border-blue-300 bg-blue-50/60" : state === "future" ? "border-dashed border-gray-200 bg-gray-50/70" : "border-ant-border-secondary bg-ant-bg-container"}`,
+              children: [
+                /* @__PURE__ */ jsxs32("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [
+                  /* @__PURE__ */ jsxs32("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [
+                    /* @__PURE__ */ jsx80("span", { className: "font-medium text-ant-text", children: title }),
+                    /* @__PURE__ */ jsx80(
+                      "span",
+                      {
+                        className: `inline-flex min-h-6 items-center rounded-md border px-2 text-xs font-medium ${state === "future" ? toneClasses2.future : toneClasses2[statusMeta.tone]}`,
+                        children: statusMeta.label
+                      }
+                    ),
+                    node.nodeType === "originator_return" && /* @__PURE__ */ jsx80("span", { className: "rounded-md bg-amber-50 px-2 py-1 text-xs text-amber-700", children: "\u53D1\u8D77\u4EBA\u64CD\u4F5C" })
+                  ] }),
+                  !isFutureGroup && time && /* @__PURE__ */ jsx80("span", { className: "text-xs text-ant-text-tertiary", children: time })
+                ] }),
+                showApproverInfo && !compact && group.length > 0 && /* @__PURE__ */ jsxs32("div", { className: "mt-3 flex flex-wrap gap-3", children: [
+                  /* @__PURE__ */ jsx80("span", { className: "w-full text-xs font-medium text-ant-text-tertiary", children: state === "current" || state === "waiting" ? "\u5F53\u524D\u5BA1\u6279\u4EBA" : "\u5904\u7406\u4EBA" }),
+                  group.map((assignee) => /* @__PURE__ */ jsxs32(
+                    "span",
+                    {
+                      className: "inline-flex min-w-0 items-center gap-2",
+                      children: [
+                        /* @__PURE__ */ jsx80("span", { className: "inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-blue-50 text-xs font-semibold text-blue-700", children: assignee.assigneeName?.slice(0, 1) || "?" }),
+                        /* @__PURE__ */ jsxs32("span", { className: "min-w-0", children: [
+                          /* @__PURE__ */ jsx80("span", { className: "block text-sm font-medium text-ant-text", children: assignee.assigneeName || "\u7CFB\u7EDF" }),
+                          /* @__PURE__ */ jsx80("span", { className: "block text-xs text-ant-text-tertiary", children: assignee.departmentName || assignee.actionAt || assignee.createdAt || "" })
+                        ] })
+                      ]
+                    },
+                    assignee.taskId || assignee.id
+                  ))
+                ] }),
+                showApproverInfo && compact && /* @__PURE__ */ jsx80("div", { className: "mt-2 text-sm text-ant-text-secondary", children: group.map((item) => item.assigneeName).filter(Boolean).join("\u3001") || (node.nodeType === "start" ? "\u63D0\u4EA4\u7533\u8BF7" : systemNodeTypes.has(node.nodeType) ? node.comments || "\u7CFB\u7EDF\u81EA\u52A8\u5904\u7406" : "") }),
+                showRemarks && node.comments && /* @__PURE__ */ jsx80(
+                  "div",
+                  {
+                    className: `mt-3 border-l-2 pl-3 text-sm leading-6 ${state === "rejected" ? "border-red-300 text-red-700" : state === "returned" ? "border-amber-300 text-amber-700" : "border-ant-border-secondary text-ant-text-secondary"}`,
+                    children: node.comments
+                  }
+                )
+              ]
+            }
+          ) })
+        ]
+      },
+      node.nodeVisitId || `${node.nodeId}-${node.taskId}-${index}`
+    );
   }) });
 };
 
-// src/modules/ApprovalActions.tsx
-import { useState as useState31 } from "react";
-import { Button as Button9, Drawer as Drawer2, Input as Input10, Dropdown } from "antd";
-import { MoreOutlined, LoadingOutlined } from "@ant-design/icons";
-import { Fragment as Fragment3, jsx as jsx80, jsxs as jsxs32 } from "react/jsx-runtime";
-var { TextArea: TextArea3 } = Input10;
-var ApprovalActions = ({
+// src/modules/ApprovalActionBar.tsx
+import { useMemo as useMemo16, useState as useState32 } from "react";
+import { Form, Input as Input10, Modal as Modal6, Select as Select5 } from "antd";
+import {
+  CheckOutlined,
+  CloseOutlined,
+  RollbackOutlined as RollbackOutlined2,
+  SaveOutlined,
+  SwapOutlined
+} from "@ant-design/icons";
+
+// src/modules/StickyActionBar.tsx
+import { useEffect as useEffect35, useMemo as useMemo15, useState as useState31 } from "react";
+import { Button as Button10, Dropdown, Modal as Modal5 } from "antd";
+import { MoreOutlined } from "@ant-design/icons";
+import { Fragment as Fragment2, jsx as jsx81, jsxs as jsxs33 } from "react/jsx-runtime";
+var getActionPriority = (action) => {
+  const maybePriority = action.priority;
+  if (typeof maybePriority === "number") return maybePriority;
+  if (action.type === "primary") return 10;
+  if (action.type === "danger") return 90;
+  return 50;
+};
+var getPlacement = (action) => action.placement;
+var StickyActionBar = ({
+  actions,
+  className = "",
+  maxMobileButtons = 2,
+  layoutMode = "default",
+  inDrawer = false,
+  maxWidth = 1120
+}) => {
+  const [isMobile, setIsMobile] = useState31(false);
+  useEffect35(() => {
+    const update = () => setIsMobile(typeof window !== "undefined" && window.innerWidth <= 768);
+    update();
+    window.addEventListener("resize", update);
+    return () => window.removeEventListener("resize", update);
+  }, []);
+  const visibleActions = useMemo15(
+    () => actions.filter((action) => action.visible !== false).sort((left, right) => getActionPriority(left) - getActionPriority(right)),
+    [actions]
+  );
+  if (visibleActions.length === 0) return null;
+  const maxWidthStyle = typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth;
+  const primaryMobile = visibleActions.slice(0, maxMobileButtons);
+  const moreMobile = visibleActions.slice(maxMobileButtons);
+  const leftActions = visibleActions.filter((action) => getPlacement(action) === "left");
+  const rightActions = visibleActions.filter((action) => getPlacement(action) !== "left");
+  const renderButton = (action, mobile = false) => /* @__PURE__ */ jsx81(
+    Button10,
+    {
+      type: action.type === "danger" ? "primary" : action.type === "text" ? "text" : action.type || "default",
+      danger: action.type === "danger",
+      loading: action.loading,
+      disabled: action.disabled,
+      icon: action.icon,
+      onClick: () => {
+        if (action.confirm) {
+          Modal5.confirm({
+            title: action.confirm.title,
+            content: action.confirm.content,
+            okText: action.confirm.okText || "\u786E\u8BA4",
+            cancelText: action.confirm.cancelText || "\u53D6\u6D88",
+            onOk: action.onClick
+          });
+          return;
+        }
+        action.onClick();
+      },
+      className: `${mobile ? "min-w-0 flex-1" : "min-w-[88px]"} rounded-md`,
+      children: action.label
+    },
+    action.key
+  );
+  return /* @__PURE__ */ jsx81(
+    "div",
+    {
+      className: `fixed bottom-0 left-0 right-0 z-50 border-t border-ant-border-secondary bg-ant-bg-container/95 px-4 py-3 shadow-[0_-8px_24px_rgba(15,23,42,0.06)] backdrop-blur supports-[padding:max(0px)]:pb-[max(0.75rem,env(safe-area-inset-bottom))] ${inDrawer ? "absolute" : ""} ${className}`,
+      children: /* @__PURE__ */ jsx81(
+        "div",
+        {
+          className: `mx-auto flex w-full items-center gap-3 ${layoutMode === "approval" && !isMobile ? "justify-between" : "justify-end"}`,
+          style: { maxWidth: maxWidthStyle },
+          children: isMobile ? /* @__PURE__ */ jsxs33(Fragment2, { children: [
+            /* @__PURE__ */ jsx81("div", { className: "flex flex-1 gap-2", children: primaryMobile.map((action) => renderButton(action, true)) }),
+            moreMobile.length > 0 && /* @__PURE__ */ jsx81(
+              Dropdown,
+              {
+                trigger: ["click"],
+                placement: "topRight",
+                menu: {
+                  items: moreMobile.map((action) => ({
+                    key: action.key,
+                    label: action.label,
+                    danger: action.type === "danger",
+                    disabled: action.disabled,
+                    icon: action.icon,
+                    onClick: () => {
+                      if (action.confirm) {
+                        Modal5.confirm({
+                          title: action.confirm.title,
+                          content: action.confirm.content,
+                          okText: action.confirm.okText || "\u786E\u8BA4",
+                          cancelText: action.confirm.cancelText || "\u53D6\u6D88",
+                          onOk: action.onClick
+                        });
+                        return;
+                      }
+                      action.onClick();
+                    }
+                  }))
+                },
+                children: /* @__PURE__ */ jsx81(Button10, { icon: /* @__PURE__ */ jsx81(MoreOutlined, {}), className: "rounded-md", children: "\u66F4\u591A" })
+              }
+            )
+          ] }) : layoutMode === "approval" && leftActions.length > 0 ? /* @__PURE__ */ jsxs33(Fragment2, { children: [
+            /* @__PURE__ */ jsx81("div", { className: "flex flex-wrap items-center gap-3", children: leftActions.map((action) => renderButton(action)) }),
+            /* @__PURE__ */ jsx81("div", { className: "flex flex-wrap items-center justify-end gap-3", children: rightActions.map((action) => renderButton(action)) })
+          ] }) : /* @__PURE__ */ jsx81("div", { className: "flex flex-wrap items-center justify-end gap-3", children: visibleActions.map((action) => renderButton(action)) })
+        }
+      )
+    }
+  );
+};
+
+// src/modules/ApprovalActionBar.tsx
+import { Fragment as Fragment3, jsx as jsx82, jsxs as jsxs34 } from "react/jsx-runtime";
+var actionPriority = {
+  agree: 10,
+  approved: 10,
+  return: 20,
+  transfer: 30,
+  resubmit: 40,
+  save: 80,
+  withdraw: 90,
+  rejected: 100,
+  reject: 100
+};
+function getActionLabel(action) {
+  return action.name?.zh_CN || action.text?.zh_CN || action.action;
+}
+function normalizeAction(action) {
+  if (action === "approved") return "agree";
+  if (action === "reject") return "rejected";
+  if (action === "agree" || action === "rejected" || action === "withdraw" || action === "transfer" || action === "return" || action === "resubmit") {
+    return action;
+  }
+  if (action === "save" || action === "callback") return action;
+  return "agree";
+}
+function getModalTitle(action) {
+  switch (action) {
+    case "agree":
+      return "\u5BA1\u6279\u610F\u89C1";
+    case "rejected":
+      return "\u62D2\u7EDD\u7406\u7531";
+    case "withdraw":
+      return "\u64A4\u9500\u6D41\u7A0B";
+    case "transfer":
+      return "\u8F6C\u4EA4\u4EFB\u52A1";
+    case "return":
+      return "\u9000\u56DE\u4EFB\u52A1";
+    case "resubmit":
+      return "\u91CD\u65B0\u63D0\u4EA4";
+    default:
+      return "\u786E\u8BA4\u64CD\u4F5C";
+  }
+}
+var ApprovalActionBar = ({
   actions,
   onApprove,
   onReject,
@@ -8285,171 +9097,335 @@ var ApprovalActions = ({
   onReturn,
   onWithdraw,
   onSave,
-  layout = "horizontal",
-  maxVisible = 3,
-  className = ""
+  onResubmit,
+  onCallback,
+  returnableNodes = [],
+  onLoadReturnableNodes,
+  renderTransferSelector,
+  renderReturnNodeLabel,
+  renderActionModalExtra,
+  maxMobileButtons = 2,
+  className = "",
+  inDrawer = false
 }) => {
-  const [drawerAction, setDrawerAction] = useState31(null);
-  const [comments, setComments] = useState31("");
-  const [loading, setLoading] = useState31(false);
-  const [saveLoading, setSaveLoading] = useState31(false);
-  const handleOpenDrawer = (action) => {
-    setComments("");
-    setDrawerAction(action);
+  const [form] = Form.useForm();
+  const [modalAction, setModalAction] = useState32(null);
+  const [activeAction, setActiveAction] = useState32(null);
+  const [loading, setLoading] = useState32(false);
+  const visibleActions = useMemo16(
+    () => actions.filter((action) => !action.hidden).sort((a, b) => (actionPriority[a.action] ?? 50) - (actionPriority[b.action] ?? 50)),
+    [actions]
+  );
+  const openModal = async (action, target) => {
+    setActiveAction(action);
+    const defaultComments = action.remark?.content?.zh_CN;
+    form.setFieldsValue({
+      comments: defaultComments || "",
+      reason: "",
+      userId: void 0,
+      nodeId: void 0
+    });
+    if (target === "return") await onLoadReturnableNodes?.();
+    setModalAction(target);
   };
-  const handleConfirm = async () => {
+  const executeDirect = async (action) => {
+    const normalized = normalizeAction(action.action);
+    if (normalized === "save") {
+      await onSave?.();
+      return;
+    }
+    if (normalized === "callback") {
+      await onCallback?.();
+      return;
+    }
+    if (normalized === "agree") {
+      await onApprove?.();
+    }
+  };
+  const handleActionClick = async (action) => {
+    const normalized = normalizeAction(action.action);
+    if (normalized === "save" || normalized === "callback") {
+      await executeDirect(action);
+      return;
+    }
+    await openModal(action, normalized);
+  };
+  const handleOk = async () => {
+    if (!modalAction) return;
+    const values = await form.validateFields();
     setLoading(true);
     try {
-      if (drawerAction === "approve" && onApprove) {
-        await onApprove(comments || void 0);
-      } else if (drawerAction === "reject" && onReject) {
-        await onReject(comments || void 0);
-      } else if (drawerAction === "withdraw" && onWithdraw) {
-        await onWithdraw(comments || void 0);
-      }
-      setDrawerAction(null);
+      if (modalAction === "agree") await onApprove?.(values.comments || void 0);
+      if (modalAction === "rejected") await onReject?.(values.comments || void 0);
+      if (modalAction === "withdraw")
+        await onWithdraw?.(values.reason || values.comments || void 0);
+      if (modalAction === "transfer") await onTransfer?.(values.userId, values.reason || void 0);
+      if (modalAction === "return") await onReturn?.(values.nodeId, values.reason || void 0);
+      if (modalAction === "resubmit") await onResubmit?.(values.comments || void 0);
+      setModalAction(null);
+      setActiveAction(null);
+      form.resetFields();
     } finally {
       setLoading(false);
     }
   };
+  const actionConfigs = visibleActions.map((action) => {
+    const normalized = normalizeAction(action.action);
+    const danger = normalized === "rejected" || normalized === "withdraw";
+    return {
+      key: action.action,
+      label: getActionLabel(action),
+      type: normalized === "agree" ? "primary" : danger ? "danger" : "default",
+      icon: normalized === "agree" ? /* @__PURE__ */ jsx82(CheckOutlined, {}) : normalized === "rejected" ? /* @__PURE__ */ jsx82(CloseOutlined, {}) : normalized === "transfer" ? /* @__PURE__ */ jsx82(SwapOutlined, {}) : normalized === "return" || normalized === "withdraw" ? /* @__PURE__ */ jsx82(RollbackOutlined2, {}) : normalized === "save" ? /* @__PURE__ */ jsx82(SaveOutlined, {}) : void 0,
+      onClick: () => handleActionClick(action),
+      placement: danger || normalized === "save" ? "right" : "left",
+      priority: actionPriority[action.action] ?? 50
+    };
+  });
+  const requiredComment = activeAction?.remark?.required || modalAction === "rejected" || modalAction === "withdraw";
+  return /* @__PURE__ */ jsxs34(Fragment3, { children: [
+    /* @__PURE__ */ jsx82(
+      StickyActionBar,
+      {
+        actions: actionConfigs,
+        layoutMode: "approval",
+        maxMobileButtons,
+        className,
+        inDrawer
+      }
+    ),
+    /* @__PURE__ */ jsx82(
+      Modal6,
+      {
+        title: getModalTitle(modalAction),
+        open: modalAction !== null,
+        okText: "\u786E\u8BA4",
+        cancelText: "\u53D6\u6D88",
+        confirmLoading: loading,
+        onOk: handleOk,
+        onCancel: () => {
+          setModalAction(null);
+          setActiveAction(null);
+          form.resetFields();
+        },
+        destroyOnClose: true,
+        children: /* @__PURE__ */ jsxs34(Form, { form, layout: "vertical", children: [
+          modalAction === "transfer" && /* @__PURE__ */ jsx82(
+            Form.Item,
+            {
+              name: "userId",
+              label: "\u8F6C\u4EA4\u7ED9",
+              rules: [{ required: true, message: "\u8BF7\u9009\u62E9\u8F6C\u4EA4\u7528\u6237" }],
+              children: renderTransferSelector ? renderTransferSelector({
+                value: form.getFieldValue("userId"),
+                onChange: (userId) => form.setFieldsValue({ userId })
+              }) : /* @__PURE__ */ jsx82(Input10, { placeholder: "\u8BF7\u8F93\u5165\u7528\u6237 ID" })
+            }
+          ),
+          modalAction === "return" && /* @__PURE__ */ jsx82(
+            Form.Item,
+            {
+              name: "nodeId",
+              label: "\u9000\u56DE\u5230\u8282\u70B9",
+              rules: [{ required: true, message: "\u8BF7\u9009\u62E9\u9000\u56DE\u8282\u70B9" }],
+              children: /* @__PURE__ */ jsx82(
+                Select5,
+                {
+                  placeholder: "\u8BF7\u9009\u62E9\u9000\u56DE\u8282\u70B9",
+                  options: returnableNodes.map((node) => ({
+                    value: node.nodeId || node.id || "",
+                    label: renderReturnNodeLabel ? renderReturnNodeLabel(node) : node.nodeName || node.name || node.nodeId || node.id
+                  }))
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx82(
+            Form.Item,
+            {
+              name: modalAction === "withdraw" || modalAction === "transfer" || modalAction === "return" ? "reason" : "comments",
+              label: modalAction === "withdraw" ? "\u64A4\u9500\u539F\u56E0" : modalAction === "transfer" ? "\u8F6C\u4EA4\u539F\u56E0" : modalAction === "return" ? "\u9000\u56DE\u539F\u56E0" : "\u5BA1\u6279\u610F\u89C1",
+              rules: [{ required: requiredComment, message: "\u8BF7\u586B\u5199\u8BF4\u660E" }],
+              children: /* @__PURE__ */ jsx82(Input10.TextArea, { rows: 4, maxLength: 500, showCount: true, placeholder: "\u8BF7\u8F93\u5165\u8BF4\u660E" })
+            }
+          ),
+          activeAction && renderActionModalExtra?.(activeAction)
+        ] })
+      }
+    )
+  ] });
+};
+
+// src/modules/ApprovalActions.tsx
+import { useMemo as useMemo17, useState as useState33 } from "react";
+import { Button as Button11, Dropdown as Dropdown2, Form as Form2, Input as Input11, Modal as Modal7 } from "antd";
+import { MoreOutlined as MoreOutlined2 } from "@ant-design/icons";
+import { Fragment as Fragment4, jsx as jsx83, jsxs as jsxs35 } from "react/jsx-runtime";
+var priority = {
+  agree: 10,
+  approved: 10,
+  transfer: 20,
+  return: 30,
+  save: 40,
+  withdraw: 90,
+  rejected: 100,
+  reject: 100
+};
+var getLabel = (action) => action.name?.zh_CN || action.text?.zh_CN || action.action;
+var ApprovalActions = ({
+  actions,
+  onApprove,
+  onReject,
+  onTransfer,
+  onReturn,
+  onWithdraw,
+  onSave,
+  layout = "horizontal",
+  maxVisible = 3,
+  className = ""
+}) => {
+  const [form] = Form2.useForm();
+  const [modalAction, setModalAction] = useState33(null);
+  const [activeAction, setActiveAction] = useState33(null);
+  const [loading, setLoading] = useState33(false);
+  const [saveLoading, setSaveLoading] = useState33(false);
+  const renderableActions = useMemo17(
+    () => actions.filter((action) => !action.hidden).sort((a, b) => (priority[a.action] ?? 50) - (priority[b.action] ?? 50)),
+    [actions]
+  );
+  const openModal = (target, action) => {
+    setActiveAction(action);
+    form.setFieldsValue({ comments: action.remark?.content?.zh_CN || "" });
+    setModalAction(target);
+  };
   const handleSave = async () => {
-    if (!onSave) return;
     setSaveLoading(true);
     try {
-      await onSave();
+      await onSave?.();
     } finally {
       setSaveLoading(false);
     }
   };
-  const actionMap = {};
-  actions.forEach((action) => {
-    switch (action.action) {
-      case "agree":
-        actionMap["agree"] = {
-          label: action.name.zh_CN || "\u540C\u610F",
-          handler: () => handleOpenDrawer("approve"),
-          type: "primary",
-          color: "green"
-        };
-        break;
-      case "rejected":
-        actionMap["rejected"] = {
-          label: action.name.zh_CN || "\u62D2\u7EDD",
-          handler: () => handleOpenDrawer("reject"),
-          type: "default"
-        };
-        break;
-      case "transfer":
-        actionMap["transfer"] = {
-          label: action.name.zh_CN || "\u8F6C\u4EA4",
-          handler: () => onTransfer?.(),
-          type: "default"
-        };
-        break;
-      case "return":
-        actionMap["return"] = {
-          label: action.name.zh_CN || "\u9000\u56DE",
-          handler: () => onReturn?.(),
-          type: "default"
-        };
-        break;
-      case "withdraw":
-        actionMap["withdraw"] = {
-          label: action.name.zh_CN || "\u64A4\u9500",
-          handler: () => handleOpenDrawer("withdraw"),
-          type: "default"
-        };
-        break;
-      case "save":
-        actionMap["save"] = {
-          label: action.name.zh_CN || "\u6682\u5B58",
-          handler: handleSave,
-          type: "default"
-        };
-        break;
+  const handleAction = (action) => {
+    if (action.action === "transfer") {
+      onTransfer?.();
+      return;
     }
-  });
-  const allButtons = Object.entries(actionMap);
-  const visibleButtons = allButtons.slice(0, maxVisible);
-  const moreButtons = allButtons.slice(maxVisible);
-  const drawerTitle = drawerAction === "approve" ? "\u5BA1\u6279\u610F\u89C1" : drawerAction === "reject" ? "\u62D2\u7EDD\u7406\u7531" : drawerAction === "withdraw" ? "\u64A4\u9500\u539F\u56E0" : "\u5BA1\u6279\u610F\u89C1";
-  return /* @__PURE__ */ jsxs32(Fragment3, { children: [
-    /* @__PURE__ */ jsxs32(
+    if (action.action === "return") {
+      onReturn?.();
+      return;
+    }
+    if (action.action === "save") {
+      void handleSave();
+      return;
+    }
+    if (action.action === "withdraw") {
+      openModal("withdraw", action);
+      return;
+    }
+    if (action.action === "rejected" || action.action === "reject") {
+      openModal("reject", action);
+      return;
+    }
+    openModal("approve", action);
+  };
+  const handleConfirm = async () => {
+    const values = await form.validateFields();
+    setLoading(true);
+    try {
+      if (modalAction === "approve") await onApprove?.(values.comments || void 0);
+      if (modalAction === "reject") await onReject?.(values.comments || void 0);
+      if (modalAction === "withdraw") await onWithdraw?.(values.comments || void 0);
+      setModalAction(null);
+      setActiveAction(null);
+      form.resetFields();
+    } finally {
+      setLoading(false);
+    }
+  };
+  const visibleButtons = renderableActions.slice(0, maxVisible);
+  const moreButtons = renderableActions.slice(maxVisible);
+  const title = modalAction === "approve" ? "\u5BA1\u6279\u610F\u89C1" : modalAction === "reject" ? "\u62D2\u7EDD\u7406\u7531" : "\u64A4\u9500\u539F\u56E0";
+  const button = (action) => /* @__PURE__ */ jsx83(
+    Button11,
+    {
+      type: action.action === "agree" || action.action === "approved" ? "primary" : "default",
+      danger: action.action === "rejected" || action.action === "reject" || action.action === "withdraw",
+      onClick: () => handleAction(action),
+      loading: action.action === "save" && saveLoading,
+      children: getLabel(action)
+    },
+    action.action
+  );
+  return /* @__PURE__ */ jsxs35(Fragment4, { children: [
+    /* @__PURE__ */ jsxs35(
       "div",
       {
         className: `${layout === "horizontal" ? "flex items-center gap-3" : "flex flex-col gap-2"} ${className}`,
         children: [
-          visibleButtons.map(([key, btn]) => /* @__PURE__ */ jsx80(
-            Button9,
-            {
-              type: btn.type === "primary" ? "primary" : "default",
-              className: btn.color === "green" ? "!bg-green-600 !border-green-600 hover:!bg-green-700" : "",
-              onClick: btn.handler,
-              loading: key === "save" && saveLoading,
-              children: btn.label
-            },
-            key
-          )),
-          moreButtons.length > 0 && /* @__PURE__ */ jsx80(
-            Dropdown,
+          visibleButtons.map(button),
+          moreButtons.length > 0 && /* @__PURE__ */ jsx83(
+            Dropdown2,
             {
+              trigger: ["click"],
               menu: {
-                items: moreButtons.map(([key, btn]) => ({
-                  key,
-                  label: btn.label,
-                  onClick: btn.handler
+                items: moreButtons.map((action) => ({
+                  key: action.action,
+                  label: getLabel(action),
+                  danger: action.action === "rejected" || action.action === "reject" || action.action === "withdraw",
+                  onClick: () => handleAction(action)
                 }))
               },
-              trigger: ["click"],
-              children: /* @__PURE__ */ jsx80(Button9, { icon: /* @__PURE__ */ jsx80(MoreOutlined, {}), children: "\u66F4\u591A" })
+              children: /* @__PURE__ */ jsx83(Button11, { icon: /* @__PURE__ */ jsx83(MoreOutlined2, {}), children: "\u66F4\u591A" })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ jsx80(
-      Drawer2,
+    /* @__PURE__ */ jsx83(
+      Modal7,
       {
-        title: drawerTitle,
-        open: drawerAction !== null,
-        onClose: () => setDrawerAction(null),
-        width: 400,
-        footer: /* @__PURE__ */ jsxs32("div", { className: "flex justify-end gap-3", children: [
-          /* @__PURE__ */ jsx80(Button9, { onClick: () => setDrawerAction(null), children: "\u53D6\u6D88" }),
-          /* @__PURE__ */ jsxs32(Button9, { type: "primary", onClick: handleConfirm, loading, children: [
-            loading && /* @__PURE__ */ jsx80(LoadingOutlined, {}),
-            "\u786E\u8BA4"
-          ] })
-        ] }),
-        children: /* @__PURE__ */ jsx80("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs32("div", { children: [
-          /* @__PURE__ */ jsx80("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: drawerAction === "approve" ? "\u5BA1\u6279\u610F\u89C1\uFF08\u53EF\u9009\uFF09" : "\u8BF7\u8F93\u5165\u7406\u7531" }),
-          /* @__PURE__ */ jsx80(
-            TextArea3,
-            {
-              rows: 4,
-              value: comments,
-              onChange: (e) => setComments(e.target.value),
-              placeholder: drawerAction === "approve" ? "\u8BF7\u8F93\u5165\u5BA1\u6279\u610F\u89C1..." : drawerAction === "reject" ? "\u8BF7\u8F93\u5165\u62D2\u7EDD\u7406\u7531..." : "\u8BF7\u8F93\u5165\u64A4\u9500\u539F\u56E0...",
-              maxLength: 500,
-              showCount: true
-            }
-          )
-        ] }) })
+        title,
+        open: modalAction !== null,
+        okText: "\u786E\u8BA4",
+        cancelText: "\u53D6\u6D88",
+        confirmLoading: loading,
+        onOk: handleConfirm,
+        onCancel: () => {
+          setModalAction(null);
+          setActiveAction(null);
+          form.resetFields();
+        },
+        destroyOnClose: true,
+        children: /* @__PURE__ */ jsx83(Form2, { form, layout: "vertical", children: /* @__PURE__ */ jsx83(
+          Form2.Item,
+          {
+            name: "comments",
+            label: modalAction === "approve" ? "\u5BA1\u6279\u610F\u89C1" : "\u8BF7\u8F93\u5165\u7406\u7531",
+            rules: [
+              {
+                required: Boolean(activeAction?.remark?.required) || modalAction !== "approve",
+                message: "\u8BF7\u586B\u5199\u8BF4\u660E"
+              }
+            ],
+            children: /* @__PURE__ */ jsx83(Input11.TextArea, { rows: 4, maxLength: 500, showCount: true, placeholder: "\u8BF7\u8F93\u5165\u8BF4\u660E" })
+          }
+        ) })
       }
     )
   ] });
 };
 
 // src/modules/FormActionBar.tsx
-import { useState as useState32 } from "react";
-import { Button as Button10, Modal as Modal5 } from "antd";
-import { Fragment as Fragment4, jsx as jsx81, jsxs as jsxs33 } from "react/jsx-runtime";
+import { useState as useState34 } from "react";
+import { Button as Button12, Modal as Modal8 } from "antd";
+import { Fragment as Fragment5, jsx as jsx84, jsxs as jsxs36 } from "react/jsx-runtime";
 var FormActionBar = ({
   actions,
   position = "bottom-fixed",
   className = ""
 }) => {
-  const [loadingKeys, setLoadingKeys] = useState32(/* @__PURE__ */ new Set());
+  const [loadingKeys, setLoadingKeys] = useState34(/* @__PURE__ */ new Set());
   const visibleActions = actions.filter((a) => a.visible !== false);
   const sortedActions = [...visibleActions].sort((a, b) => {
     if (a.type === "danger" && b.type !== "danger") return -1;
@@ -8460,7 +9436,7 @@ var FormActionBar = ({
   });
   const handleClick = async (action) => {
     if (action.confirm) {
-      Modal5.confirm({
+      Modal8.confirm({
         title: action.confirm.title,
         content: action.confirm.content,
         okText: "\u786E\u8BA4",
@@ -8486,14 +9462,14 @@ var FormActionBar = ({
     }
   };
   const isFixed = position === "bottom-fixed";
-  const bar = /* @__PURE__ */ jsx81(
+  const bar = /* @__PURE__ */ jsx84(
     "div",
     {
       className: `${isFixed ? "fixed bottom-0 left-0 right-0 z-50 backdrop-blur-lg bg-white/80 border-t border-gray-200 shadow-[0_-1px_3px_rgba(0,0,0,0.05)] px-6 py-3" : ""} ${className}`,
-      children: /* @__PURE__ */ jsx81("div", { className: "flex items-center justify-end gap-3 flex-wrap md:flex-nowrap", children: sortedActions.map((action) => {
+      children: /* @__PURE__ */ jsx84("div", { className: "flex items-center justify-end gap-3 flex-wrap md:flex-nowrap", children: sortedActions.map((action) => {
         const isLoading = action.loading || loadingKeys.has(action.key);
-        return /* @__PURE__ */ jsx81(
-          Button10,
+        return /* @__PURE__ */ jsx84(
+          Button12,
           {
             type: action.type === "danger" ? "primary" : action.type === "text" ? "text" : action.type || "default",
             danger: action.type === "danger",
@@ -8510,18 +9486,137 @@ var FormActionBar = ({
     }
   );
   if (isFixed) {
-    return /* @__PURE__ */ jsxs33(Fragment4, { children: [
+    return /* @__PURE__ */ jsxs36(Fragment5, { children: [
       bar,
-      /* @__PURE__ */ jsx81("div", { className: "h-16" })
+      /* @__PURE__ */ jsx84("div", { className: "h-16" })
     ] });
   }
   return bar;
 };
 
+// src/modules/RuntimePageShell.tsx
+import { Alert, Empty as Empty4, Spin as Spin5 } from "antd";
+import { Fragment as Fragment6, jsx as jsx85, jsxs as jsxs37 } from "react/jsx-runtime";
+var RuntimePageShell = ({
+  children,
+  actions,
+  loading = false,
+  loadingTip = "\u6B63\u5728\u52A0\u8F7D\u9875\u9762...",
+  accessDenied = false,
+  error,
+  empty,
+  className = "",
+  contentClassName = "",
+  maxWidth = 1120,
+  inDrawer = false
+}) => {
+  const maxWidthStyle = typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth;
+  const renderState = () => {
+    if (loading) {
+      return /* @__PURE__ */ jsx85("div", { className: "min-h-[360px] flex items-center justify-center", children: /* @__PURE__ */ jsx85(Spin5, { tip: loadingTip }) });
+    }
+    if (accessDenied) {
+      return /* @__PURE__ */ jsx85(Empty4, { description: "\u65E0\u6743\u9650\u67E5\u770B\u8BE6\u60C5" });
+    }
+    if (error) {
+      return /* @__PURE__ */ jsx85(Alert, { type: "error", showIcon: true, message: "\u9875\u9762\u52A0\u8F7D\u5931\u8D25", description: error });
+    }
+    if (empty) {
+      return /* @__PURE__ */ jsx85(Fragment6, { children: empty });
+    }
+    return children;
+  };
+  return /* @__PURE__ */ jsxs37("div", { className: `sy-runtime-page min-h-screen bg-ant-bg-layout text-ant-text ${className}`, children: [
+    /* @__PURE__ */ jsx85(
+      "div",
+      {
+        className: `sy-runtime-page__content mx-auto w-full px-4 py-6 pb-24 md:px-6 ${inDrawer ? "py-4 md:px-4" : ""} ${contentClassName}`,
+        style: { maxWidth: maxWidthStyle },
+        children: renderState()
+      }
+    ),
+    actions
+  ] });
+};
+
+// src/modules/SummaryPanel.tsx
+import { Avatar as Avatar2 } from "antd";
+import { ApartmentOutlined as ApartmentOutlined2, CalendarOutlined, FileTextOutlined as FileTextOutlined2 } from "@ant-design/icons";
+import { jsx as jsx86, jsxs as jsxs38 } from "react/jsx-runtime";
+var toneClasses3 = {
+  brand: "bg-blue-50 text-blue-700 border-blue-200",
+  success: "bg-emerald-50 text-emerald-700 border-emerald-200",
+  danger: "bg-red-50 text-red-700 border-red-200",
+  neutral: "bg-gray-50 text-gray-600 border-gray-200",
+  warning: "bg-amber-50 text-amber-700 border-amber-200"
+};
+var SummaryPanel = ({
+  title = "\u8BE6\u60C5",
+  eyebrow,
+  status,
+  creator,
+  createdAt,
+  metaItems,
+  className = "",
+  children
+}) => {
+  const defaultItems = [
+    {
+      key: "creator",
+      label: "\u521B\u5EFA\u4EBA",
+      value: creator?.name || "\u672A\u77E5\u7528\u6237",
+      icon: creator?.avatar ? /* @__PURE__ */ jsx86(Avatar2, { size: 24, src: creator.avatar }) : /* @__PURE__ */ jsx86(Avatar2, { size: 24, children: creator?.name?.slice(0, 1) || "\u8868" })
+    },
+    {
+      key: "department",
+      label: "\u6240\u5C5E\u90E8\u95E8",
+      value: creator?.department || "-",
+      icon: /* @__PURE__ */ jsx86(ApartmentOutlined2, {})
+    },
+    {
+      key: "createdAt",
+      label: "\u521B\u5EFA\u65F6\u95F4",
+      value: createdAt || "-",
+      icon: /* @__PURE__ */ jsx86(CalendarOutlined, {})
+    }
+  ];
+  const items = metaItems || defaultItems;
+  return /* @__PURE__ */ jsx86(
+    "section",
+    {
+      className: `rounded-lg border border-ant-border-secondary bg-ant-bg-container ${className}`,
+      children: /* @__PURE__ */ jsxs38("div", { className: "p-5 md:p-6", children: [
+        /* @__PURE__ */ jsxs38("div", { className: "mb-2 flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx86("div", { className: "min-w-0 text-sm text-ant-text-tertiary", children: eyebrow || /* @__PURE__ */ jsxs38("span", { className: "inline-flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx86(FileTextOutlined2, {}),
+            "\u6570\u636E\u5B9E\u4F8B"
+          ] }) }),
+          status && /* @__PURE__ */ jsx86(
+            "span",
+            {
+              className: `inline-flex min-h-6 items-center rounded-md border px-2.5 text-xs font-medium ${toneClasses3[status.tone] || toneClasses3.neutral}`,
+              children: status.label
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx86("h1", { className: "m-0 break-words text-2xl font-semibold leading-9 text-ant-text md:text-[28px]", children: title }),
+        items.length > 0 && /* @__PURE__ */ jsx86("div", { className: "mt-5 grid grid-cols-1 gap-4 md:grid-cols-3", children: items.map((item) => /* @__PURE__ */ jsxs38("div", { className: "flex min-w-0 items-center gap-3", children: [
+          /* @__PURE__ */ jsx86("span", { className: "inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-gray-100 text-ant-text-secondary", children: item.icon }),
+          /* @__PURE__ */ jsxs38("span", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx86("span", { className: "block text-xs leading-5 text-ant-text-tertiary", children: item.label }),
+            /* @__PURE__ */ jsx86("span", { className: "block break-words text-sm font-medium leading-6 text-ant-text", children: item.value || "-" })
+          ] })
+        ] }, item.key)) }),
+        children && /* @__PURE__ */ jsx86("div", { className: "mt-5", children })
+      ] })
+    }
+  );
+};
+
 // src/modules/DraftManager.tsx
-import { Button as Button11 } from "antd";
-import { EditOutlined } from "@ant-design/icons";
-import { jsx as jsx82, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Button as Button13 } from "antd";
+import { EditOutlined as EditOutlined2 } from "@ant-design/icons";
+import { jsx as jsx87, jsxs as jsxs39 } from "react/jsx-runtime";
 function formatRelativeTime(timestamp) {
   const now = Date.now();
   const diff = now - timestamp;
@@ -8542,25 +9637,25 @@ var DraftManager = ({
 }) => {
   if (!hasDraft) return null;
   const timeLabel = draftTimestamp ? formatRelativeTime(draftTimestamp) : null;
-  return /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsx87(
     "div",
     {
       className: `bg-blue-50 border border-blue-200 rounded-lg p-4 animate-[slideDown_0.3s_ease-out] ${className}`,
-      children: /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-between flex-wrap gap-3", children: [
-        /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-2 text-sm text-blue-700", children: [
-          /* @__PURE__ */ jsx82(EditOutlined, { className: "text-blue-500" }),
-          /* @__PURE__ */ jsxs34("span", { children: [
+      children: /* @__PURE__ */ jsxs39("div", { className: "flex items-center justify-between flex-wrap gap-3", children: [
+        /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-2 text-sm text-blue-700", children: [
+          /* @__PURE__ */ jsx87(EditOutlined2, { className: "text-blue-500" }),
+          /* @__PURE__ */ jsxs39("span", { children: [
             "\u68C0\u6D4B\u5230\u672A\u63D0\u4EA4\u7684\u8349\u7A3F",
-            timeLabel && /* @__PURE__ */ jsxs34("span", { className: "text-blue-500 ml-1", children: [
+            timeLabel && /* @__PURE__ */ jsxs39("span", { className: "text-blue-500 ml-1", children: [
               "\uFF08\u4FDD\u5B58\u4E8E ",
               timeLabel,
               "\uFF09"
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx82(Button11, { type: "text", size: "small", onClick: onDiscard, className: "!text-gray-500", children: "\u4E22\u5F03" }),
-          /* @__PURE__ */ jsx82(Button11, { type: "primary", size: "small", onClick: onRestore, children: "\u6062\u590D\u586B\u5199" })
+        /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx87(Button13, { type: "text", size: "small", onClick: onDiscard, className: "!text-gray-500", children: "\u4E22\u5F03" }),
+          /* @__PURE__ */ jsx87(Button13, { type: "primary", size: "small", onClick: onRestore, children: "\u6062\u590D\u586B\u5199" })
         ] })
       ] })
     }
@@ -8568,9 +9663,9 @@ var DraftManager = ({
 };
 
 // src/modules/ProcessPreview.tsx
-import { Modal as Modal6, Skeleton as Skeleton2, Button as Button12 } from "antd";
-import { CheckCircleOutlined, UserOutlined as UserOutlined2 } from "@ant-design/icons";
-import { jsx as jsx83, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Modal as Modal9, Skeleton as Skeleton2, Button as Button14 } from "antd";
+import { CheckCircleOutlined, UserOutlined as UserOutlined3 } from "@ant-design/icons";
+import { jsx as jsx88, jsxs as jsxs40 } from "react/jsx-runtime";
 var ProcessPreview = ({
   open,
   onClose,
@@ -8578,49 +9673,1144 @@ var ProcessPreview = ({
   routes,
   loading = false
 }) => {
-  return /* @__PURE__ */ jsx83(
-    Modal6,
+  return /* @__PURE__ */ jsx88(
+    Modal9,
     {
       title: "\u6D41\u7A0B\u9884\u89C8",
       open,
       onCancel: onClose,
       width: 520,
-      footer: /* @__PURE__ */ jsxs35("div", { className: "flex justify-end gap-3", children: [
-        /* @__PURE__ */ jsx83(Button12, { onClick: onClose, children: "\u53D6\u6D88" }),
-        /* @__PURE__ */ jsx83(Button12, { type: "primary", onClick: onConfirm, loading, children: "\u786E\u8BA4\u63D0\u4EA4" })
+      footer: /* @__PURE__ */ jsxs40("div", { className: "flex justify-end gap-3", children: [
+        /* @__PURE__ */ jsx88(Button14, { onClick: onClose, children: "\u53D6\u6D88" }),
+        /* @__PURE__ */ jsx88(Button14, { type: "primary", onClick: onConfirm, loading, children: "\u786E\u8BA4\u63D0\u4EA4" })
       ] }),
-      children: loading && routes.length === 0 ? /* @__PURE__ */ jsx83(Skeleton2, { active: true, paragraph: { rows: 4 } }) : routes.length === 0 ? /* @__PURE__ */ jsx83("p", { className: "text-sm text-gray-400 text-center py-8", children: "\u6682\u65E0\u6D41\u7A0B\u8282\u70B9" }) : /* @__PURE__ */ jsx83("div", { className: "py-2", children: routes.map((route, index) => {
+      children: loading && routes.length === 0 ? /* @__PURE__ */ jsx88(Skeleton2, { active: true, paragraph: { rows: 4 } }) : routes.length === 0 ? /* @__PURE__ */ jsx88("p", { className: "text-sm text-gray-400 text-center py-8", children: "\u6682\u65E0\u6D41\u7A0B\u8282\u70B9" }) : /* @__PURE__ */ jsx88("div", { className: "py-2", children: routes.map((route, index) => {
         const isLast = index === routes.length - 1;
-        return /* @__PURE__ */ jsxs35("div", { className: "flex gap-3", children: [
-          /* @__PURE__ */ jsxs35("div", { className: "flex flex-col items-center", children: [
-            /* @__PURE__ */ jsx83("div", { className: "w-6 h-6 rounded-full bg-blue-50 border-2 border-blue-400 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx83(CheckCircleOutlined, { className: "text-blue-500 text-xs" }) }),
-            !isLast && /* @__PURE__ */ jsx83("div", { className: "w-0.5 flex-1 bg-blue-200 mt-1" })
+        return /* @__PURE__ */ jsxs40("div", { className: "flex gap-3", children: [
+          /* @__PURE__ */ jsxs40("div", { className: "flex flex-col items-center", children: [
+            /* @__PURE__ */ jsx88("div", { className: "w-6 h-6 rounded-full bg-blue-50 border-2 border-blue-400 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx88(CheckCircleOutlined, { className: "text-blue-500 text-xs" }) }),
+            !isLast && /* @__PURE__ */ jsx88("div", { className: "w-0.5 flex-1 bg-blue-200 mt-1" })
+          ] }),
+          /* @__PURE__ */ jsxs40("div", { className: `flex-1 ${isLast ? "pb-0" : "pb-5"}`, children: [
+            /* @__PURE__ */ jsx88("div", { className: "text-sm font-medium text-gray-900", children: route.nodeName }),
+            route.assignees && route.assignees.length > 0 && /* @__PURE__ */ jsxs40("div", { className: "mt-1 flex items-center gap-1.5 flex-wrap", children: [
+              /* @__PURE__ */ jsx88(UserOutlined3, { className: "text-gray-400 text-xs" }),
+              route.assignees.map((assignee) => /* @__PURE__ */ jsx88(
+                "span",
+                {
+                  className: "text-xs text-gray-500 bg-gray-100 px-1.5 py-0.5 rounded",
+                  children: assignee.name
+                },
+                assignee.id
+              ))
+            ] })
+          ] })
+        ] }, route.nodeId);
+      }) })
+    }
+  );
+};
+
+// src/modules/DataManagementList.tsx
+import { useCallback as useCallback17, useEffect as useEffect36, useMemo as useMemo18, useRef as useRef14, useState as useState35 } from "react";
+import {
+  Button as Button15,
+  Checkbox as Checkbox5,
+  Drawer as Drawer2,
+  Dropdown as Dropdown3,
+  Empty as Empty5,
+  Input as Input12,
+  Modal as Modal10,
+  Segmented,
+  Select as Select6,
+  Space as Space9,
+  Table as Table3,
+  Tag as Tag5,
+  Tooltip as Tooltip2,
+  Upload as Upload3,
+  message
+} from "antd";
+import {
+  DeleteOutlined,
+  DownloadOutlined,
+  FilterOutlined,
+  HistoryOutlined as HistoryOutlined2,
+  ImportOutlined,
+  MoreOutlined as MoreOutlined3,
+  PlusOutlined,
+  ReloadOutlined as ReloadOutlined3,
+  SettingOutlined,
+  SwapOutlined as SwapOutlined2
+} from "@ant-design/icons";
+import { jsx as jsx89, jsxs as jsxs41 } from "react/jsx-runtime";
+var createGroup = () => ({
+  id: `group_${Date.now()}_${Math.random().toString(36).slice(2)}`,
+  logic: "AND",
+  rules: [],
+  conditions: []
+});
+var createRule = (field) => ({
+  id: `rule_${Date.now()}_${Math.random().toString(36).slice(2)}`,
+  key: field?.fieldId || "",
+  operator: "contains",
+  value: "",
+  componentName: field?.componentName
+});
+var getRecordId = (record) => record?.formInstanceId || record?.formInstId || record?.form_instance_id || record?.instanceId || record?.id || record?.processInstanceId;
+var getSelectedRecordId = (record, fallback) => record?.formInstId || record?.formInstanceId || record?.form_instance_id || record?.id || fallback;
+var hydrateFilterGroup = (group) => {
+  if (!group) return createGroup();
+  return {
+    id: group.id || createGroup().id,
+    logic: group.logic === "OR" ? "OR" : "AND",
+    rules: Array.isArray(group.rules) ? group.rules.map((rule) => ({
+      ...rule,
+      id: rule.id || `rule_${Date.now()}_${Math.random().toString(36).slice(2)}`
+    })) : [],
+    conditions: Array.isArray(group.conditions) ? group.conditions.map(hydrateFilterGroup) : []
+  };
+};
+var formatPrimitive = (value) => {
+  if (value === void 0 || value === null || value === "")
+    return /* @__PURE__ */ jsx89("span", { className: "text-ant-color-text-quaternary", children: "--" });
+  return String(value);
+};
+var pickOptionLabel = (field, value) => {
+  const options = field.options || field.optionList || field.option_list || field.componentProps?.options || [];
+  const scalar = typeof value === "object" ? value?.value ?? value?.id ?? value?.label ?? value?.name : value;
+  const match = Array.isArray(options) ? options.find((option) => String(option.value ?? option.id) === String(scalar)) : void 0;
+  return match?.label || match?.name || value?.label || value?.name || scalar;
+};
+var renderStatusTag = (value, fieldId) => {
+  const raw = String(value || "");
+  const statusMap = {
+    pending: { label: "\u5F85\u5904\u7406", color: "processing" },
+    running: { label: "\u5BA1\u6279\u4E2D", color: "processing" },
+    waiting: { label: "\u7B49\u5F85\u4E2D", color: "default" },
+    exception: { label: "\u6D41\u7A0B\u5F02\u5E38", color: "error" },
+    completed: { label: "\u5DF2\u5B8C\u6210", color: "success" },
+    terminated: { label: "\u5DF2\u62D2\u7EDD", color: "error" },
+    withdrawn: { label: "\u5DF2\u64A4\u9500", color: "default" },
+    processing: { label: "\u5BA1\u6279\u4E2D", color: "processing" },
+    approved: { label: "\u540C\u610F", color: "success" },
+    rejected: { label: "\u62D2\u7EDD", color: "error" }
+  };
+  if (fieldId !== "processInstanceStatus" && fieldId !== "approvalResult") return null;
+  const meta = statusMap[raw];
+  return /* @__PURE__ */ jsx89(Tag5, { color: meta?.color, children: meta?.label || raw || "--" });
+};
+var renderCellValue = (value, field) => {
+  const status = renderStatusTag(value, field.fieldId);
+  if (status) return status;
+  if (Array.isArray(value)) {
+    if (value.length === 0) return formatPrimitive("");
+    if (field.componentName === "ImageField") {
+      return /* @__PURE__ */ jsx89("div", { className: "flex max-w-[180px] gap-1 overflow-hidden", children: value.slice(0, 3).map((item, index) => /* @__PURE__ */ jsx89(
+        "img",
+        {
+          alt: item?.name || field.label,
+          src: item?.url || item?.previewUrl,
+          className: "h-8 w-8 rounded object-cover"
+        },
+        item?.uid || item?.id || item?.url || index
+      )) });
+    }
+    if (field.componentName === "AttachmentField") {
+      return /* @__PURE__ */ jsxs41(Space9, { size: 4, wrap: true, children: [
+        value.slice(0, 3).map((item, index) => /* @__PURE__ */ jsx89(Tag5, { children: item?.name || item?.originalName || `\u9644\u4EF6${index + 1}` }, item?.uid || item?.id || index)),
+        value.length > 3 && /* @__PURE__ */ jsxs41(Tag5, { children: [
+          "+",
+          value.length - 3
+        ] })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs41(Space9, { size: 4, wrap: true, children: [
+      value.slice(0, 4).map((item, index) => /* @__PURE__ */ jsx89(Tag5, { children: pickOptionLabel(field, item) }, `${field.fieldId}_${index}`)),
+      value.length > 4 && /* @__PURE__ */ jsxs41(Tag5, { children: [
+        "+",
+        value.length - 4
+      ] })
+    ] });
+  }
+  if (value && typeof value === "object") {
+    if (field.componentName === "UserSelectField" || field.componentName === "DepartmentSelectField") {
+      return value.name || value.label || value.username || formatPrimitive(value.id);
+    }
+    if (value.start || value.end) {
+      return [value.start, value.end].filter(Boolean).join(" \u81F3 ");
+    }
+    if (value.label || value.name || value.value) {
+      return pickOptionLabel(field, value);
+    }
+    return /* @__PURE__ */ jsx89(Tooltip2, { title: JSON.stringify(value), children: /* @__PURE__ */ jsx89("span", { className: "text-ant-color-text-secondary", children: "\u5BF9\u8C61\u6570\u636E" }) });
+  }
+  if (["SelectField", "RadioField", "CheckboxField", "MultiSelectField"].includes(field.componentName)) {
+    return pickOptionLabel(field, value);
+  }
+  return formatPrimitive(value);
+};
+var fileToBase64 = (file) => new Promise((resolve, reject) => {
+  const reader = new FileReader();
+  reader.onload = () => {
+    const result = String(reader.result || "");
+    resolve(result.includes(",") ? result.split(",")[1] : result);
+  };
+  reader.onerror = reject;
+  reader.readAsDataURL(file);
+});
+function FilterGroupEditor({
+  group,
+  fields,
+  onChange,
+  level = 0
+}) {
+  const fieldOptions = fields.map((field) => ({ label: field.label, value: field.fieldId }));
+  const updateRule = (ruleId, patch) => {
+    onChange({
+      ...group,
+      rules: group.rules.map((rule) => rule.id === ruleId ? { ...rule, ...patch } : rule)
+    });
+  };
+  return /* @__PURE__ */ jsxs41(
+    "div",
+    {
+      className: `${level > 0 ? "ml-4 border-l border-ant-border-secondary pl-4" : ""} space-y-3`,
+      children: [
+        /* @__PURE__ */ jsxs41("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx89(
+            Segmented,
+            {
+              size: "small",
+              value: group.logic,
+              options: [
+                { label: "\u6EE1\u8DB3\u5168\u90E8", value: "AND" },
+                { label: "\u6EE1\u8DB3\u4EFB\u4E00", value: "OR" }
+              ],
+              onChange: (value) => onChange({ ...group, logic: value })
+            }
+          ),
+          /* @__PURE__ */ jsxs41(Space9, { children: [
+            /* @__PURE__ */ jsx89(
+              Button15,
+              {
+                size: "small",
+                onClick: () => onChange({ ...group, rules: [...group.rules, createRule(fields[0])] }),
+                children: "\u6DFB\u52A0\u6761\u4EF6"
+              }
+            ),
+            /* @__PURE__ */ jsx89(
+              Button15,
+              {
+                size: "small",
+                onClick: () => onChange({ ...group, conditions: [...group.conditions, createGroup()] }),
+                children: "\u6DFB\u52A0\u5206\u7EC4"
+              }
+            )
+          ] })
+        ] }),
+        group.rules.map((rule) => /* @__PURE__ */ jsxs41(
+          "div",
+          {
+            className: "grid grid-cols-[minmax(120px,1fr)_120px_minmax(160px,1fr)_auto] gap-2",
+            children: [
+              /* @__PURE__ */ jsx89(
+                Select6,
+                {
+                  showSearch: true,
+                  placeholder: "\u5B57\u6BB5",
+                  value: rule.key,
+                  options: fieldOptions,
+                  optionFilterProp: "label",
+                  onChange: (fieldId) => {
+                    const field = fields.find((item) => item.fieldId === fieldId);
+                    updateRule(rule.id, { key: fieldId, componentName: field?.componentName });
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx89(
+                Select6,
+                {
+                  value: rule.operator,
+                  options: [
+                    { label: "\u5305\u542B", value: "contains" },
+                    { label: "\u7B49\u4E8E", value: "eq" },
+                    { label: "\u4E0D\u7B49\u4E8E", value: "ne" },
+                    { label: "\u5927\u4E8E", value: "gt" },
+                    { label: "\u5C0F\u4E8E", value: "lt" }
+                  ],
+                  onChange: (operator) => updateRule(rule.id, { operator })
+                }
+              ),
+              /* @__PURE__ */ jsx89(
+                Input12,
+                {
+                  value: rule.value,
+                  placeholder: "\u8F93\u5165\u7B5B\u9009\u503C",
+                  onChange: (event) => updateRule(rule.id, { value: event.target.value })
+                }
+              ),
+              /* @__PURE__ */ jsx89(
+                Button15,
+                {
+                  danger: true,
+                  type: "text",
+                  icon: /* @__PURE__ */ jsx89(DeleteOutlined, {}),
+                  onClick: () => onChange({ ...group, rules: group.rules.filter((item) => item.id !== rule.id) })
+                }
+              )
+            ]
+          },
+          rule.id
+        )),
+        group.conditions.map((child) => /* @__PURE__ */ jsx89(
+          FilterGroupEditor,
+          {
+            group: child,
+            fields,
+            level: level + 1,
+            onChange: (next) => onChange({
+              ...group,
+              conditions: group.conditions.map((item) => item.id === child.id ? next : item)
+            })
+          },
+          child.id
+        )),
+        group.rules.length === 0 && group.conditions.length === 0 && /* @__PURE__ */ jsx89(Empty5, { image: Empty5.PRESENTED_IMAGE_SIMPLE, description: "\u6682\u65E0\u7B5B\u9009\u6761\u4EF6" })
+      ]
+    }
+  );
+}
+var DataManagementList = ({
+  appType,
+  formUuid,
+  menuFormUuid,
+  readonly = false,
+  fullHeight = true,
+  configScope = "global",
+  title,
+  detailRenderer,
+  submitRenderer,
+  requestOverride,
+  rowActions = []
+}) => {
+  const api = useMemo18(() => {
+    if (typeof requestOverride === "function") {
+      return createFormRuntimeApi({ request: requestOverride });
+    }
+    return createFormRuntimeApi(requestOverride);
+  }, [requestOverride]);
+  const [fields, setFields] = useState35([]);
+  const [config, setConfig] = useState35({});
+  const [showFields, setShowFields] = useState35([]);
+  const [lockFieldIds, setLockFieldIds] = useState35([]);
+  const [widths, setWidths] = useState35({});
+  const [sort, setSort] = useState35([]);
+  const [density, setDensity] = useState35("middle");
+  const [detailOpenMode, setDetailOpenMode] = useState35("drawer");
+  const [searchKeyWord, setSearchKeyWord] = useState35("");
+  const [filterGroup, setFilterGroup] = useState35(createGroup);
+  const [dataSource, setDataSource] = useState35([]);
+  const [total, setTotal] = useState35(0);
+  const [current, setCurrent] = useState35(1);
+  const [pageSize, setPageSize] = useState35(10);
+  const [loading, setLoading] = useState35(false);
+  const [schemaLoading, setSchemaLoading] = useState35(true);
+  const [selectedRowKeys, setSelectedRowKeys] = useState35([]);
+  const [filterOpen, setFilterOpen] = useState35(false);
+  const [columnOpen, setColumnOpen] = useState35(false);
+  const [exportOpen, setExportOpen] = useState35(false);
+  const [exportScope, setExportScope] = useState35("all");
+  const [exportFields, setExportFields] = useState35([]);
+  const [exporting, setExporting] = useState35(false);
+  const [importOpen, setImportOpen] = useState35(false);
+  const [importPreview, setImportPreview] = useState35([]);
+  const [importBase64, setImportBase64] = useState35("");
+  const [recordsOpen, setRecordsOpen] = useState35(false);
+  const [recordTab, setRecordTab] = useState35("export");
+  const [transferRecords, setTransferRecords] = useState35([]);
+  const [batchApprovalOpen, setBatchApprovalOpen] = useState35(false);
+  const [batchApprovalAction, setBatchApprovalAction] = useState35(
+    "approved"
+  );
+  const [batchApprovalComments, setBatchApprovalComments] = useState35("");
+  const [batchApproving, setBatchApproving] = useState35(false);
+  const [activeRecord, setActiveRecord] = useState35(null);
+  const [detailOpen, setDetailOpen] = useState35(false);
+  const [submitOpen, setSubmitOpen] = useState35(false);
+  const fetchStateRef = useRef14({});
+  const request = api.request;
+  const visibleFields = useMemo18(
+    () => showFields.map((fieldId) => fields.find((field) => field.fieldId === fieldId)).filter(Boolean),
+    [fields, showFields]
+  );
+  useEffect36(() => {
+    fetchStateRef.current = {
+      current,
+      pageSize,
+      searchKeyWord,
+      filterGroup,
+      sort
+    };
+  }, [current, filterGroup, pageSize, searchKeyWord, sort]);
+  const loadData = useCallback17(
+    async (overrides = {}) => {
+      if (!appType || !formUuid) return;
+      const fetchState = { ...fetchStateRef.current, ...overrides };
+      const nextCurrent = fetchState.current || 1;
+      const nextPageSize = fetchState.pageSize || 10;
+      fetchStateRef.current = {
+        ...fetchState,
+        current: nextCurrent,
+        pageSize: nextPageSize
+      };
+      setLoading(true);
+      try {
+        const result = await advancedSearchDataManagement(request, {
+          appType,
+          formUuid,
+          currentPage: nextCurrent,
+          pageSize: nextPageSize,
+          searchKeyWord: fetchState.searchKeyWord,
+          filters: fetchState.filterGroup,
+          order: fetchState.sort
+        });
+        setDataSource(result.records);
+        setTotal(result.total);
+        setCurrent(nextCurrent);
+        setPageSize(nextPageSize);
+      } catch (error) {
+        console.error("[DataManagementList] loadData failed:", error);
+        message.error("\u52A0\u8F7D\u6570\u636E\u5931\u8D25");
+      } finally {
+        setLoading(false);
+      }
+    },
+    [appType, formUuid, request]
+  );
+  useEffect36(() => {
+    let mounted = true;
+    const loadSchemaAndConfig = async () => {
+      if (!appType || !formUuid) return;
+      setSchemaLoading(true);
+      setDataSource([]);
+      setTotal(0);
+      setSelectedRowKeys([]);
+      try {
+        const schemaResult = await getDataManagementSchema(request, { appType, formUuid });
+        if (!mounted) return;
+        const allFields = [
+          ...schemaResult.fields,
+          ...getSystemFieldsForFormType(schemaResult.formType)
+        ];
+        const saved = await getDataManagementConfig(request, {
+          appType,
+          formUuid,
+          menuFormUuid,
+          scope: configScope
+        }).catch(() => void 0);
+        if (!mounted) return;
+        const resolved = normalizeColumnConfig(saved, allFields);
+        const nextSearchKeyWord = saved?.filter?.searchKeyWord || "";
+        const nextFilterGroup = hydrateFilterGroup(saved?.filter?.group);
+        setFields(allFields);
+        setConfig(saved || {});
+        setShowFields(resolved.showFields);
+        setWidths(resolved.widths);
+        setLockFieldIds(resolved.lockFieldIds);
+        setSort(resolved.sort);
+        setDensity(resolved.density);
+        setDetailOpenMode(resolved.detailOpenMode);
+        setPageSize(resolved.pageSize);
+        setSearchKeyWord(nextSearchKeyWord);
+        setFilterGroup(nextFilterGroup);
+        await loadData({
+          current: 1,
+          pageSize: resolved.pageSize,
+          searchKeyWord: nextSearchKeyWord,
+          filterGroup: nextFilterGroup,
+          sort: resolved.sort
+        });
+      } catch (error) {
+        console.error("[DataManagementList] load schema failed:", error);
+        message.error("\u52A0\u8F7D\u8868\u5355\u914D\u7F6E\u5931\u8D25");
+      } finally {
+        if (mounted) setSchemaLoading(false);
+      }
+    };
+    loadSchemaAndConfig();
+    return () => {
+      mounted = false;
+    };
+  }, [appType, configScope, formUuid, loadData, menuFormUuid, request]);
+  const persistConfig = useCallback17(
+    async (patch) => {
+      const nextConfig = { ...config, ...patch };
+      setConfig(nextConfig);
+      await saveDataManagementConfig(request, {
+        appType,
+        formUuid,
+        menuFormUuid,
+        scope: configScope,
+        config: nextConfig
+      }).catch((error) => {
+        console.error("[DataManagementList] save config failed:", error);
+        message.warning("\u914D\u7F6E\u4FDD\u5B58\u5931\u8D25\uFF0C\u672C\u6B21\u4EC5\u5728\u5F53\u524D\u9875\u9762\u751F\u6548");
+      });
+    },
+    [appType, config, configScope, formUuid, menuFormUuid, request]
+  );
+  const handleColumnCommit = async () => {
+    setColumnOpen(false);
+    await persistConfig({
+      showFields,
+      lockFieldIds,
+      widths,
+      density,
+      detailOpenMode,
+      pageSize
+    });
+  };
+  const handleDetail = useCallback17(
+    (record) => {
+      const formInstanceId = getRecordId(record);
+      if (detailOpenMode === "newPage" && typeof window !== "undefined") {
+        window.open(`/${appType}/forms/${formUuid}/detail/${formInstanceId}`, "_blank");
+        return;
+      }
+      setActiveRecord(record);
+      setDetailOpen(true);
+    },
+    [appType, detailOpenMode, formUuid]
+  );
+  const handleDelete = useCallback17(
+    async (ids) => {
+      if (ids.length === 0) return;
+      await deleteDataManagementRows(request, { appType, formUuid, formInstanceIds: ids });
+      setSelectedRowKeys([]);
+      await loadData({ current, pageSize });
+    },
+    [appType, current, formUuid, loadData, pageSize, request]
+  );
+  const getSelectedRecordIds = useCallback17(
+    () => selectedRowKeys.map((key) => {
+      const record = dataSource.find((item) => String(getRecordId(item)) === String(key));
+      return String(getSelectedRecordId(record, key));
+    }),
+    [dataSource, selectedRowKeys]
+  );
+  const handleBatchApprove = () => {
+    if (selectedRowKeys.length === 0) return;
+    setBatchApprovalOpen(true);
+  };
+  const handleBatchApprovalConfirm = async () => {
+    const ids = getSelectedRecordIds();
+    if (ids.length === 0) return;
+    setBatchApproving(true);
+    try {
+      await batchApproveDataManagementRows(request, {
+        appType,
+        formUuid,
+        formInstanceIds: ids,
+        action: batchApprovalAction,
+        comments: batchApprovalComments || void 0
+      });
+      message.success(`\u6279\u91CF${batchApprovalAction === "approved" ? "\u901A\u8FC7" : "\u62D2\u7EDD"}\u5DF2\u63D0\u4EA4`);
+      setSelectedRowKeys([]);
+      setBatchApprovalOpen(false);
+      setBatchApprovalAction("approved");
+      setBatchApprovalComments("");
+      await loadData({ current, pageSize });
+    } catch (error) {
+      console.error("[DataManagementList] batch approval failed:", error);
+      message.error("\u6279\u91CF\u5BA1\u6279\u5931\u8D25");
+    } finally {
+      setBatchApproving(false);
+    }
+  };
+  const handleExport = async (scope) => {
+    const selectedIds = scope === "selected" ? getSelectedRecordIds() : [];
+    if (scope === "selected" && selectedIds.length === 0) {
+      message.warning("\u8BF7\u5148\u9009\u62E9\u8981\u5BFC\u51FA\u7684\u8BB0\u5F55");
+      return;
+    }
+    const selectedFilters = selectedIds.map((id) => ({
+      key: "form_instance_id",
+      operator: "EQ",
+      value: id
+    }));
+    setExporting(true);
+    try {
+      await exportDataManagementRows(request, {
+        appType,
+        formUuid,
+        currentPage: scope === "selected" ? 1 : current,
+        pageSize: scope === "selected" ? selectedIds.length : pageSize,
+        searchKeyWord: scope === "selected" ? void 0 : searchKeyWord,
+        filters: scope === "selected" ? void 0 : filterGroup,
+        rawFilters: scope === "selected" ? JSON.stringify(selectedFilters) : void 0,
+        conditionType: scope === "selected" ? "OR" : void 0,
+        order: sort,
+        exportAll: scope === "all" ? "y" : "n",
+        exportFields
+      });
+      message.success("\u5BFC\u51FA\u4EFB\u52A1\u5DF2\u521B\u5EFA\uFF0C\u53EF\u5728\u5BFC\u5165\u5BFC\u51FA\u8BB0\u5F55\u4E2D\u67E5\u770B");
+      setExportOpen(false);
+    } catch (error) {
+      console.error("[DataManagementList] export failed:", error);
+      message.error("\u5BFC\u51FA\u5931\u8D25");
+    } finally {
+      setExporting(false);
+    }
+  };
+  const loadTransferRecords = async (type) => {
+    setRecordTab(type);
+    setRecordsOpen(true);
+    const result = await getDataManagementTransferRecords(request, {
+      appType,
+      formUuid,
+      type,
+      currentPage: 1,
+      pageSize: 10
+    });
+    setTransferRecords(result.records);
+  };
+  const handleImportPreview = async (file) => {
+    const base64 = await fileToBase64(file);
+    setImportBase64(base64);
+    const result = await importPreviewDataManagementRows(request, {
+      appType,
+      formUuid,
+      fileBase64: base64
+    });
+    const records = result?.data || result?.records || result?.list || result || [];
+    setImportPreview(Array.isArray(records) ? records : []);
+    return false;
+  };
+  const handleImportConfirm = async () => {
+    if (!importBase64) return;
+    await importDataManagementRows(request, { appType, formUuid, fileBase64: importBase64 });
+    message.success("\u5BFC\u5165\u4EFB\u52A1\u5DF2\u521B\u5EFA");
+    setImportOpen(false);
+    setImportPreview([]);
+    setImportBase64("");
+    await loadData({ current: 1, pageSize });
+  };
+  const columns = useMemo18(() => {
+    const baseColumns = visibleFields.map((field) => ({
+      title: field.label,
+      dataIndex: field.fieldId,
+      key: field.fieldId,
+      width: widths[field.fieldId] || field.width || 160,
+      fixed: lockFieldIds.includes(field.fieldId) ? "left" : void 0,
+      ellipsis: true,
+      sorter: true,
+      render: (value) => renderCellValue(value, field)
+    })) || [];
+    return [
+      ...baseColumns,
+      {
+        title: "\u64CD\u4F5C",
+        key: "__actions",
+        width: 148,
+        fixed: "right",
+        render: (_, record) => /* @__PURE__ */ jsxs41(Space9, { size: 4, children: [
+          /* @__PURE__ */ jsx89(Button15, { type: "link", size: "small", onClick: () => handleDetail(record), children: "\u8BE6\u60C5" }),
+          /* @__PURE__ */ jsx89(
+            Dropdown3,
+            {
+              trigger: ["click"],
+              menu: {
+                items: [
+                  ...rowActions.map((action) => ({
+                    key: action.key,
+                    label: action.label,
+                    danger: action.danger,
+                    onClick: () => action.onClick(record)
+                  })),
+                  {
+                    key: "workflow",
+                    label: "\u6D41\u7A0B\u65E5\u5FD7",
+                    icon: /* @__PURE__ */ jsx89(HistoryOutlined2, {}),
+                    onClick: () => message.info("\u8BF7\u901A\u8FC7 detailRenderer \u63A5\u5165\u6D41\u7A0B\u65E5\u5FD7\u6216\u6D41\u7A0B\u56FE\u5165\u53E3")
+                  },
+                  ...!readonly ? [
+                    {
+                      key: "delete",
+                      label: "\u5220\u9664",
+                      danger: true,
+                      icon: /* @__PURE__ */ jsx89(DeleteOutlined, {}),
+                      onClick: () => Modal10.confirm({
+                        title: "\u786E\u8BA4\u5220\u9664",
+                        content: "\u5220\u9664\u540E\u4E0D\u53EF\u6062\u590D\uFF0C\u786E\u8BA4\u7EE7\u7EED\u5417\uFF1F",
+                        onOk: () => handleDelete([String(getRecordId(record))])
+                      })
+                    }
+                  ] : []
+                ]
+              },
+              children: /* @__PURE__ */ jsx89(Button15, { type: "text", size: "small", icon: /* @__PURE__ */ jsx89(MoreOutlined3, {}) })
+            }
+          )
+        ] })
+      }
+    ];
+  }, [handleDelete, handleDetail, lockFieldIds, readonly, rowActions, visibleFields, widths]);
+  const tableSize = density === "compact" ? "small" : density === "loose" ? "large" : "middle";
+  const importPreviewColumns = useMemo18(() => {
+    const keys = Array.from(
+      new Set(importPreview.flatMap((record) => Object.keys(record || {})))
+    ).slice(0, 16);
+    return keys.map((key) => {
+      const field = fields.find((item) => item.fieldId === key || item.id === key);
+      return {
+        title: field?.label || key,
+        dataIndex: key,
+        key,
+        width: 150,
+        ellipsis: true,
+        render: (value) => field ? renderCellValue(value, field) : formatPrimitive(value)
+      };
+    });
+  }, [fields, importPreview]);
+  return /* @__PURE__ */ jsxs41("div", { className: `${fullHeight ? "h-full min-h-screen" : ""} bg-ant-bg-layout`, children: [
+    /* @__PURE__ */ jsxs41("div", { className: "mx-auto flex h-full max-w-[1440px] flex-col px-4 py-4 md:px-6", children: [
+      /* @__PURE__ */ jsxs41("div", { className: "mb-4 flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+        /* @__PURE__ */ jsxs41("div", { children: [
+          /* @__PURE__ */ jsx89("h1", { className: "text-xl font-semibold text-ant-color-text", children: title || "\u6570\u636E\u7BA1\u7406" }),
+          /* @__PURE__ */ jsxs41("p", { className: "mt-1 text-sm text-ant-color-text-secondary", children: [
+            "\u5171 ",
+            total,
+            " \u6761\u6570\u636E\uFF0C\u5DF2\u9009\u62E9 ",
+            selectedRowKeys.length,
+            " \u6761"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs41(Space9, { wrap: true, children: [
+          !readonly && submitRenderer && /* @__PURE__ */ jsx89(Button15, { icon: /* @__PURE__ */ jsx89(PlusOutlined, {}), type: "primary", onClick: () => setSubmitOpen(true), children: "\u65B0\u589E" }),
+          /* @__PURE__ */ jsx89(
+            Input12.Search,
+            {
+              allowClear: true,
+              className: "w-[260px]",
+              placeholder: "\u641C\u7D22\u5173\u952E\u5B57",
+              value: searchKeyWord,
+              onChange: (event) => setSearchKeyWord(event.target.value),
+              onSearch: (value) => {
+                const nextSearchKeyWord = String(value || "");
+                setSearchKeyWord(nextSearchKeyWord);
+                persistConfig({ filter: { searchKeyWord: nextSearchKeyWord, group: filterGroup } });
+                loadData({
+                  current: 1,
+                  pageSize,
+                  searchKeyWord: nextSearchKeyWord,
+                  filterGroup
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx89(Button15, { icon: /* @__PURE__ */ jsx89(FilterOutlined, {}), onClick: () => setFilterOpen(true), children: "\u7B5B\u9009" }),
+          /* @__PURE__ */ jsx89(Button15, { icon: /* @__PURE__ */ jsx89(SettingOutlined, {}), onClick: () => setColumnOpen(true), children: "\u5217\u8BBE\u7F6E" }),
+          /* @__PURE__ */ jsx89(
+            Dropdown3,
+            {
+              menu: {
+                items: [
+                  {
+                    key: "selected",
+                    label: "\u5BFC\u51FA\u9009\u4E2D",
+                    disabled: selectedRowKeys.length === 0,
+                    onClick: () => {
+                      setExportScope("selected");
+                      setExportFields(showFields);
+                      setExportOpen(true);
+                    }
+                  },
+                  {
+                    key: "all",
+                    label: "\u5BFC\u51FA\u5168\u90E8",
+                    onClick: () => {
+                      setExportScope("all");
+                      setExportFields(showFields);
+                      setExportOpen(true);
+                    }
+                  },
+                  {
+                    key: "records",
+                    label: "\u5BFC\u51FA\u8BB0\u5F55",
+                    onClick: () => loadTransferRecords("export")
+                  }
+                ]
+              },
+              children: /* @__PURE__ */ jsx89(Button15, { icon: /* @__PURE__ */ jsx89(DownloadOutlined, {}), children: "\u5BFC\u51FA" })
+            }
+          ),
+          !readonly && /* @__PURE__ */ jsx89(
+            Dropdown3,
+            {
+              menu: {
+                items: [
+                  { key: "import", label: "\u5BFC\u5165\u6570\u636E", onClick: () => setImportOpen(true) },
+                  {
+                    key: "records",
+                    label: "\u5BFC\u5165\u8BB0\u5F55",
+                    onClick: () => loadTransferRecords("import")
+                  }
+                ]
+              },
+              children: /* @__PURE__ */ jsx89(Button15, { icon: /* @__PURE__ */ jsx89(ImportOutlined, {}), children: "\u5BFC\u5165" })
+            }
+          ),
+          /* @__PURE__ */ jsx89(Button15, { icon: /* @__PURE__ */ jsx89(ReloadOutlined3, {}), onClick: () => loadData({ current, pageSize }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs41("div", { className: "relative flex-1 overflow-hidden rounded-lg border border-ant-border-secondary bg-ant-bg-container", children: [
+        /* @__PURE__ */ jsx89(
+          Table3,
+          {
+            rowKey: (record) => String(getRecordId(record)),
+            loading: loading || schemaLoading,
+            columns,
+            dataSource,
+            size: tableSize,
+            scroll: {
+              x: Math.max(900, visibleFields.length * 160),
+              y: fullHeight ? "calc(100vh - 260px)" : void 0
+            },
+            rowSelection: {
+              selectedRowKeys,
+              onChange: setSelectedRowKeys
+            },
+            pagination: {
+              current,
+              pageSize,
+              total,
+              showSizeChanger: true,
+              showTotal: (count) => `\u5171 ${count} \u6761`
+            },
+            onChange: (pagination, _filters, sorter) => {
+              const sorters = Array.isArray(sorter) ? sorter : [sorter];
+              const nextSort = sorters.filter((item) => item?.field && item?.order).map((item) => ({
+                id: String(item.field),
+                isAsc: item.order === "ascend" ? "y" : "n"
+              }));
+              setSort(nextSort);
+              persistConfig({ sort: nextSort });
+              loadData({
+                current: pagination.current || 1,
+                pageSize: pagination.pageSize || pageSize,
+                sort: nextSort
+              });
+            }
+          }
+        ),
+        selectedRowKeys.length > 0 && /* @__PURE__ */ jsxs41("div", { className: "absolute bottom-4 left-1/2 z-10 flex -translate-x-1/2 items-center gap-3 rounded-lg border border-ant-border-secondary bg-ant-bg-elevated px-4 py-3 shadow-lg", children: [
+          /* @__PURE__ */ jsxs41("span", { className: "text-sm text-ant-color-text-secondary", children: [
+            "\u5DF2\u9009 ",
+            selectedRowKeys.length,
+            " \u6761"
+          ] }),
+          !readonly && /* @__PURE__ */ jsx89(Button15, { icon: /* @__PURE__ */ jsx89(SwapOutlined2, {}), onClick: handleBatchApprove, children: "\u6279\u91CF\u5BA1\u6279" }),
+          !readonly && /* @__PURE__ */ jsx89(
+            Button15,
+            {
+              danger: true,
+              icon: /* @__PURE__ */ jsx89(DeleteOutlined, {}),
+              onClick: () => Modal10.confirm({
+                title: "\u786E\u8BA4\u6279\u91CF\u5220\u9664",
+                content: `\u5C06\u5220\u9664 ${selectedRowKeys.length} \u6761\u6570\u636E\uFF0C\u786E\u8BA4\u7EE7\u7EED\u5417\uFF1F`,
+                onOk: () => handleDelete(selectedRowKeys.map(String))
+              }),
+              children: "\u6279\u91CF\u5220\u9664"
+            }
+          ),
+          /* @__PURE__ */ jsx89(Button15, { type: "link", onClick: () => setSelectedRowKeys([]), children: "\u53D6\u6D88\u9009\u62E9" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx89(
+      Modal10,
+      {
+        title: "\u9AD8\u7EA7\u7B5B\u9009",
+        open: filterOpen,
+        width: 760,
+        onCancel: () => setFilterOpen(false),
+        onOk: () => {
+          setFilterOpen(false);
+          persistConfig({ filter: { searchKeyWord, group: filterGroup } });
+          loadData({ current: 1, pageSize, searchKeyWord, filterGroup });
+        },
+        okText: "\u5E94\u7528\u7B5B\u9009",
+        children: /* @__PURE__ */ jsx89(FilterGroupEditor, { group: filterGroup, fields, onChange: setFilterGroup })
+      }
+    ),
+    /* @__PURE__ */ jsx89(
+      Modal10,
+      {
+        title: "\u5217\u8BBE\u7F6E",
+        open: columnOpen,
+        width: 720,
+        onCancel: () => setColumnOpen(false),
+        onOk: handleColumnCommit,
+        children: /* @__PURE__ */ jsxs41("div", { className: "space-y-5", children: [
+          /* @__PURE__ */ jsxs41("div", { children: [
+            /* @__PURE__ */ jsx89("div", { className: "mb-2 text-sm font-medium text-ant-color-text", children: "\u663E\u793A\u5217" }),
+            /* @__PURE__ */ jsx89(
+              Checkbox5.Group,
+              {
+                className: "grid grid-cols-2 gap-2 md:grid-cols-3",
+                value: showFields,
+                options: fields.map((field) => ({ label: field.label, value: field.fieldId })),
+                onChange: (values) => setShowFields(values.map(String))
+              }
+            )
           ] }),
-          /* @__PURE__ */ jsxs35("div", { className: `flex-1 ${isLast ? "pb-0" : "pb-5"}`, children: [
-            /* @__PURE__ */ jsx83("div", { className: "text-sm font-medium text-gray-900", children: route.nodeName }),
-            route.assignees && route.assignees.length > 0 && /* @__PURE__ */ jsxs35("div", { className: "mt-1 flex items-center gap-1.5 flex-wrap", children: [
-              /* @__PURE__ */ jsx83(UserOutlined2, { className: "text-gray-400 text-xs" }),
-              route.assignees.map((assignee) => /* @__PURE__ */ jsx83(
-                "span",
+          /* @__PURE__ */ jsxs41("div", { children: [
+            /* @__PURE__ */ jsx89("div", { className: "mb-2 text-sm font-medium text-ant-color-text", children: "\u51BB\u7ED3\u5217" }),
+            /* @__PURE__ */ jsx89(
+              Select6,
+              {
+                mode: "multiple",
+                className: "w-full",
+                value: lockFieldIds,
+                options: showFields.map((fieldId) => {
+                  const field = fields.find((item) => item.fieldId === fieldId);
+                  return { label: field?.label || fieldId, value: fieldId };
+                }),
+                onChange: setLockFieldIds
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs41("div", { className: "grid gap-4 md:grid-cols-3", children: [
+            /* @__PURE__ */ jsxs41("div", { children: [
+              /* @__PURE__ */ jsx89("div", { className: "mb-2 text-sm font-medium text-ant-color-text", children: "\u8868\u683C\u5BC6\u5EA6" }),
+              /* @__PURE__ */ jsx89(
+                Segmented,
                 {
-                  className: "text-xs text-gray-500 bg-gray-100 px-1.5 py-0.5 rounded",
-                  children: assignee.name
-                },
-                assignee.id
-              ))
+                  block: true,
+                  value: density,
+                  options: [
+                    { label: "\u7D27\u51D1", value: "compact" },
+                    { label: "\u6807\u51C6", value: "middle" },
+                    { label: "\u5BBD\u677E", value: "loose" }
+                  ],
+                  onChange: (value) => setDensity(value)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs41("div", { children: [
+              /* @__PURE__ */ jsx89("div", { className: "mb-2 text-sm font-medium text-ant-color-text", children: "\u8BE6\u60C5\u6253\u5F00\u65B9\u5F0F" }),
+              /* @__PURE__ */ jsx89(
+                Segmented,
+                {
+                  block: true,
+                  value: detailOpenMode,
+                  options: [
+                    { label: "\u62BD\u5C49", value: "drawer" },
+                    { label: "\u65B0\u9875", value: "newPage" }
+                  ],
+                  onChange: (value) => setDetailOpenMode(value)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs41("div", { children: [
+              /* @__PURE__ */ jsx89("div", { className: "mb-2 text-sm font-medium text-ant-color-text", children: "\u9875\u5927\u5C0F" }),
+              /* @__PURE__ */ jsx89(
+                Select6,
+                {
+                  className: "w-full",
+                  value: pageSize,
+                  options: [10, 20, 50, 100].map((value) => ({ label: `${value} \u6761`, value })),
+                  onChange: setPageSize
+                }
+              )
             ] })
           ] })
-        ] }, route.nodeId);
-      }) })
-    }
-  );
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx89(
+      Modal10,
+      {
+        title: exportScope === "selected" ? "\u5BFC\u51FA\u9009\u4E2D\u6570\u636E" : "\u5BFC\u51FA\u5168\u90E8\u6570\u636E",
+        open: exportOpen,
+        onCancel: () => setExportOpen(false),
+        footer: /* @__PURE__ */ jsxs41(Space9, { children: [
+          /* @__PURE__ */ jsx89(Button15, { onClick: () => setExportOpen(false), children: "\u53D6\u6D88" }),
+          /* @__PURE__ */ jsx89(
+            Button15,
+            {
+              type: "primary",
+              loading: exporting,
+              disabled: exportScope === "selected" && selectedRowKeys.length === 0,
+              onClick: () => handleExport(exportScope),
+              children: exportScope === "selected" ? `\u5BFC\u51FA\u9009\u4E2D (${selectedRowKeys.length})` : "\u5BFC\u51FA\u5168\u90E8"
+            }
+          )
+        ] }),
+        children: /* @__PURE__ */ jsx89(
+          Checkbox5.Group,
+          {
+            className: "grid grid-cols-2 gap-2",
+            value: exportFields,
+            options: fields.map((field) => ({ label: field.label, value: field.fieldId })),
+            onChange: (values) => setExportFields(values.map(String))
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx89(
+      Modal10,
+      {
+        title: "\u6279\u91CF\u5BA1\u6279",
+        open: batchApprovalOpen,
+        onCancel: () => setBatchApprovalOpen(false),
+        onOk: handleBatchApprovalConfirm,
+        okText: batchApprovalAction === "approved" ? "\u786E\u8BA4\u901A\u8FC7" : "\u786E\u8BA4\u62D2\u7EDD",
+        confirmLoading: batchApproving,
+        children: /* @__PURE__ */ jsxs41("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs41("div", { className: "text-sm text-ant-color-text-secondary", children: [
+            "\u5DF2\u9009\u62E9 ",
+            selectedRowKeys.length,
+            " \u6761\u8BB0\u5F55"
+          ] }),
+          /* @__PURE__ */ jsx89(
+            Segmented,
+            {
+              block: true,
+              value: batchApprovalAction,
+              options: [
+                { label: "\u540C\u610F", value: "approved" },
+                { label: "\u62D2\u7EDD", value: "rejected" }
+              ],
+              onChange: (value) => setBatchApprovalAction(value)
+            }
+          ),
+          /* @__PURE__ */ jsx89(
+            Input12.TextArea,
+            {
+              value: batchApprovalComments,
+              rows: 4,
+              maxLength: 500,
+              showCount: true,
+              placeholder: "\u586B\u5199\u5BA1\u6279\u610F\u89C1",
+              onChange: (event) => setBatchApprovalComments(event.target.value)
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs41(
+      Modal10,
+      {
+        title: "\u5BFC\u5165\u6570\u636E",
+        open: importOpen,
+        width: 720,
+        onCancel: () => setImportOpen(false),
+        onOk: handleImportConfirm,
+        okButtonProps: { disabled: !importBase64 },
+        okText: "\u786E\u8BA4\u5BFC\u5165",
+        children: [
+          /* @__PURE__ */ jsx89(
+            Upload3.Dragger,
+            {
+              accept: ".xlsx,.xls",
+              maxCount: 1,
+              beforeUpload: handleImportPreview,
+              onRemove: () => {
+                setImportBase64("");
+                setImportPreview([]);
+              },
+              children: /* @__PURE__ */ jsx89("p", { className: "text-ant-color-text-secondary", children: "\u62D6\u62FD Excel \u6587\u4EF6\u5230\u6B64\u5904\uFF0C\u6216\u70B9\u51FB\u9009\u62E9\u6587\u4EF6" })
+            }
+          ),
+          importPreview.length > 0 && /* @__PURE__ */ jsxs41("div", { className: "mt-4", children: [
+            /* @__PURE__ */ jsx89("div", { className: "mb-2 text-sm font-medium text-ant-color-text", children: "\u5BFC\u5165\u9884\u89C8" }),
+            /* @__PURE__ */ jsx89(
+              Table3,
+              {
+                size: "small",
+                dataSource: importPreview,
+                columns: importPreviewColumns,
+                scroll: { x: Math.max(600, (importPreviewColumns?.length || 0) * 150) },
+                pagination: false,
+                rowKey: (_, index) => String(index)
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs41(
+      Drawer2,
+      {
+        title: recordTab === "import" ? "\u5BFC\u5165\u8BB0\u5F55" : "\u5BFC\u51FA\u8BB0\u5F55",
+        open: recordsOpen,
+        width: 720,
+        onClose: () => setRecordsOpen(false),
+        children: [
+          /* @__PURE__ */ jsx89(
+            Segmented,
+            {
+              value: recordTab,
+              options: [
+                { label: "\u5BFC\u5165\u8BB0\u5F55", value: "import" },
+                { label: "\u5BFC\u51FA\u8BB0\u5F55", value: "export" }
+              ],
+              onChange: (value) => loadTransferRecords(value)
+            }
+          ),
+          /* @__PURE__ */ jsx89(
+            Table3,
+            {
+              className: "mt-4",
+              size: "small",
+              dataSource: transferRecords,
+              rowKey: (record) => record.id || record.recordId
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx89(
+      Drawer2,
+      {
+        title: "\u8BE6\u60C5",
+        open: detailOpen,
+        width: 720,
+        onClose: () => setDetailOpen(false),
+        destroyOnClose: true,
+        children: activeRecord && detailRenderer ? detailRenderer({
+          record: activeRecord,
+          formInstanceId: String(getRecordId(activeRecord)),
+          onClose: () => setDetailOpen(false)
+        }) : /* @__PURE__ */ jsx89(Empty5, { description: "\u8BF7\u901A\u8FC7 detailRenderer \u63A5\u5165\u8BE6\u60C5\u6A21\u677F" })
+      }
+    ),
+    /* @__PURE__ */ jsx89(
+      Drawer2,
+      {
+        title: "\u65B0\u589E\u6570\u636E",
+        open: submitOpen,
+        width: 720,
+        onClose: () => setSubmitOpen(false),
+        destroyOnClose: true,
+        children: submitRenderer ? submitRenderer({
+          onClose: () => setSubmitOpen(false),
+          onSubmitted: () => {
+            setSubmitOpen(false);
+            loadData({ current: 1, pageSize });
+          }
+        }) : /* @__PURE__ */ jsx89(Empty5, { description: "\u8BF7\u901A\u8FC7 submitRenderer \u63A5\u5165\u63D0\u4EA4\u6A21\u677F" })
+      }
+    )
+  ] });
 };
 
 // src/templates/FormSubmitTemplate.tsx
-import { useState as useState33, useCallback as useCallback17 } from "react";
-import { Button as Button13 } from "antd";
-import { CheckCircleFilled } from "@ant-design/icons";
-import { Fragment as Fragment5, jsx as jsx84, jsxs as jsxs36 } from "react/jsx-runtime";
+import { useState as useState36, useCallback as useCallback18 } from "react";
+import { Button as Button16, Select as Select7 } from "antd";
+import { CheckCircleFilled as CheckCircleFilled2 } from "@ant-design/icons";
+import { Fragment as Fragment7, jsx as jsx90, jsxs as jsxs42 } from "react/jsx-runtime";
 var pickFormInstanceId = (value) => {
   if (!value) return void 0;
   if (typeof value === "string") return value;
@@ -8637,22 +10827,22 @@ var SubmitSuccessCard = ({
   renderSuccess
 }) => {
   if (renderSuccess) {
-    return /* @__PURE__ */ jsx84(Fragment5, { children: renderSuccess(info) });
+    return /* @__PURE__ */ jsx90(Fragment7, { children: renderSuccess(info) });
   }
-  return /* @__PURE__ */ jsx84("div", { className: "bg-white rounded-xl shadow-sm border border-gray-100 p-6", children: /* @__PURE__ */ jsxs36("div", { className: "flex flex-col items-center py-16 animate-[fadeIn_0.3s_ease-out,scaleIn_0.3s_ease-out]", children: [
-    /* @__PURE__ */ jsx84("div", { className: "w-12 h-12 rounded-full bg-green-100 flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx84(CheckCircleFilled, { className: "text-2xl text-green-500" }) }),
-    /* @__PURE__ */ jsx84("h2", { className: "text-lg font-semibold text-gray-900 mb-1", children: "\u63D0\u4EA4\u6210\u529F" }),
-    /* @__PURE__ */ jsx84("p", { className: "text-sm text-gray-500 mb-6", children: info.message || "\u5DF2\u6210\u529F\u521B\u5EFA\u4E00\u6761\u65B0\u8BB0\u5F55" }),
-    /* @__PURE__ */ jsxs36("div", { className: "flex gap-3", children: [
-      (mode === "stay" || mode === "redirect") && /* @__PURE__ */ jsx84(Button13, { onClick: onContinue, children: "\u7EE7\u7EED\u63D0\u4EA4" }),
-      /* @__PURE__ */ jsx84(Button13, { type: "primary", onClick: onViewDetail, children: "\u67E5\u770B\u8BE6\u60C5" })
+  return /* @__PURE__ */ jsx90("div", { className: "bg-white rounded-xl shadow-sm border border-gray-100 p-6", children: /* @__PURE__ */ jsxs42("div", { className: "flex flex-col items-center py-16 animate-[fadeIn_0.3s_ease-out,scaleIn_0.3s_ease-out]", children: [
+    /* @__PURE__ */ jsx90("div", { className: "w-12 h-12 rounded-full bg-green-100 flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx90(CheckCircleFilled2, { className: "text-2xl text-green-500" }) }),
+    /* @__PURE__ */ jsx90("h2", { className: "text-lg font-semibold text-gray-900 mb-1", children: "\u63D0\u4EA4\u6210\u529F" }),
+    /* @__PURE__ */ jsx90("p", { className: "text-sm text-gray-500 mb-6", children: info.message || "\u5DF2\u6210\u529F\u521B\u5EFA\u4E00\u6761\u65B0\u8BB0\u5F55" }),
+    /* @__PURE__ */ jsxs42("div", { className: "flex gap-3", children: [
+      (mode === "stay" || mode === "redirect") && /* @__PURE__ */ jsx90(Button16, { onClick: onContinue, children: "\u7EE7\u7EED\u63D0\u4EA4" }),
+      /* @__PURE__ */ jsx90(Button16, { type: "primary", onClick: onViewDetail, children: "\u67E5\u770B\u8BE6\u60C5" })
     ] }),
-    isRedirecting && /* @__PURE__ */ jsxs36("div", { className: "mt-6 w-48", children: [
-      /* @__PURE__ */ jsxs36("div", { className: "text-xs text-gray-400 text-center mb-1", children: [
+    isRedirecting && /* @__PURE__ */ jsxs42("div", { className: "mt-6 w-48", children: [
+      /* @__PURE__ */ jsxs42("div", { className: "text-xs text-gray-400 text-center mb-1", children: [
         countdown,
         "\u79D2\u540E\u81EA\u52A8\u8DF3\u8F6C"
       ] }),
-      /* @__PURE__ */ jsx84("div", { className: "h-1 bg-gray-200 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx84(
+      /* @__PURE__ */ jsx90("div", { className: "h-1 bg-gray-200 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx90(
         "div",
         {
           className: "h-full bg-blue-500 transition-all duration-1000",
@@ -8668,18 +10858,28 @@ var InnerFormContent = ({
   formType,
   submitSuccessMode,
   enableDraft,
+  enableProcessPreview,
+  enableSubmissionDepartmentSelect,
+  departmentOptions,
   header,
   footer,
   beforeForm,
   afterForm,
+  renderDepartmentSelector,
   renderForm,
   renderSuccess,
-  onSubmitSuccess
+  onSubmitSuccess,
+  inDrawer = false
 }) => {
-  const { validateAll, getFormData: getFormData2, resetForm, api } = useFormContext();
-  const [submitted, setSubmitted] = useState33(false);
-  const [successInfo, setSuccessInfo] = useState33(null);
-  const [submitting, setSubmitting] = useState33(false);
+  const { validateAll, getFormData: getFormData2, setFieldValue, resetForm, api } = useFormContext();
+  const [submitted, setSubmitted] = useState36(false);
+  const [successInfo, setSuccessInfo] = useState36(null);
+  const [submitting, setSubmitting] = useState36(false);
+  const [departmentId, setDepartmentId] = useState36();
+  const [previewOpen, setPreviewOpen] = useState36(false);
+  const [previewLoading, setPreviewLoading] = useState36(false);
+  const [previewRoutes, setPreviewRoutes] = useState36([]);
+  const [pendingFormData, setPendingFormData] = useState36(null);
   const { hasDraft, draftTimestamp, saveDraft, restoreDraft, clearDraft } = useDraftStorage({
     appType: config.appType,
     formUuid: config.formUuid
@@ -8691,79 +10891,123 @@ var InnerFormContent = ({
     mode: submitSuccessMode === "continue" ? "stay" : submitSuccessMode,
     basePath: config.navigation?.basePath
   });
-  const handleSubmit = useCallback17(async () => {
+  const performSubmit = useCallback18(
+    async (formData) => {
+      setSubmitting(true);
+      try {
+        const submitResponse = config.mode === "edit" && config.formInstanceId ? await api.updateFormData({
+          appType: config.appType,
+          formUuid: config.formUuid,
+          formInstId: config.formInstanceId,
+          formInstanceId: config.formInstanceId,
+          updateFormDataJson: JSON.stringify(formData)
+        }) : await api.submitFormData({
+          appType: config.appType,
+          formUuid: config.formUuid,
+          data: formData,
+          submissionDepartmentId: departmentId
+        });
+        const formInstId = pickFormInstanceId(submitResponse) || config.formInstanceId || `inst_${Date.now()}`;
+        if (config.submit?.afterSubmit) {
+          await config.submit.afterSubmit({
+            formInstanceId: formInstId,
+            data: formData,
+            response: submitResponse
+          });
+        }
+        if (enableDraft) {
+          clearDraft();
+        }
+        onSubmitSuccess?.(formInstId);
+        if (submitSuccessMode === "continue") {
+          resetForm();
+        } else {
+          setSuccessInfo({ formInstanceId: formInstId });
+          setSubmitted(true);
+          handlePostSubmit(formInstId);
+        }
+      } catch (error) {
+        console.error("[FormSubmitTemplate] Submit failed:", error);
+      } finally {
+        setSubmitting(false);
+      }
+    },
+    [
+      api,
+      clearDraft,
+      config,
+      departmentId,
+      enableDraft,
+      handlePostSubmit,
+      onSubmitSuccess,
+      resetForm,
+      submitSuccessMode
+    ]
+  );
+  const prepareSubmit = useCallback18(async () => {
     const valid = await validateAll();
     if (!valid) return;
-    setSubmitting(true);
-    try {
-      const formData = getFormData2();
-      if (config.submit?.beforeSubmit) {
-        const shouldContinue = await config.submit.beforeSubmit(formData);
-        if (shouldContinue === false) {
-          setSubmitting(false);
-          return;
-        }
+    const formData = getFormData2();
+    if (config.submit?.beforeSubmit) {
+      const shouldContinue = await config.submit.beforeSubmit(formData);
+      if (shouldContinue === false) {
+        return;
       }
-      const submitResponse = config.mode === "edit" && config.formInstanceId ? await api.updateFormData({
-        appType: config.appType,
-        formUuid: config.formUuid,
-        formInstId: config.formInstanceId,
-        formInstanceId: config.formInstanceId,
-        updateFormDataJson: JSON.stringify(formData)
-      }) : await api.submitFormData({
-        appType: config.appType,
-        formUuid: config.formUuid,
-        data: formData
-      });
-      const formInstId = pickFormInstanceId(submitResponse) || config.formInstanceId || `inst_${Date.now()}`;
-      if (config.submit?.afterSubmit) {
-        await config.submit.afterSubmit({
-          formInstanceId: formInstId,
+    }
+    if (formType === "process" && enableProcessPreview) {
+      setPendingFormData(formData);
+      setPreviewOpen(true);
+      setPreviewLoading(true);
+      try {
+        const routes = await previewProcess(api.request, {
+          appType: config.appType,
+          formUuid: config.formUuid,
           data: formData,
-          response: submitResponse
+          submissionDepartmentId: departmentId
         });
+        setPreviewRoutes(routes);
+      } catch (error) {
+        console.error("[FormSubmitTemplate] Preview failed:", error);
+        setPreviewRoutes([]);
+      } finally {
+        setPreviewLoading(false);
       }
-      if (enableDraft) {
-        clearDraft();
-      }
-      onSubmitSuccess?.(formInstId);
-      if (submitSuccessMode === "continue") {
-        resetForm();
-      } else {
-        setSuccessInfo({ formInstanceId: formInstId });
-        setSubmitted(true);
-        handlePostSubmit(formInstId);
-      }
-    } catch (error) {
-      console.error("[FormSubmitTemplate] Submit failed:", error);
-    } finally {
-      setSubmitting(false);
+      return;
     }
+    await performSubmit(formData);
   }, [
     validateAll,
     getFormData2,
     config,
     api,
-    enableDraft,
-    clearDraft,
-    onSubmitSuccess,
-    submitSuccessMode,
-    resetForm,
-    handlePostSubmit
+    formType,
+    enableProcessPreview,
+    departmentId,
+    performSubmit
   ]);
-  const handleSaveDraft = useCallback17(() => {
+  const handlePreviewConfirm = useCallback18(async () => {
+    const data = pendingFormData ?? getFormData2();
+    setPreviewOpen(false);
+    setPendingFormData(null);
+    await performSubmit(data);
+  }, [getFormData2, pendingFormData, performSubmit]);
+  const handleSaveDraft = useCallback18(() => {
     const data = getFormData2();
     saveDraft(data);
   }, [getFormData2, saveDraft]);
-  const handleRestoreDraft = useCallback17(() => {
-    restoreDraft();
-  }, [restoreDraft]);
-  const handleContinue = useCallback17(() => {
+  const handleRestoreDraft = useCallback18(() => {
+    const data = restoreDraft();
+    if (!data) return;
+    Object.entries(data).forEach(([fieldId, value]) => {
+      setFieldValue(fieldId, value);
+    });
+  }, [restoreDraft, setFieldValue]);
+  const handleContinue = useCallback18(() => {
     setSubmitted(false);
     setSuccessInfo(null);
     resetForm();
   }, [resetForm]);
-  const handleViewDetail = useCallback17(() => {
+  const handleViewDetail = useCallback18(() => {
     if (!successInfo) return;
     if (formType === "process") {
       navigateToProcessDetail(successInfo.formInstanceId);
@@ -8791,15 +11035,38 @@ var InnerFormContent = ({
     label: "\u63D0\u4EA4",
     type: "primary",
     loading: submitting,
-    onClick: handleSubmit
+    onClick: prepareSubmit
   });
-  return /* @__PURE__ */ jsxs36("div", { className: "min-h-screen bg-gray-50/50", children: [
-    /* @__PURE__ */ jsxs36("div", { className: "max-w-4xl mx-auto py-8 px-6 pb-24", children: [
-      header || /* @__PURE__ */ jsxs36("div", { className: "mb-6", children: [
-        /* @__PURE__ */ jsx84("h1", { className: "text-2xl font-bold text-gray-900", children: schema.formMeta.title }),
-        /* @__PURE__ */ jsx84("p", { className: "text-sm text-gray-500 mt-1", children: "\u8BF7\u586B\u5199\u4EE5\u4E0B\u4FE1\u606F" })
-      ] }),
-      enableDraft && hasDraft && !submitted && /* @__PURE__ */ jsx84("div", { className: "mb-6", children: /* @__PURE__ */ jsx84(
+  const departmentSelector = formType === "process" && enableSubmissionDepartmentSelect ? /* @__PURE__ */ jsxs42("div", { className: "mb-5 rounded-lg border border-ant-border-secondary bg-ant-bg-elevated px-4 py-3", children: [
+    /* @__PURE__ */ jsx90("div", { className: "mb-2 text-sm font-medium text-ant-color-text", children: "\u63D0\u4EA4\u90E8\u95E8" }),
+    renderDepartmentSelector ? renderDepartmentSelector({
+      value: departmentId,
+      onChange: setDepartmentId,
+      options: departmentOptions
+    }) : /* @__PURE__ */ jsx90(
+      Select7,
+      {
+        allowClear: true,
+        className: "w-full",
+        placeholder: "\u8BF7\u9009\u62E9\u672C\u6B21\u63D0\u4EA4\u6D41\u7A0B\u6240\u5C5E\u90E8\u95E8",
+        value: departmentId,
+        options: departmentOptions,
+        onChange: setDepartmentId
+      }
+    )
+  ] }) : null;
+  const actionsNode = !submitted ? /* @__PURE__ */ jsx90(StickyActionBar, { actions, inDrawer }) : null;
+  return /* @__PURE__ */ jsxs42(RuntimePageShell, { actions: actionsNode, inDrawer, children: [
+    /* @__PURE__ */ jsxs42("div", { className: "space-y-6", children: [
+      header || /* @__PURE__ */ jsx90(
+        SummaryPanel,
+        {
+          title: schema.formMeta.title,
+          eyebrow: formType === "process" ? "\u6D41\u7A0B\u53D1\u8D77" : "\u6570\u636E\u63D0\u4EA4",
+          status: formType === "process" ? { label: "\u5F85\u63D0\u4EA4", tone: "brand" } : void 0
+        }
+      ),
+      enableDraft && hasDraft && !submitted && /* @__PURE__ */ jsx90("div", { children: /* @__PURE__ */ jsx90(
         DraftManager,
         {
           hasDraft,
@@ -8808,11 +11075,12 @@ var InnerFormContent = ({
           onDiscard: clearDraft
         }
       ) }),
-      !submitted ? /* @__PURE__ */ jsxs36("div", { className: "bg-white rounded-xl shadow-sm border border-gray-100 p-6 animate-[fadeIn_0.2s_ease-out]", children: [
+      !submitted ? /* @__PURE__ */ jsxs42("div", { className: "rounded-lg border border-ant-border-secondary bg-ant-bg-container p-5 md:p-6", children: [
+        departmentSelector,
         beforeForm,
-        renderForm ? renderForm({ schema, config }) : /* @__PURE__ */ jsx84(FormRenderer, { columns: 2 }),
+        renderForm ? renderForm({ schema, config }) : /* @__PURE__ */ jsx90(FormRenderer, { columns: 2 }),
         afterForm
-      ] }) : successInfo && /* @__PURE__ */ jsx84(
+      ] }) : successInfo && /* @__PURE__ */ jsx90(
         SubmitSuccessCard,
         {
           info: successInfo,
@@ -8826,7 +11094,16 @@ var InnerFormContent = ({
       ),
       footer
     ] }),
-    !submitted && /* @__PURE__ */ jsx84(FormActionBar, { actions, position: "bottom-fixed" })
+    /* @__PURE__ */ jsx90(
+      ProcessPreview,
+      {
+        open: previewOpen,
+        routes: previewRoutes,
+        loading: previewLoading,
+        onClose: () => setPreviewOpen(false),
+        onConfirm: handlePreviewConfirm
+      }
+    )
   ] });
 };
 var FormSubmitTemplate = ({
@@ -8835,15 +11112,20 @@ var FormSubmitTemplate = ({
   formType = "form",
   submitSuccessMode = "redirect",
   enableDraft = false,
+  enableProcessPreview = false,
+  enableSubmissionDepartmentSelect = false,
+  departmentOptions = [],
   header,
   footer,
   beforeForm,
   afterForm,
+  renderDepartmentSelector,
   renderForm,
   renderSuccess,
-  onSubmitSuccess
+  onSubmitSuccess,
+  inDrawer = false
 }) => {
-  return /* @__PURE__ */ jsx84(FormProvider, { schema, config, children: /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsx90(FormProvider, { schema, config, children: /* @__PURE__ */ jsx90(
     InnerFormContent,
     {
       schema,
@@ -8851,83 +11133,95 @@ var FormSubmitTemplate = ({
       formType,
       submitSuccessMode,
       enableDraft,
+      enableProcessPreview,
+      enableSubmissionDepartmentSelect,
+      departmentOptions,
       header,
       footer,
       beforeForm,
       afterForm,
+      renderDepartmentSelector,
       renderForm,
       renderSuccess,
-      onSubmitSuccess
+      onSubmitSuccess,
+      inDrawer
     }
   ) });
 };
 
 // src/templates/FormDetailTemplate.tsx
-import { useCallback as useCallback18, useMemo as useMemo14 } from "react";
+import { useCallback as useCallback19, useMemo as useMemo19, useRef as useRef15, useState as useState37 } from "react";
 
 // src/templates/PageSkeleton.tsx
 import { Skeleton as Skeleton3 } from "antd";
-import { jsx as jsx85, jsxs as jsxs37 } from "react/jsx-runtime";
-var CardSkeleton = ({ children }) => /* @__PURE__ */ jsx85("div", { className: "bg-white rounded-xl shadow-sm border border-gray-100 p-6", children });
-var SummaryCardSkeleton = () => /* @__PURE__ */ jsxs37(CardSkeleton, { children: [
-  /* @__PURE__ */ jsxs37("div", { className: "flex items-start justify-between", children: [
-    /* @__PURE__ */ jsxs37("div", { className: "flex-1", children: [
-      /* @__PURE__ */ jsx85(Skeleton3.Input, { active: true, size: "large", style: { width: 200 } }),
-      /* @__PURE__ */ jsx85("div", { className: "mt-2", children: /* @__PURE__ */ jsx85(Skeleton3.Input, { active: true, size: "small", style: { width: 80 } }) })
+import { jsx as jsx91, jsxs as jsxs43 } from "react/jsx-runtime";
+var CardSkeleton = ({ children }) => /* @__PURE__ */ jsx91("div", { className: "bg-white rounded-xl shadow-sm border border-gray-100 p-6", children });
+var SummaryCardSkeleton = () => /* @__PURE__ */ jsxs43(CardSkeleton, { children: [
+  /* @__PURE__ */ jsxs43("div", { className: "flex items-start justify-between", children: [
+    /* @__PURE__ */ jsxs43("div", { className: "flex-1", children: [
+      /* @__PURE__ */ jsx91(Skeleton3.Input, { active: true, size: "large", style: { width: 200 } }),
+      /* @__PURE__ */ jsx91("div", { className: "mt-2", children: /* @__PURE__ */ jsx91(Skeleton3.Input, { active: true, size: "small", style: { width: 80 } }) })
     ] }),
-    /* @__PURE__ */ jsx85(Skeleton3.Button, { active: true, size: "small", shape: "round", style: { width: 60 } })
+    /* @__PURE__ */ jsx91(Skeleton3.Button, { active: true, size: "small", shape: "round", style: { width: 60 } })
   ] }),
-  /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-3 mt-4", children: [
-    /* @__PURE__ */ jsx85(Skeleton3.Avatar, { active: true, size: "small" }),
-    /* @__PURE__ */ jsx85(Skeleton3.Input, { active: true, size: "small", style: { width: 120 } })
+  /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-3 mt-4", children: [
+    /* @__PURE__ */ jsx91(Skeleton3.Avatar, { active: true, size: "small" }),
+    /* @__PURE__ */ jsx91(Skeleton3.Input, { active: true, size: "small", style: { width: 120 } })
   ] })
 ] });
-var FormGridSkeleton = () => /* @__PURE__ */ jsx85(CardSkeleton, { children: /* @__PURE__ */ jsx85("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs37("div", { className: "space-y-2", children: [
-  /* @__PURE__ */ jsx85(Skeleton3.Input, { active: true, size: "small", style: { width: 80 } }),
-  /* @__PURE__ */ jsx85(Skeleton3.Input, { active: true, block: true, style: { width: "100%" } })
+var FormGridSkeleton = () => /* @__PURE__ */ jsx91(CardSkeleton, { children: /* @__PURE__ */ jsx91("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs43("div", { className: "space-y-2", children: [
+  /* @__PURE__ */ jsx91(Skeleton3.Input, { active: true, size: "small", style: { width: 80 } }),
+  /* @__PURE__ */ jsx91(Skeleton3.Input, { active: true, block: true, style: { width: "100%" } })
 ] }, i)) }) });
-var ActionBarSkeleton = () => /* @__PURE__ */ jsx85("div", { className: "fixed bottom-0 left-0 right-0 backdrop-blur-lg bg-white/80 border-t border-gray-200 px-6 py-3", children: /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-end gap-3", children: [
-  /* @__PURE__ */ jsx85(Skeleton3.Button, { active: true, style: { width: 80 } }),
-  /* @__PURE__ */ jsx85(Skeleton3.Button, { active: true, style: { width: 80 } })
+var ActionBarSkeleton = () => /* @__PURE__ */ jsx91("div", { className: "fixed bottom-0 left-0 right-0 backdrop-blur-lg bg-white/80 border-t border-gray-200 px-6 py-3", children: /* @__PURE__ */ jsxs43("div", { className: "flex items-center justify-end gap-3", children: [
+  /* @__PURE__ */ jsx91(Skeleton3.Button, { active: true, style: { width: 80 } }),
+  /* @__PURE__ */ jsx91(Skeleton3.Button, { active: true, style: { width: 80 } })
 ] }) });
-var TimelineSkeleton = () => /* @__PURE__ */ jsxs37(CardSkeleton, { children: [
-  /* @__PURE__ */ jsx85(Skeleton3.Input, { active: true, size: "default", style: { width: 100, marginBottom: 16 } }),
-  /* @__PURE__ */ jsx85("div", { className: "space-y-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs37("div", { className: "flex gap-4", children: [
-    /* @__PURE__ */ jsxs37("div", { className: "flex flex-col items-center", children: [
-      /* @__PURE__ */ jsx85("div", { className: "w-3 h-3 rounded-full bg-gray-200 animate-pulse" }),
-      i < 2 && /* @__PURE__ */ jsx85("div", { className: "w-0.5 flex-1 bg-gray-200 mt-1" })
+var TimelineSkeleton = () => /* @__PURE__ */ jsxs43(CardSkeleton, { children: [
+  /* @__PURE__ */ jsx91(Skeleton3.Input, { active: true, size: "default", style: { width: 100, marginBottom: 16 } }),
+  /* @__PURE__ */ jsx91("div", { className: "space-y-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs43("div", { className: "flex gap-4", children: [
+    /* @__PURE__ */ jsxs43("div", { className: "flex flex-col items-center", children: [
+      /* @__PURE__ */ jsx91("div", { className: "w-3 h-3 rounded-full bg-gray-200 animate-pulse" }),
+      i < 2 && /* @__PURE__ */ jsx91("div", { className: "w-0.5 flex-1 bg-gray-200 mt-1" })
     ] }),
-    /* @__PURE__ */ jsx85("div", { className: "flex-1 pb-4", children: /* @__PURE__ */ jsx85(Skeleton3, { active: true, paragraph: { rows: 1 }, title: { width: "60%" } }) })
+    /* @__PURE__ */ jsx91("div", { className: "flex-1 pb-4", children: /* @__PURE__ */ jsx91(Skeleton3, { active: true, paragraph: { rows: 1 }, title: { width: "60%" } }) })
   ] }, i)) })
 ] });
 var PageSkeleton = ({ type }) => {
   if (type === "submit") {
-    return /* @__PURE__ */ jsxs37("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ jsxs37("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx85(Skeleton3.Input, { active: true, size: "large", style: { width: 200 } }),
-        /* @__PURE__ */ jsx85(Skeleton3.Input, { active: true, size: "small", style: { width: 300 } })
+    return /* @__PURE__ */ jsxs43("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs43("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx91(Skeleton3.Input, { active: true, size: "large", style: { width: 200 } }),
+        /* @__PURE__ */ jsx91(Skeleton3.Input, { active: true, size: "small", style: { width: 300 } })
       ] }),
-      /* @__PURE__ */ jsx85(FormGridSkeleton, {}),
-      /* @__PURE__ */ jsx85(ActionBarSkeleton, {})
+      /* @__PURE__ */ jsx91(FormGridSkeleton, {}),
+      /* @__PURE__ */ jsx91(ActionBarSkeleton, {})
     ] });
   }
   if (type === "detail") {
-    return /* @__PURE__ */ jsxs37("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ jsx85(SummaryCardSkeleton, {}),
-      /* @__PURE__ */ jsx85(FormGridSkeleton, {}),
-      /* @__PURE__ */ jsx85(ActionBarSkeleton, {})
+    return /* @__PURE__ */ jsxs43("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsx91(SummaryCardSkeleton, {}),
+      /* @__PURE__ */ jsx91(FormGridSkeleton, {}),
+      /* @__PURE__ */ jsx91(ActionBarSkeleton, {})
     ] });
   }
-  return /* @__PURE__ */ jsxs37("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx85(SummaryCardSkeleton, {}),
-    /* @__PURE__ */ jsx85(FormGridSkeleton, {}),
-    /* @__PURE__ */ jsx85(TimelineSkeleton, {}),
-    /* @__PURE__ */ jsx85(ActionBarSkeleton, {})
+  return /* @__PURE__ */ jsxs43("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx91(SummaryCardSkeleton, {}),
+    /* @__PURE__ */ jsx91(FormGridSkeleton, {}),
+    /* @__PURE__ */ jsx91(TimelineSkeleton, {}),
+    /* @__PURE__ */ jsx91(ActionBarSkeleton, {})
   ] });
 };
 
 // src/templates/FormDetailTemplate.tsx
-import { Fragment as Fragment6, jsx as jsx86, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs44 } from "react/jsx-runtime";
+function FormDataBridge({
+  formDataRef
+}) {
+  const { getFormData: getFormData2 } = useFormContext();
+  formDataRef.current = getFormData2;
+  return null;
+}
 var InnerDetailContent = ({
   schema,
   formUuid,
@@ -8941,9 +11235,12 @@ var InnerDetailContent = ({
   renderSummary,
   renderActions,
   onDelete,
-  onSave
+  onSave,
+  inDrawer = false
 }) => {
-  const fieldIds = useMemo14(() => schema.fields.map((field) => field.fieldId), [schema.fields]);
+  const formDataRef = useRef15(void 0);
+  const [accessDenied, setAccessDenied] = useState37(false);
+  const fieldIds = useMemo19(() => schema.fields.map((field) => field.fieldId), [schema.fields]);
   const {
     loading,
     mode,
@@ -8957,7 +11254,13 @@ var InnerDetailContent = ({
     canEdit,
     canDelete,
     canViewChangeRecords
-  } = useFormDetail({ formUuid, appType, formInstanceId, fieldIds });
+  } = useFormDetail({
+    formUuid,
+    appType,
+    formInstanceId,
+    fieldIds,
+    onPermissionDenied: () => setAccessDenied(true)
+  });
   const {
     records,
     loading: recordsLoading,
@@ -8970,20 +11273,21 @@ var InnerDetailContent = ({
     formInstanceId,
     autoLoad: enableChangeRecords && canViewChangeRecords
   });
-  const handleSave = useCallback18(async () => {
-    if (!formData) return;
-    const success = await saveChanges(formData);
+  const handleSave = useCallback19(async () => {
+    const values = formDataRef.current?.() ?? formData;
+    if (!values) return;
+    const success = await saveChanges(values);
     if (success) {
-      onSave?.(formData);
+      onSave?.(values);
     }
   }, [formData, saveChanges, onSave]);
-  const handleDelete = useCallback18(async () => {
+  const handleDelete = useCallback19(async () => {
     const success = await deleteInstance();
     if (success) {
       onDelete?.();
     }
   }, [deleteInstance, onDelete]);
-  const handleCancel = useCallback18(() => {
+  const handleCancel = useCallback19(() => {
     switchToReadonly();
   }, [switchToReadonly]);
   const readonlyActions = [];
@@ -9020,41 +11324,44 @@ var InnerDetailContent = ({
     }
   };
   if (loading) {
-    return /* @__PURE__ */ jsx86("div", { className: "min-h-screen bg-gray-50/50", children: /* @__PURE__ */ jsx86("div", { className: "max-w-4xl mx-auto py-8 px-6 pb-24", children: /* @__PURE__ */ jsx86(PageSkeleton, { type: "detail" }) }) });
+    return /* @__PURE__ */ jsx92("div", { className: "min-h-screen bg-ant-bg-layout", children: /* @__PURE__ */ jsx92("div", { className: "max-w-4xl mx-auto py-8 px-6 pb-24", children: /* @__PURE__ */ jsx92(PageSkeleton, { type: "detail" }) }) });
   }
-  return /* @__PURE__ */ jsxs38("div", { className: "min-h-screen bg-gray-50/50", children: [
-    /* @__PURE__ */ jsx86("div", { className: "max-w-4xl mx-auto py-8 px-6 pb-24 space-y-6", children: /* @__PURE__ */ jsxs38("div", { className: "animate-[fadeIn_0.2s_ease-out]", children: [
-      header,
-      renderSummary && instanceInfo ? renderSummary(instanceInfo) : /* @__PURE__ */ jsx86(
-        FormSummaryCard,
-        {
-          title: schema.formMeta.title,
-          formInstanceId,
-          creator: instanceInfo?.creator ? {
-            name: instanceInfo.creator.name,
-            avatar: instanceInfo.creator.avatar,
-            department: instanceInfo.creator.department
-          } : void 0,
-          createdAt: instanceInfo?.createdAt,
-          status: mode === "edit" ? { label: "\u7F16\u8F91\u4E2D", tone: "brand" } : void 0
-        }
-      ),
-      mode === "edit" && /* @__PURE__ */ jsx86("div", { className: "bg-blue-50 border border-blue-200 rounded-lg px-4 py-3 text-sm text-blue-700 transition-all duration-150", children: "\u6B63\u5728\u7F16\u8F91\uFF0C\u4FEE\u6539\u540E\u8BF7\u4FDD\u5B58" }),
-      /* @__PURE__ */ jsx86("div", { className: "bg-white rounded-xl shadow-sm border border-gray-100 p-6", children: /* @__PURE__ */ jsx86(FormProvider, { schema, config: formConfig, initialValues: formData ?? void 0, children: /* @__PURE__ */ jsx86(FormRenderer, { columns: 2 }) }) }),
-      enableChangeRecords && canViewChangeRecords && /* @__PURE__ */ jsx86(
-        ChangeRecords,
-        {
-          records,
-          loading: recordsLoading,
-          hasMore,
-          onLoadMore: loadMore,
-          onExpand: refreshRecords
-        }
-      ),
-      footer
+  const actionsNode = currentActions.length > 0 ? renderActions ? renderActions(currentActions) : /* @__PURE__ */ jsx92(StickyActionBar, { actions: currentActions, inDrawer }) : null;
+  return /* @__PURE__ */ jsx92(RuntimePageShell, { actions: actionsNode, accessDenied, inDrawer, children: /* @__PURE__ */ jsx92("div", { className: "space-y-6", children: /* @__PURE__ */ jsxs44("div", { children: [
+    header,
+    renderSummary && instanceInfo ? renderSummary(instanceInfo) : /* @__PURE__ */ jsx92(
+      SummaryPanel,
+      {
+        title: instanceInfo?.title || formData?.instanceTitle || schema.formMeta.title,
+        eyebrow: `\u6570\u636E\u5B9E\u4F8B ${formInstanceId?.slice(0, 8) || "-"}`,
+        creator: instanceInfo?.creator ? {
+          name: instanceInfo.creator.name,
+          avatar: instanceInfo.creator.avatar,
+          department: instanceInfo.creator.department
+        } : void 0,
+        createdAt: instanceInfo?.createdAt,
+        status: mode === "edit" ? { label: "\u7F16\u8F91\u4E2D", tone: "brand" } : void 0
+      }
+    ),
+    mode === "edit" && /* @__PURE__ */ jsx92("div", { className: "bg-blue-50 border border-blue-200 rounded-lg px-4 py-3 text-sm text-blue-700 transition-all duration-150", children: "\u6B63\u5728\u7F16\u8F91\uFF0C\u4FEE\u6539\u540E\u8BF7\u4FDD\u5B58" }),
+    /* @__PURE__ */ jsx92("div", { className: "mt-6 rounded-lg border border-ant-border-secondary bg-ant-bg-container p-5 md:p-6", children: /* @__PURE__ */ jsxs44(FormProvider, { schema, config: formConfig, initialValues: formData ?? void 0, children: [
+      /* @__PURE__ */ jsx92(FormDataBridge, { formDataRef }),
+      /* @__PURE__ */ jsx92(FormRenderer, { columns: 2 })
     ] }) }),
-    currentActions.length > 0 && (renderActions ? /* @__PURE__ */ jsx86(Fragment6, { children: renderActions(currentActions) }) : /* @__PURE__ */ jsx86(FormActionBar, { position: "bottom-fixed", actions: currentActions }))
-  ] });
+    enableChangeRecords && canViewChangeRecords && /* @__PURE__ */ jsx92("div", { className: "mt-6", children: /* @__PURE__ */ jsx92(
+      RecordChangePanel,
+      {
+        records,
+        loading: recordsLoading,
+        total: records.length,
+        hasMore,
+        onLoadMore: loadMore,
+        onRefresh: refreshRecords,
+        onExpand: refreshRecords
+      }
+    ) }),
+    footer
+  ] }) }) });
 };
 var FormDetailTemplate = (props) => {
   const { schema, formUuid, appType, formInstanceId } = props;
@@ -9064,13 +11371,13 @@ var FormDetailTemplate = (props) => {
     appType,
     formInstanceId
   };
-  return /* @__PURE__ */ jsx86(FormProvider, { schema, config: wrapperConfig, children: /* @__PURE__ */ jsx86(InnerDetailContent, { ...props }) });
+  return /* @__PURE__ */ jsx92(FormProvider, { schema, config: wrapperConfig, children: /* @__PURE__ */ jsx92(InnerDetailContent, { ...props }) });
 };
 
 // src/templates/ProcessDetailTemplate.tsx
-import { useCallback as useCallback19, useMemo as useMemo15, useRef as useRef14 } from "react";
-import { Fragment as Fragment7, jsx as jsx87, jsxs as jsxs39 } from "react/jsx-runtime";
-function FormDataBridge({
+import { useCallback as useCallback20, useMemo as useMemo20, useRef as useRef16 } from "react";
+import { jsx as jsx93, jsxs as jsxs45 } from "react/jsx-runtime";
+function FormDataBridge2({
   formDataRef
 }) {
   const { getFormData: getFormData2 } = useFormContext();
@@ -9085,12 +11392,16 @@ var InnerProcessContent = ({
   header,
   renderTimeline,
   renderActions,
+  renderTransferSelector,
+  renderReturnNodeLabel,
+  renderActionModalExtra,
   beforeForm,
   afterForm,
-  onActionComplete
+  onActionComplete,
+  inDrawer = false
 }) => {
-  const formDataRef = useRef14(void 0);
-  const fieldIds = useMemo15(() => schema.fields.map((field) => field.fieldId), [schema.fields]);
+  const formDataRef = useRef16(void 0);
+  const fieldIds = useMemo20(() => schema.fields.map((field) => field.fieldId), [schema.fields]);
   const {
     loading,
     processInfo,
@@ -9098,6 +11409,7 @@ var InnerProcessContent = ({
     currentTask,
     progressList,
     formData,
+    instanceInfo,
     isApprover,
     activeActions,
     fieldBehaviors,
@@ -9108,7 +11420,18 @@ var InnerProcessContent = ({
     switchToReadonly,
     refreshProgress
   } = useProcessDetail({ formUuid, appType, formInstanceId, fieldIds });
-  const { approve, reject, withdraw, save, resubmit } = useApprovalActions({
+  const {
+    approve,
+    reject,
+    transfer,
+    returnTo,
+    withdraw,
+    save,
+    resubmit,
+    callbackTask,
+    returnableNodes,
+    loadReturnableNodes
+  } = useApprovalActions({
     formInstanceId,
     formUuid,
     appType,
@@ -9117,72 +11440,102 @@ var InnerProcessContent = ({
       onActionComplete?.(action);
       await refreshProgress();
     },
-    getFormValues: () => formDataRef.current?.() ?? {}
+    getFormValues: () => formDataRef.current?.() ?? formData ?? {}
   });
-  const handleApprove = useCallback19(
+  const handleApprove = useCallback20(
     async (comments) => {
       await approve(comments);
     },
     [approve]
   );
-  const handleReject = useCallback19(
+  const handleReject = useCallback20(
     async (comments) => {
       await reject(comments);
     },
     [reject]
   );
-  const handleWithdraw = useCallback19(
+  const handleTransfer = useCallback20(
+    async (userId, reason) => {
+      await transfer(userId, reason);
+    },
+    [transfer]
+  );
+  const handleReturn = useCallback20(
+    async (nodeId, reason) => {
+      await returnTo(nodeId, reason);
+    },
+    [returnTo]
+  );
+  const handleWithdraw = useCallback20(
     async (reason) => {
       await withdraw(reason);
     },
     [withdraw]
   );
-  const handleSave = useCallback19(async () => {
+  const handleSave = useCallback20(async () => {
     await save();
   }, [save]);
-  const handleResubmit = useCallback19(async () => {
-    await resubmit();
-  }, [resubmit]);
-  const buildActions = () => {
-    const actions = [];
-    if (isApprover && activeActions.length > 0) {
-      return [];
-    }
+  const handleResubmit = useCallback20(
+    async (comments) => {
+      await resubmit(comments);
+    },
+    [resubmit]
+  );
+  const handleCallback = useCallback20(async () => {
+    await callbackTask();
+  }, [callbackTask]);
+  const bottomActions = useMemo20(() => {
+    if (isApprover && activeActions.length > 0) return [];
     if (isOriginatorReturn) {
       if (mode === "readonly") {
-        actions.push({
-          key: "edit",
-          label: "\u7F16\u8F91",
-          type: "primary",
-          onClick: switchToEdit
-        });
-      } else {
-        actions.push({
+        return [
+          {
+            key: "edit",
+            label: "\u7F16\u8F91",
+            type: "primary",
+            onClick: switchToEdit
+          }
+        ];
+      }
+      return [
+        {
           key: "cancel",
           label: "\u53D6\u6D88",
           type: "default",
-          onClick: switchToReadonly
-        });
-        actions.push({
+          onClick: switchToReadonly,
+          placement: "left"
+        },
+        {
           key: "resubmit",
           label: "\u91CD\u65B0\u63D0\u4EA4",
           type: "primary",
-          onClick: handleResubmit
-        });
-      }
-      return actions;
+          onClick: () => handleResubmit()
+        }
+      ];
     }
     if (canWithdraw) {
-      actions.push({
-        key: "withdraw",
-        label: "\u64A4\u9500",
-        type: "default",
-        onClick: () => handleWithdraw(),
-        confirm: { title: "\u786E\u8BA4\u64A4\u9500", content: "\u786E\u8BA4\u8981\u64A4\u9500\u6B64\u6D41\u7A0B\u5417\uFF1F" }
-      });
+      return [
+        {
+          key: "withdraw",
+          label: "\u64A4\u9500",
+          type: "danger",
+          onClick: () => handleWithdraw(),
+          confirm: { title: "\u786E\u8BA4\u64A4\u9500", content: "\u64A4\u9500\u540E\u6D41\u7A0B\u5C06\u7EC8\u6B62\uFF0C\u786E\u8BA4\u7EE7\u7EED\u5417\uFF1F" }
+        }
+      ];
     }
-    return actions;
-  };
+    return [];
+  }, [
+    activeActions.length,
+    canWithdraw,
+    handleResubmit,
+    handleWithdraw,
+    isApprover,
+    isOriginatorReturn,
+    mode,
+    switchToEdit,
+    switchToReadonly
+  ]);
   const formConfig = {
     mode: mode === "edit" ? "edit" : "readonly",
     formUuid,
@@ -9194,50 +11547,68 @@ var InnerProcessContent = ({
     }
   };
   if (loading) {
-    return /* @__PURE__ */ jsx87("div", { className: "min-h-screen bg-gray-50/50", children: /* @__PURE__ */ jsx87("div", { className: "max-w-4xl mx-auto py-8 px-6 pb-24", children: /* @__PURE__ */ jsx87(PageSkeleton, { type: "process" }) }) });
+    return /* @__PURE__ */ jsx93("div", { className: "min-h-screen bg-ant-bg-layout", children: /* @__PURE__ */ jsx93("div", { className: "mx-auto max-w-4xl px-6 py-8 pb-24", children: /* @__PURE__ */ jsx93(PageSkeleton, { type: "process" }) }) });
   }
-  const bottomActions = buildActions();
   const showApprovalActions = isApprover && activeActions.length > 0;
-  return /* @__PURE__ */ jsxs39("div", { className: "min-h-screen bg-gray-50/50", children: [
-    /* @__PURE__ */ jsx87("div", { className: "max-w-4xl mx-auto py-8 px-6 pb-24 space-y-6", children: /* @__PURE__ */ jsxs39("div", { className: "animate-[fadeIn_0.2s_ease-out]", children: [
-      header,
-      /* @__PURE__ */ jsx87(
-        FormSummaryCard,
-        {
-          title: schema.formMeta.title,
-          formInstanceId,
-          creator: processInfo?.originatorName ? {
-            name: processInfo.originatorName,
-            department: processInfo.originatorDepartment
-          } : void 0,
-          createdAt: processInfo?.createdAt,
-          status: processStatus ? PROCESS_STATUS_META[processStatus] : void 0
-        }
-      ),
-      beforeForm,
-      mode === "edit" && /* @__PURE__ */ jsx87("div", { className: "bg-blue-50 border border-blue-200 rounded-lg px-4 py-3 text-sm text-blue-700 transition-all duration-150", children: "\u6B63\u5728\u7F16\u8F91\u8868\u5355\uFF0C\u4FEE\u6539\u540E\u8BF7\u91CD\u65B0\u63D0\u4EA4" }),
-      /* @__PURE__ */ jsx87("div", { className: "bg-white rounded-xl shadow-sm border border-gray-100 p-6", children: /* @__PURE__ */ jsxs39(FormProvider, { schema, config: formConfig, initialValues: formData ?? void 0, children: [
-        /* @__PURE__ */ jsx87(FormDataBridge, { formDataRef }),
-        /* @__PURE__ */ jsx87(FormRenderer, { columns: 2 })
-      ] }) }),
-      afterForm,
-      /* @__PURE__ */ jsxs39("div", { className: "bg-white rounded-xl shadow-sm border border-gray-100 p-6", children: [
-        /* @__PURE__ */ jsx87("h3", { className: "text-lg font-semibold text-gray-900 mb-4", children: "\u5BA1\u6279\u8FDB\u5EA6" }),
-        renderTimeline ? renderTimeline(progressList) : /* @__PURE__ */ jsx87(ApprovalTimeline, { tasks: progressList, showRemarks: true })
-      ] })
-    ] }) }),
-    showApprovalActions && (renderActions ? /* @__PURE__ */ jsx87(Fragment7, { children: renderActions(activeActions) }) : /* @__PURE__ */ jsx87("div", { className: "fixed bottom-0 left-0 right-0 z-50 backdrop-blur-lg bg-white/80 border-t border-gray-200 shadow-[0_-1px_3px_rgba(0,0,0,0.05)] px-6 py-3", children: /* @__PURE__ */ jsx87("div", { className: "max-w-4xl mx-auto flex items-center justify-end", children: /* @__PURE__ */ jsx87(
-      ApprovalActions,
+  const actionsNode = showApprovalActions ? renderActions ? renderActions(activeActions) : /* @__PURE__ */ jsx93(
+    ApprovalActionBar,
+    {
+      actions: activeActions,
+      onApprove: handleApprove,
+      onReject: handleReject,
+      onTransfer: handleTransfer,
+      onReturn: handleReturn,
+      onWithdraw: handleWithdraw,
+      onSave: handleSave,
+      onResubmit: handleResubmit,
+      onCallback: handleCallback,
+      returnableNodes,
+      onLoadReturnableNodes: loadReturnableNodes,
+      renderTransferSelector,
+      renderReturnNodeLabel,
+      renderActionModalExtra,
+      inDrawer
+    }
+  ) : bottomActions.length > 0 ? /* @__PURE__ */ jsx93(StickyActionBar, { actions: bottomActions, inDrawer }) : null;
+  const statusMeta = processStatus ? PROCESS_STATUS_META[processStatus] : void 0;
+  return /* @__PURE__ */ jsx93(RuntimePageShell, { actions: actionsNode, inDrawer, children: /* @__PURE__ */ jsxs45("div", { className: "space-y-6", children: [
+    header,
+    /* @__PURE__ */ jsx93(
+      SummaryPanel,
       {
-        actions: activeActions,
-        onApprove: handleApprove,
-        onReject: handleReject,
-        onWithdraw: handleWithdraw,
-        onSave: handleSave
-      }
-    ) }) })),
-    !showApprovalActions && bottomActions.length > 0 && /* @__PURE__ */ jsx87(FormActionBar, { position: "bottom-fixed", actions: bottomActions })
-  ] });
+        title: processInfo?.title || instanceInfo?.title || schema.formMeta.title,
+        eyebrow: `\u6D41\u7A0B\u5B9E\u4F8B ${formInstanceId?.slice(0, 8) || "-"}`,
+        creator: processInfo?.originatorName ? {
+          name: processInfo.originatorName,
+          department: processInfo.originatorDepartment
+        } : void 0,
+        createdAt: processInfo?.createdAt,
+        status: statusMeta,
+        metaItems: [
+          { key: "currentTask", label: "\u5F53\u524D\u8282\u70B9", value: currentTask?.nodeName || "\u65E0" },
+          {
+            key: "processStatus",
+            label: "\u5B9E\u4F8B\u72B6\u6001",
+            value: statusMeta?.label || processStatus || "-"
+          }
+        ]
+      }
+    ),
+    beforeForm,
+    mode === "edit" && /* @__PURE__ */ jsx93("div", { className: "rounded-lg border border-blue-200 bg-blue-50 px-4 py-3 text-sm text-blue-700 transition-all duration-150", children: "\u6B63\u5728\u7F16\u8F91\u8868\u5355\uFF0C\u4FEE\u6539\u540E\u8BF7\u91CD\u65B0\u63D0\u4EA4" }),
+    /* @__PURE__ */ jsx93("div", { className: "rounded-lg border border-ant-border-secondary bg-ant-bg-container p-5 md:p-6", children: /* @__PURE__ */ jsxs45(FormProvider, { schema, config: formConfig, initialValues: formData ?? void 0, children: [
+      /* @__PURE__ */ jsx93(FormDataBridge2, { formDataRef }),
+      /* @__PURE__ */ jsx93(FormRenderer, { columns: 2 })
+    ] }) }),
+    afterForm,
+    /* @__PURE__ */ jsxs45("div", { className: "rounded-lg border border-ant-border-secondary bg-ant-bg-container p-5 md:p-6", children: [
+      /* @__PURE__ */ jsx93("div", { className: "mb-4 flex items-center justify-between gap-3", children: /* @__PURE__ */ jsxs45("div", { children: [
+        /* @__PURE__ */ jsx93("h3", { className: "text-base font-semibold text-ant-color-text", children: "\u5BA1\u6279\u8FDB\u5EA6" }),
+        /* @__PURE__ */ jsx93("p", { className: "mt-1 text-xs text-ant-color-text-tertiary", children: "\u8282\u70B9\u3001\u5BA1\u6279\u4EBA\u3001\u5904\u7406\u610F\u89C1\u548C\u7B49\u5F85\u72B6\u6001" })
+      ] }) }),
+      renderTimeline ? renderTimeline(progressList) : /* @__PURE__ */ jsx93(ApprovalTimeline, { tasks: progressList, showRemarks: true, showApproverInfo: true })
+    ] })
+  ] }) });
 };
 var ProcessDetailTemplate = (props) => {
   const { schema, formUuid, appType, formInstanceId } = props;
@@ -9247,10 +11618,11 @@ var ProcessDetailTemplate = (props) => {
     appType,
     formInstanceId
   };
-  return /* @__PURE__ */ jsx87(FormProvider, { schema, config: wrapperConfig, children: /* @__PURE__ */ jsx87(InnerProcessContent, { ...props }) });
+  return /* @__PURE__ */ jsx93(FormProvider, { schema, config: wrapperConfig, children: /* @__PURE__ */ jsx93(InnerProcessContent, { ...props }) });
 };
 export {
   AddressField,
+  ApprovalActionBar,
   ApprovalActions,
   ApprovalTimeline,
   AssociationFormField,
@@ -9261,6 +11633,7 @@ export {
   CheckboxField,
   ComponentRegistryContext,
   ComponentRegistryProvider,
+  DataManagementList,
   DateField,
   DepartmentSelectField,
   DigitalSignatureField,
@@ -9292,34 +11665,58 @@ export {
   ProcessDetailTemplate,
   ProcessPreview,
   RadioField,
+  RecordChangePanel,
+  RuntimePageShell,
   SelectField,
   SerialNumberField,
+  StickyActionBar,
   SubFormField,
+  SummaryPanel,
   TASK_STATUS_META,
   TextAreaField,
   TextField,
   TextAreaField as TextareaField,
   UserSelectField,
+  advancedSearchDataManagement,
+  batchApproveDataManagementRows,
+  buildFilterPayload,
   checkUserApproval,
   createFormRuntimeApi,
   defaultComponentRegistry,
   defineFormSchema,
+  deleteDataManagementRows,
   deleteFormData,
   evaluateEffects,
+  exportDataManagementRows,
   extractFormValues,
   getChangeRecords,
+  getDataManagementConfig,
+  getDataManagementSchema,
+  getDataManagementTransferRecords,
   getFormData,
   getProcessBasic,
   getProcessDefinition,
   getProcessProgress,
   getReturnableNodes,
+  getSystemFieldsForFormType,
   getViewPermission,
   handleApproval,
+  hasViewOperation,
+  hasViewPermission,
+  importDataManagementRows,
+  importPreviewDataManagementRows,
+  normalizeColumnConfig,
+  normalizeDataManagementFields,
+  normalizeDataManagementList,
+  normalizeFieldBehaviors,
+  normalizeOperation,
   previewProcess,
   resubmitTask,
   returnTask,
+  saveDataManagementConfig,
   saveTask,
   transferTask,
+  triggerCallbackTask,
   useApprovalActions,
   useChangeRecords,
   useComponent,