sy-form-components 0.2.13 → 0.2.15

package/dist/index.js

@@ -107,6 +107,7 @@ __export(index_exports, {
   getProcessBasic: () => getProcessBasic,
   getProcessDefinition: () => getProcessDefinition,
   getProcessProgress: () => getProcessProgress,
+  getReturnableNodeResult: () => getReturnableNodeResult,
   getReturnableNodes: () => getReturnableNodes,
   getSystemFieldsForFormType: () => getSystemFieldsForFormType,
   getViewPermission: () => getViewPermission,
@@ -148,7 +149,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/core/FormProvider.tsx
-var import_react38 = __toESM(require("react"));
+var import_react40 = __toESM(require("react"));
 
 // src/core/FormContext.ts
 var import_react = require("react");
@@ -1502,9 +1503,10 @@ function CascadeDateField(props) {
 }
 
 // src/fields/AttachmentField/index.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 
 // src/fields/AttachmentField/AttachmentFieldPC.tsx
+var import_react16 = __toESM(require("react"));
 var import_antd10 = require("antd");
 
 // src/fields/shared/fieldFormat.ts
@@ -1611,6 +1613,31 @@ function normalizeAttachmentItem(item, fallback) {
     extension: item?.extension || fallback?.extension || getFileExtension(name)
   };
 }
+function getAttachmentItemIdentity(item) {
+  return String(item?.uid || item?.id || item?.objectName || item?.url || item?.name || "");
+}
+function dedupeAttachmentItems(items) {
+  const result = [];
+  const indexes = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const key = getAttachmentItemIdentity(item);
+    if (!key) {
+      result.push(item);
+      continue;
+    }
+    const existingIndex = indexes.get(key);
+    if (existingIndex === void 0) {
+      indexes.set(key, result.length);
+      result.push(item);
+      continue;
+    }
+    result[existingIndex] = {
+      ...result[existingIndex],
+      ...item
+    };
+  }
+  return result;
+}
 
 // src/fields/AttachmentField/AttachmentFieldPC.tsx
 var import_jsx_runtime38 = require("react/jsx-runtime");
@@ -1665,38 +1692,47 @@ function AttachmentFieldPC({
   onChange
 }) {
   const { formData, setFieldValue, api } = useFormContext();
-  const value = formData[fieldId] ?? [];
+  const value = import_react16.default.useMemo(
+    () => dedupeAttachmentItems(
+      Array.isArray(formData[fieldId]) ? formData[fieldId] : []
+    ),
+    [fieldId, formData]
+  );
+  const valueRef = import_react16.default.useRef(value);
   const disabled = behavior === "DISABLED";
+  import_react16.default.useEffect(() => {
+    valueRef.current = value;
+  }, [value]);
   const setValue = (items) => {
-    setFieldValue(fieldId, items);
-    onChange?.(items);
-  };
-  const handleChange = (info) => {
-    const fileList2 = info.fileList ?? [];
-    const items = fileList2.map((f) => {
-      if (f.uid === void 0 && f.name === void 0 && f.url === void 0 && !f.response) {
-        return { url: "", name: "", id: "" };
-      }
-      return normalizeAttachmentItem({
-        url: f.url ?? f.response?.url ?? "",
-        name: f.name,
-        id: f.uid ?? f.response?.id,
-        uid: f.uid ?? f.response?.uid,
-        status: f.status,
-        percent: f.percent,
-        objectName: f.objectName ?? f.response?.objectName,
-        bucketName: f.bucketName ?? f.response?.bucketName,
-        size: f.size ?? f.response?.size,
-        contentType: f.type ?? f.response?.contentType,
-        downloadUrl: f.downloadUrl ?? f.response?.downloadUrl,
-        previewUrl: f.previewUrl ?? f.response?.previewUrl
-      });
+    const nextItems = dedupeAttachmentItems(items).slice(0, maxCount ?? Infinity);
+    valueRef.current = nextItems;
+    setFieldValue(fieldId, nextItems);
+    onChange?.(nextItems);
+  };
+  const replaceItem = (target, nextItem) => {
+    const targetKeys = new Set(
+      [target.id, target.uid, target.objectName, getAttachmentItemIdentity(target)].filter(Boolean)
+    );
+    let replaced = false;
+    const nextItems = valueRef.current.map((item) => {
+      const currentKeys = [item.id, item.uid, item.objectName, getAttachmentItemIdentity(item)];
+      if (currentKeys.some((key) => key && targetKeys.has(key))) {
+        replaced = true;
+        return nextItem;
+      }
+      return item;
     });
-    setValue(items);
+    if (!replaced) nextItems.push(nextItem);
+    setValue(nextItems);
   };
   const handleRemove = (file) => {
-    const removed = value.find((item) => item.id === file.uid || item.uid === file.uid);
-    const newValue = value.filter((item) => item.id !== file.uid && item.uid !== file.uid);
+    const fileKey = String(file.uid || file.id || file.objectName || "");
+    const removed = valueRef.current.find(
+      (item) => item.id === fileKey || item.uid === fileKey || item.objectName === fileKey
+    );
+    const newValue = valueRef.current.filter(
+      (item) => item.id !== fileKey && item.uid !== fileKey && item.objectName !== fileKey
+    );
     setValue(newValue);
     if (removed?.objectName) {
       api.deleteFile(removed.objectName, removed.bucketName || bucketName).catch(() => void 0);
@@ -1737,7 +1773,9 @@ function AttachmentFieldPC({
     return url;
   };
   const handlePreview = async (file) => {
-    const item = value.find((current) => current.id === file.uid || current.uid === file.uid);
+    const item = valueRef.current.find(
+      (current) => current.id === file.uid || current.uid === file.uid || current.objectName === file.uid
+    );
     const url = item ? await resolvePreviewUrl(item) : file.url;
     if (url) window.open(url, "_blank", "noopener,noreferrer");
   };
@@ -1745,14 +1783,10 @@ function AttachmentFieldPC({
     const url = await resolveDownloadUrl(item);
     if (url) window.open(url, "_blank", "noopener,noreferrer");
   };
-  const fileList = value.map((item) => ({
-    uid: item.id,
-    name: item.name,
-    url: item.url,
-    status: item.status ?? "done",
-    percent: item.percent
-  }));
   const beforeUpload = (file) => {
+    if (maxCount && valueRef.current.length >= maxCount) {
+      return false;
+    }
     if (maxSize && file.size / 1024 / 1024 > maxSize) {
       return false;
     }
@@ -1765,27 +1799,26 @@ function AttachmentFieldPC({
   const customRequest = async ({ file, onProgress, onSuccess, onError }) => {
     const currentFile = file;
     const localItem = createLocalItem(currentFile);
-    const nextValue = multiple ? [...value, localItem].slice(0, maxCount ?? Infinity) : [localItem];
+    const currentValue = valueRef.current.filter(
+      (item) => item.id !== localItem.id && item.uid !== localItem.uid
+    );
+    const nextValue = multiple ? [...currentValue, localItem] : [localItem];
     setValue(nextValue);
     try {
       const uploaded = await api.uploadFile(currentFile, bucketName, (percent) => {
         onProgress?.({ percent });
-        setValue(
-          nextValue.map(
-            (item) => item.id === localItem.id ? { ...item, percent, status: "uploading" } : item
-          )
-        );
-      });
-      const completed = normalizeAttachmentItem({
-        ...uploaded,
-        id: uploaded.id || localItem.id,
-        uid: uploaded.uid || localItem.uid,
-        url: uploaded.url || localItem.url,
-        status: "done",
-        percent: 100,
-        extension: uploaded.extension || getFileExtension(uploaded.name || localItem.name)
+        replaceItem(localItem, { ...localItem, percent, status: "uploading" });
       });
-      setValue(nextValue.map((item) => item.id === localItem.id ? completed : item));
+      const completed = normalizeAttachmentItem(
+        {
+          ...uploaded,
+          status: "done",
+          percent: 100,
+          extension: uploaded.extension || getFileExtension(uploaded.name || localItem.name)
+        },
+        localItem
+      );
+      replaceItem(localItem, completed);
       onSuccess?.(completed);
     } catch (error) {
       const failed = {
@@ -1793,7 +1826,7 @@ function AttachmentFieldPC({
         status: "error",
         error: error?.message || "\u4E0A\u4F20\u5931\u8D25"
       };
-      setValue(nextValue.map((item) => item.id === localItem.id ? failed : item));
+      replaceItem(localItem, failed);
       onError?.(error);
     }
   };
@@ -1802,61 +1835,71 @@ function AttachmentFieldPC({
       import_antd10.Upload,
       {
         "data-testid": `attachmentfield-input-${fieldId}`,
-        fileList,
+        fileList: [],
         customRequest,
         accept,
         maxCount,
         multiple,
         disabled,
-        onChange: handleChange,
+        showUploadList: false,
         onRemove: handleRemove,
         onPreview: handlePreview,
         beforeUpload,
         children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_antd10.Button, { disabled, "data-testid": `attachmentfield-upload-btn-${fieldId}`, children: "\u4E0A\u4F20\u6587\u4EF6" })
       }
     ),
-    value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "sy-file-list", "data-testid": `attachmentfield-rich-list-${fieldId}`, children: value.map((item) => {
+    value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "sy-file-list", "data-testid": `attachmentfield-rich-list-${fieldId}`, children: value.map((item, index) => {
       const category = getFileCategory(item.name, item.contentType);
       const extension = getFileExtension(item.name);
-      return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "sy-file-item", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: `sy-file-icon sy-file-icon-${category}`, "aria-hidden": "true", children: category === "image" ? "IMG" : extension || "FILE" }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "sy-file-meta", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "sy-file-name", title: item.name, children: item.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "sy-file-sub", children: item.status === "uploading" ? `\u4E0A\u4F20\u4E2D ${Math.round(item.percent ?? 0)}%` : item.status === "error" ? item.error || "\u4E0A\u4F20\u5931\u8D25" : [
-            showFileTypeBadge && extension ? extension.toUpperCase() : "",
-            showFileSize ? formatFileSize(item.size) : ""
-          ].filter(Boolean).join(" \xB7 ") || "\u5DF2\u4E0A\u4F20" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "sy-file-actions", children: [
-          showPreview && canPreview(item) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-            "button",
-            {
-              type: "button",
-              disabled: item.status !== "done",
-              onClick: () => handlePreview({ uid: item.uid || item.id, url: item.url }),
-              children: "\u9884\u89C8"
-            }
-          ),
-          showDownload && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-            "button",
-            {
-              type: "button",
-              disabled: item.status !== "done",
-              onClick: () => handleDownload(item),
-              children: "\u4E0B\u8F7D"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-            "button",
-            {
-              type: "button",
-              disabled,
-              onClick: () => handleRemove({ uid: item.uid || item.id }),
-              children: "\u5220\u9664"
-            }
-          )
-        ] })
-      ] }, item.id || item.uid || item.name);
+      const itemKey = getAttachmentItemIdentity(item) || `${fieldId}-attachment-${String(index)}`;
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+        "div",
+        {
+          className: "sy-file-item",
+          "data-testid": `attachmentfield-item-${itemKey}`,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: `sy-file-icon sy-file-icon-${category}`, "aria-hidden": "true", children: category === "image" ? "IMG" : extension || "FILE" }),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "sy-file-meta", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "sy-file-name", title: item.name, children: item.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "sy-file-sub", children: item.status === "uploading" ? `\u4E0A\u4F20\u4E2D ${Math.round(item.percent ?? 0)}%` : item.status === "error" ? item.error || "\u4E0A\u4F20\u5931\u8D25" : [
+                showFileTypeBadge && extension ? extension.toUpperCase() : "",
+                showFileSize ? formatFileSize(item.size) : ""
+              ].filter(Boolean).join(" \xB7 ") || "\u5DF2\u4E0A\u4F20" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "sy-file-actions", children: [
+              showPreview && canPreview(item) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                "button",
+                {
+                  type: "button",
+                  disabled: item.status !== "done",
+                  onClick: () => handlePreview({ uid: item.uid || item.id, url: item.url }),
+                  children: "\u9884\u89C8"
+                }
+              ),
+              showDownload && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                "button",
+                {
+                  type: "button",
+                  disabled: item.status !== "done",
+                  onClick: () => handleDownload(item),
+                  children: "\u4E0B\u8F7D"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                "button",
+                {
+                  type: "button",
+                  disabled,
+                  onClick: () => handleRemove({ uid: item.uid || item.id }),
+                  "data-testid": `attachmentfield-remove-${itemKey}`,
+                  children: "\u5220\u9664"
+                }
+              )
+            ] })
+          ]
+        },
+        `${itemKey}-${index}`
+      );
     }) })
   ] });
 }
@@ -2009,7 +2052,7 @@ function AttachmentField(props) {
   const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
   const { isMobile } = useDeviceDetect();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -2034,9 +2077,10 @@ function AttachmentField(props) {
 }
 
 // src/fields/ImageField/index.tsx
-var import_react17 = require("react");
+var import_react19 = require("react");
 
 // src/fields/ImageField/ImageFieldPC.tsx
+var import_react18 = __toESM(require("react"));
 var import_antd11 = require("antd");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var createLocalItem2 = (file) => {
@@ -2054,6 +2098,23 @@ var createLocalItem2 = (file) => {
     extension: getFileExtension(file.name)
   };
 };
+function ImageThumbContent({ item }) {
+  const [imageFailed, setImageFailed] = import_react18.default.useState(false);
+  const src = item.previewUrl || item.url;
+  import_react18.default.useEffect(() => {
+    setImageFailed(false);
+  }, [src]);
+  if (src && !imageFailed) {
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("img", { src, alt: item.name, onError: () => setImageFailed(true) }),
+      item.status === "uploading" && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "sy-image-state", children: [
+        Math.round(item.percent ?? 0),
+        "%"
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "sy-image-state", children: item.status === "uploading" ? `${Math.round(item.percent ?? 0)}%` : item.status === "error" ? item.error || "\u4E0A\u4F20\u5931\u8D25" : item.name || "\u56FE\u7247" });
+}
 function ImageFieldPC({
   fieldId,
   behavior,
@@ -2069,44 +2130,56 @@ function ImageFieldPC({
   onChange
 }) {
   const { formData, setFieldValue, api } = useFormContext();
-  const value = formData[fieldId] ?? [];
+  const value = import_react18.default.useMemo(
+    () => dedupeAttachmentItems(
+      Array.isArray(formData[fieldId]) ? formData[fieldId] : []
+    ),
+    [fieldId, formData]
+  );
+  const valueRef = import_react18.default.useRef(value);
   const disabled = behavior === "DISABLED";
+  import_react18.default.useEffect(() => {
+    valueRef.current = value;
+  }, [value]);
   const setValue = (items) => {
-    setFieldValue(fieldId, items);
-    onChange?.(items);
-  };
-  const handleChange = (info) => {
-    const fileList2 = info.fileList ?? [];
-    const items = fileList2.map((f) => {
-      if (f.uid === void 0 && f.name === void 0 && f.url === void 0 && f.thumbUrl === void 0 && !f.response) {
-        return { url: "", name: "", id: "" };
-      }
-      return normalizeAttachmentItem({
-        url: f.url ?? f.thumbUrl ?? f.response?.url ?? "",
-        previewUrl: f.previewUrl ?? f.thumbUrl ?? f.response?.previewUrl,
-        name: f.name,
-        id: f.uid ?? f.response?.id,
-        uid: f.uid ?? f.response?.uid,
-        status: f.status,
-        percent: f.percent,
-        objectName: f.objectName ?? f.response?.objectName,
-        bucketName: f.bucketName ?? f.response?.bucketName,
-        size: f.size ?? f.response?.size,
-        contentType: f.type ?? f.response?.contentType
-      });
+    const nextItems = dedupeAttachmentItems(items).slice(0, maxCount ?? Infinity);
+    valueRef.current = nextItems;
+    setFieldValue(fieldId, nextItems);
+    onChange?.(nextItems);
+  };
+  const replaceItem = (target, nextItem) => {
+    const targetKeys = new Set(
+      [target.id, target.uid, target.objectName, getAttachmentItemIdentity(target)].filter(Boolean)
+    );
+    let replaced = false;
+    const nextItems = valueRef.current.map((item) => {
+      const currentKeys = [item.id, item.uid, item.objectName, getAttachmentItemIdentity(item)];
+      if (currentKeys.some((key) => key && targetKeys.has(key))) {
+        replaced = true;
+        return nextItem;
+      }
+      return item;
     });
-    setValue(items);
+    if (!replaced) nextItems.push(nextItem);
+    setValue(nextItems);
   };
   const handleRemove = (file) => {
-    const removed = value.find((item) => item.id === file.uid || item.uid === file.uid);
-    const newValue = value.filter((item) => item.id !== file.uid && item.uid !== file.uid);
+    const fileKey = String(file.uid || file.id || file.objectName || "");
+    const removed = valueRef.current.find(
+      (item) => item.id === fileKey || item.uid === fileKey || item.objectName === fileKey
+    );
+    const newValue = valueRef.current.filter(
+      (item) => item.id !== fileKey && item.uid !== fileKey && item.objectName !== fileKey
+    );
     setValue(newValue);
     if (removed?.objectName) {
       api.deleteFile(removed.objectName, removed.bucketName || bucketName).catch(() => void 0);
     }
   };
   const handlePreview = async (file) => {
-    const item = value.find((current) => current.id === file.uid || current.uid === file.uid);
+    const item = valueRef.current.find(
+      (current) => current.id === file.uid || current.uid === file.uid || current.objectName === file.uid
+    );
     let url = item?.previewUrl || item?.url || file.url || file.thumbUrl;
     if (item?.objectName) {
       const ticket = await api.createFileAccessTicket(
@@ -2119,15 +2192,22 @@ function ImageFieldPC({
     }
     if (url) window.open(url, "_blank", "noopener,noreferrer");
   };
-  const fileList = value.map((item) => ({
-    uid: item.id,
-    name: item.name,
-    url: item.url,
-    thumbUrl: item.url,
-    status: item.status ?? "done",
-    percent: item.percent
-  }));
+  const handleDownload = async (item) => {
+    let url = item.downloadUrl || item.url;
+    if (item.objectName) {
+      const ticket = await api.createDownloadTicket(
+        item.bucketName || bucketName,
+        item.objectName,
+        item.name
+      );
+      url = typeof ticket === "string" ? ticket : ticket?.downloadUrl || ticket?.relayUrl || ticket?.url || url;
+    }
+    if (url) window.open(url, "_blank", "noopener,noreferrer");
+  };
   const beforeUpload = (file) => {
+    if (maxCount && valueRef.current.length >= maxCount) {
+      return false;
+    }
     if (!String(file.type || "").startsWith("image/") && !/\.(png|jpe?g|gif|bmp|svg|webp)$/i.test(file.name)) {
       return false;
     }
@@ -2139,26 +2219,27 @@ function ImageFieldPC({
   const customRequest = async ({ file, onProgress, onSuccess, onError }) => {
     const currentFile = file;
     const localItem = createLocalItem2(currentFile);
-    const nextValue = multiple ? [...value, localItem].slice(0, maxCount ?? Infinity) : [localItem];
+    const currentValue = valueRef.current.filter(
+      (item) => item.id !== localItem.id && item.uid !== localItem.uid
+    );
+    const nextValue = multiple ? [...currentValue, localItem] : [localItem];
     setValue(nextValue);
     try {
       const uploaded = await api.uploadFile(currentFile, bucketName, (percent) => {
         onProgress?.({ percent });
-        setValue(
-          nextValue.map(
-            (item) => item.id === localItem.id ? { ...item, percent, status: "uploading" } : item
-          )
-        );
+        replaceItem(localItem, { ...localItem, percent, status: "uploading" });
       });
-      const completed = normalizeAttachmentItem({
-        ...uploaded,
-        id: uploaded.id || localItem.id,
-        uid: uploaded.uid || localItem.uid,
-        url: uploaded.previewUrl || uploaded.url || localItem.url,
-        status: "done",
-        percent: 100
-      });
-      setValue(nextValue.map((item) => item.id === localItem.id ? completed : item));
+      const completed = normalizeAttachmentItem(
+        {
+          ...uploaded,
+          url: uploaded.previewUrl || uploaded.url || localItem.url,
+          previewUrl: uploaded.previewUrl || uploaded.url || localItem.url,
+          status: "done",
+          percent: 100
+        },
+        localItem
+      );
+      replaceItem(localItem, completed);
       onSuccess?.(completed);
     } catch (error) {
       const failed = {
@@ -2166,7 +2247,7 @@ function ImageFieldPC({
         status: "error",
         error: error?.message || "\u4E0A\u4F20\u5931\u8D25"
       };
-      setValue(nextValue.map((item) => item.id === localItem.id ? failed : item));
+      replaceItem(localItem, failed);
       onError?.(error);
     }
   };
@@ -2176,42 +2257,74 @@ function ImageFieldPC({
       {
         "data-testid": `imagefield-input-${fieldId}`,
         listType,
-        fileList,
+        fileList: [],
         customRequest,
         accept: accept ?? "image/*",
         maxCount,
         multiple,
         disabled,
-        showUploadList: {
-          showPreviewIcon,
-          showRemoveIcon,
-          showDownloadIcon
-        },
-        onChange: handleChange,
+        showUploadList: false,
         onRemove: handleRemove,
         onPreview: handlePreview,
         beforeUpload,
         children: (!maxCount || value.length < maxCount) && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { "data-testid": `imagefield-upload-btn-${fieldId}`, children: "+ \u4E0A\u4F20\u56FE\u7247" })
       }
     ),
-    value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "sy-image-grid", "data-testid": `imagefield-rich-grid-${fieldId}`, children: value.map((item) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-      "button",
-      {
-        type: "button",
-        className: "sy-image-thumb",
-        disabled: item.status !== "done",
-        onClick: () => handlePreview({
-          uid: item.uid || item.id,
-          url: item.url,
-          thumbUrl: item.previewUrl
-        }),
-        children: item.url || item.previewUrl ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("img", { src: item.previewUrl || item.url, alt: item.name }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { children: [
-          Math.round(item.percent ?? 0),
-          "%"
-        ] })
-      },
-      item.id || item.uid || item.name
-    )) })
+    value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "sy-image-grid", "data-testid": `imagefield-rich-grid-${fieldId}`, children: value.map((item, index) => {
+      const itemKey = getAttachmentItemIdentity(item) || `${fieldId}-image-${String(index)}`;
+      const canAct = item.status === "done";
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+        "div",
+        {
+          className: "sy-image-thumb",
+          "data-testid": `imagefield-thumb-${itemKey}`,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "sy-image-preview",
+                disabled: !canAct && !(item.previewUrl || item.url),
+                onClick: () => handlePreview({
+                  uid: item.uid || item.id,
+                  url: item.url,
+                  thumbUrl: item.previewUrl
+                }),
+                children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ImageThumbContent, { item })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "sy-image-actions", children: [
+              showPreviewIcon && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                "button",
+                {
+                  type: "button",
+                  disabled: !canAct,
+                  onClick: () => handlePreview({
+                    uid: item.uid || item.id,
+                    url: item.url,
+                    thumbUrl: item.previewUrl
+                  }),
+                  children: "\u9884\u89C8"
+                }
+              ),
+              showDownloadIcon && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("button", { type: "button", disabled: !canAct, onClick: () => handleDownload(item), children: "\u4E0B\u8F7D" }),
+              showRemoveIcon && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                "button",
+                {
+                  type: "button",
+                  disabled,
+                  onClick: () => handleRemove({ uid: item.uid || item.id }),
+                  "data-testid": `remove-btn-${itemKey}`,
+                  children: "\u5220\u9664"
+                }
+              )
+            ] }),
+            canAct && item.size ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "sy-image-meta", children: formatFileSize(item.size) }) : null
+          ]
+        },
+        `${itemKey}-${index}`
+      );
+    }) })
   ] });
 }
 
