sy-form-components 0.2.14 → 0.2.15

package/dist/index.js

@@ -149,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");
@@ -1503,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
@@ -1612,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");
@@ -1666,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);
@@ -1738,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");
   };
@@ -1746,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;
     }
@@ -1766,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 = {
@@ -1794,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);
     }
   };
@@ -1803,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}`
+      );
     }) })
   ] });
 }
@@ -2010,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);
@@ -2035,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) => {
@@ -2055,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,
@@ -2070,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(
@@ -2120,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;
     }
@@ -2140,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
-          )
-        );
-      });
-      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
+        replaceItem(localItem, { ...localItem, percent, status: "uploading" });
       });
-      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 = {
@@ -2167,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);
     }
   };
@@ -2177,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}`
+      );
+    }) })
   ] });
 }
 
@@ -2425,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);
@@ -2450,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 "";
@@ -2474,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: {
@@ -2766,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);
@@ -2791,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);
@@ -2854,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;
@@ -2871,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);
@@ -2893,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 [];
@@ -2914,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 {
@@ -2958,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) {
@@ -3007,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;
@@ -3019,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);
@@ -3243,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));
     }
@@ -3265,7 +3377,7 @@ function UserSelectFieldPC({
       setLoading(false);
     }
   };
-  (0, import_react22.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     fetchUsers();
   }, []);
   const handleChange = (selectedIds) => {
@@ -3290,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)
@@ -3350,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 = () => {
@@ -3373,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));
     }
@@ -3487,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);
@@ -3512,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"));
@@ -3563,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;
@@ -3585,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);
@@ -3803,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;
@@ -3895,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 = [];
@@ -3918,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));
     }
@@ -4037,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);
@@ -4062,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) => {
@@ -4101,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);
@@ -4154,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");
@@ -4206,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);
@@ -4229,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];
@@ -4402,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;
@@ -4452,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));
@@ -4475,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);
@@ -4488,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,
@@ -4496,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;
@@ -4510,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();
@@ -4533,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 {
@@ -4545,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;
@@ -4564,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(
@@ -4575,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;
@@ -4589,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);
@@ -4598,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) => {
@@ -4633,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 })),
@@ -4841,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"));
@@ -5163,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] }
@@ -5198,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 || "",
@@ -5228,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) {
@@ -5240,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) => {
@@ -5323,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)(
@@ -5356,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) {
@@ -5376,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);
@@ -5418,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 = () => {
@@ -5460,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);
@@ -5603,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;
@@ -5637,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();
@@ -5671,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);
@@ -5814,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 "--";
@@ -5841,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);
@@ -6341,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) {
@@ -6350,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";
@@ -6378,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]) {
@@ -6389,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;
@@ -6416,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 = [];
@@ -6434,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,
@@ -6496,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",
@@ -6528,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
@@ -6548,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({
@@ -6559,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;
@@ -6597,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;
@@ -7216,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,
@@ -7228,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);
@@ -7296,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)(
@@ -7328,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);
@@ -7347,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",
@@ -7439,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) {
@@ -7450,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";
@@ -7476,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]) {
@@ -7487,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 = [];
@@ -7507,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({});
   }, []);
@@ -7525,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);
@@ -7538,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());
   }, []);
@@ -7562,7 +7674,7 @@ function useFormData(initialValues = {}) {
 }
 
 // src/hooks/useFieldBehavior.ts
-var import_react46 = require("react");
+var import_react48 = require("react");
 function useFieldBehavior({
   fieldId,
   permissions,
@@ -7570,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];
     }