@@ -2424,7 +2537,7 @@ function ImageField(props) {
   const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
   const { isMobile } = useDeviceDetect();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
-  (0, import_react17.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -2449,10 +2562,10 @@ function ImageField(props) {
 }
 
 // src/fields/SubFormField/index.tsx
-var import_react19 = require("react");
+var import_react21 = require("react");
 
 // src/fields/SubFormField/SubFormCell.tsx
-var import_react18 = require("react");
+var import_react20 = require("react");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var stringifyFallbackValue = (value) => {
   if (value === void 0 || value === null) return "";
@@ -2473,7 +2586,7 @@ function SubFormCell({
   const scopedFieldId = `${parentFieldId}.${rowIndex}.${column.fieldId}`;
   const cellValue = row[column.fieldId];
   const resolvedBehavior = behavior ?? "NORMAL";
-  const childContext = (0, import_react18.useMemo)(
+  const childContext = (0, import_react20.useMemo)(
     () => ({
       ...parentContext,
       formData: {
@@ -2765,7 +2878,7 @@ function SubFormField(props) {
   const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
   const { isMobile } = useDeviceDetect();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
-  (0, import_react19.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -2790,20 +2903,20 @@ function SubFormField(props) {
 }
 
 // src/fields/UserSelectField/index.tsx
-var import_react24 = require("react");
+var import_react26 = require("react");
 
 // src/fields/UserSelectField/UserSelectFieldPC.tsx
-var import_react22 = require("react");
+var import_react24 = require("react");
 var import_antd13 = require("antd");
 
 // src/fields/shared/UserPicker.tsx
-var import_react21 = require("react");
+var import_react23 = require("react");
 var import_antd12 = require("antd");
 var import_icons = require("@ant-design/icons");
 var MobileAntd2 = __toESM(require("antd-mobile"));
 
 // src/fields/shared/useLazyDepartmentTree.ts
-var import_react20 = require("react");
+var import_react22 = require("react");
 var toLazyNode = (node) => {
   const normalized = normalizeDepartmentNode(node);
   const id = getDepartmentId(normalized);
@@ -2853,15 +2966,15 @@ function buildIndexes(nodes) {
   return { nodeMap, parentMap, flatNodes };
 }
 function useLazyDepartmentTree(api, configuredTreeData) {
-  const [treeData, setTreeDataState] = (0, import_react20.useState)(
+  const [treeData, setTreeDataState] = (0, import_react22.useState)(
     () => (configuredTreeData || []).map(toLazyNode)
   );
-  const [treeLoading, setTreeLoading] = (0, import_react20.useState)(false);
-  const treeDataRef = (0, import_react20.useRef)(treeData);
-  const rootsLoadedRef = (0, import_react20.useRef)(Boolean(configuredTreeData?.length));
-  const rootPromiseRef = (0, import_react20.useRef)(null);
-  const childPromiseRef = (0, import_react20.useRef)({});
-  const setTreeData = (0, import_react20.useCallback)(
+  const [treeLoading, setTreeLoading] = (0, import_react22.useState)(false);
+  const treeDataRef = (0, import_react22.useRef)(treeData);
+  const rootsLoadedRef = (0, import_react22.useRef)(Boolean(configuredTreeData?.length));
+  const rootPromiseRef = (0, import_react22.useRef)(null);
+  const childPromiseRef = (0, import_react22.useRef)({});
+  const setTreeData = (0, import_react22.useCallback)(
     (next) => {
       const resolved = typeof next === "function" ? next(treeDataRef.current) : next;
       treeDataRef.current = resolved;
@@ -2870,13 +2983,13 @@ function useLazyDepartmentTree(api, configuredTreeData) {
     },
     []
   );
-  (0, import_react20.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (!configuredTreeData) return;
     const next = configuredTreeData.map(toLazyNode);
     rootsLoadedRef.current = next.length > 0;
     setTreeData(next);
   }, [configuredTreeData, setTreeData]);
-  const loadRootDepartments = (0, import_react20.useCallback)(async () => {
+  const loadRootDepartments = (0, import_react22.useCallback)(async () => {
     if (rootsLoadedRef.current) return treeDataRef.current;
     if (rootPromiseRef.current) return rootPromiseRef.current;
     setTreeLoading(true);
@@ -2892,7 +3005,7 @@ function useLazyDepartmentTree(api, configuredTreeData) {
     rootPromiseRef.current = promise;
     return promise;
   }, [api, setTreeData]);
-  const loadChildren = (0, import_react20.useCallback)(
+  const loadChildren = (0, import_react22.useCallback)(
     async (parentId) => {
       const id = String(parentId || "");
       if (!id) return [];
@@ -2913,8 +3026,8 @@ function useLazyDepartmentTree(api, configuredTreeData) {
     },
     [api, setTreeData]
   );
-  const indexes = (0, import_react20.useMemo)(() => buildIndexes(treeData), [treeData]);
-  (0, import_react20.useEffect)(() => {
+  const indexes = (0, import_react22.useMemo)(() => buildIndexes(treeData), [treeData]);
+  (0, import_react22.useEffect)(() => {
     void loadRootDepartments();
   }, [loadRootDepartments]);
   return {
@@ -2957,25 +3070,25 @@ function UserPickerPanel({
     flatNodes,
     loadChildren
   } = useLazyDepartmentTree(api, treeData);
-  const [departmentKeyword, setDepartmentKeyword] = (0, import_react21.useState)("");
-  const [memberKeyword, setMemberKeyword] = (0, import_react21.useState)("");
-  const [mobileKeyword, setMobileKeyword] = (0, import_react21.useState)("");
-  const [currentDeptId, setCurrentDeptId] = (0, import_react21.useState)("");
-  const [expandedKeys, setExpandedKeys] = (0, import_react21.useState)([]);
-  const [members, setMembers] = (0, import_react21.useState)(() => normalizeUsers(dataSource));
-  const [loading, setLoading] = (0, import_react21.useState)(false);
-  const [selected, setSelected] = (0, import_react21.useState)(() => normalizeUsers(value));
+  const [departmentKeyword, setDepartmentKeyword] = (0, import_react23.useState)("");
+  const [memberKeyword, setMemberKeyword] = (0, import_react23.useState)("");
+  const [mobileKeyword, setMobileKeyword] = (0, import_react23.useState)("");
+  const [currentDeptId, setCurrentDeptId] = (0, import_react23.useState)("");
+  const [expandedKeys, setExpandedKeys] = (0, import_react23.useState)([]);
+  const [members, setMembers] = (0, import_react23.useState)(() => normalizeUsers(dataSource));
+  const [loading, setLoading] = (0, import_react23.useState)(false);
+  const [selected, setSelected] = (0, import_react23.useState)(() => normalizeUsers(value));
   const selectedIds = selected.map(getUserId);
   const MobileSearchBar = getMobileComponent("SearchBar");
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (dataSource?.length) setMembers(normalizeUsers(dataSource));
   }, [dataSource]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (currentDeptId || deptTreeData.length === 0) return;
     setCurrentDeptId(getDepartmentId(deptTreeData[0]));
     setExpandedKeys(deptTreeData.map((node) => getDepartmentId(node)));
   }, [currentDeptId, deptTreeData]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     let active = true;
     const keyword = (mobile ? mobileKeyword : memberKeyword).trim();
     if (dataSource?.length) {
@@ -3006,7 +3119,7 @@ function UserPickerPanel({
       clearTimeout(timer);
     };
   }, [api, currentDeptId, dataSource, memberKeyword, mobile, mobileKeyword]);
-  const currentPath = (0, import_react21.useMemo)(() => {
+  const currentPath = (0, import_react23.useMemo)(() => {
     if (!currentDeptId) return [];
     const path = [];
     let cursor = currentDeptId;
@@ -3018,7 +3131,7 @@ function UserPickerPanel({
     }
     return path;
   }, [currentDeptId, nodeMap, parentMap]);
-  const mobileDepartments = (0, import_react21.useMemo)(() => {
+  const mobileDepartments = (0, import_react23.useMemo)(() => {
     const keyword = mobileKeyword.trim().toLowerCase();
     if (keyword) {
       return flatNodes.filter((item) => item.name.toLowerCase().includes(keyword)).map((item) => item.node);
@@ -3242,12 +3355,12 @@ function UserSelectFieldPC({
   const { formData, setFieldValue, api } = useFormContext();
   const value = formData[fieldId] ?? [];
   const disabled = behavior === "DISABLED";
-  const [optionsSource, setOptionsSource] = (0, import_react22.useState)(
+  const [optionsSource, setOptionsSource] = (0, import_react24.useState)(
     () => dataSource.map(normalizeUser)
   );
-  const [loading, setLoading] = (0, import_react22.useState)(false);
-  const [pickerOpen, setPickerOpen] = (0, import_react22.useState)(false);
-  (0, import_react22.useEffect)(() => {
+  const [loading, setLoading] = (0, import_react24.useState)(false);
+  const [pickerOpen, setPickerOpen] = (0, import_react24.useState)(false);
+  (0, import_react24.useEffect)(() => {
     if (dataSource.length) {
       setOptionsSource(dataSource.map(normalizeUser));
     }
@@ -3264,7 +3377,7 @@ function UserSelectFieldPC({
       setLoading(false);
     }
   };
-  (0, import_react22.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     fetchUsers();
   }, []);
   const handleChange = (selectedIds) => {
@@ -3289,7 +3402,7 @@ function UserSelectFieldPC({
     setFieldValue(fieldId, normalized);
     onChange?.(normalized);
   };
-  const options = (0, import_react22.useMemo)(
+  const options = (0, import_react24.useMemo)(
     () => optionsSource.map((u) => ({
       value: getUserId(u),
       label: getUserName(u)
@@ -3349,7 +3462,7 @@ function UserSelectFieldPC({
 }
 
 // src/fields/UserSelectField/UserSelectFieldMobile.tsx
-var import_react23 = require("react");
+var import_react25 = require("react");
 var MobileAntd3 = __toESM(require("antd-mobile"));
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var getMobilePopup = () => {
@@ -3372,11 +3485,11 @@ function UserSelectFieldMobile({
   const { formData, setFieldValue, api } = useFormContext();
   const value = formData[fieldId] ?? [];
   const disabled = behavior === "DISABLED";
-  const [showPicker, setShowPicker] = (0, import_react23.useState)(false);
-  const [optionsSource, setOptionsSource] = (0, import_react23.useState)(
+  const [showPicker, setShowPicker] = (0, import_react25.useState)(false);
+  const [optionsSource, setOptionsSource] = (0, import_react25.useState)(
     () => dataSource.map(normalizeUser)
   );
-  (0, import_react23.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (dataSource.length) {
       setOptionsSource(dataSource.map(normalizeUser));
     }
@@ -3486,7 +3599,7 @@ function UserSelectField(props) {
   const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
   const { isMobile } = useDeviceDetect();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
-  (0, import_react24.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -3511,14 +3624,14 @@ function UserSelectField(props) {
 }
 
 // src/fields/DepartmentSelectField/index.tsx
-var import_react28 = require("react");
+var import_react30 = require("react");
 
 // src/fields/DepartmentSelectField/DepartmentSelectFieldPC.tsx
-var import_react26 = require("react");
+var import_react28 = require("react");
 var import_antd15 = require("antd");
 
 // src/fields/shared/DepartmentPicker.tsx
-var import_react25 = require("react");
+var import_react27 = require("react");
 var import_antd14 = require("antd");
 var import_icons2 = require("@ant-design/icons");
 var MobileAntd4 = __toESM(require("antd-mobile"));
@@ -3562,17 +3675,17 @@ function DepartmentPickerPanel({
     flatNodes,
     loadChildren
   } = useLazyDepartmentTree(api, treeData);
-  const [keyword, setKeyword] = (0, import_react25.useState)("");
-  const [selected, setSelected] = (0, import_react25.useState)(() => normalizeSelection(value));
-  const [expandedKeys, setExpandedKeys] = (0, import_react25.useState)([]);
-  const [currentDeptId, setCurrentDeptId] = (0, import_react25.useState)(null);
+  const [keyword, setKeyword] = (0, import_react27.useState)("");
+  const [selected, setSelected] = (0, import_react27.useState)(() => normalizeSelection(value));
+  const [expandedKeys, setExpandedKeys] = (0, import_react27.useState)([]);
+  const [currentDeptId, setCurrentDeptId] = (0, import_react27.useState)(null);
   const selectedIds = selected.map((item) => item.id);
   const MobileSearchBar = getMobileComponent2("SearchBar");
-  const filteredTreeData = (0, import_react25.useMemo)(
+  const filteredTreeData = (0, import_react27.useMemo)(
     () => matchSearch(loadedTreeData, keyword.trim()),
     [keyword, loadedTreeData]
   );
-  const currentPath = (0, import_react25.useMemo)(() => {
+  const currentPath = (0, import_react27.useMemo)(() => {
     if (!currentDeptId) return [];
     const path = [];
     let cursor = currentDeptId;
@@ -3584,7 +3697,7 @@ function DepartmentPickerPanel({
     }
     return path;
   }, [currentDeptId, nodeMap, parentMap]);
-  const mobileList = (0, import_react25.useMemo)(() => {
+  const mobileList = (0, import_react27.useMemo)(() => {
     if (keyword.trim()) {
       const lower = keyword.trim().toLowerCase();
       return flatNodes.filter((item) => item.name.toLowerCase().includes(lower)).map((item) => item.node);
@@ -3802,10 +3915,10 @@ function DepartmentSelectFieldPC({
   const value = formData[fieldId] ?? [];
   const disabled = behavior === "DISABLED";
   const configuredTreeData = treeData ?? EMPTY_TREE_DATA;
-  const remoteLoadedRef = (0, import_react26.useRef)(false);
-  const [loadedTreeData, setLoadedTreeData] = (0, import_react26.useState)(configuredTreeData);
-  const [pickerOpen, setPickerOpen] = (0, import_react26.useState)(false);
-  (0, import_react26.useEffect)(() => {
+  const remoteLoadedRef = (0, import_react28.useRef)(false);
+  const [loadedTreeData, setLoadedTreeData] = (0, import_react28.useState)(configuredTreeData);
+  const [pickerOpen, setPickerOpen] = (0, import_react28.useState)(false);
+  (0, import_react28.useEffect)(() => {
     if (configuredTreeData.length) {
       setLoadedTreeData(configuredTreeData.map(normalizeDepartmentNode));
       return;
@@ -3894,7 +4007,7 @@ function DepartmentSelectFieldPC({
 }
 
 // src/fields/DepartmentSelectField/DepartmentSelectFieldMobile.tsx
-var import_react27 = require("react");
+var import_react29 = require("react");
 var MobileAntd5 = __toESM(require("antd-mobile"));
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var EMPTY_TREE_DATA2 = [];
@@ -3917,11 +4030,11 @@ function DepartmentSelectFieldMobile({
   const { formData, setFieldValue, api } = useFormContext();
   const value = formData[fieldId] ?? [];
   const disabled = behavior === "DISABLED";
-  const [showPicker, setShowPicker] = (0, import_react27.useState)(false);
+  const [showPicker, setShowPicker] = (0, import_react29.useState)(false);
   const configuredTreeData = treeData ?? EMPTY_TREE_DATA2;
-  const remoteLoadedRef = (0, import_react27.useRef)(false);
-  const [loadedTreeData, setLoadedTreeData] = (0, import_react27.useState)(configuredTreeData);
-  (0, import_react27.useEffect)(() => {
+  const remoteLoadedRef = (0, import_react29.useRef)(false);
+  const [loadedTreeData, setLoadedTreeData] = (0, import_react29.useState)(configuredTreeData);
+  (0, import_react29.useEffect)(() => {
     if (configuredTreeData.length) {
       setLoadedTreeData(configuredTreeData.map(normalizeDepartmentNode));
     }
@@ -4036,7 +4149,7 @@ function DepartmentSelectField(props) {
   const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
   const { isMobile } = useDeviceDetect();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
-  (0, import_react28.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -4061,7 +4174,7 @@ function DepartmentSelectField(props) {
 }
 
 // src/fields/CascadeSelectField/index.tsx
-var import_react29 = require("react");
+var import_react31 = require("react");
 var import_antd16 = require("antd");
 var import_jsx_runtime61 = require("react/jsx-runtime");
 var toValuePath = (value, multiple) => {
@@ -4100,7 +4213,7 @@ function CascadeSelectField(props) {
   const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField } = useFormContext();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
   const value = formData[fieldId] ?? (multiple ? [] : []);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -4153,7 +4266,7 @@ function CascadeSelectField(props) {
 }
 
 // src/fields/AddressField/index.tsx
-var import_react30 = require("react");
+var import_react32 = require("react");
 var import_antd17 = require("antd");
 var MobileAntd6 = __toESM(require("antd-mobile"));
 var import_jsx_runtime62 = require("react/jsx-runtime");
@@ -4205,19 +4318,19 @@ function AddressField(props) {
   const { isMobile } = useDeviceDetect();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
   const value = formData[fieldId];
-  const [options, setOptions] = (0, import_react30.useState)([]);
-  const [loadingRoots, setLoadingRoots] = (0, import_react30.useState)(false);
-  const [mobileOpen, setMobileOpen] = (0, import_react30.useState)(false);
-  const [mobileLevelIndex, setMobileLevelIndex] = (0, import_react30.useState)(0);
-  const [mobileOptions, setMobileOptions] = (0, import_react30.useState)([]);
-  const [mobileLoading, setMobileLoading] = (0, import_react30.useState)(false);
-  const [tempValue, setTempValue] = (0, import_react30.useState)();
+  const [options, setOptions] = (0, import_react32.useState)([]);
+  const [loadingRoots, setLoadingRoots] = (0, import_react32.useState)(false);
+  const [mobileOpen, setMobileOpen] = (0, import_react32.useState)(false);
+  const [mobileLevelIndex, setMobileLevelIndex] = (0, import_react32.useState)(0);
+  const [mobileOptions, setMobileOptions] = (0, import_react32.useState)([]);
+  const [mobileLoading, setMobileLoading] = (0, import_react32.useState)(false);
+  const [tempValue, setTempValue] = (0, import_react32.useState)();
   const depth = modeDepth(mode);
-  const levels = (0, import_react30.useMemo)(() => activeLevels(mode), [mode]);
+  const levels = (0, import_react32.useMemo)(() => activeLevels(mode), [mode]);
   const detailEnabled = mode === "province-city-district-street-detail";
   const disabled = behavior === "DISABLED";
   const MobilePopup = getMobileComponent3("Popup");
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -4228,11 +4341,11 @@ function AddressField(props) {
     const list = await api.getChinaDivisions(parentAdcode);
     return list.map((item) => normalizeDivision(item, level, depth, index));
   };
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     setLoadingRoots(true);
     loadDivisions(void 0, "province", 0).then(setOptions).finally(() => setLoadingRoots(false));
   }, [api, depth]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (!mobileOpen) return;
     const level = levels[mobileLevelIndex] || "province";
     const parentLevel = levels[mobileLevelIndex - 1];
@@ -4401,7 +4514,7 @@ function AddressField(props) {
 }
 
 // src/fields/AssociationFormField/index.tsx
-var import_react31 = require("react");
+var import_react33 = require("react");
 var import_antd18 = require("antd");
 var import_jsx_runtime63 = require("react/jsx-runtime");
 var DEFAULT_PAGE_SIZE = 10;
@@ -4451,22 +4564,22 @@ function AssociationFormField(props) {
   const { isMobile } = useDeviceDetect();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
   const rawValue = formData[fieldId];
-  const value = (0, import_react31.useMemo)(() => normalizeValues(rawValue), [rawValue]);
+  const value = (0, import_react33.useMemo)(() => normalizeValues(rawValue), [rawValue]);
   const disabled = behavior === "DISABLED";
-  const [options, setOptions] = (0, import_react31.useState)([]);
-  const [selectLoading, setSelectLoading] = (0, import_react31.useState)(false);
-  const [selectorOpen, setSelectorOpen] = (0, import_react31.useState)(false);
-  const [tableLoading, setTableLoading] = (0, import_react31.useState)(false);
-  const [tableData, setTableData] = (0, import_react31.useState)([]);
-  const [keyword, setKeyword] = (0, import_react31.useState)("");
-  const [pagination, setPagination] = (0, import_react31.useState)({
+  const [options, setOptions] = (0, import_react33.useState)([]);
+  const [selectLoading, setSelectLoading] = (0, import_react33.useState)(false);
+  const [selectorOpen, setSelectorOpen] = (0, import_react33.useState)(false);
+  const [tableLoading, setTableLoading] = (0, import_react33.useState)(false);
+  const [tableData, setTableData] = (0, import_react33.useState)([]);
+  const [keyword, setKeyword] = (0, import_react33.useState)("");
+  const [pagination, setPagination] = (0, import_react33.useState)({
     current: 1,
     pageSize: DEFAULT_PAGE_SIZE,
     total: 0
   });
-  const [selectedRowKeys, setSelectedRowKeys] = (0, import_react31.useState)([]);
-  const [selectedRecords, setSelectedRecords] = (0, import_react31.useState)([]);
-  (0, import_react31.useEffect)(() => {
+  const [selectedRowKeys, setSelectedRowKeys] = (0, import_react33.useState)([]);
+  const [selectedRecords, setSelectedRecords] = (0, import_react33.useState)([]);
+  (0, import_react33.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, normalizeValues(defaultValue));
@@ -4474,7 +4587,7 @@ function AssociationFormField(props) {
     return () => unregisterField(fieldId);
   }, [fieldId]);
   const canQuery = Boolean(associationForm?.appType && associationForm?.formUuid);
-  const normalizeRecord = (0, import_react31.useCallback)(
+  const normalizeRecord = (0, import_react33.useCallback)(
     (record) => {
       const mainFieldValue = associationForm?.mainFieldId ? record?.[associationForm.mainFieldId] : void 0;
       const labelText = normalizeCellValue(mainFieldValue);
@@ -4487,7 +4600,7 @@ function AssociationFormField(props) {
     },
     [associationForm?.mainFieldId]
   );
-  const toValue = (0, import_react31.useCallback)(
+  const toValue = (0, import_react33.useCallback)(
     (record) => ({
       label: record.__associationLabel,
       value: record.__associationValue,
@@ -4495,7 +4608,7 @@ function AssociationFormField(props) {
     }),
     []
   );
-  const buildFilters = (0, import_react31.useCallback)(() => {
+  const buildFilters = (0, import_react33.useCallback)(() => {
     const rules = associationForm?.dataFilterRules || [];
     return rules.map((rule) => {
       if (!rule?.key) return null;
@@ -4509,7 +4622,7 @@ function AssociationFormField(props) {
       };
     }).filter(Boolean);
   }, [associationForm?.dataFilterRules, formData]);
-  const fetchRecords = (0, import_react31.useCallback)(
+  const fetchRecords = (0, import_react33.useCallback)(
     async (params) => {
       if (!canQuery) return { list: [], total: 0 };
       const filters = buildFilters();
@@ -4532,7 +4645,7 @@ function AssociationFormField(props) {
     },
     [api, associationForm, buildFilters, canQuery, normalizeRecord]
   );
-  const loadOptions = (0, import_react31.useCallback)(
+  const loadOptions = (0, import_react33.useCallback)(
     async (searchKeyWord) => {
       setSelectLoading(true);
       try {
@@ -4544,7 +4657,7 @@ function AssociationFormField(props) {
     },
     [fetchRecords, toValue]
   );
-  const loadTable = (0, import_react31.useCallback)(
+  const loadTable = (0, import_react33.useCallback)(
     async (next) => {
       setTableLoading(true);
       const current = next?.current || 1;
@@ -4563,10 +4676,10 @@ function AssociationFormField(props) {
     },
     [fetchRecords, keyword, pagination.pageSize]
   );
-  (0, import_react31.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     void loadOptions();
   }, [loadOptions]);
-  (0, import_react31.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     setSelectedRowKeys(value.map((item) => item.value));
     setSelectedRecords(
       value.map(
@@ -4574,7 +4687,7 @@ function AssociationFormField(props) {
       ).filter(Boolean)
     );
   }, [normalizeRecord, value]);
-  const applyDataFilling = (0, import_react31.useCallback)(
+  const applyDataFilling = (0, import_react33.useCallback)(
     (next) => {
       if (!associationForm?.dataFillingEnabled && !associationForm?.dataFillingRules?.mainRules) {
         return;
@@ -4588,7 +4701,7 @@ function AssociationFormField(props) {
     },
     [associationForm?.dataFillingEnabled, associationForm?.dataFillingRules, setFieldValue]
   );
-  const commitSelection = (0, import_react31.useCallback)(
+  const commitSelection = (0, import_react33.useCallback)(
     (next) => {
       const normalized = multiple ? next : next.slice(0, 1);
       setFieldValue(fieldId, normalized);
@@ -4597,7 +4710,7 @@ function AssociationFormField(props) {
     },
     [applyDataFilling, fieldId, multiple, onChange, setFieldValue]
   );
-  const selectorColumns = (0, import_react31.useMemo)(() => {
+  const selectorColumns = (0, import_react33.useMemo)(() => {
     const configured = associationForm?.selectorColumns || [];
     if (configured.length) {
       return configured.map((column) => {
@@ -4632,7 +4745,7 @@ function AssociationFormField(props) {
       }
     ];
   }, [associationForm?.mainFieldId, associationForm?.selectorColumns]);
-  const selectOptions = (0, import_react31.useMemo)(
+  const selectOptions = (0, import_react33.useMemo)(
     () => [...options, ...value].filter(
       (item, index, list) => list.findIndex((candidate) => candidate.value === item.value) === index
     ).map((item) => ({ label: item.label, value: item.value })),
@@ -4840,8 +4953,8 @@ function AssociationFormField(props) {
 }
 
 // src/fields/EditorField/index.tsx
-var import_react32 = require("react");
-var import_react33 = require("@tiptap/react");
+var import_react34 = require("react");
+var import_react35 = require("@tiptap/react");
 var import_starter_kit = __toESM(require("@tiptap/starter-kit"));
 var import_extension_image = __toESM(require("@tiptap/extension-image"));
 var import_extension_link = __toESM(require("@tiptap/extension-link"));
@@ -5162,19 +5275,19 @@ function EditorField(props) {
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
   const value = formData[fieldId] ?? "";
   const disabled = behavior === "DISABLED";
-  const inputRef = (0, import_react32.useRef)(null);
-  const [uploading, setUploading] = (0, import_react32.useState)(false);
-  const [uploadError, setUploadError] = (0, import_react32.useState)("");
-  const [charCount, setCharCount] = (0, import_react32.useState)(0);
-  (0, import_react32.useEffect)(() => {
+  const inputRef = (0, import_react34.useRef)(null);
+  const [uploading, setUploading] = (0, import_react34.useState)(false);
+  const [uploadError, setUploadError] = (0, import_react34.useState)("");
+  const [charCount, setCharCount] = (0, import_react34.useState)(0);
+  (0, import_react34.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
     }
     return () => unregisterField(fieldId);
   }, [fieldId]);
-  const actions = (0, import_react32.useMemo)(() => normalizeToolbarConfig(toolbarConfig), [toolbarConfig]);
-  const extensions = (0, import_react32.useMemo)(
+  const actions = (0, import_react34.useMemo)(() => normalizeToolbarConfig(toolbarConfig), [toolbarConfig]);
+  const extensions = (0, import_react34.useMemo)(
     () => [
       import_starter_kit.default.configure({
         heading: { levels: [1, 2, 3] }
@@ -5197,14 +5310,14 @@ function EditorField(props) {
     ],
     [placeholder]
   );
-  const updateHtml = (0, import_react32.useCallback)(
+  const updateHtml = (0, import_react34.useCallback)(
     (next) => {
       setFieldValue(fieldId, next);
       onChange?.(next);
     },
     [fieldId, onChange, setFieldValue]
   );
-  const editor = (0, import_react33.useEditor)(
+  const editor = (0, import_react35.useEditor)(
     {
       extensions,
       content: value || "",
@@ -5227,11 +5340,11 @@ function EditorField(props) {
     },
     [fieldId, extensions, disabled, maxLength, updateHtml]
   );
-  (0, import_react32.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (!editor) return;
     editor.setEditable(!disabled);
   }, [disabled, editor]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (!editor) return;
     const currentHtml = editor.isEmpty ? "" : editor.getHTML();
     if ((value || "") !== currentHtml) {
@@ -5239,7 +5352,7 @@ function EditorField(props) {
       setCharCount(editor.getText().length);
     }
   }, [editor, value]);
-  const insertImageFiles = (0, import_react32.useCallback)(
+  const insertImageFiles = (0, import_react34.useCallback)(
     async (files) => {
       if (!editor || disabled || files.length === 0) return;
       const validFiles = files.filter((file) => {
@@ -5322,7 +5435,7 @@ function EditorField(props) {
                   void insertImageFiles(files);
                 }
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react33.EditorContent, { editor })
+              children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react35.EditorContent, { editor })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
@@ -5355,7 +5468,7 @@ function EditorField(props) {
 }
 
 // src/fields/SerialNumberField/index.tsx
-var import_react34 = require("react");
+var import_react36 = require("react");
 var import_antd19 = require("antd");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 function SerialNumberField(props) {
@@ -5375,7 +5488,7 @@ function SerialNumberField(props) {
   const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField } = useFormContext();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "READONLY";
   const value = formData[fieldId] ?? "";
-  (0, import_react34.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -5417,7 +5530,7 @@ function SerialNumberField(props) {
 }
 
 // src/fields/LocationField/index.tsx
-var import_react35 = require("react");
+var import_react37 = require("react");
 var import_antd20 = require("antd");
 var import_jsx_runtime66 = require("react/jsx-runtime");
 var getDingTalkApi = () => {
@@ -5459,9 +5572,9 @@ function LocationField(props) {
   const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField, api } = useFormContext();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
   const value = formData[fieldId];
-  const [locating, setLocating] = (0, import_react35.useState)(false);
-  const [error, setError] = (0, import_react35.useState)("");
-  (0, import_react35.useEffect)(() => {
+  const [locating, setLocating] = (0, import_react37.useState)(false);
+  const [error, setError] = (0, import_react37.useState)("");
+  (0, import_react37.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -5602,7 +5715,7 @@ function LocationField(props) {
 }
 
 // src/fields/DigitalSignatureField/index.tsx
-var import_react36 = require("react");
+var import_react38 = require("react");
 var import_antd21 = require("antd");
 var import_jsx_runtime67 = require("react/jsx-runtime");
 var CANVAS_HEIGHT = 260;
@@ -5636,21 +5749,21 @@ function DigitalSignatureField(props) {
   const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField, api } = useFormContext();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
   const value = formData[fieldId];
-  const [open, setOpen] = (0, import_react36.useState)(false);
-  const [saving, setSaving] = (0, import_react36.useState)(false);
-  const [drawn, setDrawn] = (0, import_react36.useState)(false);
-  const [error, setError] = (0, import_react36.useState)("");
-  const canvasRef = (0, import_react36.useRef)(null);
-  const drawingRef = (0, import_react36.useRef)(false);
-  const pointsRef = (0, import_react36.useRef)([]);
-  (0, import_react36.useEffect)(() => {
+  const [open, setOpen] = (0, import_react38.useState)(false);
+  const [saving, setSaving] = (0, import_react38.useState)(false);
+  const [drawn, setDrawn] = (0, import_react38.useState)(false);
+  const [error, setError] = (0, import_react38.useState)("");
+  const canvasRef = (0, import_react38.useRef)(null);
+  const drawingRef = (0, import_react38.useRef)(false);
+  const pointsRef = (0, import_react38.useRef)([]);
+  (0, import_react38.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
     }
     return () => unregisterField(fieldId);
   }, [fieldId]);
-  const prepareCanvas = (0, import_react36.useCallback)(() => {
+  const prepareCanvas = (0, import_react38.useCallback)(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const rect = canvas.getBoundingClientRect();
@@ -5670,7 +5783,7 @@ function DigitalSignatureField(props) {
     ctx.lineJoin = "round";
     ctx.strokeStyle = "#111827";
   }, []);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (!open) return;
     pointsRef.current = [];
     setDrawn(false);
@@ -5813,7 +5926,7 @@ function DigitalSignatureField(props) {
 }
 
 // src/fields/JSONField/index.tsx
-var import_react37 = require("react");
+var import_react39 = require("react");
 var import_jsx_runtime68 = require("react/jsx-runtime");
 var formatJson = (value) => {
   if (value === void 0 || value === null || value === "") return "--";
@@ -5840,7 +5953,7 @@ function JSONField(props) {
   const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField } = useFormContext();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "READONLY";
   const value = formData[fieldId];
-  (0, import_react37.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -6340,7 +6453,7 @@ function FormProvider({
   components,
   children
 }) {
-  const computedInitialValues = (0, import_react38.useMemo)(() => {
+  const computedInitialValues = (0, import_react40.useMemo)(() => {
     const values = {};
     for (const field of schema.fields) {
       if (field.defaultValue !== void 0) {
@@ -6349,12 +6462,12 @@ function FormProvider({
     }
     return { ...values, ...initialValues };
   }, [schema, initialValues]);
-  const initialValuesRef = (0, import_react38.useRef)(computedInitialValues);
-  const [formData, setFormData] = (0, import_react38.useState)({ ...computedInitialValues });
-  const [fieldErrors, setFieldErrors] = (0, import_react38.useState)({});
-  const [registeredFields] = (0, import_react38.useState)(/* @__PURE__ */ new Set());
-  const api = (0, import_react38.useMemo)(() => createFormRuntimeApi(config.api), [config.api]);
-  const fieldBehaviors = (0, import_react38.useMemo)(() => {
+  const initialValuesRef = (0, import_react40.useRef)(computedInitialValues);
+  const [formData, setFormData] = (0, import_react40.useState)({ ...computedInitialValues });
+  const [fieldErrors, setFieldErrors] = (0, import_react40.useState)({});
+  const [registeredFields] = (0, import_react40.useState)(/* @__PURE__ */ new Set());
+  const api = (0, import_react40.useMemo)(() => createFormRuntimeApi(config.api), [config.api]);
+  const fieldBehaviors = (0, import_react40.useMemo)(() => {
     const baseBehaviors = {};
     for (const field of schema.fields) {
       baseBehaviors[field.fieldId] = field.behavior || "NORMAL";
@@ -6377,7 +6490,7 @@ function FormProvider({
     }
     return computed;
   }, [schema, config.effects, config.permissions, config.mode, formData]);
-  const setFieldValue = (0, import_react38.useCallback)((fieldId, value) => {
+  const setFieldValue = (0, import_react40.useCallback)((fieldId, value) => {
     setFormData((prev) => ({ ...prev, [fieldId]: value }));
     setFieldErrors((prev) => {
       if (prev[fieldId]) {
@@ -6388,9 +6501,9 @@ function FormProvider({
       return prev;
     });
   }, []);
-  const getFieldValue = (0, import_react38.useCallback)((fieldId) => formData[fieldId], [formData]);
-  const getFormData2 = (0, import_react38.useCallback)(() => ({ ...formData }), [formData]);
-  const validateFieldById = (0, import_react38.useCallback)(
+  const getFieldValue = (0, import_react40.useCallback)((fieldId) => formData[fieldId], [formData]);
+  const getFormData2 = (0, import_react40.useCallback)(() => ({ ...formData }), [formData]);
+  const validateFieldById = (0, import_react40.useCallback)(
     async (fieldId) => {
       const field = schema.fields.find((f) => f.fieldId === fieldId);
       if (!field) return true;
@@ -6415,7 +6528,7 @@ function FormProvider({
     },
     [schema, formData]
   );
-  const validateAll = (0, import_react38.useCallback)(async () => {
+  const validateAll = (0, import_react40.useCallback)(async () => {
     const fieldRules = {};
     for (const field of schema.fields) {
       const rules = [];
@@ -6433,23 +6546,23 @@ function FormProvider({
     setFieldErrors(errors);
     return Object.keys(errors).length === 0;
   }, [schema, formData]);
-  const resetForm = (0, import_react38.useCallback)(() => {
+  const resetForm = (0, import_react40.useCallback)(() => {
     setFormData({ ...initialValuesRef.current });
     setFieldErrors({});
   }, []);
-  const registerField = (0, import_react38.useCallback)(
+  const registerField = (0, import_react40.useCallback)(
     (fieldId) => {
       registeredFields.add(fieldId);
     },
     [registeredFields]
   );
-  const unregisterField = (0, import_react38.useCallback)(
+  const unregisterField = (0, import_react40.useCallback)(
     (fieldId) => {
       registeredFields.delete(fieldId);
     },
     [registeredFields]
   );
-  const contextValue = (0, import_react38.useMemo)(
+  const contextValue = (0, import_react40.useMemo)(
     () => ({
       mode: config.mode,
       schema,
@@ -6495,15 +6608,15 @@ function FormProvider({
     ]
   );
   const registryComponents = components ?? defaultComponentRegistry;
-  return import_react38.default.createElement(
+  return import_react40.default.createElement(
     FormContext.Provider,
     { value: contextValue },
-    import_react38.default.createElement(ComponentRegistryProvider, { components: registryComponents, children })
+    import_react40.default.createElement(ComponentRegistryProvider, { components: registryComponents, children })
   );
 }
 
 // src/core/FormRenderer.tsx
-var import_react39 = __toESM(require("react"));
+var import_react41 = __toESM(require("react"));
 var import_jsx_runtime69 = require("react/jsx-runtime");
 var columnsClassMap = {
   1: "sy-grid-cols-1",
@@ -6527,7 +6640,7 @@ function FieldRenderer({ field, fieldClassName }) {
     return null;
   }
   const { fieldId, componentName: _, ...fieldProps } = field;
-  return import_react39.default.createElement(Component, {
+  return import_react41.default.createElement(Component, {
     ...fieldProps,
     fieldId,
     className: fieldClassName ?? fieldProps.className
@@ -6547,7 +6660,7 @@ function FormRenderer({
 }
 
 // src/core/FormActions.tsx
-var import_react40 = require("react");
+var import_react42 = require("react");
 var import_antd22 = require("antd");
 var import_jsx_runtime70 = require("react/jsx-runtime");
 function FormActions({
@@ -6558,9 +6671,9 @@ function FormActions({
   onSubmit
 }) {
   const { mode, validateAll, getFormData: getFormData2, resetForm, api, config } = useFormContext();
-  const [isSubmitting, setIsSubmitting] = (0, import_react40.useState)(false);
-  const [submitError, setSubmitError] = (0, import_react40.useState)(null);
-  const handleSubmit = (0, import_react40.useCallback)(async () => {
+  const [isSubmitting, setIsSubmitting] = (0, import_react42.useState)(false);
+  const [submitError, setSubmitError] = (0, import_react42.useState)(null);
+  const handleSubmit = (0, import_react42.useCallback)(async () => {
     setSubmitError(null);
     const valid = await validateAll();
     if (!valid) return;
@@ -6596,7 +6709,7 @@ function FormActions({
       setIsSubmitting(false);
     }
   }, [api, config, getFormData2, mode, onSubmit, validateAll]);
-  const handleReset = (0, import_react40.useCallback)(() => {
+  const handleReset = (0, import_react42.useCallback)(() => {
     resetForm();
   }, [resetForm]);
   if (mode === "readonly") return null;
@@ -6712,12 +6825,13 @@ var normalizeProcessBasic = (value) => {
     processStatus: raw.processStatus ?? raw.status ?? instance.processStatus ?? instance.status,
     formUuid: raw.formUuid ?? instance.formUuid ?? instance.definition?.formUuid,
     appType: raw.appType ?? instance.appType ?? instance.definition?.appType,
-    title: raw.title ?? instance.title,
+    title: raw.title ?? instance.title ?? instance.instanceTitle,
     originatorId: raw.originatorId ?? instance.originatorId ?? instance.startedBy,
     originatorName: raw.originatorName ?? instance.originatorName ?? instance.startedByName,
     originatorDepartment: raw.originatorDepartment ?? instance.originatorDepartment ?? instance.startedDepartmentName,
     createdAt: raw.createdAt ?? instance.createdAt ?? instance.startedAt,
-    currentTask
+    currentTask,
+    isExecuting: raw.isExecuting ?? instance.isExecuting
   };
 };
 var normalizeApprovalPermission = (value) => {
@@ -6741,6 +6855,13 @@ var normalizeReturnableNodes = (value) => {
     nodeName: node?.nodeName || node?.name || node?.title || node?.id || ""
   }));
 };
+var normalizeReturnableNodeResult = (value) => {
+  const raw = value?.data || value || {};
+  return {
+    nodes: normalizeReturnableNodes(raw),
+    policy: raw?.policy || null
+  };
+};
 var normalizeProcessDefinition = (value) => {
   const raw = value?.definitionJson || value?.viewJson || value || {};
   const nodes = Array.isArray(raw.nodes) ? raw.nodes : [];
@@ -6827,11 +6948,15 @@ async function saveTask(request, params) {
   return response.data || response.result;
 }
 async function getReturnableNodes(request, taskId) {
+  const result = await getReturnableNodeResult(request, taskId);
+  return result.nodes;
+}
+async function getReturnableNodeResult(request, taskId) {
   const response = await request({
     url: `/workflow/task/${taskId}/returnable-nodes`,
     method: "get"
   });
-  return normalizeReturnableNodes(response.data || response.result);
+  return normalizeReturnableNodeResult(response.data || response.result);
 }
 async function previewProcess(request, params) {
   const response = await request({
@@ -7203,7 +7328,7 @@ async function getDataManagementTransferRecords(request, params) {
 }
 
 // src/layout/FormSection/index.tsx
-var import_react41 = require("react");
+var import_react43 = require("react");
 var import_jsx_runtime72 = require("react/jsx-runtime");
 function FormSection({
   title,
@@ -7215,7 +7340,7 @@ function FormSection({
   contentClassName,
   children
 }) {
-  const [collapsed, setCollapsed] = (0, import_react41.useState)(defaultCollapsed);
+  const [collapsed, setCollapsed] = (0, import_react43.useState)(defaultCollapsed);
   const handleToggle = () => {
     if (collapsible) {
       setCollapsed((prev) => !prev);
@@ -7283,10 +7408,10 @@ function FormGrid({ columns = 2, gap = 4, className, children }) {
 }
 
 // src/layout/FormTabs/index.tsx
-var import_react42 = require("react");
+var import_react44 = require("react");
 var import_jsx_runtime74 = require("react/jsx-runtime");
 function FormTabs({ items, defaultActiveKey, className, tabClassName }) {
-  const [activeKey, setActiveKey] = (0, import_react42.useState)(defaultActiveKey || items[0]?.key || "");
+  const [activeKey, setActiveKey] = (0, import_react44.useState)(defaultActiveKey || items[0]?.key || "");
   const activeItem = items.find((item) => item.key === activeKey);
   return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: className ?? "w-full", "data-testid": "form-tabs", children: [
     /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
@@ -7315,10 +7440,10 @@ function FormTabs({ items, defaultActiveKey, className, tabClassName }) {
 }
 
 // src/layout/FormSteps/index.tsx
-var import_react43 = __toESM(require("react"));
+var import_react45 = __toESM(require("react"));
 var import_jsx_runtime75 = require("react/jsx-runtime");
 function FormSteps({ items, className, onStepChange }) {
-  const [currentStep, setCurrentStep] = (0, import_react43.useState)(0);
+  const [currentStep, setCurrentStep] = (0, import_react45.useState)(0);
   const goTo = (step) => {
     setCurrentStep(step);
     onStepChange?.(step);
@@ -7334,7 +7459,7 @@ function FormSteps({ items, className, onStepChange }) {
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: className ?? "w-full", "data-testid": "form-steps", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "flex items-center mb-6", "data-testid": "form-steps-indicator", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_react43.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "flex items-center mb-6", "data-testid": "form-steps-indicator", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_react45.default.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center", children: [
         /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
           "div",
@@ -7426,9 +7551,9 @@ function FormSummary({
 }
 
 // src/hooks/useFormEngine.ts
-var import_react44 = require("react");
+var import_react46 = require("react");
 function useFormEngine(schema, config) {
-  const initialValues = (0, import_react44.useMemo)(() => {
+  const initialValues = (0, import_react46.useMemo)(() => {
     const values = {};
     for (const field of schema.fields) {
       if (field.defaultValue !== void 0) {
@@ -7437,10 +7562,10 @@ function useFormEngine(schema, config) {
     }
     return values;
   }, [schema]);
-  const initialValuesRef = (0, import_react44.useRef)(initialValues);
-  const [formData, setFormData] = (0, import_react44.useState)({ ...initialValues });
-  const [fieldErrors, setFieldErrors] = (0, import_react44.useState)({});
-  const fieldBehaviors = (0, import_react44.useMemo)(() => {
+  const initialValuesRef = (0, import_react46.useRef)(initialValues);
+  const [formData, setFormData] = (0, import_react46.useState)({ ...initialValues });
+  const [fieldErrors, setFieldErrors] = (0, import_react46.useState)({});
+  const fieldBehaviors = (0, import_react46.useMemo)(() => {
     const baseBehaviors = {};
     for (const field of schema.fields) {
       baseBehaviors[field.fieldId] = field.behavior || "NORMAL";
@@ -7463,7 +7588,7 @@ function useFormEngine(schema, config) {
     }
     return computed;
   }, [schema, config.effects, config.permissions, config.mode, formData]);
-  const setFieldValue = (0, import_react44.useCallback)((fieldId, value) => {
+  const setFieldValue = (0, import_react46.useCallback)((fieldId, value) => {
     setFormData((prev) => ({ ...prev, [fieldId]: value }));
     setFieldErrors((prev) => {
       if (prev[fieldId]) {
@@ -7474,9 +7599,9 @@ function useFormEngine(schema, config) {
       return prev;
     });
   }, []);
-  const getFieldValue = (0, import_react44.useCallback)((fieldId) => formData[fieldId], [formData]);
-  const getFormData2 = (0, import_react44.useCallback)(() => ({ ...formData }), [formData]);
-  const validateAll = (0, import_react44.useCallback)(async () => {
+  const getFieldValue = (0, import_react46.useCallback)((fieldId) => formData[fieldId], [formData]);
+  const getFormData2 = (0, import_react46.useCallback)(() => ({ ...formData }), [formData]);
+  const validateAll = (0, import_react46.useCallback)(async () => {
     const fieldRules = {};
     for (const field of schema.fields) {
       const rules = [];
@@ -7494,7 +7619,7 @@ function useFormEngine(schema, config) {
     setFieldErrors(errors);
     return Object.keys(errors).length === 0;
   }, [schema, formData]);
-  const resetForm = (0, import_react44.useCallback)(() => {
+  const resetForm = (0, import_react46.useCallback)(() => {
     setFormData({ ...initialValuesRef.current });
     setFieldErrors({});
   }, []);
@@ -7512,12 +7637,12 @@ function useFormEngine(schema, config) {
 }
 
 // src/hooks/useFormData.ts
-var import_react45 = require("react");
+var import_react47 = require("react");
 function useFormData(initialValues = {}) {
-  const [formData, setFormData] = (0, import_react45.useState)({ ...initialValues });
-  const [dirtyFields, setDirtyFields] = (0, import_react45.useState)(/* @__PURE__ */ new Set());
-  const initialValuesRef = (0, import_react45.useRef)(initialValues);
-  const setFieldValue = (0, import_react45.useCallback)((fieldId, value) => {
+  const [formData, setFormData] = (0, import_react47.useState)({ ...initialValues });
+  const [dirtyFields, setDirtyFields] = (0, import_react47.useState)(/* @__PURE__ */ new Set());
+  const initialValuesRef = (0, import_react47.useRef)(initialValues);
+  const setFieldValue = (0, import_react47.useCallback)((fieldId, value) => {
     setFormData((prev) => ({ ...prev, [fieldId]: value }));
     setDirtyFields((prev) => {
       const next = new Set(prev);
@@ -7525,16 +7650,16 @@ function useFormData(initialValues = {}) {
       return next;
     });
   }, []);
-  const getFieldValue = (0, import_react45.useCallback)(
+  const getFieldValue = (0, import_react47.useCallback)(
     (fieldId) => {
       return formData[fieldId];
     },
     [formData]
   );
-  const getFormData2 = (0, import_react45.useCallback)(() => {
+  const getFormData2 = (0, import_react47.useCallback)(() => {
     return { ...formData };
   }, [formData]);
-  const resetForm = (0, import_react45.useCallback)(() => {
+  const resetForm = (0, import_react47.useCallback)(() => {
     setFormData({ ...initialValuesRef.current });
     setDirtyFields(/* @__PURE__ */ new Set());
   }, []);
@@ -7549,7 +7674,7 @@ function useFormData(initialValues = {}) {
 }
 
 // src/hooks/useFieldBehavior.ts
-var import_react46 = require("react");
+var import_react48 = require("react");
 function useFieldBehavior({
   fieldId,
   permissions,
@@ -7557,7 +7682,7 @@ function useFieldBehavior({
   formData,
   defaultBehavior = "NORMAL"
 }) {
-  return (0, import_react46.useMemo)(() => {
+  return (0, import_react48.useMemo)(() => {
     if (permissions && permissions[fieldId]) {
       return permissions[fieldId];
     }
@@ -7571,11 +7696,11 @@ function useFieldBehavior({
 }
 
 // src/hooks/useFormSubmit.ts
-var import_react47 = require("react");
+var import_react49 = require("react");
 function useFormSubmit(config) {
-  const [isSubmitting, setIsSubmitting] = (0, import_react47.useState)(false);
-  const [submitError, setSubmitError] = (0, import_react47.useState)(null);
-  const submit = (0, import_react47.useCallback)(
+  const [isSubmitting, setIsSubmitting] = (0, import_react49.useState)(false);
+  const [submitError, setSubmitError] = (0, import_react49.useState)(null);
+  const submit = (0, import_react49.useCallback)(
     async (formData, validateFn) => {
       setSubmitError(null);
       const isValid = await validateFn();
@@ -7607,7 +7732,7 @@ function useFormSubmit(config) {
 }
 
 // src/hooks/useFieldPermission.ts
-var import_react48 = require("react");
+var import_react50 = require("react");
 
 // src/utils/permissions.ts
 var OPERATION_ALIASES = {
@@ -7680,7 +7805,7 @@ var normalizeFlowConfig = (config) => {
 };
 function useFieldPermission(options) {
   const { viewPermissions, processDefinition, currentTask, isApprover, mode } = options;
-  const computeBehaviors = (0, import_react48.useCallback)(() => {
+  const computeBehaviors = (0, import_react50.useCallback)(() => {
     const behaviors = {};
     if (!currentTask && viewPermissions) {
       return normalizeFieldBehaviors(viewPermissions, mode);
@@ -7725,12 +7850,12 @@ function useFieldPermission(options) {
     }
     return behaviors;
   }, [viewPermissions, processDefinition, currentTask, isApprover, mode]);
-  const fieldBehaviors = (0, import_react48.useMemo)(() => computeBehaviors(), [computeBehaviors]);
+  const fieldBehaviors = (0, import_react50.useMemo)(() => computeBehaviors(), [computeBehaviors]);
   return { fieldBehaviors, computeBehaviors };
 }
 
 // src/hooks/useFormDetail.ts
-var import_react49 = require("react");
+var import_react51 = require("react");
 
 // src/utils/formInstanceData.ts
 var FORM_INSTANCE_METADATA_KEYS = /* @__PURE__ */ new Set([
@@ -7889,24 +8014,24 @@ function useFormDetail(options) {
   const { formUuid, appType, formInstanceId, fieldIds, onPermissionDenied } = options;
   const { api } = useFormContext();
   const request = api.request;
-  const [loading, setLoading] = (0, import_react49.useState)(true);
-  const [mode, setMode] = (0, import_react49.useState)("readonly");
-  const [formData, setFormData] = (0, import_react49.useState)(null);
-  const [instanceInfo, setInstanceInfo] = (0, import_react49.useState)(null);
-  const [permissions, setPermissions] = (0, import_react49.useState)(null);
-  const mountedRef = (0, import_react49.useRef)(true);
-  const onPermissionDeniedRef = (0, import_react49.useRef)(onPermissionDenied);
+  const [loading, setLoading] = (0, import_react51.useState)(true);
+  const [mode, setMode] = (0, import_react51.useState)("readonly");
+  const [formData, setFormData] = (0, import_react51.useState)(null);
+  const [instanceInfo, setInstanceInfo] = (0, import_react51.useState)(null);
+  const [permissions, setPermissions] = (0, import_react51.useState)(null);
+  const mountedRef = (0, import_react51.useRef)(true);
+  const onPermissionDeniedRef = (0, import_react51.useRef)(onPermissionDenied);
   const fieldIdsKey = fieldIds?.join("
") ?? "";
-  (0, import_react49.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     onPermissionDeniedRef.current = onPermissionDenied;
   }, [onPermissionDenied]);
-  const loadData = (0, import_react49.useCallback)(async () => {
+  const loadData = (0, import_react51.useCallback)(async () => {
     if (!mountedRef.current) return;
     setLoading(true);
     try {
@@ -7941,21 +8066,21 @@ function useFormDetail(options) {
       }
     }
   }, [request, formUuid, appType, formInstanceId, fieldIdsKey]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     loadData();
   }, [loadData]);
   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 = (0, import_react49.useCallback)(() => {
+  const switchToEdit = (0, import_react51.useCallback)(() => {
     setMode("edit");
     loadData();
   }, [loadData]);
-  const switchToReadonly = (0, import_react49.useCallback)(() => {
+  const switchToReadonly = (0, import_react51.useCallback)(() => {
     setMode("readonly");
   }, []);
-  const saveChanges = (0, import_react49.useCallback)(
+  const saveChanges = (0, import_react51.useCallback)(
     async (values) => {
       try {
         await api.updateFormData({
@@ -7976,7 +8101,7 @@ function useFormDetail(options) {
     },
     [api, formInstanceId, formUuid, appType]
   );
-  const deleteInstance = (0, import_react49.useCallback)(async () => {
+  const deleteInstance = (0, import_react51.useCallback)(async () => {
     try {
       await deleteFormData(request, { formInstanceId, appType, formUuid });
       return true;
@@ -8003,12 +8128,19 @@ function useFormDetail(options) {
 }
 
 // src/hooks/useProcessDetail.ts
-var import_react50 = require("react");
+var import_react52 = require("react");
 var DEFAULT_APPROVAL_ACTIONS = [
   { action: "agree", name: { zh_CN: "\u540C\u610F" } },
   { action: "rejected", name: { zh_CN: "\u62D2\u7EDD" } }
 ];
 var WITHDRAW_ACTION = { action: "withdraw", name: { zh_CN: "\u64A4\u9500" } };
+var FINAL_PROCESS_STATUSES = /* @__PURE__ */ new Set([
+  "completed",
+  "terminated",
+  "withdrawn",
+  "cancelled"
+]);
+var EDITABLE_COMPLETED_STATUSES = /* @__PURE__ */ new Set(["completed", "terminated"]);
 function mergeCurrentTask(processTask, approvalTask) {
   if (!approvalTask) return processTask ?? null;
   if (!processTask) return approvalTask;
@@ -8024,50 +8156,61 @@ function useProcessDetail(options) {
   const { formUuid, appType, formInstanceId, fieldIds } = options;
   const { api } = useFormContext();
   const request = api.request;
-  const [loading, setLoading] = (0, import_react50.useState)(true);
-  const [mode, setMode] = (0, import_react50.useState)("readonly");
-  const [processInfo, setProcessInfo] = (0, import_react50.useState)(null);
-  const [progressList, setProgressList] = (0, import_react50.useState)([]);
-  const [formData, setFormData] = (0, import_react50.useState)(null);
-  const [instanceInfo, setInstanceInfo] = (0, import_react50.useState)(null);
-  const [isApprover, setIsApprover] = (0, import_react50.useState)(false);
-  const [canWithdraw, setCanWithdraw] = (0, import_react50.useState)(false);
-  const [approvalTasks, setApprovalTasks] = (0, import_react50.useState)([]);
-  const [permissions, setPermissions] = (0, import_react50.useState)(null);
-  const [processDefinition, setProcessDefinition] = (0, import_react50.useState)(null);
-  const mountedRef = (0, import_react50.useRef)(true);
+  const [loading, setLoading] = (0, import_react52.useState)(true);
+  const [mode, setMode] = (0, import_react52.useState)("readonly");
+  const [processInfo, setProcessInfo] = (0, import_react52.useState)(null);
+  const [progressList, setProgressList] = (0, import_react52.useState)([]);
+  const [formData, setFormData] = (0, import_react52.useState)(null);
+  const [instanceInfo, setInstanceInfo] = (0, import_react52.useState)(null);
+  const [accessDenied, setAccessDenied] = (0, import_react52.useState)(false);
+  const [loadError, setLoadError] = (0, import_react52.useState)(null);
+  const [isApprover, setIsApprover] = (0, import_react52.useState)(false);
+  const [canWithdraw, setCanWithdraw] = (0, import_react52.useState)(false);
+  const [approvalTasks, setApprovalTasks] = (0, import_react52.useState)([]);
+  const [permissions, setPermissions] = (0, import_react52.useState)(null);
+  const [processDefinition, setProcessDefinition] = (0, import_react52.useState)(null);
+  const [dataVersion, setDataVersion] = (0, import_react52.useState)(0);
+  const mountedRef = (0, import_react52.useRef)(true);
   const fieldIdsKey = fieldIds?.join("
") ?? "";
-  (0, import_react50.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  const currentTask = (0, import_react50.useMemo)(
+  const currentTask = (0, import_react52.useMemo)(
     () => mergeCurrentTask(processInfo?.currentTask, approvalTasks[0]),
     [processInfo?.currentTask, approvalTasks]
   );
   const processStatus = processInfo?.processStatus ?? null;
-  const isOriginatorReturn = currentTask?.nodeType === "originator_return";
-  const isProcessCompleted = processStatus === "completed" || processStatus === "terminated";
+  const isProcessFinal = processStatus ? FINAL_PROCESS_STATUSES.has(processStatus) : false;
+  const isOriginatorReturn = !isProcessFinal && currentTask?.nodeType === "originator_return";
+  const isProcessCompleted = processStatus ? EDITABLE_COMPLETED_STATUSES.has(processStatus) : false;
+  const canEdit = hasViewOperation(permissions?.operations, "edit");
+  const canDelete = hasViewOperation(permissions?.operations, "delete");
+  const canViewWorkflow = hasViewOperation(permissions?.operations, "workflow");
+  const canViewChangeRecords = hasViewOperation(permissions?.operations, "change_records");
+  const fieldPermissionTask = isProcessFinal ? void 0 : currentTask ?? void 0;
   const { fieldBehaviors } = useFieldPermission({
     viewPermissions: permissions ?? void 0,
     processDefinition: processDefinition ?? void 0,
-    currentTask: currentTask ?? void 0,
-    isApprover,
+    currentTask: fieldPermissionTask,
+    isApprover: isProcessFinal ? false : isApprover,
     mode
   });
-  const activeActions = (0, import_react50.useMemo)(() => {
-    if (!isApprover) return [];
+  const activeActions = (0, import_react52.useMemo)(() => {
+    if (!isApprover || isProcessFinal) return [];
     const actions = currentTask?.actions && currentTask.actions.length > 0 ? [...currentTask.actions] : [...DEFAULT_APPROVAL_ACTIONS];
     if (canWithdraw && !actions.some((action) => action.action === "withdraw")) {
       actions.push(WITHDRAW_ACTION);
     }
     return actions;
-  }, [isApprover, currentTask?.actions, canWithdraw]);
-  const loadData = (0, import_react50.useCallback)(async () => {
+  }, [isApprover, isProcessFinal, currentTask?.actions, canWithdraw]);
+  const loadData = (0, import_react52.useCallback)(async () => {
     if (!mountedRef.current) return;
     setLoading(true);
+    setAccessDenied(false);
+    setLoadError(null);
     try {
       const [basicResult, approvalResult, permResult, formResult] = await Promise.all([
         getProcessBasic(request, formInstanceId),
@@ -8076,16 +8219,35 @@ function useProcessDetail(options) {
         getFormData(request, { formInstanceId, appType, formUuid })
       ]);
       if (!mountedRef.current) return;
+      if (!hasViewPermission(permResult)) {
+        setAccessDenied(true);
+        setProcessInfo(null);
+        setIsApprover(false);
+        setCanWithdraw(false);
+        setApprovalTasks([]);
+        setPermissions(permResult);
+        setInstanceInfo(null);
+        setFormData(null);
+        setProgressList([]);
+        setProcessDefinition(null);
+        return;
+      }
       setProcessInfo(basicResult);
-      setIsApprover(approvalResult?.isApprover ?? false);
-      setCanWithdraw(approvalResult?.canUndo ?? false);
-      setApprovalTasks(approvalResult?.currentTasks ?? []);
+      const nextProcessStatus = basicResult?.processStatus ?? null;
+      const nextIsProcessFinal = nextProcessStatus ? FINAL_PROCESS_STATUSES.has(nextProcessStatus) : false;
+      const nextCanWithdraw = Boolean(
+        approvalResult?.canUndo && nextProcessStatus === "running" && basicResult?.isExecuting !== true
+      );
+      setIsApprover(nextIsProcessFinal ? false : approvalResult?.isApprover ?? false);
+      setCanWithdraw(nextCanWithdraw);
+      setApprovalTasks(nextIsProcessFinal ? [] : approvalResult?.currentTasks ?? []);
       setPermissions(permResult);
       setInstanceInfo(formResult);
       setFormData(
         extractFormValues(formResult, fieldIdsKey ? fieldIdsKey.split("
") : void 0)
       );
-      if (permResult?.operations?.includes("VIEW_PROCESS") || permResult?.operations?.length > 0) {
+      setDataVersion((version) => version + 1);
+      if (hasViewOperation(permResult?.operations, "workflow")) {
         try {
           const progress = await getProcessProgress(request, formInstanceId);
           if (mountedRef.current) {
@@ -8095,8 +8257,8 @@ function useProcessDetail(options) {
           console.error("[useProcessDetail] Failed to load progress:", error);
         }
       }
-      const task = basicResult?.currentTask;
-      if (approvalResult?.isApprover && task && (task.nodeType === "originator_return" || task.nodeType === "approval")) {
+      const task = mergeCurrentTask(basicResult?.currentTask, approvalResult?.currentTasks?.[0]);
+      if (!nextIsProcessFinal && approvalResult?.isApprover && task && (task.nodeType === "originator_return" || task.nodeType === "approval")) {
         try {
           const definition = await getProcessDefinition(request, formUuid);
           if (mountedRef.current) {
@@ -8105,14 +8267,20 @@ function useProcessDetail(options) {
         } catch (error) {
           console.error("[useProcessDetail] Failed to load process definition:", error);
         }
+      } else if (mountedRef.current) {
+        setProcessDefinition(null);
       }
     } catch (error) {
       console.error("[useProcessDetail] Failed to load data:", error);
       if (mountedRef.current) {
+        setLoadError(error instanceof Error ? error.message : "\u9875\u9762\u52A0\u8F7D\u5931\u8D25");
+        setAccessDenied(false);
         setProcessInfo(null);
         setFormData(null);
         setInstanceInfo(null);
         setApprovalTasks([]);
+        setProgressList([]);
+        setProcessDefinition(null);
       }
     } finally {
       if (mountedRef.current) {
@@ -8120,29 +8288,51 @@ function useProcessDetail(options) {
       }
     }
   }, [request, formUuid, appType, formInstanceId, fieldIdsKey]);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     loadData();
   }, [loadData]);
-  const switchToEdit = (0, import_react50.useCallback)(() => {
+  const switchToEdit = (0, import_react52.useCallback)(() => {
     setMode("edit");
-  }, []);
-  const switchToReadonly = (0, import_react50.useCallback)(() => {
+    void loadData();
+  }, [loadData]);
+  const switchToReadonly = (0, import_react52.useCallback)(() => {
     setMode("readonly");
   }, []);
-  const refreshProgress = (0, import_react50.useCallback)(async () => {
-    try {
-      const [progress, basicResult] = await Promise.all([
-        getProcessProgress(request, formInstanceId),
-        getProcessBasic(request, formInstanceId)
-      ]);
-      if (mountedRef.current) {
-        setProgressList(progress);
-        setProcessInfo(basicResult);
+  const refreshDetail = (0, import_react52.useCallback)(async () => {
+    setMode("readonly");
+    await loadData();
+  }, [loadData]);
+  const refreshProgress = (0, import_react52.useCallback)(async () => {
+    await refreshDetail();
+  }, [refreshDetail]);
+  const saveChanges = (0, import_react52.useCallback)(
+    async (values) => {
+      try {
+        await api.updateFormData({
+          formInstanceId,
+          formUuid,
+          appType,
+          updateFormDataJson: JSON.stringify(values)
+        });
+        setMode("readonly");
+        await loadData();
+        return true;
+      } catch (error) {
+        console.error("[useProcessDetail] Failed to save changes:", error);
+        return false;
       }
+    },
+    [api, formInstanceId, formUuid, appType, loadData]
+  );
+  const deleteInstance = (0, import_react52.useCallback)(async () => {
+    try {
+      await deleteFormData(request, { formInstanceId, appType, formUuid });
+      return true;
     } catch (error) {
-      console.error("[useProcessDetail] Failed to refresh progress:", error);
+      console.error("[useProcessDetail] Failed to delete instance:", error);
+      return false;
     }
-  }, [request, formInstanceId]);
+  }, [request, formInstanceId, appType, formUuid]);
   return {
     loading,
     processInfo,
@@ -8151,6 +8341,8 @@ function useProcessDetail(options) {
     progressList,
     formData,
     instanceInfo,
+    accessDenied,
+    loadError,
     isApprover,
     activeActions,
     fieldBehaviors,
@@ -8158,35 +8350,44 @@ function useProcessDetail(options) {
     isOriginatorReturn,
     isProcessCompleted,
     canWithdraw,
+    canEdit,
+    canDelete,
+    canViewWorkflow,
+    canViewChangeRecords,
+    dataVersion,
     switchToEdit,
     switchToReadonly,
+    saveChanges,
+    deleteInstance,
+    refreshDetail,
     refreshProgress
   };
 }
 
 // src/hooks/useApprovalActions.ts
-var import_react51 = require("react");
+var import_react53 = require("react");
 function useApprovalActions(options) {
   const { formInstanceId, formUuid, appType, currentTaskId, onActionComplete, getFormValues } = options;
   const { api } = useFormContext();
   const request = api.request;
-  const [isLoading, setIsLoading] = (0, import_react51.useState)(false);
-  const [currentAction, setCurrentAction] = (0, import_react51.useState)(null);
-  const [returnableNodes, setReturnableNodes] = (0, import_react51.useState)([]);
-  const mountedRef = (0, import_react51.useRef)(true);
-  (0, import_react51.useEffect)(() => {
+  const [isLoading, setIsLoading] = (0, import_react53.useState)(false);
+  const [currentAction, setCurrentAction] = (0, import_react53.useState)(null);
+  const [returnableNodes, setReturnableNodes] = (0, import_react53.useState)([]);
+  const [returnPolicy, setReturnPolicy] = (0, import_react53.useState)(null);
+  const mountedRef = (0, import_react53.useRef)(true);
+  (0, import_react53.useEffect)(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  const resetLoading = (0, import_react51.useCallback)(() => {
+  const resetLoading = (0, import_react53.useCallback)(() => {
     if (mountedRef.current) {
       setIsLoading(false);
       setCurrentAction(null);
     }
   }, []);
-  const approve = (0, import_react51.useCallback)(
+  const approve = (0, import_react53.useCallback)(
     async (comments) => {
       setIsLoading(true);
       setCurrentAction("approve");
@@ -8200,8 +8401,8 @@ function useApprovalActions(options) {
           formUuid,
           updateFormDataJson: formValues ? JSON.stringify(formValues) : void 0
         });
+        await onActionComplete?.("approve");
         resetLoading();
-        onActionComplete?.("approve");
         return true;
       } catch (error) {
         console.error("[useApprovalActions] approve failed:", error);
@@ -8211,22 +8412,18 @@ function useApprovalActions(options) {
     },
     [request, formInstanceId, appType, formUuid, getFormValues, onActionComplete, resetLoading]
   );
-  const reject = (0, import_react51.useCallback)(
+  const reject = (0, import_react53.useCallback)(
     async (comments) => {
       setIsLoading(true);
       setCurrentAction("reject");
       try {
-        const formValues = getFormValues?.();
         await handleApproval(request, {
           instanceId: formInstanceId,
           action: "rejected",
-          comments,
-          appType,
-          formUuid,
-          updateFormDataJson: formValues ? JSON.stringify(formValues) : void 0
+          comments
         });
+        await onActionComplete?.("reject");
         resetLoading();
-        onActionComplete?.("reject");
         return true;
       } catch (error) {
         console.error("[useApprovalActions] reject failed:", error);
@@ -8234,9 +8431,9 @@ function useApprovalActions(options) {
         return false;
       }
     },
-    [request, formInstanceId, appType, formUuid, getFormValues, onActionComplete, resetLoading]
+    [request, formInstanceId, onActionComplete, resetLoading]
   );
-  const transfer = (0, import_react51.useCallback)(
+  const transfer = (0, import_react53.useCallback)(
     async (userId, reason) => {
       if (!currentTaskId) {
         console.error("[useApprovalActions] transfer failed: no currentTaskId");
@@ -8250,8 +8447,8 @@ function useApprovalActions(options) {
           newAssignee: userId,
           reason
         });
+        await onActionComplete?.("transfer");
         resetLoading();
-        onActionComplete?.("transfer");
         return true;
       } catch (error) {
         console.error("[useApprovalActions] transfer failed:", error);
@@ -8261,7 +8458,7 @@ function useApprovalActions(options) {
     },
     [request, currentTaskId, onActionComplete, resetLoading]
   );
-  const returnTo = (0, import_react51.useCallback)(
+  const returnTo = (0, import_react53.useCallback)(
     async (nodeId, reason) => {
       if (!currentTaskId) {
         console.error("[useApprovalActions] returnTo failed: no currentTaskId");
@@ -8275,8 +8472,8 @@ function useApprovalActions(options) {
           targetNodeId: nodeId,
           reason
         });
+        await onActionComplete?.("return");
         resetLoading();
-        onActionComplete?.("return");
         return true;
       } catch (error) {
         console.error("[useApprovalActions] returnTo failed:", error);
@@ -8286,7 +8483,7 @@ function useApprovalActions(options) {
     },
     [request, currentTaskId, onActionComplete, resetLoading]
   );
-  const withdraw = (0, import_react51.useCallback)(
+  const withdraw = (0, import_react53.useCallback)(
     async (reason) => {
       setIsLoading(true);
       setCurrentAction("withdraw");
@@ -8295,8 +8492,8 @@ function useApprovalActions(options) {
           instanceId: formInstanceId,
           reason
         });
+        await onActionComplete?.("withdraw");
         resetLoading();
-        onActionComplete?.("withdraw");
         return true;
       } catch (error) {
         console.error("[useApprovalActions] withdraw failed:", error);
@@ -8306,7 +8503,7 @@ function useApprovalActions(options) {
     },
     [request, formInstanceId, onActionComplete, resetLoading]
   );
-  const save = (0, import_react51.useCallback)(async () => {
+  const save = (0, import_react53.useCallback)(async () => {
     setIsLoading(true);
     setCurrentAction("save");
     try {
@@ -8317,8 +8514,8 @@ function useApprovalActions(options) {
         appType,
         updateFormDataJson: JSON.stringify(formValues)
       });
+      await onActionComplete?.("save");
       resetLoading();
-      onActionComplete?.("save");
       return true;
     } catch (error) {
       console.error("[useApprovalActions] save failed:", error);
@@ -8326,7 +8523,7 @@ function useApprovalActions(options) {
       return false;
     }
   }, [request, formInstanceId, formUuid, appType, getFormValues, onActionComplete, resetLoading]);
-  const resubmit = (0, import_react51.useCallback)(
+  const resubmit = (0, import_react53.useCallback)(
     async (comments) => {
       if (!currentTaskId) {
         console.error("[useApprovalActions] resubmit failed: no currentTaskId");
@@ -8343,8 +8540,8 @@ function useApprovalActions(options) {
           updateFormDataJson: JSON.stringify(formValues),
           comments
         });
+        await onActionComplete?.("resubmit");
         resetLoading();
-        onActionComplete?.("resubmit");
         return true;
       } catch (error) {
         console.error("[useApprovalActions] resubmit failed:", error);
@@ -8354,7 +8551,7 @@ function useApprovalActions(options) {
     },
     [request, currentTaskId, formUuid, appType, getFormValues, onActionComplete, resetLoading]
   );
-  const callbackTask = (0, import_react51.useCallback)(
+  const callbackTask = (0, import_react53.useCallback)(
     async (payload) => {
       if (!currentTaskId) {
         console.error("[useApprovalActions] callbackTask failed: no currentTaskId");
@@ -8367,8 +8564,8 @@ function useApprovalActions(options) {
           taskId: currentTaskId,
           payload
         });
+        await onActionComplete?.("callback");
         resetLoading();
-        onActionComplete?.("callback");
         return true;
       } catch (error) {
         console.error("[useApprovalActions] callbackTask failed:", error);
@@ -8378,15 +8575,22 @@ function useApprovalActions(options) {
     },
     [request, currentTaskId, onActionComplete, resetLoading]
   );
-  const loadReturnableNodes = (0, import_react51.useCallback)(async () => {
-    if (!currentTaskId) return;
+  const loadReturnableNodes = (0, import_react53.useCallback)(async () => {
+    if (!currentTaskId) return [];
     try {
-      const nodes = await getReturnableNodes(request, currentTaskId);
+      const result = await getReturnableNodeResult(request, currentTaskId);
       if (mountedRef.current) {
-        setReturnableNodes(nodes);
+        setReturnableNodes(result.nodes);
+        setReturnPolicy(result.policy || null);
       }
+      return result.nodes;
     } catch (error) {
       console.error("[useApprovalActions] loadReturnableNodes failed:", error);
+      if (mountedRef.current) {
+        setReturnableNodes([]);
+        setReturnPolicy(null);
+      }
+      return [];
     }
   }, [request, currentTaskId]);
   return {
@@ -8401,12 +8605,13 @@ function useApprovalActions(options) {
     isLoading,
     currentAction,
     returnableNodes,
+    returnPolicy,
     loadReturnableNodes
   };
 }
 
 // src/hooks/useChangeRecords.ts
-var import_react52 = require("react");
+var import_react54 = require("react");
 var normalizeChangeRecordList = (value) => {
   const body = value && typeof value === "object" && !Array.isArray(value) ? Array.isArray(value.data) || Array.isArray(value.records) || Array.isArray(value.list) || Array.isArray(value.items) ? value : value.data ?? value.result ?? value : value;
   const records = Array.isArray(body) ? body : body?.records ?? body?.data ?? body?.list ?? body?.items ?? [];
@@ -8421,18 +8626,18 @@ function useChangeRecords(options) {
   const { formUuid, appType, formInstanceId, pageSize = 20, autoLoad = true } = options;
   const { api } = useFormContext();
   const request = api.request;
-  const [records, setRecords] = (0, import_react52.useState)([]);
-  const [loading, setLoading] = (0, import_react52.useState)(false);
-  const [total, setTotal] = (0, import_react52.useState)(0);
-  const [page, setPage] = (0, import_react52.useState)(1);
-  const mountedRef = (0, import_react52.useRef)(true);
-  (0, import_react52.useEffect)(() => {
+  const [records, setRecords] = (0, import_react54.useState)([]);
+  const [loading, setLoading] = (0, import_react54.useState)(false);
+  const [total, setTotal] = (0, import_react54.useState)(0);
+  const [page, setPage] = (0, import_react54.useState)(1);
+  const mountedRef = (0, import_react54.useRef)(true);
+  (0, import_react54.useEffect)(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  const fetchRecords = (0, import_react52.useCallback)(
+  const fetchRecords = (0, import_react54.useCallback)(
     async (pageNum, append) => {
       if (!mountedRef.current) return;
       setLoading(true);
@@ -8463,18 +8668,18 @@ function useChangeRecords(options) {
     },
     [request, formUuid, appType, formInstanceId, pageSize]
   );
-  (0, import_react52.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (autoLoad) {
       fetchRecords(1, false);
     }
   }, [autoLoad, fetchRecords]);
   const safeRecords = Array.isArray(records) ? records : [];
   const hasMore = safeRecords.length < total;
-  const loadMore = (0, import_react52.useCallback)(async () => {
+  const loadMore = (0, import_react54.useCallback)(async () => {
     if (!hasMore || loading) return;
     await fetchRecords(page + 1, true);
   }, [hasMore, loading, page, fetchRecords]);
-  const refresh = (0, import_react52.useCallback)(async () => {
+  const refresh = (0, import_react54.useCallback)(async () => {
     setRecords([]);
     setPage(1);
     setTotal(0);
@@ -8492,7 +8697,7 @@ function useChangeRecords(options) {
 }
 
 // src/hooks/useFormNavigation.ts
-var import_react53 = require("react");
+var import_react55 = require("react");
 var normalizeBasePath = (basePath) => {
   const normalized = String(basePath || "").replace(/^\/+|\/+$/g, "");
   return normalized ? `/${normalized}` : "";
@@ -8519,12 +8724,12 @@ function useFormNavigation(options) {
     basePath,
     onStay
   } = options;
-  const [isRedirecting, setIsRedirecting] = (0, import_react53.useState)(false);
-  const [countdown, setCountdown] = (0, import_react53.useState)(0);
-  const timerRef = (0, import_react53.useRef)(null);
-  const redirectTargetRef = (0, import_react53.useRef)(null);
-  const mountedRef = (0, import_react53.useRef)(true);
-  (0, import_react53.useEffect)(() => {
+  const [isRedirecting, setIsRedirecting] = (0, import_react55.useState)(false);
+  const [countdown, setCountdown] = (0, import_react55.useState)(0);
+  const timerRef = (0, import_react55.useRef)(null);
+  const redirectTargetRef = (0, import_react55.useRef)(null);
+  const mountedRef = (0, import_react55.useRef)(true);
+  (0, import_react55.useEffect)(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -8534,13 +8739,13 @@ function useFormNavigation(options) {
       }
     };
   }, []);
-  const navigateToDetail = (0, import_react53.useCallback)(
+  const navigateToDetail = (0, import_react55.useCallback)(
     (formInstId) => {
       window.location.href = buildDetailUrl(appType, formUuid, formInstId, "formDetail", basePath);
     },
     [appType, basePath, formUuid]
   );
-  const navigateToProcessDetail = (0, import_react53.useCallback)(
+  const navigateToProcessDetail = (0, import_react55.useCallback)(
     (formInstId) => {
       window.location.href = buildDetailUrl(
         appType,
@@ -8552,7 +8757,7 @@ function useFormNavigation(options) {
     },
     [appType, basePath, formUuid]
   );
-  const startRedirectCountdown = (0, import_react53.useCallback)(
+  const startRedirectCountdown = (0, import_react55.useCallback)(
     (targetUrl) => {
       const totalSeconds = Math.ceil(redirectDelay / 1e3);
       setIsRedirecting(true);
@@ -8585,7 +8790,7 @@ function useFormNavigation(options) {
     },
     [redirectDelay]
   );
-  const cancelRedirect = (0, import_react53.useCallback)(() => {
+  const cancelRedirect = (0, import_react55.useCallback)(() => {
     if (timerRef.current) {
       clearInterval(timerRef.current);
       timerRef.current = null;
@@ -8594,7 +8799,7 @@ function useFormNavigation(options) {
     setCountdown(0);
     redirectTargetRef.current = null;
   }, []);
-  const handlePostSubmit = (0, import_react53.useCallback)(
+  const handlePostSubmit = (0, import_react55.useCallback)(
     (formInstId) => {
       if (mode === "stay") {
         onStay?.(formInstId);
@@ -8626,7 +8831,7 @@ function useFormNavigation(options) {
 }
 
 // src/hooks/useDraftStorage.ts
-var import_react54 = require("react");
+var import_react56 = require("react");
 function getDraftKey(appType, formUuid) {
   return `${appType}__${formUuid}__draft`;
 }
@@ -8646,10 +8851,10 @@ function readDraft(key) {
 function useDraftStorage(options) {
   const { appType, formUuid, autoRestore = false } = options;
   const key = getDraftKey(appType, formUuid);
-  const [hasDraft, setHasDraft] = (0, import_react54.useState)(false);
-  const [draftData, setDraftData] = (0, import_react54.useState)(null);
-  const [draftTimestamp, setDraftTimestamp] = (0, import_react54.useState)(null);
-  (0, import_react54.useEffect)(() => {
+  const [hasDraft, setHasDraft] = (0, import_react56.useState)(false);
+  const [draftData, setDraftData] = (0, import_react56.useState)(null);
+  const [draftTimestamp, setDraftTimestamp] = (0, import_react56.useState)(null);
+  (0, import_react56.useEffect)(() => {
     const stored = readDraft(key);
     if (stored) {
       setHasDraft(true);
@@ -8663,7 +8868,7 @@ function useDraftStorage(options) {
       setDraftTimestamp(null);
     }
   }, [key, autoRestore]);
-  const saveDraft = (0, import_react54.useCallback)(
+  const saveDraft = (0, import_react56.useCallback)(
     (data) => {
       const payload = { data, ts: Date.now() };
       try {
@@ -8677,7 +8882,7 @@ function useDraftStorage(options) {
     },
     [key]
   );
-  const restoreDraft = (0, import_react54.useCallback)(() => {
+  const restoreDraft = (0, import_react56.useCallback)(() => {
     const stored = readDraft(key);
     if (stored) {
       setDraftData(stored.data);
@@ -8685,7 +8890,7 @@ function useDraftStorage(options) {
     }
     return null;
   }, [key]);
-  const clearDraft = (0, import_react54.useCallback)(() => {
+  const clearDraft = (0, import_react56.useCallback)(() => {
     try {
       localStorage.removeItem(key);
     } catch (error) {
@@ -8778,7 +8983,7 @@ var FormSummaryCard = ({
 };
 
 // src/modules/RecordChangePanel.tsx
-var import_react55 = require("react");
+var import_react57 = require("react");
 var import_antd23 = require("antd");
 var import_icons3 = require("@ant-design/icons");
 var import_jsx_runtime78 = require("react/jsx-runtime");
@@ -8824,7 +9029,7 @@ var RecordChangePanel = ({
   onPageChange,
   className = ""
 }) => {
-  const [expanded, setExpanded] = (0, import_react55.useState)(defaultExpanded);
+  const [expanded, setExpanded] = (0, import_react57.useState)(defaultExpanded);
   const count = total ?? records.length;
   const handleToggle = () => {
     const next = !expanded;
@@ -8994,7 +9199,7 @@ var ChangeRecords = ({
 };
 
 // src/modules/ApprovalTimeline.tsx
-var import_react56 = require("react");
+var import_react58 = require("react");
 var import_icons4 = require("@ant-design/icons");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 var systemNodeTypes = /* @__PURE__ */ new Set([
@@ -9143,8 +9348,8 @@ var ApprovalTimeline = ({
   compactMode = false,
   showApproverInfo = true
 }) => {
-  const taskList = (0, import_react56.useMemo)(() => Array.isArray(tasks) ? tasks : [], [tasks]);
-  const groups = (0, import_react56.useMemo)(() => groupTasks(taskList), [taskList]);
+  const taskList = (0, import_react58.useMemo)(() => Array.isArray(tasks) ? tasks : [], [tasks]);
+  const groups = (0, import_react58.useMemo)(() => groupTasks(taskList), [taskList]);
   if (taskList.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       "div",
@@ -9239,12 +9444,12 @@ var ApprovalTimeline = ({
 };
 
 // src/modules/ApprovalActionBar.tsx
-var import_react58 = require("react");
+var import_react60 = __toESM(require("react"));
 var import_antd25 = require("antd");
 var import_icons6 = require("@ant-design/icons");
 
 // src/modules/StickyActionBar.tsx
-var import_react57 = require("react");
+var import_react59 = require("react");
 var import_antd24 = require("antd");
 var import_icons5 = require("@ant-design/icons");
 
@@ -9270,7 +9475,6 @@ var getActionPriority = (action) => {
   if (action.type === "danger") return 90;
   return 50;
 };
-var getPlacement = (action) => action.placement;
 var StickyActionBar = ({
   actions,
   className = "",
@@ -9279,14 +9483,14 @@ var StickyActionBar = ({
   maxWidth = 1120,
   position = "sticky"
 }) => {
-  const [isMobile, setIsMobile] = (0, import_react57.useState)(false);
-  (0, import_react57.useEffect)(() => {
+  const [isMobile, setIsMobile] = (0, import_react59.useState)(false);
+  (0, import_react59.useEffect)(() => {
     const update = () => setIsMobile(typeof window !== "undefined" && window.innerWidth <= 768);
     update();
     window.addEventListener("resize", update);
     return () => window.removeEventListener("resize", update);
   }, []);
-  const visibleActions = (0, import_react57.useMemo)(
+  const visibleActions = (0, import_react59.useMemo)(
     () => actions.filter((action) => action.visible !== false).sort((left, right) => getActionPriority(left) - getActionPriority(right)),
     [actions]
   );
@@ -9294,8 +9498,6 @@ var StickyActionBar = ({
   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 positionClass = position === "fixed" ? "fixed bottom-0 left-0 right-0" : position === "inline" ? "relative" : "sticky bottom-0";
   const runAction = (action) => {
     if (action.confirm) {
@@ -9325,7 +9527,7 @@ var StickyActionBar = ({
       children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
         "div",
         {
-          className: `mx-auto flex w-full items-center gap-3 ${layoutMode === "approval" && !isMobile ? "justify-between" : "justify-end"}`,
+          className: `mx-auto flex w-full items-center gap-3 ${layoutMode === "approval" && !isMobile ? "justify-center" : "justify-end"}`,
           style: { maxWidth: maxWidthStyle },
           children: isMobile ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex flex-1 gap-2", children: primaryMobile.map((action) => renderButton(action, true)) }),
@@ -9347,10 +9549,7 @@ var StickyActionBar = ({
                 children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_antd24.Button, { icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons5.MoreOutlined, {}), className: "rounded-md", children: "\u66F4\u591A" })
               }
             )
-          ] }) : layoutMode === "approval" && leftActions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex flex-wrap items-center gap-3", children: leftActions.map((action) => renderButton(action)) }),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex flex-wrap items-center justify-end gap-3", children: rightActions.map((action) => renderButton(action)) })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex flex-wrap items-center justify-end gap-3", children: visibleActions.map((action) => renderButton(action)) })
+          ] }) : layoutMode === "approval" ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex flex-wrap items-center justify-center gap-3", children: visibleActions.map((action) => renderButton(action)) }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex flex-wrap items-center justify-end gap-3", children: visibleActions.map((action) => renderButton(action)) })
         }
       )
     }
@@ -9400,6 +9599,50 @@ function getModalTitle(action) {
       return "\u786E\u8BA4\u64CD\u4F5C";
   }
 }
+function formatReturnPolicy(policy) {
+  if (!policy?.resubmitMode) return null;
+  return policy.resubmitMode === "resume_current" ? "\u4ECE\u5F53\u524D\u8282\u70B9\u5BA1\u6279" : "\u91CD\u65B0\u4F9D\u6B21\u5BA1\u6279";
+}
+function DefaultTransferSelector({
+  value,
+  onChange
+}) {
+  const formContext = import_react60.default.useContext(FormContext);
+  const [open, setOpen] = (0, import_react60.useState)(false);
+  const [selectedUsers, setSelectedUsers] = (0, import_react60.useState)([]);
+  if (!formContext) {
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_antd25.Input, { value, onChange: (event) => onChange(event.target.value) });
+  }
+  const selectedLabel = selectedUsers[0] ? getUserName(selectedUsers[0]) : value;
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+      import_antd25.Input,
+      {
+        readOnly: true,
+        value: selectedLabel,
+        placeholder: "\u8BF7\u9009\u62E9\u8F6C\u4EA4\u7528\u6237",
+        addonAfter: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "cursor-pointer text-blue-600", onClick: () => setOpen(true), children: "\u9009\u62E9" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+      UserPicker,
+      {
+        api: formContext.api,
+        open,
+        onOpenChange: setOpen,
+        multiple: false,
+        value: selectedUsers,
+        onCancel: () => setOpen(false),
+        onConfirm: (items) => {
+          const next = items.slice(0, 1);
+          setSelectedUsers(next);
+          const userId = next[0] ? getUserId(next[0]) : "";
+          onChange(userId);
+        }
+      }
+    )
+  ] });
+}
 var ApprovalActionBar = ({
   actions,
   onApprove,
@@ -9411,6 +9654,7 @@ var ApprovalActionBar = ({
   onResubmit,
   onCallback,
   returnableNodes = [],
+  returnPolicy,
   onLoadReturnableNodes,
   renderTransferSelector,
   renderReturnNodeLabel,
@@ -9420,10 +9664,10 @@ var ApprovalActionBar = ({
   inDrawer = false
 }) => {
   const [form] = import_antd25.Form.useForm();
-  const [modalAction, setModalAction] = (0, import_react58.useState)(null);
-  const [activeAction, setActiveAction] = (0, import_react58.useState)(null);
-  const [loading, setLoading] = (0, import_react58.useState)(false);
-  const visibleActions = (0, import_react58.useMemo)(
+  const [modalAction, setModalAction] = (0, import_react60.useState)(null);
+  const [activeAction, setActiveAction] = (0, import_react60.useState)(null);
+  const [loading, setLoading] = (0, import_react60.useState)(false);
+  const visibleActions = (0, import_react60.useMemo)(
     () => actions.filter((action) => !action.hidden).sort((a, b) => (actionPriority[a.action] ?? 50) - (actionPriority[b.action] ?? 50)),
     [actions]
   );
@@ -9436,7 +9680,12 @@ var ApprovalActionBar = ({
       userId: void 0,
       nodeId: void 0
     });
-    if (target === "return") await onLoadReturnableNodes?.();
+    if (target === "return") {
+      const loadedNodes = await onLoadReturnableNodes?.() || returnableNodes;
+      if (loadedNodes.length === 1) {
+        form.setFieldsValue({ nodeId: loadedNodes[0].nodeId || loadedNodes[0].id || "" });
+      }
+    }
     setModalAction(target);
   };
   const executeDirect = async (action) => {
@@ -9451,6 +9700,14 @@ var ApprovalActionBar = ({
     }
     if (normalized === "agree") {
       await onApprove?.();
+      return;
+    }
+    if (normalized === "rejected") {
+      await onReject?.();
+      return;
+    }
+    if (normalized === "resubmit") {
+      await onResubmit?.();
     }
   };
   const handleActionClick = async (action) => {
@@ -9459,6 +9716,10 @@ var ApprovalActionBar = ({
       await executeDirect(action);
       return;
     }
+    if ((normalized === "agree" || normalized === "rejected" || normalized === "resubmit") && !action.remark?.popUp) {
+      await executeDirect(action);
+      return;
+    }
     await openModal(action, normalized);
   };
   const handleOk = async () => {
@@ -9520,7 +9781,7 @@ var ApprovalActionBar = ({
           setActiveAction(null);
           form.resetFields();
         },
-        destroyOnClose: true,
+        destroyOnHidden: true,
         children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_antd25.Form, { form, layout: "vertical", children: [
           modalAction === "transfer" && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
             import_antd25.Form.Item,
@@ -9531,28 +9792,40 @@ var ApprovalActionBar = ({
               children: renderTransferSelector ? renderTransferSelector({
                 value: form.getFieldValue("userId"),
                 onChange: (userId) => form.setFieldsValue({ userId })
-              }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_antd25.Input, { placeholder: "\u8BF7\u8F93\u5165\u7528\u6237 ID" })
-            }
-          ),
-          modalAction === "return" && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
-            import_antd25.Form.Item,
-            {
-              name: "nodeId",
-              label: "\u9000\u56DE\u5230\u8282\u70B9",
-              rules: [{ required: true, message: "\u8BF7\u9009\u62E9\u9000\u56DE\u8282\u70B9" }],
-              children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
-                import_antd25.Select,
+              }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+                DefaultTransferSelector,
                 {
-                  placeholder: "\u8BF7\u9009\u62E9\u9000\u56DE\u8282\u70B9",
-                  getPopupContainer: (triggerNode) => triggerNode.parentElement || document.body,
-                  options: returnableNodes.map((node) => ({
-                    value: node.nodeId || node.id || "",
-                    label: renderReturnNodeLabel ? renderReturnNodeLabel(node) : node.nodeName || node.name || node.nodeId || node.id
-                  }))
+                  value: form.getFieldValue("userId"),
+                  onChange: (userId) => form.setFieldsValue({ userId })
                 }
               )
             }
           ),
+          modalAction === "return" && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
+            formatReturnPolicy(returnPolicy) && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "mb-3 text-sm text-gray-500", children: [
+              "\u9000\u56DE\u540E\u5BA1\u6279\u903B\u8F91\uFF1A",
+              formatReturnPolicy(returnPolicy)
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+              import_antd25.Form.Item,
+              {
+                name: "nodeId",
+                label: "\u9000\u56DE\u5230\u8282\u70B9",
+                rules: [{ required: true, message: "\u8BF7\u9009\u62E9\u9000\u56DE\u8282\u70B9" }],
+                children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+                  import_antd25.Select,
+                  {
+                    placeholder: "\u8BF7\u9009\u62E9\u9000\u56DE\u8282\u70B9",
+                    getPopupContainer: (triggerNode) => triggerNode.parentElement || document.body,
+                    options: returnableNodes.map((node) => ({
+                      value: node.nodeId || node.id || "",
+                      label: renderReturnNodeLabel ? renderReturnNodeLabel(node) : node.nodeName || node.name || node.nodeId || node.id
+                    }))
+                  }
+                )
+              }
+            )
+          ] }),
           /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
             import_antd25.Form.Item,
             {
@@ -9570,7 +9843,7 @@ var ApprovalActionBar = ({
 };
 
 // src/modules/ApprovalActions.tsx
-var import_react59 = require("react");
+var import_react61 = require("react");
 var import_antd26 = require("antd");
 var import_icons7 = require("@ant-design/icons");
 var import_jsx_runtime83 = require("react/jsx-runtime");
@@ -9598,11 +9871,12 @@ var ApprovalActions = ({
   className = ""
 }) => {
   const [form] = import_antd26.Form.useForm();
-  const [modalAction, setModalAction] = (0, import_react59.useState)(null);
-  const [activeAction, setActiveAction] = (0, import_react59.useState)(null);
-  const [loading, setLoading] = (0, import_react59.useState)(false);
-  const [saveLoading, setSaveLoading] = (0, import_react59.useState)(false);
-  const renderableActions = (0, import_react59.useMemo)(
+  const [modalAction, setModalAction] = (0, import_react61.useState)(null);
+  const [activeAction, setActiveAction] = (0, import_react61.useState)(null);
+  const [loading, setLoading] = (0, import_react61.useState)(false);
+  const [saveLoading, setSaveLoading] = (0, import_react61.useState)(false);
+  const [directLoading, setDirectLoading] = (0, import_react61.useState)(null);
+  const renderableActions = (0, import_react61.useMemo)(
     () => actions.filter((action) => !action.hidden).sort((a, b) => (priority[a.action] ?? 50) - (priority[b.action] ?? 50)),
     [actions]
   );
@@ -9619,6 +9893,14 @@ var ApprovalActions = ({
       setSaveLoading(false);
     }
   };
+  const executeDirect = async (action, fn) => {
+    setDirectLoading(action.action);
+    try {
+      await fn?.();
+    } finally {
+      setDirectLoading(null);
+    }
+  };
   const handleAction = (action) => {
     if (action.action === "transfer") {
       onTransfer?.();
@@ -9637,9 +9919,17 @@ var ApprovalActions = ({
       return;
     }
     if (action.action === "rejected" || action.action === "reject") {
+      if (!action.remark?.popUp) {
+        void executeDirect(action, onReject);
+        return;
+      }
       openModal("reject", action);
       return;
     }
+    if (!action.remark?.popUp) {
+      void executeDirect(action, onApprove);
+      return;
+    }
     openModal("approve", action);
   };
   const handleConfirm = async () => {
@@ -9665,7 +9955,7 @@ var ApprovalActions = ({
       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,
+      loading: action.action === "save" && saveLoading || directLoading === action.action,
       children: getLabel(action)
     },
     action.action
@@ -9674,7 +9964,7 @@ var ApprovalActions = ({
     /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
       "div",
       {
-        className: `${layout === "horizontal" ? "flex items-center gap-3" : "flex flex-col gap-2"} ${className}`,
+        className: `${layout === "horizontal" ? "flex items-center justify-center gap-3" : "flex flex-col items-center gap-2"} ${className}`,
         children: [
           visibleButtons.map(button),
           moreButtons.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
@@ -9711,7 +10001,7 @@ var ApprovalActions = ({
           setActiveAction(null);
           form.resetFields();
         },
-        destroyOnClose: true,
+        destroyOnHidden: true,
         children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_antd26.Form, { form, layout: "vertical", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
           import_antd26.Form.Item,
           {
@@ -9732,7 +10022,7 @@ var ApprovalActions = ({
 };
 
 // src/modules/FormActionBar.tsx
-var import_react60 = require("react");
+var import_react62 = require("react");
 var import_antd27 = require("antd");
 var import_jsx_runtime84 = require("react/jsx-runtime");
 var FormActionBar = ({
@@ -9740,7 +10030,7 @@ var FormActionBar = ({
   position = "bottom-fixed",
   className = ""
 }) => {
-  const [loadingKeys, setLoadingKeys] = (0, import_react60.useState)(/* @__PURE__ */ new Set());
+  const [loadingKeys, setLoadingKeys] = (0, import_react62.useState)(/* @__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;
@@ -10023,7 +10313,7 @@ var ProcessPreview = ({
 };
 
 // src/modules/DataManagementList.tsx
-var import_react61 = require("react");
+var import_react63 = require("react");
 var import_antd32 = require("antd");
 var import_dayjs5 = __toESM(require("dayjs"));
 var import_icons11 = require("@ant-design/icons");
@@ -10347,7 +10637,7 @@ function ResizableColumnTitle({
   onResize,
   onResizeEnd
 }) {
-  const dragRef = (0, import_react61.useRef)({ startX: 0, startWidth: width, latestWidth: width });
+  const dragRef = (0, import_react63.useRef)({ startX: 0, startWidth: width, latestWidth: width });
   const handleMouseDown = (event) => {
     event.preventDefault();
     event.stopPropagation();
@@ -10408,71 +10698,71 @@ var DataManagementList = ({
   requestOverride,
   rowActions = []
 }) => {
-  const rootRef = (0, import_react61.useRef)(null);
-  const api = (0, import_react61.useMemo)(() => {
+  const rootRef = (0, import_react63.useRef)(null);
+  const api = (0, import_react63.useMemo)(() => {
     if (typeof requestOverride === "function") {
       return createFormRuntimeApi({ request: requestOverride });
     }
     return createFormRuntimeApi(requestOverride);
   }, [requestOverride]);
-  const [fields, setFields] = (0, import_react61.useState)([]);
-  const [config, setConfig] = (0, import_react61.useState)({});
-  const [formType, setFormType] = (0, import_react61.useState)("form");
-  const [showFields, setShowFields] = (0, import_react61.useState)([]);
-  const [lockFieldIds, setLockFieldIds] = (0, import_react61.useState)([]);
-  const [widths, setWidths] = (0, import_react61.useState)({});
-  const widthsRef = (0, import_react61.useRef)({});
-  const [sort, setSort] = (0, import_react61.useState)([]);
-  const [density, setDensity] = (0, import_react61.useState)("middle");
-  const [detailOpenMode, setDetailOpenMode] = (0, import_react61.useState)("drawer");
-  const [searchKeyWord, setSearchKeyWord] = (0, import_react61.useState)("");
-  const [filterGroup, setFilterGroup] = (0, import_react61.useState)(createGroup);
-  const [dataSource, setDataSource] = (0, import_react61.useState)([]);
-  const [total, setTotal] = (0, import_react61.useState)(0);
-  const [current, setCurrent] = (0, import_react61.useState)(1);
-  const [pageSize, setPageSize] = (0, import_react61.useState)(10);
-  const [loading, setLoading] = (0, import_react61.useState)(false);
-  const [schemaLoading, setSchemaLoading] = (0, import_react61.useState)(true);
-  const [selectedRowKeys, setSelectedRowKeys] = (0, import_react61.useState)([]);
-  const [filterOpen, setFilterOpen] = (0, import_react61.useState)(false);
-  const [columnOpen, setColumnOpen] = (0, import_react61.useState)(false);
-  const [exportOpen, setExportOpen] = (0, import_react61.useState)(false);
-  const [exportScope, setExportScope] = (0, import_react61.useState)("all");
-  const [exportFields, setExportFields] = (0, import_react61.useState)([]);
-  const [exporting, setExporting] = (0, import_react61.useState)(false);
-  const [importOpen, setImportOpen] = (0, import_react61.useState)(false);
-  const [importPreview, setImportPreview] = (0, import_react61.useState)([]);
-  const [importBase64, setImportBase64] = (0, import_react61.useState)("");
-  const [templateDownloading, setTemplateDownloading] = (0, import_react61.useState)(false);
-  const [recordsOpen, setRecordsOpen] = (0, import_react61.useState)(false);
-  const [recordTab, setRecordTab] = (0, import_react61.useState)("export");
-  const [transferRecords, setTransferRecords] = (0, import_react61.useState)([]);
-  const [batchApprovalOpen, setBatchApprovalOpen] = (0, import_react61.useState)(false);
-  const [batchApprovalAction, setBatchApprovalAction] = (0, import_react61.useState)(
+  const [fields, setFields] = (0, import_react63.useState)([]);
+  const [config, setConfig] = (0, import_react63.useState)({});
+  const [formType, setFormType] = (0, import_react63.useState)("form");
+  const [showFields, setShowFields] = (0, import_react63.useState)([]);
+  const [lockFieldIds, setLockFieldIds] = (0, import_react63.useState)([]);
+  const [widths, setWidths] = (0, import_react63.useState)({});
+  const widthsRef = (0, import_react63.useRef)({});
+  const [sort, setSort] = (0, import_react63.useState)([]);
+  const [density, setDensity] = (0, import_react63.useState)("middle");
+  const [detailOpenMode, setDetailOpenMode] = (0, import_react63.useState)("drawer");
+  const [searchKeyWord, setSearchKeyWord] = (0, import_react63.useState)("");
+  const [filterGroup, setFilterGroup] = (0, import_react63.useState)(createGroup);
+  const [dataSource, setDataSource] = (0, import_react63.useState)([]);
+  const [total, setTotal] = (0, import_react63.useState)(0);
+  const [current, setCurrent] = (0, import_react63.useState)(1);
+  const [pageSize, setPageSize] = (0, import_react63.useState)(10);
+  const [loading, setLoading] = (0, import_react63.useState)(false);
+  const [schemaLoading, setSchemaLoading] = (0, import_react63.useState)(true);
+  const [selectedRowKeys, setSelectedRowKeys] = (0, import_react63.useState)([]);
+  const [filterOpen, setFilterOpen] = (0, import_react63.useState)(false);
+  const [columnOpen, setColumnOpen] = (0, import_react63.useState)(false);
+  const [exportOpen, setExportOpen] = (0, import_react63.useState)(false);
+  const [exportScope, setExportScope] = (0, import_react63.useState)("all");
+  const [exportFields, setExportFields] = (0, import_react63.useState)([]);
+  const [exporting, setExporting] = (0, import_react63.useState)(false);
+  const [importOpen, setImportOpen] = (0, import_react63.useState)(false);
+  const [importPreview, setImportPreview] = (0, import_react63.useState)([]);
+  const [importBase64, setImportBase64] = (0, import_react63.useState)("");
+  const [templateDownloading, setTemplateDownloading] = (0, import_react63.useState)(false);
+  const [recordsOpen, setRecordsOpen] = (0, import_react63.useState)(false);
+  const [recordTab, setRecordTab] = (0, import_react63.useState)("export");
+  const [transferRecords, setTransferRecords] = (0, import_react63.useState)([]);
+  const [batchApprovalOpen, setBatchApprovalOpen] = (0, import_react63.useState)(false);
+  const [batchApprovalAction, setBatchApprovalAction] = (0, import_react63.useState)(
     "approved"
   );
-  const [batchApprovalComments, setBatchApprovalComments] = (0, import_react61.useState)("");
-  const [batchApproving, setBatchApproving] = (0, import_react61.useState)(false);
-  const [activeRecord, setActiveRecord] = (0, import_react61.useState)(null);
-  const [detailOpen, setDetailOpen] = (0, import_react61.useState)(false);
-  const [submitOpen, setSubmitOpen] = (0, import_react61.useState)(false);
-  const fetchStateRef = (0, import_react61.useRef)({});
+  const [batchApprovalComments, setBatchApprovalComments] = (0, import_react63.useState)("");
+  const [batchApproving, setBatchApproving] = (0, import_react63.useState)(false);
+  const [activeRecord, setActiveRecord] = (0, import_react63.useState)(null);
+  const [detailOpen, setDetailOpen] = (0, import_react63.useState)(false);
+  const [submitOpen, setSubmitOpen] = (0, import_react63.useState)(false);
+  const fetchStateRef = (0, import_react63.useRef)({});
   const request = api.request;
-  const getPopupContainer = (0, import_react61.useCallback)(
+  const getPopupContainer = (0, import_react63.useCallback)(
     (triggerNode) => rootRef.current || triggerNode?.ownerDocument?.body || (typeof document !== "undefined" ? document.body : triggerNode?.parentElement),
     []
   );
-  const confirmDanger = (0, import_react61.useCallback)((title2, content, onOk) => {
+  const confirmDanger = (0, import_react63.useCallback)((title2, content, onOk) => {
     if (confirmAction(title2, content)) onOk();
   }, []);
-  const visibleFields = (0, import_react61.useMemo)(
+  const visibleFields = (0, import_react63.useMemo)(
     () => showFields.map((fieldId) => fields.find((field) => field.fieldId === fieldId)).filter(Boolean),
     [fields, showFields]
   );
-  (0, import_react61.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     widthsRef.current = widths;
   }, [widths]);
-  (0, import_react61.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     fetchStateRef.current = {
       current,
       pageSize,
@@ -10481,7 +10771,7 @@ var DataManagementList = ({
       sort
     };
   }, [current, filterGroup, pageSize, searchKeyWord, sort]);
-  const loadData = (0, import_react61.useCallback)(
+  const loadData = (0, import_react63.useCallback)(
     async (overrides = {}) => {
       if (!appType || !formUuid) return;
       const fetchState = { ...fetchStateRef.current, ...overrides };
@@ -10516,7 +10806,7 @@ var DataManagementList = ({
     },
     [appType, formUuid, request]
   );
-  (0, import_react61.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     let mounted = true;
     const loadSchemaAndConfig = async () => {
       if (!appType || !formUuid) return;
@@ -10572,7 +10862,7 @@ var DataManagementList = ({
       mounted = false;
     };
   }, [appType, configScope, formUuid, loadData, menuFormUuid, request]);
-  const persistConfig = (0, import_react61.useCallback)(
+  const persistConfig = (0, import_react63.useCallback)(
     async (patch) => {
       const nextConfig = { ...config, ...patch };
       setConfig(nextConfig);
@@ -10615,12 +10905,12 @@ var DataManagementList = ({
   const handleRemoveSort = (index) => {
     setSort((prev) => prev.filter((_, itemIndex) => itemIndex !== index));
   };
-  const updateColumnWidth = (0, import_react61.useCallback)((fieldId, width) => {
+  const updateColumnWidth = (0, import_react63.useCallback)((fieldId, width) => {
     const nextWidth = Math.round(Math.max(96, Math.min(520, width)));
     widthsRef.current = { ...widthsRef.current, [fieldId]: nextWidth };
     setWidths(widthsRef.current);
   }, []);
-  const commitColumnWidth = (0, import_react61.useCallback)(
+  const commitColumnWidth = (0, import_react63.useCallback)(
     (fieldId, width) => {
       const nextWidth = Math.round(Math.max(96, Math.min(520, width)));
       const nextWidths = { ...widthsRef.current, [fieldId]: nextWidth };
@@ -10630,7 +10920,7 @@ var DataManagementList = ({
     },
     [persistConfig]
   );
-  const handleDetail = (0, import_react61.useCallback)(
+  const handleDetail = (0, import_react63.useCallback)(
     (record) => {
       const formInstanceId = getRecordId(record);
       if (!formInstanceId) {
@@ -10655,7 +10945,7 @@ var DataManagementList = ({
     },
     [appType, detailBasePath, detailOpenMode, detailPageUrlBuilder, formType, formUuid]
   );
-  const handleDelete = (0, import_react61.useCallback)(
+  const handleDelete = (0, import_react63.useCallback)(
     async (ids) => {
       if (ids.length === 0) return;
       await deleteDataManagementRows(request, { appType, formUuid, formInstanceIds: ids });
@@ -10664,7 +10954,7 @@ var DataManagementList = ({
     },
     [appType, current, formUuid, loadData, pageSize, request]
   );
-  const getSelectedRecordIds = (0, import_react61.useCallback)(
+  const getSelectedRecordIds = (0, import_react63.useCallback)(
     () => selectedRowKeys.map((key) => {
       const record = dataSource.find((item) => String(getRecordId(item)) === String(key));
       return String(getSelectedRecordId(record, key));
@@ -10781,7 +11071,7 @@ var DataManagementList = ({
     setImportBase64("");
     await loadData({ current: 1, pageSize });
   };
-  const columns = (0, import_react61.useMemo)(() => {
+  const columns = (0, import_react63.useMemo)(() => {
     const baseColumns = visibleFields.map((field) => {
       const columnWidth = widths[field.fieldId] || field.width || 160;
       return {
@@ -10872,7 +11162,7 @@ var DataManagementList = ({
     900,
     visibleFields.reduce((sum, field) => sum + (widths[field.fieldId] || field.width || 160), 136)
   );
-  const importPreviewColumns = (0, import_react61.useMemo)(() => {
+  const importPreviewColumns = (0, import_react63.useMemo)(() => {
     const keys = Array.from(
       new Set(importPreview.flatMap((record) => Object.keys(record || {})))
     ).slice(0, 16);
@@ -11397,7 +11687,7 @@ var DataManagementList = ({
 };
 
 // src/templates/FormSubmitTemplate.tsx
-var import_react62 = require("react");
+var import_react64 = require("react");
 var import_antd33 = require("antd");
 var import_icons12 = require("@ant-design/icons");
 var import_jsx_runtime90 = require("react/jsx-runtime");
@@ -11462,14 +11752,14 @@ var InnerFormContent = ({
   inDrawer = false
 }) => {
   const { validateAll, getFormData: getFormData2, setFieldValue, resetForm, api } = useFormContext();
-  const [submitted, setSubmitted] = (0, import_react62.useState)(false);
-  const [successInfo, setSuccessInfo] = (0, import_react62.useState)(null);
-  const [submitting, setSubmitting] = (0, import_react62.useState)(false);
-  const [departmentId, setDepartmentId] = (0, import_react62.useState)();
-  const [previewOpen, setPreviewOpen] = (0, import_react62.useState)(false);
-  const [previewLoading, setPreviewLoading] = (0, import_react62.useState)(false);
-  const [previewRoutes, setPreviewRoutes] = (0, import_react62.useState)([]);
-  const [pendingFormData, setPendingFormData] = (0, import_react62.useState)(null);
+  const [submitted, setSubmitted] = (0, import_react64.useState)(false);
+  const [successInfo, setSuccessInfo] = (0, import_react64.useState)(null);
+  const [submitting, setSubmitting] = (0, import_react64.useState)(false);
+  const [departmentId, setDepartmentId] = (0, import_react64.useState)();
+  const [previewOpen, setPreviewOpen] = (0, import_react64.useState)(false);
+  const [previewLoading, setPreviewLoading] = (0, import_react64.useState)(false);
+  const [previewRoutes, setPreviewRoutes] = (0, import_react64.useState)([]);
+  const [pendingFormData, setPendingFormData] = (0, import_react64.useState)(null);
   const { hasDraft, draftTimestamp, saveDraft, restoreDraft, clearDraft } = useDraftStorage({
     appType: config.appType,
     formUuid: config.formUuid
@@ -11481,7 +11771,7 @@ var InnerFormContent = ({
     mode: submitSuccessMode === "continue" ? "stay" : submitSuccessMode,
     basePath: config.navigation?.basePath
   });
-  const performSubmit = (0, import_react62.useCallback)(
+  const performSubmit = (0, import_react64.useCallback)(
     async (formData) => {
       setSubmitting(true);
       try {
@@ -11534,7 +11824,7 @@ var InnerFormContent = ({
       submitSuccessMode
     ]
   );
-  const prepareSubmit = (0, import_react62.useCallback)(async () => {
+  const prepareSubmit = (0, import_react64.useCallback)(async () => {
     const valid = await validateAll();
     if (!valid) return;
     const formData = getFormData2();
@@ -11575,29 +11865,29 @@ var InnerFormContent = ({
     departmentId,
     performSubmit
   ]);
-  const handlePreviewConfirm = (0, import_react62.useCallback)(async () => {
+  const handlePreviewConfirm = (0, import_react64.useCallback)(async () => {
     const data = pendingFormData ?? getFormData2();
     setPreviewOpen(false);
     setPendingFormData(null);
     await performSubmit(data);
   }, [getFormData2, pendingFormData, performSubmit]);
-  const handleSaveDraft = (0, import_react62.useCallback)(() => {
+  const handleSaveDraft = (0, import_react64.useCallback)(() => {
     const data = getFormData2();
     saveDraft(data);
   }, [getFormData2, saveDraft]);
-  const handleRestoreDraft = (0, import_react62.useCallback)(() => {
+  const handleRestoreDraft = (0, import_react64.useCallback)(() => {
     const data = restoreDraft();
     if (!data) return;
     Object.entries(data).forEach(([fieldId, value]) => {
       setFieldValue(fieldId, value);
     });
   }, [restoreDraft, setFieldValue]);
-  const handleContinue = (0, import_react62.useCallback)(() => {
+  const handleContinue = (0, import_react64.useCallback)(() => {
     setSubmitted(false);
     setSuccessInfo(null);
     resetForm();
   }, [resetForm]);
-  const handleViewDetail = (0, import_react62.useCallback)(() => {
+  const handleViewDetail = (0, import_react64.useCallback)(() => {
     if (!successInfo) return;
     if (formType === "process") {
       navigateToProcessDetail(successInfo.formInstanceId);
@@ -11756,7 +12046,7 @@ var FormSubmitTemplate = ({
 };
 
 // src/templates/FormDetailTemplate.tsx
-var import_react63 = require("react");
+var import_react65 = require("react");
 var import_dayjs6 = __toESM(require("dayjs"));
 
 // src/templates/PageSkeleton.tsx
@@ -11850,9 +12140,9 @@ var InnerDetailContent = ({
   onSave,
   inDrawer = false
 }) => {
-  const formDataRef = (0, import_react63.useRef)(void 0);
-  const [accessDenied, setAccessDenied] = (0, import_react63.useState)(false);
-  const fieldIds = (0, import_react63.useMemo)(() => schema.fields.map((field) => field.fieldId), [schema.fields]);
+  const formDataRef = (0, import_react65.useRef)(void 0);
+  const [accessDenied, setAccessDenied] = (0, import_react65.useState)(false);
+  const fieldIds = (0, import_react65.useMemo)(() => schema.fields.map((field) => field.fieldId), [schema.fields]);
   const {
     loading,
     mode,
@@ -11887,7 +12177,7 @@ var InnerDetailContent = ({
     formInstanceId,
     autoLoad: enableChangeRecords && canViewChangeRecords
   });
-  const handleSave = (0, import_react63.useCallback)(async () => {
+  const handleSave = (0, import_react65.useCallback)(async () => {
     const values = formDataRef.current?.() ?? formData;
     if (!values) return;
     const success = await saveChanges(values);
@@ -11895,13 +12185,13 @@ var InnerDetailContent = ({
       onSave?.(values);
     }
   }, [formData, saveChanges, onSave]);
-  const handleDelete = (0, import_react63.useCallback)(async () => {
+  const handleDelete = (0, import_react65.useCallback)(async () => {
     const success = await deleteInstance();
     if (success) {
       onDelete?.();
     }
   }, [deleteInstance, onDelete]);
-  const handleCancel = (0, import_react63.useCallback)(() => {
+  const handleCancel = (0, import_react65.useCallback)(() => {
     switchToReadonly();
   }, [switchToReadonly]);
   const readonlyActions = [];
@@ -12012,13 +12302,16 @@ var FormDetailTemplate = (props) => {
 };
 
 // src/templates/ProcessDetailTemplate.tsx
-var import_react64 = require("react");
+var import_react66 = require("react");
+var import_antd35 = require("antd");
 var import_jsx_runtime93 = require("react/jsx-runtime");
 function FormDataBridge2({
-  formDataRef
+  formDataRef,
+  validateRef
 }) {
-  const { getFormData: getFormData2 } = useFormContext();
+  const { getFormData: getFormData2, validateAll } = useFormContext();
   formDataRef.current = getFormData2;
+  validateRef.current = validateAll;
   return null;
 }
 var InnerProcessContent = ({
@@ -12026,19 +12319,32 @@ var InnerProcessContent = ({
   formUuid,
   appType,
   formInstanceId,
+  enableEdit = true,
+  enableDelete = true,
+  enableChangeRecords = true,
+  showApproverInfo = true,
   header,
   renderTimeline,
   renderActions,
+  renderFooterActions,
   renderTransferSelector,
   renderReturnNodeLabel,
   renderActionModalExtra,
   beforeForm,
   afterForm,
   onActionComplete,
+  onSave,
+  onDelete,
   inDrawer = false
 }) => {
-  const formDataRef = (0, import_react64.useRef)(void 0);
-  const fieldIds = (0, import_react64.useMemo)(() => schema.fields.map((field) => field.fieldId), [schema.fields]);
+  const formDataRef = (0, import_react66.useRef)(void 0);
+  const validateRef = (0, import_react66.useRef)(void 0);
+  const [withdrawForm] = import_antd35.Form.useForm();
+  const [withdrawOpen, setWithdrawOpen] = (0, import_react66.useState)(false);
+  const [withdrawLoading, setWithdrawLoading] = (0, import_react66.useState)(false);
+  const [saveLoading, setSaveLoading] = (0, import_react66.useState)(false);
+  const [deleteLoading, setDeleteLoading] = (0, import_react66.useState)(false);
+  const fieldIds = (0, import_react66.useMemo)(() => schema.fields.map((field) => field.fieldId), [schema.fields]);
   const {
     loading,
     processInfo,
@@ -12047,15 +12353,25 @@ var InnerProcessContent = ({
     progressList,
     formData,
     instanceInfo,
+    accessDenied,
+    loadError,
     isApprover,
     activeActions,
     fieldBehaviors,
     mode,
     isOriginatorReturn,
+    isProcessCompleted,
     canWithdraw,
+    canEdit,
+    canDelete,
+    canViewWorkflow,
+    canViewChangeRecords,
+    dataVersion,
     switchToEdit,
     switchToReadonly,
-    refreshProgress
+    saveChanges,
+    deleteInstance,
+    refreshDetail
   } = useProcessDetail({ formUuid, appType, formInstanceId, fieldIds });
   const {
     approve,
@@ -12067,6 +12383,7 @@ var InnerProcessContent = ({
     resubmit,
     callbackTask,
     returnableNodes,
+    returnPolicy,
     loadReturnableNodes
   } = useApprovalActions({
     formInstanceId,
@@ -12074,58 +12391,158 @@ var InnerProcessContent = ({
     appType,
     currentTaskId: currentTask?.taskId ?? currentTask?.id,
     onActionComplete: async (action) => {
-      onActionComplete?.(action);
-      await refreshProgress();
+      await onActionComplete?.(action);
+      await refreshDetail();
     },
     getFormValues: () => formDataRef.current?.() ?? formData ?? {}
   });
-  const handleApprove = (0, import_react64.useCallback)(
+  const {
+    records,
+    loading: recordsLoading,
+    total: recordsTotal,
+    page: recordsPage,
+    hasMore,
+    loadMore,
+    refresh: refreshRecords
+  } = useChangeRecords({
+    formUuid,
+    appType,
+    formInstanceId,
+    autoLoad: enableChangeRecords && canViewChangeRecords
+  });
+  const validateForm = (0, import_react66.useCallback)(async () => {
+    return validateRef.current ? validateRef.current() : true;
+  }, []);
+  const handleApprove = (0, import_react66.useCallback)(
     async (comments) => {
+      if (!await validateForm()) return;
       await approve(comments);
     },
-    [approve]
+    [approve, validateForm]
   );
-  const handleReject = (0, import_react64.useCallback)(
+  const handleReject = (0, import_react66.useCallback)(
     async (comments) => {
       await reject(comments);
     },
     [reject]
   );
-  const handleTransfer = (0, import_react64.useCallback)(
+  const handleTransfer = (0, import_react66.useCallback)(
     async (userId, reason) => {
       await transfer(userId, reason);
     },
     [transfer]
   );
-  const handleReturn = (0, import_react64.useCallback)(
+  const handleReturn = (0, import_react66.useCallback)(
     async (nodeId, reason) => {
       await returnTo(nodeId, reason);
     },
     [returnTo]
   );
-  const handleWithdraw = (0, import_react64.useCallback)(
+  const handleWithdraw = (0, import_react66.useCallback)(
     async (reason) => {
       await withdraw(reason);
     },
     [withdraw]
   );
-  const handleSave = (0, import_react64.useCallback)(async () => {
+  const handleSave = (0, import_react66.useCallback)(async () => {
+    if (!await validateForm()) return;
     await save();
-  }, [save]);
-  const handleResubmit = (0, import_react64.useCallback)(
+  }, [save, validateForm]);
+  const handleResubmit = (0, import_react66.useCallback)(
     async (comments) => {
+      if (!await validateForm()) return;
       await resubmit(comments);
     },
-    [resubmit]
+    [resubmit, validateForm]
   );
-  const handleCallback = (0, import_react64.useCallback)(async () => {
+  const handleCallback = (0, import_react66.useCallback)(async () => {
     await callbackTask();
   }, [callbackTask]);
-  const bottomActions = (0, import_react64.useMemo)(() => {
-    if (isApprover && activeActions.length > 0) return [];
+  const handleCompletedSave = (0, import_react66.useCallback)(async () => {
+    if (!await validateForm()) return;
+    const values = formDataRef.current?.() ?? formData;
+    if (!values) return;
+    setSaveLoading(true);
+    try {
+      const success = await saveChanges(values);
+      if (success) {
+        await onSave?.(values);
+      }
+    } finally {
+      setSaveLoading(false);
+    }
+  }, [formData, onSave, saveChanges, validateForm]);
+  const handleCompletedDelete = (0, import_react66.useCallback)(async () => {
+    setDeleteLoading(true);
+    try {
+      const success = await deleteInstance();
+      if (success) {
+        await onDelete?.();
+      }
+    } finally {
+      setDeleteLoading(false);
+    }
+  }, [deleteInstance, onDelete]);
+  const handleFooterWithdraw = (0, import_react66.useCallback)(async () => {
+    const values = await withdrawForm.validateFields();
+    setWithdrawLoading(true);
+    try {
+      await handleWithdraw(values.reason || void 0);
+      setWithdrawOpen(false);
+      withdrawForm.resetFields();
+    } finally {
+      setWithdrawLoading(false);
+    }
+  }, [handleWithdraw, withdrawForm]);
+  const handleFooterWithdrawCancel = (0, import_react66.useCallback)(() => {
+    setWithdrawOpen(false);
+    withdrawForm.resetFields();
+  }, [withdrawForm]);
+  const bottomActions = (0, import_react66.useMemo)(() => {
+    if (isApprover && !isOriginatorReturn && activeActions.length > 0) return [];
+    if (isProcessCompleted) {
+      if (mode === "readonly") {
+        const actions = [];
+        if (enableEdit && canEdit) {
+          actions.push({
+            key: "edit",
+            label: "\u7F16\u8F91",
+            type: "primary",
+            onClick: switchToEdit
+          });
+        }
+        if (enableDelete && canDelete) {
+          actions.push({
+            key: "delete",
+            label: "\u5220\u9664",
+            type: "danger",
+            loading: deleteLoading,
+            onClick: handleCompletedDelete,
+            confirm: { title: "\u786E\u8BA4\u5220\u9664", content: "\u5220\u9664\u540E\u5C06\u65E0\u6CD5\u6062\u590D\uFF0C\u786E\u8BA4\u8981\u5220\u9664\u5417\uFF1F" }
+          });
+        }
+        return actions;
+      }
+      return [
+        {
+          key: "cancel",
+          label: "\u53D6\u6D88",
+          type: "default",
+          onClick: switchToReadonly,
+          placement: "left"
+        },
+        {
+          key: "save",
+          label: "\u4FDD\u5B58",
+          type: "primary",
+          loading: saveLoading,
+          onClick: handleCompletedSave
+        }
+      ];
+    }
     if (isOriginatorReturn) {
       if (mode === "readonly") {
-        return [
+        const actions2 = [
           {
             key: "edit",
             label: "\u7F16\u8F91",
@@ -12133,8 +12550,23 @@ var InnerProcessContent = ({
             onClick: switchToEdit
           }
         ];
+        actions2.push({
+          key: "resubmit",
+          label: "\u91CD\u65B0\u63D0\u4EA4",
+          type: "default",
+          onClick: () => handleResubmit()
+        });
+        if (canWithdraw) {
+          actions2.push({
+            key: "withdraw",
+            label: "\u64A4\u9500",
+            type: "danger",
+            onClick: () => setWithdrawOpen(true)
+          });
+        }
+        return actions2;
       }
-      return [
+      const actions = [
         {
           key: "cancel",
           label: "\u53D6\u6D88",
@@ -12149,6 +12581,15 @@ var InnerProcessContent = ({
           onClick: () => handleResubmit()
         }
       ];
+      if (canWithdraw) {
+        actions.push({
+          key: "withdraw",
+          label: "\u64A4\u9500",
+          type: "danger",
+          onClick: () => setWithdrawOpen(true)
+        });
+      }
+      return actions;
     }
     if (canWithdraw) {
       return [
@@ -12156,22 +12597,31 @@ var InnerProcessContent = ({
           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" }
+          loading: withdrawLoading,
+          onClick: () => setWithdrawOpen(true)
         }
       ];
     }
     return [];
   }, [
     activeActions.length,
+    canDelete,
+    canEdit,
     canWithdraw,
+    deleteLoading,
+    enableDelete,
+    enableEdit,
+    handleCompletedDelete,
+    handleCompletedSave,
     handleResubmit,
-    handleWithdraw,
     isApprover,
     isOriginatorReturn,
+    isProcessCompleted,
     mode,
+    saveLoading,
     switchToEdit,
-    switchToReadonly
+    switchToReadonly,
+    withdrawLoading
   ]);
   const formConfig = {
     mode: mode === "edit" ? "edit" : "readonly",
@@ -12186,7 +12636,10 @@ var InnerProcessContent = ({
   if (loading) {
     return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "min-h-screen bg-ant-bg-layout", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "mx-auto max-w-4xl px-6 py-8 pb-24", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(PageSkeleton, { type: "process" }) }) });
   }
-  const showApprovalActions = isApprover && activeActions.length > 0;
+  if (accessDenied || loadError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(RuntimePageShell, { accessDenied, error: loadError, inDrawer, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", {}) });
+  }
+  const showApprovalActions = isApprover && !isOriginatorReturn && activeActions.length > 0;
   const actionsNode = showApprovalActions ? renderActions ? renderActions(activeActions) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
     ApprovalActionBar,
     {
@@ -12200,52 +12653,108 @@ var InnerProcessContent = ({
       onResubmit: handleResubmit,
       onCallback: handleCallback,
       returnableNodes,
+      returnPolicy,
       onLoadReturnableNodes: loadReturnableNodes,
       renderTransferSelector,
       renderReturnNodeLabel,
       renderActionModalExtra,
       inDrawer
     }
-  ) : bottomActions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(StickyActionBar, { actions: bottomActions, inDrawer }) : null;
+  ) : bottomActions.length > 0 ? renderFooterActions ? renderFooterActions(bottomActions) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(StickyActionBar, { actions: bottomActions, inDrawer }) : null;
   const statusMeta = processStatus ? PROCESS_STATUS_META[processStatus] : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(RuntimePageShell, { actions: actionsNode, inDrawer, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "space-y-6", children: [
-    header,
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(RuntimePageShell, { actions: actionsNode, inDrawer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "space-y-6", children: [
+      header,
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        SummaryPanel,
+        {
+          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__ */ (0, import_jsx_runtime93.jsx)("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: isProcessCompleted ? "\u6B63\u5728\u7F16\u8F91\uFF0C\u4FEE\u6539\u540E\u8BF7\u4FDD\u5B58" : "\u6B63\u5728\u7F16\u8F91\u8868\u5355\uFF0C\u4FEE\u6539\u540E\u8BF7\u91CD\u65B0\u63D0\u4EA4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "rounded-lg border border-ant-border-secondary bg-ant-bg-container p-5 md:p-6", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+        FormProvider,
+        {
+          schema,
+          config: formConfig,
+          initialValues: formData ?? void 0,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FormDataBridge2, { formDataRef, validateRef }),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FormRenderer, { columns: 2 })
+          ]
+        },
+        `${mode}-${dataVersion}`
+      ) }),
+      afterForm,
+      canViewWorkflow && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "rounded-lg border border-ant-border-secondary bg-ant-bg-container p-5 md:p-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "mb-4 flex items-center justify-between gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("h3", { className: "text-base font-semibold text-ant-color-text", children: "\u5BA1\u6279\u8FDB\u5EA6" }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("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__ */ (0, import_jsx_runtime93.jsx)(
+          ApprovalTimeline,
+          {
+            tasks: progressList,
+            showRemarks: true,
+            showApproverInfo
+          }
+        )
+      ] }),
+      enableChangeRecords && canViewChangeRecords && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        RecordChangePanel,
+        {
+          records,
+          loading: recordsLoading,
+          total: recordsTotal,
+          page: recordsPage,
+          hasMore,
+          onLoadMore: loadMore,
+          onRefresh: refreshRecords,
+          onExpand: refreshRecords
+        }
+      )
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-      SummaryPanel,
+      import_antd35.Modal,
       {
-        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" },
+        getContainer: false,
+        title: "\u64A4\u9500\u6D41\u7A0B",
+        open: withdrawOpen,
+        okText: "\u786E\u8BA4\u64A4\u9500",
+        cancelText: "\u53D6\u6D88",
+        confirmLoading: withdrawLoading,
+        okButtonProps: { danger: true },
+        onOk: handleFooterWithdraw,
+        onCancel: handleFooterWithdrawCancel,
+        destroyOnHidden: true,
+        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_antd35.Form, { form: withdrawForm, layout: "vertical", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          import_antd35.Form.Item,
           {
-            key: "processStatus",
-            label: "\u5B9E\u4F8B\u72B6\u6001",
-            value: statusMeta?.label || processStatus || "-"
+            name: "reason",
+            label: "\u64A4\u9500\u539F\u56E0",
+            rules: [{ required: true, message: "\u8BF7\u586B\u5199\u64A4\u9500\u539F\u56E0" }],
+            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_antd35.Input.TextArea, { rows: 4, maxLength: 500, showCount: true, placeholder: "\u8BF7\u8F93\u5165\u64A4\u9500\u539F\u56E0" })
           }
-        ]
+        ) })
       }
-    ),
-    beforeForm,
-    mode === "edit" && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("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__ */ (0, import_jsx_runtime93.jsx)("div", { className: "rounded-lg border border-ant-border-secondary bg-ant-bg-container p-5 md:p-6", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(FormProvider, { schema, config: formConfig, initialValues: formData ?? void 0, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FormDataBridge2, { formDataRef }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FormRenderer, { columns: 2 })
-    ] }) }),
-    afterForm,
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "rounded-lg border border-ant-border-secondary bg-ant-bg-container p-5 md:p-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "mb-4 flex items-center justify-between gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("h3", { className: "text-base font-semibold text-ant-color-text", children: "\u5BA1\u6279\u8FDB\u5EA6" }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("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__ */ (0, import_jsx_runtime93.jsx)(ApprovalTimeline, { tasks: progressList, showRemarks: true, showApproverInfo: true })
-    ] })
-  ] }) });
+    )
+  ] });
 };
 var ProcessDetailTemplate = (props) => {
   const { schema, formUuid, appType, formInstanceId } = props;
@@ -12336,6 +12845,7 @@ var ProcessDetailTemplate = (props) => {
   getProcessBasic,
   getProcessDefinition,
   getProcessProgress,
+  getReturnableNodeResult,
   getReturnableNodes,
   getSystemFieldsForFormType,
   getViewPermission,