@@ -7584,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();
@@ -7620,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 = {
@@ -7693,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);
@@ -7738,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([
@@ -7902,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 {
@@ -7954,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({
@@ -7989,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;
@@ -8016,7 +8128,7 @@ 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" } }
@@ -8044,29 +8156,29 @@ 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 [accessDenied, setAccessDenied] = (0, import_react50.useState)(false);
-  const [loadError, setLoadError] = (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 [dataVersion, setDataVersion] = (0, import_react50.useState)(0);
-  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]
   );
@@ -8086,7 +8198,7 @@ function useProcessDetail(options) {
     isApprover: isProcessFinal ? false : isApprover,
     mode
   });
-  const activeActions = (0, import_react50.useMemo)(() => {
+  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")) {
@@ -8094,7 +8206,7 @@ function useProcessDetail(options) {
     }
     return actions;
   }, [isApprover, isProcessFinal, currentTask?.actions, canWithdraw]);
-  const loadData = (0, import_react50.useCallback)(async () => {
+  const loadData = (0, import_react52.useCallback)(async () => {
     if (!mountedRef.current) return;
     setLoading(true);
     setAccessDenied(false);
@@ -8176,24 +8288,24 @@ 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");
     void loadData();
   }, [loadData]);
-  const switchToReadonly = (0, import_react50.useCallback)(() => {
+  const switchToReadonly = (0, import_react52.useCallback)(() => {
     setMode("readonly");
   }, []);
-  const refreshDetail = (0, import_react50.useCallback)(async () => {
+  const refreshDetail = (0, import_react52.useCallback)(async () => {
     setMode("readonly");
     await loadData();
   }, [loadData]);
-  const refreshProgress = (0, import_react50.useCallback)(async () => {
+  const refreshProgress = (0, import_react52.useCallback)(async () => {
     await refreshDetail();
   }, [refreshDetail]);
-  const saveChanges = (0, import_react50.useCallback)(
+  const saveChanges = (0, import_react52.useCallback)(
     async (values) => {
       try {
         await api.updateFormData({
@@ -8212,7 +8324,7 @@ function useProcessDetail(options) {
     },
     [api, formInstanceId, formUuid, appType, loadData]
   );
-  const deleteInstance = (0, import_react50.useCallback)(async () => {
+  const deleteInstance = (0, import_react52.useCallback)(async () => {
     try {
       await deleteFormData(request, { formInstanceId, appType, formUuid });
       return true;
@@ -8253,29 +8365,29 @@ function useProcessDetail(options) {
 }
 
 // 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 [returnPolicy, setReturnPolicy] = (0, import_react51.useState)(null);
-  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");
@@ -8300,7 +8412,7 @@ 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");
@@ -8321,7 +8433,7 @@ function useApprovalActions(options) {
     },
     [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");
@@ -8346,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");
@@ -8371,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");
@@ -8391,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 {
@@ -8411,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");
@@ -8439,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");
@@ -8463,7 +8575,7 @@ function useApprovalActions(options) {
     },
     [request, currentTaskId, onActionComplete, resetLoading]
   );
-  const loadReturnableNodes = (0, import_react51.useCallback)(async () => {
+  const loadReturnableNodes = (0, import_react53.useCallback)(async () => {
     if (!currentTaskId) return [];
     try {
       const result = await getReturnableNodeResult(request, currentTaskId);
@@ -8499,7 +8611,7 @@ function useApprovalActions(options) {
 }
 
 // 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 ?? [];
@@ -8514,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);
@@ -8556,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);
@@ -8585,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}` : "";
@@ -8612,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;
@@ -8627,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,
@@ -8645,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);
@@ -8678,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;
@@ -8687,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);
@@ -8719,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`;
 }
@@ -8739,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);
@@ -8756,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 {
@@ -8770,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);
@@ -8778,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) {
@@ -8871,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");
@@ -8917,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;
@@ -9087,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([
@@ -9236,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",
@@ -9332,12 +9444,12 @@ var ApprovalTimeline = ({
 };
 
 // src/modules/ApprovalActionBar.tsx
-var import_react58 = __toESM(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");
 
@@ -9371,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]
   );
@@ -9495,9 +9607,9 @@ function DefaultTransferSelector({
   value,
   onChange
 }) {
-  const formContext = import_react58.default.useContext(FormContext);
-  const [open, setOpen] = (0, import_react58.useState)(false);
-  const [selectedUsers, setSelectedUsers] = (0, import_react58.useState)([]);
+  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) });
   }
@@ -9552,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]
   );
@@ -9731,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");
@@ -9759,12 +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 [directLoading, setDirectLoading] = (0, import_react59.useState)(null);
-  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]
   );
@@ -9910,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 = ({
@@ -9918,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;
@@ -10201,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");
@@ -10525,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();
@@ -10586,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,
@@ -10659,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 };
@@ -10694,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;
@@ -10750,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);
@@ -10793,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 };
@@ -10808,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) {
@@ -10833,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 });
@@ -10842,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));
@@ -10959,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 {
@@ -11050,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);
@@ -11575,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");
@@ -11640,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
@@ -11659,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 {
@@ -11712,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();
@@ -11753,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);
@@ -11934,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
@@ -12028,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,
@@ -12065,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);
@@ -12073,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 = [];
@@ -12190,7 +12302,7 @@ 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({
@@ -12225,14 +12337,14 @@ var InnerProcessContent = ({
   onDelete,
   inDrawer = false
 }) => {
-  const formDataRef = (0, import_react64.useRef)(void 0);
-  const validateRef = (0, import_react64.useRef)(void 0);
+  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_react64.useState)(false);
-  const [withdrawLoading, setWithdrawLoading] = (0, import_react64.useState)(false);
-  const [saveLoading, setSaveLoading] = (0, import_react64.useState)(false);
-  const [deleteLoading, setDeleteLoading] = (0, import_react64.useState)(false);
-  const fieldIds = (0, import_react64.useMemo)(() => schema.fields.map((field) => field.fieldId), [schema.fields]);
+  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,
@@ -12298,55 +12410,55 @@ var InnerProcessContent = ({
     formInstanceId,
     autoLoad: enableChangeRecords && canViewChangeRecords
   });
-  const validateForm = (0, import_react64.useCallback)(async () => {
+  const validateForm = (0, import_react66.useCallback)(async () => {
     return validateRef.current ? validateRef.current() : true;
   }, []);
-  const handleApprove = (0, import_react64.useCallback)(
+  const handleApprove = (0, import_react66.useCallback)(
     async (comments) => {
       if (!await validateForm()) return;
       await approve(comments);
     },
     [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, validateForm]);
-  const handleResubmit = (0, import_react64.useCallback)(
+  const handleResubmit = (0, import_react66.useCallback)(
     async (comments) => {
       if (!await validateForm()) return;
       await resubmit(comments);
     },
     [resubmit, validateForm]
   );
-  const handleCallback = (0, import_react64.useCallback)(async () => {
+  const handleCallback = (0, import_react66.useCallback)(async () => {
     await callbackTask();
   }, [callbackTask]);
-  const handleCompletedSave = (0, import_react64.useCallback)(async () => {
+  const handleCompletedSave = (0, import_react66.useCallback)(async () => {
     if (!await validateForm()) return;
     const values = formDataRef.current?.() ?? formData;
     if (!values) return;
@@ -12360,7 +12472,7 @@ var InnerProcessContent = ({
       setSaveLoading(false);
     }
   }, [formData, onSave, saveChanges, validateForm]);
-  const handleCompletedDelete = (0, import_react64.useCallback)(async () => {
+  const handleCompletedDelete = (0, import_react66.useCallback)(async () => {
     setDeleteLoading(true);
     try {
       const success = await deleteInstance();
@@ -12371,7 +12483,7 @@ var InnerProcessContent = ({
       setDeleteLoading(false);
     }
   }, [deleteInstance, onDelete]);
-  const handleFooterWithdraw = (0, import_react64.useCallback)(async () => {
+  const handleFooterWithdraw = (0, import_react66.useCallback)(async () => {
     const values = await withdrawForm.validateFields();
     setWithdrawLoading(true);
     try {
@@ -12382,11 +12494,11 @@ var InnerProcessContent = ({
       setWithdrawLoading(false);
     }
   }, [handleWithdraw, withdrawForm]);
-  const handleFooterWithdrawCancel = (0, import_react64.useCallback)(() => {
+  const handleFooterWithdrawCancel = (0, import_react66.useCallback)(() => {
     setWithdrawOpen(false);
     withdrawForm.resetFields();
   }, [withdrawForm]);
-  const bottomActions = (0, import_react64.useMemo)(() => {
+  const bottomActions = (0, import_react66.useMemo)(() => {
     if (isApprover && !isOriginatorReturn && activeActions.length > 0) return [];
     if (isProcessCompleted) {
       if (mode === "readonly") {