openxiangda 1.0.34 → 1.0.36

package/packages/sdk/dist/components/index.cjs

@@ -964,7 +964,7 @@ init_cjs_shims();
 
 // packages/sdk/src/components/core/FormProvider.tsx
 init_cjs_shims();
-var import_react250 = __toESM(require("react"));
+var import_react252 = __toESM(require("react"));
 
 // packages/sdk/src/components/core/FormContext.ts
 init_cjs_shims();
@@ -29976,10 +29976,11 @@ function TextAreaField(props) {
 
 // packages/sdk/src/components/fields/SelectField/index.tsx
 init_cjs_shims();
-var import_react211 = require("react");
+var import_react213 = require("react");
 
 // packages/sdk/src/components/fields/SelectField/SelectFieldPC.tsx
 init_cjs_shims();
+var import_react211 = require("react");
 var import_antd5 = require("antd");
 
 // packages/sdk/src/components/fields/shared/optionDisplay.tsx
@@ -30054,6 +30055,297 @@ function renderReadonlyOptions(options, coloredOptions, tagWhenPlain = false) {
   ) });
 }
 
+// packages/sdk/src/components/fields/SelectField/useLinkedFormRemoteOptions.ts
+init_cjs_shims();
+var import_react210 = require("react");
+
+// packages/sdk/src/components/core/optionSource.ts
+init_cjs_shims();
+var DEFAULT_OPTION_PAGE_SIZE = 200;
+function getOptionValueFieldId(config3) {
+  return config3.valueFieldId || config3.fieldId;
+}
+function getOptionLabelFieldId(config3) {
+  return config3.labelFieldId || config3.fieldId;
+}
+function getSearchFieldId(config3) {
+  return config3.searchFieldId || config3.labelFieldId || config3.fieldId;
+}
+function readFieldValue(row, fieldId) {
+  if (!fieldId) return void 0;
+  return row?.[fieldId];
+}
+function normalizeOptionScalar(rawValue) {
+  if (rawValue === void 0 || rawValue === null || rawValue === "") return null;
+  if (typeof rawValue === "object" && !Array.isArray(rawValue)) {
+    return rawValue.value ?? rawValue.id ?? rawValue.key ?? rawValue.label;
+  }
+  return rawValue;
+}
+function normalizeOptionLabel(rawLabel, rawValue, fallbackLabel, value) {
+  if (rawLabel !== void 0 && rawLabel !== null && rawLabel !== "") {
+    if (typeof rawLabel === "object" && !Array.isArray(rawLabel)) {
+      return rawLabel.label ?? rawLabel.name ?? rawLabel.title ?? rawLabel.value ?? value;
+    }
+    return rawLabel;
+  }
+  if (typeof rawValue === "object" && rawValue && !Array.isArray(rawValue)) {
+    return rawValue.label ?? rawValue.name ?? rawValue.title ?? rawValue.value ?? value;
+  }
+  if (fallbackLabel !== void 0 && fallbackLabel !== null && fallbackLabel !== "") {
+    return fallbackLabel;
+  }
+  return value;
+}
+function normalizeOptionItem(row, config3) {
+  const normalizedConfig = typeof config3 === "string" ? { fieldId: config3 } : { ...config3, fieldId: config3.fieldId };
+  const valueFieldId = getOptionValueFieldId(normalizedConfig);
+  const labelFieldId = getOptionLabelFieldId(normalizedConfig);
+  const rawValue = readFieldValue(row, valueFieldId) ?? (valueFieldId !== normalizedConfig.fieldId ? readFieldValue(row, normalizedConfig.fieldId) : void 0) ?? row?.value;
+  const value = normalizeOptionScalar(rawValue);
+  if (value === void 0 || value === null || value === "") return null;
+  const rawLabel = labelFieldId === valueFieldId ? void 0 : readFieldValue(row, labelFieldId);
+  const label = normalizeOptionLabel(rawLabel, rawValue, row?.label, value);
+  return {
+    value: String(value),
+    label: String(label ?? value)
+  };
+}
+function extractComparableValue(value) {
+  if (value === void 0 || value === null || value === "") return value;
+  if (Array.isArray(value)) {
+    return value.map(extractComparableValue).filter((item) => item !== void 0 && item !== null && item !== "");
+  }
+  if (typeof value === "object") {
+    if ("start" in value || "end" in value) {
+      return [value.start, value.end].filter(
+        (item) => item !== void 0 && item !== null && item !== ""
+      );
+    }
+    return value.value ?? value.id ?? value.key ?? value.userId ?? value.userid ?? value.departmentId ?? value.deptId ?? value.label ?? value.name;
+  }
+  return value;
+}
+function normalizeFilterOperator(operator, value) {
+  const normalized = operator === "neq" ? "ne" : operator || "eq";
+  if (Array.isArray(value) && value.length > 0 && (normalized === "eq" || normalized === "contains")) {
+    return "in";
+  }
+  return normalized;
+}
+async function resolveOptions(config3, runtime, formData, searchKeyword) {
+  switch (config3.type) {
+    case "custom":
+      return [];
+    // custom 类型直接用 props.options
+    case "linkedForm":
+      if (!config3.linkedForm) return [];
+      return resolveLinkedFormOptions(config3.linkedForm, runtime, searchKeyword);
+    case "dataLinkage":
+      if (!config3.dataLinkage) return [];
+      return resolveDataLinkageOptions(config3.dataLinkage, runtime, formData);
+    default:
+      return [];
+  }
+}
+async function resolveLinkedFormOptions(config3, runtime, searchKeyword) {
+  if (!runtime?.fetchFormData) return [];
+  try {
+    const filters = config3.filters?.map((f) => ({
+      fieldId: f.fieldId,
+      operator: normalizeFilterOperator(f.operator, extractComparableValue(f.value)),
+      value: extractComparableValue(f.value)
+    })) || [];
+    const trimmedKeyword = String(searchKeyword || "").trim();
+    if (trimmedKeyword) {
+      filters.push({
+        fieldId: getSearchFieldId(config3),
+        operator: "contains",
+        value: trimmedKeyword
+      });
+    }
+    const result = await runtime.fetchFormData({
+      formUuid: config3.formUuid,
+      appType: runtime.appType || "",
+      filters,
+      sort: config3.sortField ? { field: config3.sortField, order: config3.sortOrder || "asc" } : void 0,
+      fieldId: config3.fieldId,
+      deduplicate: config3.deduplicate,
+      pageSize: config3.pageSize ?? DEFAULT_OPTION_PAGE_SIZE
+    });
+    const items = result.data.map((row) => normalizeOptionItem(row, config3)).filter((item) => Boolean(item));
+    if (config3.deduplicate) {
+      const seen = /* @__PURE__ */ new Set();
+      return items.filter((item) => {
+        if (seen.has(item.value)) return false;
+        seen.add(item.value);
+        return true;
+      });
+    }
+    return items;
+  } catch (e2) {
+    console.error("[FormComponents] resolveLinkedFormOptions failed:", e2);
+    return [];
+  }
+}
+async function resolveDataLinkageOptions(config3, runtime, formData) {
+  if (!runtime?.fetchFormData) return [];
+  try {
+    const filters = config3.conditions.map((condition) => {
+      const value = extractComparableValue(formData[condition.localFieldId]);
+      return {
+        fieldId: condition.remoteFieldId,
+        operator: normalizeFilterOperator(condition.operator, value),
+        value
+      };
+    });
+    const result = await runtime.fetchFormData({
+      formUuid: config3.formUuid,
+      appType: runtime.appType || "",
+      filters,
+      conditionLogic: config3.conditionLogic,
+      fieldId: config3.targetFieldId,
+      deduplicate: config3.deduplicate,
+      pageSize: DEFAULT_OPTION_PAGE_SIZE
+    });
+    const items = result.data.map((row) => normalizeOptionItem(row, config3.targetFieldId)).filter((item) => Boolean(item));
+    if (config3.deduplicate) {
+      const seen = /* @__PURE__ */ new Set();
+      return items.filter((item) => {
+        if (seen.has(item.value)) return false;
+        seen.add(item.value);
+        return true;
+      });
+    }
+    return items;
+  } catch (e2) {
+    console.error("[FormComponents] resolveDataLinkageOptions failed:", e2);
+    return [];
+  }
+}
+async function resolveDefaultValueLinkage(config3, runtime, formData) {
+  if (!runtime?.fetchFormData) return void 0;
+  try {
+    const filters = config3.conditions.map((condition) => {
+      const value = extractComparableValue(formData[condition.localFieldId]);
+      return {
+        fieldId: condition.remoteFieldId,
+        operator: normalizeFilterOperator(condition.operator, value),
+        value
+      };
+    });
+    const result = await runtime.fetchFormData({
+      formUuid: config3.formUuid,
+      appType: runtime.appType || "",
+      filters,
+      conditionLogic: config3.conditionLogic,
+      fieldId: config3.targetFieldId,
+      pageSize: DEFAULT_OPTION_PAGE_SIZE
+    });
+    if (result.data.length > 0) {
+      return result.data[0][config3.targetFieldId] ?? result.data[0].value ?? void 0;
+    }
+    return void 0;
+  } catch (e2) {
+    console.error("[FormComponents] resolveDefaultValueLinkage failed:", e2);
+    return void 0;
+  }
+}
+
+// packages/sdk/src/components/fields/SelectField/useLinkedFormRemoteOptions.ts
+var DEFAULT_REMOTE_SEARCH_DEBOUNCE_MS = 350;
+function mergeOptionItems(...groups) {
+  const result = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const group of groups) {
+    for (const option of group || []) {
+      if (!option || option.value === void 0 || option.value === null) continue;
+      const key = String(option.value);
+      if (seen.has(key)) continue;
+      seen.add(key);
+      result.push(option);
+    }
+  }
+  return result;
+}
+function useLinkedFormRemoteOptions(optionSource, baseOptions, selectedOptions) {
+  const { runtime } = useFormContext();
+  const linkedForm = optionSource?.type === "linkedForm" ? optionSource.linkedForm : void 0;
+  const enabled = Boolean(linkedForm?.remoteSearch);
+  const minChars = linkedForm?.remoteSearchMinChars ?? 0;
+  const [remoteOptions, setRemoteOptions] = (0, import_react210.useState)(null);
+  const [loading, setLoading] = (0, import_react210.useState)(false);
+  const timerRef = (0, import_react210.useRef)(null);
+  const requestRef = (0, import_react210.useRef)(0);
+  const reset = (0, import_react210.useCallback)(() => {
+    requestRef.current += 1;
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+    setRemoteOptions(null);
+    setLoading(false);
+  }, []);
+  const search = (0, import_react210.useCallback)(
+    (keyword) => {
+      if (!enabled || !linkedForm) return;
+      const trimmedKeyword = keyword.trim();
+      if (!trimmedKeyword) {
+        reset();
+        return;
+      }
+      if (trimmedKeyword.length < minChars) {
+        requestRef.current += 1;
+        setRemoteOptions([]);
+        setLoading(false);
+        return;
+      }
+      if (timerRef.current) clearTimeout(timerRef.current);
+      setLoading(true);
+      timerRef.current = setTimeout(() => {
+        const requestId = requestRef.current + 1;
+        requestRef.current = requestId;
+        void resolveLinkedFormOptions(linkedForm, runtime, trimmedKeyword).then((options2) => {
+          if (requestRef.current !== requestId) return;
+          setRemoteOptions(options2);
+          setLoading(false);
+        });
+      }, DEFAULT_REMOTE_SEARCH_DEBOUNCE_MS);
+    },
+    [enabled, linkedForm, minChars, reset, runtime]
+  );
+  (0, import_react210.useEffect)(
+    () => () => {
+      requestRef.current += 1;
+      if (timerRef.current) clearTimeout(timerRef.current);
+    },
+    []
+  );
+  const options = (0, import_react210.useMemo)(
+    () => mergeOptionItems(remoteOptions ?? baseOptions, selectedOptions),
+    [baseOptions, remoteOptions, selectedOptions]
+  );
+  return {
+    enabled,
+    loading,
+    options,
+    reset,
+    search
+  };
+}
+
+// packages/sdk/src/components/fields/SelectField/valueSync.ts
+init_cjs_shims();
+function syncSelectValueToFields(valueSync, option, setFieldValue) {
+  if (!valueSync?.length) return;
+  for (const rule of valueSync) {
+    if (!rule.targetFieldId) continue;
+    const valuePath = rule.valuePath || "value";
+    const nextValue = option ? option[valuePath] : rule.emptyValue ?? "";
+    setFieldValue(rule.targetFieldId, nextValue ?? "");
+  }
+}
+
 // packages/sdk/src/components/fields/SelectField/SelectFieldPC.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
 function SelectFieldPC({
@@ -30071,18 +30363,25 @@ function SelectFieldPC({
   variant,
   size: size2,
   coloredOptions,
+  optionSource,
+  valueSync,
   onChange
 }) {
   const { formData, setFieldValue } = useFormContext();
   const value = controlledValue !== void 0 ? controlledValue : formData[fieldId];
   const disabled = behavior === "DISABLED";
+  const selectedOptions = (0, import_react211.useMemo)(() => value ? [value] : [], [value]);
+  const remote = useLinkedFormRemoteOptions(optionSource, options, selectedOptions);
+  const displayOptions = remote.options;
   const handleChange = (val) => {
     if (val === void 0) {
       setFieldValue(fieldId, null);
+      syncSelectValueToFields(valueSync, null, setFieldValue);
       onChange?.(null);
     } else {
-      const option = options.find((o) => o.value === val) ?? null;
+      const option = displayOptions.find((o) => o.value === val) ?? null;
       setFieldValue(fieldId, option);
+      syncSelectValueToFields(valueSync, option, setFieldValue);
       onChange?.(option);
     }
   };
@@ -30095,14 +30394,17 @@ function SelectFieldPC({
       placeholder,
       disabled,
       allowClear,
-      showSearch,
       optionFilterProp: optionFilterProp || "label",
       optionLabelProp,
       placement,
       variant,
       size: size2,
-      options: toAntdOptions(options, coloredOptions),
+      options: toAntdOptions(displayOptions, coloredOptions),
+      filterOption: remote.enabled ? false : void 0,
+      notFoundContent: remote.loading ? "\u52A0\u8F7D\u4E2D..." : void 0,
+      onSearch: remote.enabled ? remote.search : void 0,
       onChange: handleChange,
+      showSearch: remote.enabled || showSearch,
       "data-testid": `selectfield-input-${fieldId}`
     }
   );
@@ -30110,7 +30412,7 @@ function SelectFieldPC({
 
 // packages/sdk/src/components/fields/SelectField/SelectFieldMobile.tsx
 init_cjs_shims();
-var import_react210 = require("react");
+var import_react212 = require("react");
 
 // packages/sdk/src/components/fields/shared/MobileField.tsx
 init_cjs_shims();
@@ -30285,35 +30587,56 @@ function SelectFieldMobile({
   options,
   allowClear,
   coloredOptions,
+  optionSource,
+  valueSync,
   onChange
 }) {
   const { formData, setFieldValue } = useFormContext();
   const value = controlledValue !== void 0 ? controlledValue : formData[fieldId];
   const disabled = behavior === "DISABLED";
-  const [visible, setVisible] = (0, import_react210.useState)(false);
-  const [search, setSearch] = (0, import_react210.useState)("");
-  const [tempValue, setTempValue] = (0, import_react210.useState)(value ?? null);
-  const filteredOptions = (0, import_react210.useMemo)(() => {
+  const [visible, setVisible] = (0, import_react212.useState)(false);
+  const [search, setSearch] = (0, import_react212.useState)("");
+  const [tempValue, setTempValue] = (0, import_react212.useState)(value ?? null);
+  const selectedOptions = (0, import_react212.useMemo)(() => value ? [value] : tempValue ? [tempValue] : [], [
+    tempValue,
+    value
+  ]);
+  const {
+    enabled: remoteEnabled,
+    loading: remoteLoading,
+    options: remoteOptions,
+    reset: resetRemoteOptions,
+    search: searchRemoteOptions
+  } = useLinkedFormRemoteOptions(optionSource, options, selectedOptions);
+  const filteredOptions = (0, import_react212.useMemo)(() => {
+    if (remoteEnabled) return remoteOptions;
     const keyword = search.trim().toLowerCase();
     if (!keyword) return options;
     return options.filter(
       (option) => String(option.label ?? option.value).toLowerCase().includes(keyword)
     );
-  }, [options, search]);
+  }, [options, remoteEnabled, remoteOptions, search]);
+  (0, import_react212.useEffect)(() => {
+    if (!visible || !remoteEnabled) return;
+    searchRemoteOptions(search);
+  }, [remoteEnabled, search, searchRemoteOptions, visible]);
   const openSheet = () => {
     if (disabled) return;
     setTempValue(value ?? null);
     setSearch("");
+    resetRemoteOptions();
     setVisible(true);
   };
   const handleConfirm = () => {
     setFieldValue(fieldId, tempValue);
+    syncSelectValueToFields(valueSync, tempValue, setFieldValue);
     onChange?.(tempValue);
     setVisible(false);
   };
   const handleClear = () => {
     setTempValue(null);
     setFieldValue(fieldId, null);
+    syncSelectValueToFields(valueSync, null, setFieldValue);
     onChange?.(null);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: inputClassName, "data-testid": `selectfield-input-${fieldId}`, children: [
@@ -30338,24 +30661,28 @@ function SelectFieldMobile({
         testId: `selectfield-popup-${fieldId}`,
         children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "sy-mobile-option-sheet", children: [
           /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "sy-mobile-option-search", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MobileSearchBox, { value: search, onChange: setSearch }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "sy-mobile-option-list", children: filteredOptions.map((option) => {
-            const active = tempValue?.value === option.value;
-            return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-              "button",
-              {
-                type: "button",
-                className: `sy-mobile-option-row ${active ? "is-active" : ""}`,
-                disabled: option.disabled,
-                onClick: () => setTempValue(option),
-                "data-testid": `selectfield-option-${option.value}`,
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "sy-mobile-option-check is-radio", "aria-hidden": "true" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "sy-mobile-option-label", children: renderOptionLabel(option, coloredOptions) })
-                ]
-              },
-              option.value
-            );
-          }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "sy-mobile-option-list", children: [
+            remoteLoading ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "sy-mobile-option-row", children: "\u52A0\u8F7D\u4E2D..." }) : null,
+            !remoteLoading && filteredOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "sy-mobile-option-row", children: "\u6682\u65E0\u6570\u636E" }) : null,
+            !remoteLoading && filteredOptions.map((option) => {
+              const active = tempValue?.value === option.value;
+              return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  className: `sy-mobile-option-row ${active ? "is-active" : ""}`,
+                  disabled: option.disabled,
+                  onClick: () => setTempValue(option),
+                  "data-testid": `selectfield-option-${option.value}`,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "sy-mobile-option-check is-radio", "aria-hidden": "true" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "sy-mobile-option-label", children: renderOptionLabel(option, coloredOptions) })
+                  ]
+                },
+                option.value
+              );
+            })
+          ] }),
           /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MobileSheetFooter, { onCancel: () => setVisible(false), onConfirm: handleConfirm })
         ] })
       }
@@ -30402,7 +30729,7 @@ function SelectField(props) {
   const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
   const { isMobile } = useDeviceDetect();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
-  (0, import_react211.useEffect)(() => {
+  (0, import_react213.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -30428,7 +30755,7 @@ function SelectField(props) {
 
 // packages/sdk/src/components/fields/MultiSelectField/index.tsx
 init_cjs_shims();
-var import_react213 = require("react");
+var import_react215 = require("react");
 
 // packages/sdk/src/components/fields/MultiSelectField/MultiSelectFieldPC.tsx
 init_cjs_shims();
@@ -30490,7 +30817,7 @@ function MultiSelectFieldPC({
 
 // packages/sdk/src/components/fields/MultiSelectField/MultiSelectFieldMobile.tsx
 init_cjs_shims();
-var import_react212 = require("react");
+var import_react214 = require("react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function MultiSelectFieldMobile({
   fieldId,
@@ -30507,17 +30834,17 @@ function MultiSelectFieldMobile({
   const { formData, setFieldValue } = useFormContext();
   const value = controlledValue !== void 0 ? controlledValue ?? [] : formData[fieldId] ?? [];
   const disabled = behavior === "DISABLED";
-  const [visible, setVisible] = (0, import_react212.useState)(false);
-  const [search, setSearch] = (0, import_react212.useState)("");
-  const [tempValues, setTempValues] = (0, import_react212.useState)(value);
-  const filteredOptions = (0, import_react212.useMemo)(() => {
+  const [visible, setVisible] = (0, import_react214.useState)(false);
+  const [search, setSearch] = (0, import_react214.useState)("");
+  const [tempValues, setTempValues] = (0, import_react214.useState)(value);
+  const filteredOptions = (0, import_react214.useMemo)(() => {
     const keyword = search.trim().toLowerCase();
     if (!keyword) return options;
     return options.filter(
       (option) => String(option.label ?? option.value).toLowerCase().includes(keyword)
     );
   }, [options, search]);
-  const tempValueSet = (0, import_react212.useMemo)(
+  const tempValueSet = (0, import_react214.useMemo)(
     () => new Set(tempValues.map((option) => option.value)),
     [tempValues]
   );
@@ -30635,7 +30962,7 @@ function MultiSelectField(props) {
   const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
   const { isMobile } = useDeviceDetect();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
-  (0, import_react213.useEffect)(() => {
+  (0, import_react215.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -30661,7 +30988,7 @@ function MultiSelectField(props) {
 
 // packages/sdk/src/components/fields/RadioField/index.tsx
 init_cjs_shims();
-var import_react214 = require("react");
+var import_react216 = require("react");
 
 // packages/sdk/src/components/fields/RadioField/RadioFieldPC.tsx
 init_cjs_shims();
@@ -30810,7 +31137,7 @@ function RadioField(props) {
   const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
   const { isMobile } = useDeviceDetect();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
-  (0, import_react214.useEffect)(() => {
+  (0, import_react216.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -30836,7 +31163,7 @@ function RadioField(props) {
 
 // packages/sdk/src/components/fields/CheckboxField/index.tsx
 init_cjs_shims();
-var import_react215 = require("react");
+var import_react217 = require("react");
 
 // packages/sdk/src/components/fields/CheckboxField/CheckboxFieldPC.tsx
 init_cjs_shims();
@@ -30996,7 +31323,7 @@ function CheckboxField(props) {
   const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
   const { isMobile } = useDeviceDetect();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
-  (0, import_react215.useEffect)(() => {
+  (0, import_react217.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -31022,7 +31349,7 @@ function CheckboxField(props) {
 
 // packages/sdk/src/components/fields/DateField/index.tsx
 init_cjs_shims();
-var import_react218 = require("react");
+var import_react220 = require("react");
 
 // packages/sdk/src/components/fields/DateField/DateFieldPC.tsx
 init_cjs_shims();
@@ -31692,12 +32019,12 @@ function DateFieldPC({
 
 // packages/sdk/src/components/fields/DateField/DateFieldMobile.tsx
 init_cjs_shims();
-var import_react217 = require("react");
+var import_react219 = require("react");
 var import_dayjs13 = __toESM(require("dayjs"));
 
 // packages/sdk/src/components/fields/shared/MobileDatePicker.tsx
 init_cjs_shims();
-var import_react216 = __toESM(require("react"));
+var import_react218 = __toESM(require("react"));
 var import_dayjs12 = __toESM(require("dayjs"));
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var pad2 = (value) => String(value).padStart(2, "0");
@@ -31794,7 +32121,7 @@ function MobileDateTimePickerView({
   onChange
 }) {
   const precision = resolveTimePickerPrecision(dateFormat);
-  const columns = import_react216.default.useMemo(
+  const columns = import_react218.default.useMemo(
     () => [getDateOptions(value, min2, max2), ...getTimePickerColumns(precision)],
     [value, min2, max2, precision]
   );
@@ -31825,12 +32152,12 @@ function DateFieldMobile({
   const { formData, setFieldValue } = useFormContext();
   const value = formData[fieldId];
   const disabled = behavior === "DISABLED";
-  const [visible, setVisible] = (0, import_react217.useState)(false);
-  const [mode, setMode] = (0, import_react217.useState)("date");
+  const [visible, setVisible] = (0, import_react219.useState)(false);
+  const [mode, setMode] = (0, import_react219.useState)("date");
   const format2 = getDateDisplayFormat(dateFormat, showTime);
   const inferredShowTime = shouldShowDateTime(dateFormat, showTime);
   const pickerValue = value && (0, import_dayjs13.default)(value).isValid() ? (0, import_dayjs13.default)(value).toDate() : /* @__PURE__ */ new Date();
-  const [tempDate, setTempDate] = (0, import_react217.useState)(pickerValue);
+  const [tempDate, setTempDate] = (0, import_react219.useState)(pickerValue);
   const { min: min2, max: max2 } = getDateMinMax(dateRestriction);
   const openPicker = () => {
     if (disabled) return;
@@ -31968,7 +32295,7 @@ function DateField(props) {
   const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
   const { isMobile } = useDeviceDetect();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
-  (0, import_react218.useEffect)(() => {
+  (0, import_react220.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -31994,7 +32321,7 @@ function DateField(props) {
 
 // packages/sdk/src/components/fields/CascadeDateField/index.tsx
 init_cjs_shims();
-var import_react220 = require("react");
+var import_react222 = require("react");
 
 // packages/sdk/src/components/fields/CascadeDateField/CascadeDateFieldPC.tsx
 init_cjs_shims();
@@ -32053,7 +32380,7 @@ function CascadeDateFieldPC({
 
 // packages/sdk/src/components/fields/CascadeDateField/CascadeDateFieldMobile.tsx
 init_cjs_shims();
-var import_react219 = require("react");
+var import_react221 = require("react");
 var import_dayjs15 = __toESM(require("dayjs"));
 var import_jsx_runtime39 = require("react/jsx-runtime");
 function CascadeDateFieldMobile({
@@ -32070,11 +32397,11 @@ function CascadeDateFieldMobile({
   const { formData, setFieldValue } = useFormContext();
   const value = normalizeDateRangeValue(formData[fieldId]);
   const disabled = behavior === "DISABLED";
-  const [visible, setVisible] = (0, import_react219.useState)(false);
-  const [tempRange, setTempRange] = (0, import_react219.useState)(null);
-  const [timeStep, setTimeStep] = (0, import_react219.useState)("start");
-  const [tempStart, setTempStart] = (0, import_react219.useState)(/* @__PURE__ */ new Date());
-  const [tempEnd, setTempEnd] = (0, import_react219.useState)(/* @__PURE__ */ new Date());
+  const [visible, setVisible] = (0, import_react221.useState)(false);
+  const [tempRange, setTempRange] = (0, import_react221.useState)(null);
+  const [timeStep, setTimeStep] = (0, import_react221.useState)("start");
+  const [tempStart, setTempStart] = (0, import_react221.useState)(/* @__PURE__ */ new Date());
+  const [tempEnd, setTempEnd] = (0, import_react221.useState)(/* @__PURE__ */ new Date());
   const format2 = getDateDisplayFormat(dateFormat, showTime);
   const inferredShowTime = shouldShowDateTime(dateFormat, showTime);
   const startValue = value?.start && (0, import_dayjs15.default)(value.start).isValid() ? (0, import_dayjs15.default)(value.start).toDate() : void 0;
@@ -32239,7 +32566,7 @@ function CascadeDateField(props) {
   const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
   const { isMobile } = useDeviceDetect();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
-  (0, import_react220.useEffect)(() => {
+  (0, import_react222.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -32265,11 +32592,11 @@ function CascadeDateField(props) {
 
 // packages/sdk/src/components/fields/AttachmentField/index.tsx
 init_cjs_shims();
-var import_react223 = require("react");
+var import_react225 = require("react");
 
 // packages/sdk/src/components/fields/AttachmentField/AttachmentFieldPC.tsx
 init_cjs_shims();
-var import_react221 = __toESM(require("react"));
+var import_react223 = __toESM(require("react"));
 var import_antd11 = require("antd");
 
 // packages/sdk/src/components/fields/shared/FileDisplay.tsx
@@ -32589,15 +32916,15 @@ function AttachmentFieldPC({
   onChange
 }) {
   const { formData, setFieldValue, api } = useFormContext();
-  const value = import_react221.default.useMemo(
+  const value = import_react223.default.useMemo(
     () => dedupeAttachmentItems(
       Array.isArray(formData[fieldId]) ? formData[fieldId] : []
     ),
     [fieldId, formData]
   );
-  const valueRef = import_react221.default.useRef(value);
+  const valueRef = import_react223.default.useRef(value);
   const disabled = behavior === "DISABLED";
-  import_react221.default.useEffect(() => {
+  import_react223.default.useEffect(() => {
     valueRef.current = value;
   }, [value]);
   const setValue = (items) => {
@@ -32853,7 +33180,7 @@ function AttachmentFieldPC({
 
 // packages/sdk/src/components/fields/AttachmentField/AttachmentFieldMobile.tsx
 init_cjs_shims();
-var import_react222 = __toESM(require("react"));
+var import_react224 = __toESM(require("react"));
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var PREVIEW_PAGE_EXTENSIONS2 = [
   "pdf",
@@ -32906,16 +33233,16 @@ function AttachmentFieldMobile({
   onChange
 }) {
   const { formData, setFieldValue, api } = useFormContext();
-  const value = import_react222.default.useMemo(
+  const value = import_react224.default.useMemo(
     () => dedupeAttachmentItems(
       Array.isArray(formData[fieldId]) ? formData[fieldId] : []
     ),
     [fieldId, formData]
   );
-  const valueRef = import_react222.default.useRef(value);
-  const inputRef = import_react222.default.useRef(null);
+  const valueRef = import_react224.default.useRef(value);
+  const inputRef = import_react224.default.useRef(null);
   const disabled = behavior === "DISABLED";
-  import_react222.default.useEffect(() => {
+  import_react224.default.useEffect(() => {
     valueRef.current = value;
   }, [value]);
   const setValue = (items) => {
@@ -33277,7 +33604,7 @@ function AttachmentField(props) {
   const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
   const { isMobile } = useDeviceDetect();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
-  (0, import_react223.useEffect)(() => {
+  (0, import_react225.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -33303,11 +33630,11 @@ function AttachmentField(props) {
 
 // packages/sdk/src/components/fields/ImageField/index.tsx
 init_cjs_shims();
-var import_react227 = require("react");
+var import_react229 = require("react");
 
 // packages/sdk/src/components/fields/ImageField/ImageFieldPC.tsx
 init_cjs_shims();
-var import_react224 = __toESM(require("react"));
+var import_react226 = __toESM(require("react"));
 var import_antd12 = require("antd");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 var createLocalItem3 = (file) => {
@@ -33326,9 +33653,9 @@ var createLocalItem3 = (file) => {
   };
 };
 function ImageThumbContent({ item }) {
-  const [imageFailed, setImageFailed] = import_react224.default.useState(false);
+  const [imageFailed, setImageFailed] = import_react226.default.useState(false);
   const src = item.previewUrl || item.url;
-  import_react224.default.useEffect(() => {
+  import_react226.default.useEffect(() => {
     setImageFailed(false);
   }, [src]);
   if (src && !imageFailed) {
@@ -33356,15 +33683,15 @@ function ImageFieldPC({
   onChange
 }) {
   const { formData, setFieldValue, api } = useFormContext();
-  const value = import_react224.default.useMemo(
+  const value = import_react226.default.useMemo(
     () => dedupeAttachmentItems(
       Array.isArray(formData[fieldId]) ? formData[fieldId] : []
     ),
     [fieldId, formData]
   );
-  const valueRef = import_react224.default.useRef(value);
+  const valueRef = import_react226.default.useRef(value);
   const disabled = behavior === "DISABLED";
-  import_react224.default.useEffect(() => {
+  import_react226.default.useEffect(() => {
     valueRef.current = value;
   }, [value]);
   const setValue = (items) => {
@@ -33624,7 +33951,7 @@ function ImageFieldPC({
 
 // packages/sdk/src/components/fields/ImageField/ImageFieldMobile.tsx
 init_cjs_shims();
-var import_react225 = __toESM(require("react"));
+var import_react227 = __toESM(require("react"));
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var createLocalItem4 = (file) => {
   const uid = createUid("image");
@@ -33642,9 +33969,9 @@ var createLocalItem4 = (file) => {
   };
 };
 function ImageThumbContent2({ item }) {
-  const [imageFailed, setImageFailed] = import_react225.default.useState(false);
+  const [imageFailed, setImageFailed] = import_react227.default.useState(false);
   const src = item.previewUrl || item.url;
-  import_react225.default.useEffect(() => {
+  import_react227.default.useEffect(() => {
     setImageFailed(false);
   }, [src]);
   if (src && !imageFailed) {
@@ -33671,16 +33998,16 @@ function ImageFieldMobile({
   onChange
 }) {
   const { formData, setFieldValue, api } = useFormContext();
-  const value = import_react225.default.useMemo(
+  const value = import_react227.default.useMemo(
     () => dedupeAttachmentItems(
       Array.isArray(formData[fieldId]) ? formData[fieldId] : []
     ),
     [fieldId, formData]
   );
-  const valueRef = import_react225.default.useRef(value);
-  const inputRef = import_react225.default.useRef(null);
+  const valueRef = import_react227.default.useRef(value);
+  const inputRef = import_react227.default.useRef(null);
   const disabled = behavior === "DISABLED";
-  import_react225.default.useEffect(() => {
+  import_react227.default.useEffect(() => {
     valueRef.current = value;
   }, [value]);
   const setValue = (items) => {
@@ -33843,13 +34170,13 @@ function ImageFieldMobile({
 
 // packages/sdk/src/components/fields/ImageField/ImageFieldReadonly.tsx
 init_cjs_shims();
-var import_react226 = __toESM(require("react"));
+var import_react228 = __toESM(require("react"));
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var getTicketUrl2 = (ticket, fallback) => typeof ticket === "string" ? ticket : ticket?.previewUrl || ticket?.downloadUrl || ticket?.relayUrl || ticket?.url || fallback;
 function ImageThumbContent3({ item, testId }) {
-  const [imageFailed, setImageFailed] = import_react226.default.useState(false);
+  const [imageFailed, setImageFailed] = import_react228.default.useState(false);
   const src = item.previewUrl || item.url;
-  import_react226.default.useEffect(() => {
+  import_react228.default.useEffect(() => {
     setImageFailed(false);
   }, [src]);
   if (src && !imageFailed) {
@@ -33873,8 +34200,8 @@ function ImageFieldReadonly({
   const { formData, api } = useFormContext();
   const { isMobile } = useDeviceDetect();
   const value = formData[fieldId] ?? [];
-  const [previewUrl, setPreviewUrl] = import_react226.default.useState("");
-  const [previewName, setPreviewName] = import_react226.default.useState("");
+  const [previewUrl, setPreviewUrl] = import_react228.default.useState("");
+  const [previewName, setPreviewName] = import_react228.default.useState("");
   if (value.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       "div",
@@ -34066,7 +34393,7 @@ function ImageField(props) {
   const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
   const { isMobile } = useDeviceDetect();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
-  (0, import_react227.useEffect)(() => {
+  (0, import_react229.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -34092,14 +34419,14 @@ function ImageField(props) {
 
 // packages/sdk/src/components/fields/SubFormField/index.tsx
 init_cjs_shims();
-var import_react229 = require("react");
+var import_react231 = require("react");
 
 // packages/sdk/src/components/fields/SubFormField/SubFormFieldPC.tsx
 init_cjs_shims();
 
 // packages/sdk/src/components/fields/SubFormField/SubFormCell.tsx
 init_cjs_shims();
-var import_react228 = require("react");
+var import_react230 = require("react");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var stringifyFallbackValue = (value) => {
   if (value === void 0 || value === null) return "";
@@ -34120,7 +34447,7 @@ function SubFormCell({
   const scopedFieldId = `${parentFieldId}.${rowIndex}.${column.fieldId}`;
   const cellValue = row[column.fieldId];
   const resolvedBehavior = behavior === "DISABLED" || behavior === "READONLY" ? behavior : column.behavior ?? behavior ?? "NORMAL";
-  const childContext = (0, import_react228.useMemo)(
+  const childContext = (0, import_react230.useMemo)(
     () => ({
       ...parentContext,
       formData: {
@@ -34416,7 +34743,7 @@ function SubFormField(props) {
   const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
   const { isMobile } = useDeviceDetect();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
-  (0, import_react229.useEffect)(() => {
+  (0, import_react231.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -34442,22 +34769,22 @@ function SubFormField(props) {
 
 // packages/sdk/src/components/fields/UserSelectField/index.tsx
 init_cjs_shims();
-var import_react235 = require("react");
+var import_react237 = require("react");
 
 // packages/sdk/src/components/fields/UserSelectField/UserSelectFieldPC.tsx
 init_cjs_shims();
-var import_react232 = require("react");
+var import_react234 = require("react");
 var import_antd14 = require("antd");
 
 // packages/sdk/src/components/fields/shared/UserPicker.tsx
 init_cjs_shims();
-var import_react231 = require("react");
+var import_react233 = require("react");
 var import_antd13 = require("antd");
 var import_icons3 = require("@ant-design/icons");
 
 // packages/sdk/src/components/fields/shared/useLazyDepartmentTree.ts
 init_cjs_shims();
-var import_react230 = require("react");
+var import_react232 = require("react");
 var toLazyNode = (node) => {
   const normalized = normalizeDepartmentNode(node);
   const id = getDepartmentId(normalized);
@@ -34507,15 +34834,15 @@ function buildIndexes(nodes) {
   return { nodeMap, parentMap, flatNodes };
 }
 function useLazyDepartmentTree(api, configuredTreeData) {
-  const [treeData, setTreeDataState] = (0, import_react230.useState)(
+  const [treeData, setTreeDataState] = (0, import_react232.useState)(
     () => (configuredTreeData || []).map(toLazyNode)
   );
-  const [treeLoading, setTreeLoading] = (0, import_react230.useState)(false);
-  const treeDataRef = (0, import_react230.useRef)(treeData);
-  const rootsLoadedRef = (0, import_react230.useRef)(Boolean(configuredTreeData?.length));
-  const rootPromiseRef = (0, import_react230.useRef)(null);
-  const childPromiseRef = (0, import_react230.useRef)({});
-  const setTreeData = (0, import_react230.useCallback)(
+  const [treeLoading, setTreeLoading] = (0, import_react232.useState)(false);
+  const treeDataRef = (0, import_react232.useRef)(treeData);
+  const rootsLoadedRef = (0, import_react232.useRef)(Boolean(configuredTreeData?.length));
+  const rootPromiseRef = (0, import_react232.useRef)(null);
+  const childPromiseRef = (0, import_react232.useRef)({});
+  const setTreeData = (0, import_react232.useCallback)(
     (next) => {
       const resolved = typeof next === "function" ? next(treeDataRef.current) : next;
       treeDataRef.current = resolved;
@@ -34524,13 +34851,13 @@ function useLazyDepartmentTree(api, configuredTreeData) {
     },
     []
   );
-  (0, import_react230.useEffect)(() => {
+  (0, import_react232.useEffect)(() => {
     if (!configuredTreeData) return;
     const next = configuredTreeData.map(toLazyNode);
     rootsLoadedRef.current = next.length > 0;
     setTreeData(next);
   }, [configuredTreeData, setTreeData]);
-  const loadRootDepartments = (0, import_react230.useCallback)(async () => {
+  const loadRootDepartments = (0, import_react232.useCallback)(async () => {
     if (rootsLoadedRef.current) return treeDataRef.current;
     if (rootPromiseRef.current) return rootPromiseRef.current;
     setTreeLoading(true);
@@ -34546,7 +34873,7 @@ function useLazyDepartmentTree(api, configuredTreeData) {
     rootPromiseRef.current = promise;
     return promise;
   }, [api, setTreeData]);
-  const loadChildren = (0, import_react230.useCallback)(
+  const loadChildren = (0, import_react232.useCallback)(
     async (parentId) => {
       const id = String(parentId || "");
       if (!id) return [];
@@ -34567,8 +34894,8 @@ function useLazyDepartmentTree(api, configuredTreeData) {
     },
     [api, setTreeData]
   );
-  const indexes = (0, import_react230.useMemo)(() => buildIndexes(treeData), [treeData]);
-  (0, import_react230.useEffect)(() => {
+  const indexes = (0, import_react232.useMemo)(() => buildIndexes(treeData), [treeData]);
+  (0, import_react232.useEffect)(() => {
     void loadRootDepartments();
   }, [loadRootDepartments]);
   return {
@@ -34613,24 +34940,24 @@ function UserPickerPanel({
     flatNodes,
     loadChildren
   } = useLazyDepartmentTree(api, treeData);
-  const [departmentKeyword, setDepartmentKeyword] = (0, import_react231.useState)("");
-  const [memberKeyword, setMemberKeyword] = (0, import_react231.useState)("");
-  const [mobileKeyword, setMobileKeyword] = (0, import_react231.useState)("");
-  const [currentDeptId, setCurrentDeptId] = (0, import_react231.useState)("");
-  const [expandedKeys, setExpandedKeys] = (0, import_react231.useState)([]);
-  const [members, setMembers] = (0, import_react231.useState)(() => normalizeUsers(dataSource));
-  const [memberPage, setMemberPage] = (0, import_react231.useState)(1);
-  const [memberPageSize, setMemberPageSize] = (0, import_react231.useState)(DEFAULT_MEMBER_PAGE_SIZE);
-  const [memberTotal, setMemberTotal] = (0, import_react231.useState)(() => normalizeUsers(dataSource).length);
-  const [memberReloadKey, setMemberReloadKey] = (0, import_react231.useState)(0);
-  const [loading, setLoading] = (0, import_react231.useState)(false);
-  const [selected, setSelected] = (0, import_react231.useState)(() => normalizeUsers(value));
+  const [departmentKeyword, setDepartmentKeyword] = (0, import_react233.useState)("");
+  const [memberKeyword, setMemberKeyword] = (0, import_react233.useState)("");
+  const [mobileKeyword, setMobileKeyword] = (0, import_react233.useState)("");
+  const [currentDeptId, setCurrentDeptId] = (0, import_react233.useState)("");
+  const [expandedKeys, setExpandedKeys] = (0, import_react233.useState)([]);
+  const [members, setMembers] = (0, import_react233.useState)(() => normalizeUsers(dataSource));
+  const [memberPage, setMemberPage] = (0, import_react233.useState)(1);
+  const [memberPageSize, setMemberPageSize] = (0, import_react233.useState)(DEFAULT_MEMBER_PAGE_SIZE);
+  const [memberTotal, setMemberTotal] = (0, import_react233.useState)(() => normalizeUsers(dataSource).length);
+  const [memberReloadKey, setMemberReloadKey] = (0, import_react233.useState)(0);
+  const [loading, setLoading] = (0, import_react233.useState)(false);
+  const [selected, setSelected] = (0, import_react233.useState)(() => normalizeUsers(value));
   const selectedIds = selected.map(getUserId);
   const MobileSearchBar = getMobileComponent("SearchBar");
   const activeMemberKeyword = (mobile ? mobileKeyword : memberKeyword).trim();
-  const staticUsers = (0, import_react231.useMemo)(() => normalizeUsers(dataSource), [dataSource]);
+  const staticUsers = (0, import_react233.useMemo)(() => normalizeUsers(dataSource), [dataSource]);
   const hasStaticUserSource = staticUsers.length > 0;
-  (0, import_react231.useEffect)(() => {
+  (0, import_react233.useEffect)(() => {
     if (mobile) return;
     if (currentDeptId || deptTreeData.length === 0) return;
     setExpandedKeys(deptTreeData.map((node) => getDepartmentId(node)));
@@ -34638,17 +34965,17 @@ function UserPickerPanel({
       setCurrentDeptId(getDepartmentId(deptTreeData[0]));
     }
   }, [currentDeptId, deptTreeData, loadAllWhenNoDepartment, mobile]);
-  (0, import_react231.useEffect)(() => {
+  (0, import_react233.useEffect)(() => {
     setMemberPage(1);
   }, [activeMemberKeyword, currentDeptId, dataSource, mobile]);
-  const handleDepartmentSelect = (0, import_react231.useCallback)((deptId) => {
+  const handleDepartmentSelect = (0, import_react233.useCallback)((deptId) => {
     const nextDeptId = String(deptId || "");
     setCurrentDeptId(nextDeptId);
     setMemberKeyword("");
     setMemberPage(1);
     setMemberReloadKey((current) => current + 1);
   }, []);
-  (0, import_react231.useEffect)(() => {
+  (0, import_react233.useEffect)(() => {
     let active = true;
     const keyword = activeMemberKeyword;
     if (hasStaticUserSource) {
@@ -34721,7 +35048,7 @@ function UserPickerPanel({
     memberReloadKey,
     staticUsers
   ]);
-  const currentPath = (0, import_react231.useMemo)(() => {
+  const currentPath = (0, import_react233.useMemo)(() => {
     if (!currentDeptId) return [];
     const path = [];
     let cursor = currentDeptId;
@@ -34733,7 +35060,7 @@ function UserPickerPanel({
     }
     return path;
   }, [currentDeptId, nodeMap, parentMap]);
-  const mobileDepartments = (0, import_react231.useMemo)(() => {
+  const mobileDepartments = (0, import_react233.useMemo)(() => {
     const keyword = mobileKeyword.trim().toLowerCase();
     if (keyword) {
       return flatNodes.filter((item) => item.name.toLowerCase().includes(keyword)).map((item) => item.node);
@@ -34981,20 +35308,20 @@ function UserSelectFieldPC({
 }) {
   const { formData, setFieldValue, api } = useFormContext();
   const rawValue = formData[fieldId];
-  const value = (0, import_react232.useMemo)(() => normalizeUserArray(rawValue), [rawValue]);
+  const value = (0, import_react234.useMemo)(() => normalizeUserArray(rawValue), [rawValue]);
   const disabled = behavior === "DISABLED";
-  const [optionsSource, setOptionsSource] = (0, import_react232.useState)(
+  const [optionsSource, setOptionsSource] = (0, import_react234.useState)(
     () => dataSource.map(normalizeUser)
   );
-  const [loading, setLoading] = (0, import_react232.useState)(false);
-  const [pickerOpen, setPickerOpen] = (0, import_react232.useState)(false);
+  const [loading, setLoading] = (0, import_react234.useState)(false);
+  const [pickerOpen, setPickerOpen] = (0, import_react234.useState)(false);
   const pickerDataSource = dataSource.length > 0 ? dataSource : void 0;
-  (0, import_react232.useEffect)(() => {
+  (0, import_react234.useEffect)(() => {
     if (dataSource.length) {
       setOptionsSource(dataSource.map(normalizeUser));
     }
   }, [dataSource]);
-  (0, import_react232.useEffect)(() => {
+  (0, import_react234.useEffect)(() => {
     setOptionsSource((current) => {
       const merged = [...current];
       let changed = false;
@@ -35007,7 +35334,7 @@ function UserSelectFieldPC({
       return changed ? merged : current;
     });
   }, [value]);
-  (0, import_react232.useEffect)(() => {
+  (0, import_react234.useEffect)(() => {
     const missing = value.filter((item) => getUserId(item) && getUserNameLikeId(item));
     if (missing.length === 0) return;
     let cancelled = false;
@@ -35050,7 +35377,7 @@ function UserSelectFieldPC({
       setLoading(false);
     }
   };
-  (0, import_react232.useEffect)(() => {
+  (0, import_react234.useEffect)(() => {
     fetchUsers();
   }, []);
   const handleChange = (selectedIds) => {
@@ -35075,7 +35402,7 @@ function UserSelectFieldPC({
     setFieldValue(fieldId, normalized);
     onChange?.(normalized);
   };
-  const options = (0, import_react232.useMemo)(
+  const options = (0, import_react234.useMemo)(
     () => optionsSource.map((u) => ({
       value: getUserId(u),
       label: formatUserDisplay(u, displayFormat)
@@ -35140,7 +35467,7 @@ function getUserNameLikeId(user) {
 
 // packages/sdk/src/components/fields/UserSelectField/UserSelectFieldMobile.tsx
 init_cjs_shims();
-var import_react233 = require("react");
+var import_react235 = require("react");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var getMobilePopup = () => {
   try {
@@ -35164,19 +35491,19 @@ function UserSelectFieldMobile({
 }) {
   const { formData, setFieldValue, api } = useFormContext();
   const rawValue = formData[fieldId];
-  const value = (0, import_react233.useMemo)(() => normalizeUserArray(rawValue), [rawValue]);
+  const value = (0, import_react235.useMemo)(() => normalizeUserArray(rawValue), [rawValue]);
   const disabled = behavior === "DISABLED";
-  const [showPicker, setShowPicker] = (0, import_react233.useState)(false);
-  const [optionsSource, setOptionsSource] = (0, import_react233.useState)(
+  const [showPicker, setShowPicker] = (0, import_react235.useState)(false);
+  const [optionsSource, setOptionsSource] = (0, import_react235.useState)(
     () => dataSource.map(normalizeUser)
   );
   const pickerDataSource = dataSource.length > 0 ? dataSource : void 0;
-  (0, import_react233.useEffect)(() => {
+  (0, import_react235.useEffect)(() => {
     if (dataSource.length) {
       setOptionsSource(dataSource.map(normalizeUser));
     }
   }, [dataSource]);
-  (0, import_react233.useEffect)(() => {
+  (0, import_react235.useEffect)(() => {
     setOptionsSource((current) => {
       const merged = [...current];
       let changed = false;
@@ -35273,7 +35600,7 @@ function UserSelectFieldMobile({
 
 // packages/sdk/src/components/fields/UserSelectField/UserSelectFieldReadonly.tsx
 init_cjs_shims();
-var import_react234 = require("react");
+var import_react236 = require("react");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 function UserSelectFieldReadonly({
   fieldId,
@@ -35282,8 +35609,8 @@ function UserSelectFieldReadonly({
 }) {
   const { formData, setFieldValue, api } = useFormContext();
   const rawValue = formData[fieldId];
-  const value = (0, import_react234.useMemo)(() => normalizeUserArray(rawValue), [rawValue]);
-  (0, import_react234.useEffect)(() => {
+  const value = (0, import_react236.useMemo)(() => normalizeUserArray(rawValue), [rawValue]);
+  (0, import_react236.useEffect)(() => {
     const missing = value.filter((item) => getUserNameLikeId2(item));
     if (missing.length === 0) return;
     let cancelled = false;
@@ -35335,7 +35662,7 @@ function UserSelectField(props) {
   const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
   const { isMobile } = useDeviceDetect();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
-  (0, import_react235.useEffect)(() => {
+  (0, import_react237.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -35361,16 +35688,16 @@ function UserSelectField(props) {
 
 // packages/sdk/src/components/fields/DepartmentSelectField/index.tsx
 init_cjs_shims();
-var import_react240 = require("react");
+var import_react242 = require("react");
 
 // packages/sdk/src/components/fields/DepartmentSelectField/DepartmentSelectFieldPC.tsx
 init_cjs_shims();
-var import_react237 = require("react");
+var import_react239 = require("react");
 var import_antd16 = require("antd");
 
 // packages/sdk/src/components/fields/shared/DepartmentPicker.tsx
 init_cjs_shims();
-var import_react236 = require("react");
+var import_react238 = require("react");
 var import_antd15 = require("antd");
 var import_icons4 = require("@ant-design/icons");
 var import_jsx_runtime61 = require("react/jsx-runtime");
@@ -35413,17 +35740,17 @@ function DepartmentPickerPanel({
     flatNodes,
     loadChildren
   } = useLazyDepartmentTree(api, treeData);
-  const [keyword, setKeyword] = (0, import_react236.useState)("");
-  const [selected, setSelected] = (0, import_react236.useState)(() => normalizeSelection(value));
-  const [expandedKeys, setExpandedKeys] = (0, import_react236.useState)([]);
-  const [currentDeptId, setCurrentDeptId] = (0, import_react236.useState)(null);
+  const [keyword, setKeyword] = (0, import_react238.useState)("");
+  const [selected, setSelected] = (0, import_react238.useState)(() => normalizeSelection(value));
+  const [expandedKeys, setExpandedKeys] = (0, import_react238.useState)([]);
+  const [currentDeptId, setCurrentDeptId] = (0, import_react238.useState)(null);
   const selectedIds = selected.map((item) => item.id);
   const MobileSearchBar = getMobileComponent2("SearchBar");
-  const filteredTreeData = (0, import_react236.useMemo)(
+  const filteredTreeData = (0, import_react238.useMemo)(
     () => matchSearch(loadedTreeData, keyword.trim()),
     [keyword, loadedTreeData]
   );
-  const currentPath = (0, import_react236.useMemo)(() => {
+  const currentPath = (0, import_react238.useMemo)(() => {
     if (!currentDeptId) return [];
     const path = [];
     let cursor = currentDeptId;
@@ -35435,7 +35762,7 @@ function DepartmentPickerPanel({
     }
     return path;
   }, [currentDeptId, nodeMap, parentMap]);
-  const mobileList = (0, import_react236.useMemo)(() => {
+  const mobileList = (0, import_react238.useMemo)(() => {
     if (keyword.trim()) {
       const lower = keyword.trim().toLowerCase();
       return flatNodes.filter((item) => item.name.toLowerCase().includes(lower)).map((item) => item.node);
@@ -35658,13 +35985,13 @@ function DepartmentSelectFieldPC({
 }) {
   const { formData, setFieldValue, api } = useFormContext();
   const rawValue = formData[fieldId];
-  const value = (0, import_react237.useMemo)(() => normalizeDepartmentArray(rawValue), [rawValue]);
+  const value = (0, import_react239.useMemo)(() => normalizeDepartmentArray(rawValue), [rawValue]);
   const disabled = behavior === "DISABLED";
   const configuredTreeData = treeData ?? EMPTY_TREE_DATA;
-  const remoteLoadedRef = (0, import_react237.useRef)(false);
-  const [loadedTreeData, setLoadedTreeData] = (0, import_react237.useState)(configuredTreeData);
-  const [pickerOpen, setPickerOpen] = (0, import_react237.useState)(false);
-  (0, import_react237.useEffect)(() => {
+  const remoteLoadedRef = (0, import_react239.useRef)(false);
+  const [loadedTreeData, setLoadedTreeData] = (0, import_react239.useState)(configuredTreeData);
+  const [pickerOpen, setPickerOpen] = (0, import_react239.useState)(false);
+  (0, import_react239.useEffect)(() => {
     if (configuredTreeData.length) {
       setLoadedTreeData(configuredTreeData.map(normalizeDepartmentNode));
       return;
@@ -35770,7 +36097,7 @@ function DepartmentSelectFieldPC({
 
 // packages/sdk/src/components/fields/DepartmentSelectField/DepartmentSelectFieldMobile.tsx
 init_cjs_shims();
-var import_react238 = require("react");
+var import_react240 = require("react");
 var import_jsx_runtime63 = require("react/jsx-runtime");
 var EMPTY_TREE_DATA2 = [];
 function toDepartmentValue2(item) {
@@ -35800,13 +36127,13 @@ function DepartmentSelectFieldMobile({
 }) {
   const { formData, setFieldValue, api } = useFormContext();
   const rawValue = formData[fieldId];
-  const value = (0, import_react238.useMemo)(() => normalizeDepartmentArray(rawValue), [rawValue]);
+  const value = (0, import_react240.useMemo)(() => normalizeDepartmentArray(rawValue), [rawValue]);
   const disabled = behavior === "DISABLED";
-  const [showPicker, setShowPicker] = (0, import_react238.useState)(false);
+  const [showPicker, setShowPicker] = (0, import_react240.useState)(false);
   const configuredTreeData = treeData ?? EMPTY_TREE_DATA2;
-  const remoteLoadedRef = (0, import_react238.useRef)(false);
-  const [loadedTreeData, setLoadedTreeData] = (0, import_react238.useState)(configuredTreeData);
-  (0, import_react238.useEffect)(() => {
+  const remoteLoadedRef = (0, import_react240.useRef)(false);
+  const [loadedTreeData, setLoadedTreeData] = (0, import_react240.useState)(configuredTreeData);
+  (0, import_react240.useEffect)(() => {
     if (configuredTreeData.length) {
       setLoadedTreeData(configuredTreeData.map(normalizeDepartmentNode));
     }
@@ -35901,7 +36228,7 @@ function DepartmentSelectFieldMobile({
 
 // packages/sdk/src/components/fields/DepartmentSelectField/DepartmentSelectFieldReadonly.tsx
 init_cjs_shims();
-var import_react239 = require("react");
+var import_react241 = require("react");
 var import_jsx_runtime64 = require("react/jsx-runtime");
 function DepartmentSelectFieldReadonly({
   fieldId,
@@ -35911,7 +36238,7 @@ function DepartmentSelectFieldReadonly({
 }) {
   const { formData } = useFormContext();
   const rawValue = formData[fieldId];
-  const value = (0, import_react239.useMemo)(() => normalizeDepartmentArray(rawValue), [rawValue]);
+  const value = (0, import_react241.useMemo)(() => normalizeDepartmentArray(rawValue), [rawValue]);
   const display = value.length > 0 ? value.map(
     (d) => showFullPath ? getDepartmentFullPath(getDepartmentId(d), treeData) || getDepartmentName(d) : getDepartmentName(d)
   ).join(", ") : "--";
@@ -35942,7 +36269,7 @@ function DepartmentSelectField(props) {
   const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
   const { isMobile } = useDeviceDetect();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
-  (0, import_react240.useEffect)(() => {
+  (0, import_react242.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -35968,7 +36295,7 @@ function DepartmentSelectField(props) {
 
 // packages/sdk/src/components/fields/CascadeSelectField/index.tsx
 init_cjs_shims();
-var import_react241 = require("react");
+var import_react243 = require("react");
 var import_antd17 = require("antd");
 var import_jsx_runtime66 = require("react/jsx-runtime");
 var toValuePath = (value, multiple) => {
@@ -36007,7 +36334,7 @@ function CascadeSelectField(props) {
   const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField } = useFormContext();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
   const value = formData[fieldId] ?? (multiple ? [] : []);
-  (0, import_react241.useEffect)(() => {
+  (0, import_react243.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -36061,7 +36388,7 @@ function CascadeSelectField(props) {
 
 // packages/sdk/src/components/fields/AddressField/index.tsx
 init_cjs_shims();
-var import_react242 = require("react");
+var import_react244 = require("react");
 var import_antd18 = require("antd");
 var import_jsx_runtime67 = require("react/jsx-runtime");
 var LEVELS = ["province", "city", "district", "street"];
@@ -36112,19 +36439,19 @@ function AddressField(props) {
   const { isMobile } = useDeviceDetect();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
   const value = formData[fieldId];
-  const [options, setOptions] = (0, import_react242.useState)([]);
-  const [loadingRoots, setLoadingRoots] = (0, import_react242.useState)(false);
-  const [mobileOpen, setMobileOpen] = (0, import_react242.useState)(false);
-  const [mobileLevelIndex, setMobileLevelIndex] = (0, import_react242.useState)(0);
-  const [mobileOptions, setMobileOptions] = (0, import_react242.useState)([]);
-  const [mobileLoading, setMobileLoading] = (0, import_react242.useState)(false);
-  const [tempValue, setTempValue] = (0, import_react242.useState)();
+  const [options, setOptions] = (0, import_react244.useState)([]);
+  const [loadingRoots, setLoadingRoots] = (0, import_react244.useState)(false);
+  const [mobileOpen, setMobileOpen] = (0, import_react244.useState)(false);
+  const [mobileLevelIndex, setMobileLevelIndex] = (0, import_react244.useState)(0);
+  const [mobileOptions, setMobileOptions] = (0, import_react244.useState)([]);
+  const [mobileLoading, setMobileLoading] = (0, import_react244.useState)(false);
+  const [tempValue, setTempValue] = (0, import_react244.useState)();
   const depth = modeDepth(mode);
-  const levels = (0, import_react242.useMemo)(() => activeLevels(mode), [mode]);
+  const levels = (0, import_react244.useMemo)(() => activeLevels(mode), [mode]);
   const detailEnabled = mode === "province-city-district-street-detail";
   const disabled = behavior === "DISABLED";
   const MobilePopup = getMobileComponent3("Popup");
-  (0, import_react242.useEffect)(() => {
+  (0, import_react244.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -36135,11 +36462,11 @@ function AddressField(props) {
     const list = await api.getChinaDivisions(parentAdcode);
     return list.map((item) => normalizeDivision(item, level, depth, index2));
   };
-  (0, import_react242.useEffect)(() => {
+  (0, import_react244.useEffect)(() => {
     setLoadingRoots(true);
     loadDivisions(void 0, "province", 0).then(setOptions).finally(() => setLoadingRoots(false));
   }, [api, depth]);
-  (0, import_react242.useEffect)(() => {
+  (0, import_react244.useEffect)(() => {
     if (!mobileOpen) return;
     const level = levels[mobileLevelIndex] || "province";
     const parentLevel = levels[mobileLevelIndex - 1];
@@ -36318,7 +36645,7 @@ function AddressField(props) {
 
 // packages/sdk/src/components/fields/AssociationFormField/index.tsx
 init_cjs_shims();
-var import_react243 = require("react");
+var import_react245 = require("react");
 var import_antd19 = require("antd");
 var import_jsx_runtime68 = require("react/jsx-runtime");
 var DEFAULT_PAGE_SIZE = 10;
@@ -36381,45 +36708,45 @@ function AssociationFormField(props) {
   const { isMobile } = useDeviceDetect();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
   const rawValue = formData[fieldId];
-  const value = (0, import_react243.useMemo)(() => normalizeValues(rawValue), [rawValue]);
+  const value = (0, import_react245.useMemo)(() => normalizeValues(rawValue), [rawValue]);
   const disabled = behavior === "DISABLED";
-  const [options, setOptions] = (0, import_react243.useState)([]);
-  const [selectLoading, setSelectLoading] = (0, import_react243.useState)(false);
-  const [selectorOpen, setSelectorOpen] = (0, import_react243.useState)(false);
-  const [tableLoading, setTableLoading] = (0, import_react243.useState)(false);
-  const [tableData, setTableData] = (0, import_react243.useState)([]);
-  const [keyword, setKeyword] = (0, import_react243.useState)("");
-  const [pagination, setPagination] = (0, import_react243.useState)({
+  const [options, setOptions] = (0, import_react245.useState)([]);
+  const [selectLoading, setSelectLoading] = (0, import_react245.useState)(false);
+  const [selectorOpen, setSelectorOpen] = (0, import_react245.useState)(false);
+  const [tableLoading, setTableLoading] = (0, import_react245.useState)(false);
+  const [tableData, setTableData] = (0, import_react245.useState)([]);
+  const [keyword, setKeyword] = (0, import_react245.useState)("");
+  const [pagination, setPagination] = (0, import_react245.useState)({
     current: 1,
     pageSize: DEFAULT_PAGE_SIZE,
     total: 0
   });
-  const [selectedRowKeys, setSelectedRowKeys] = (0, import_react243.useState)([]);
-  const [selectedRecords, setSelectedRecords] = (0, import_react243.useState)([]);
-  const formDataRef = (0, import_react243.useRef)(formData);
-  const associationFormRef = (0, import_react243.useRef)(associationForm);
-  (0, import_react243.useEffect)(() => {
+  const [selectedRowKeys, setSelectedRowKeys] = (0, import_react245.useState)([]);
+  const [selectedRecords, setSelectedRecords] = (0, import_react245.useState)([]);
+  const formDataRef = (0, import_react245.useRef)(formData);
+  const associationFormRef = (0, import_react245.useRef)(associationForm);
+  (0, import_react245.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, normalizeValues(defaultValue));
     }
     return () => unregisterField(fieldId);
   }, [fieldId]);
-  (0, import_react243.useEffect)(() => {
+  (0, import_react245.useEffect)(() => {
     formDataRef.current = formData;
   }, [formData]);
-  (0, import_react243.useEffect)(() => {
+  (0, import_react245.useEffect)(() => {
     associationFormRef.current = associationForm;
   }, [associationForm]);
   const associationAppType = associationForm?.appType;
   const associationFormUuid = associationForm?.formUuid;
   const associationMainFieldId = associationForm?.mainFieldId;
   const canQuery = Boolean(associationAppType && associationFormUuid);
-  const filterRulesKey = (0, import_react243.useMemo)(
+  const filterRulesKey = (0, import_react245.useMemo)(
     () => stableSerialize(associationForm?.dataFilterRules || []),
     [associationForm?.dataFilterRules]
   );
-  const currentFieldFilterKey = (0, import_react243.useMemo)(() => {
+  const currentFieldFilterKey = (0, import_react245.useMemo)(() => {
     const rules2 = associationForm?.dataFilterRules || [];
     return stableSerialize(
       rules2.map((rule) => {
@@ -36428,11 +36755,11 @@ function AssociationFormField(props) {
       })
     );
   }, [formData, associationForm?.dataFilterRules]);
-  const filterDependencyKey = (0, import_react243.useMemo)(
+  const filterDependencyKey = (0, import_react245.useMemo)(
     () => `${filterRulesKey}:${currentFieldFilterKey}`,
     [currentFieldFilterKey, filterRulesKey]
   );
-  const normalizeRecord = (0, import_react243.useCallback)(
+  const normalizeRecord = (0, import_react245.useCallback)(
     (record2) => {
       const mainFieldValue = associationMainFieldId ? record2?.[associationMainFieldId] : void 0;
       const labelText = normalizeCellValue(mainFieldValue);
@@ -36445,7 +36772,7 @@ function AssociationFormField(props) {
     },
     [associationMainFieldId]
   );
-  const toValue = (0, import_react243.useCallback)(
+  const toValue = (0, import_react245.useCallback)(
     (record2) => ({
       label: record2.__associationLabel,
       value: record2.__associationValue,
@@ -36453,7 +36780,7 @@ function AssociationFormField(props) {
     }),
     []
   );
-  const buildFilters = (0, import_react243.useCallback)(() => {
+  const buildFilters = (0, import_react245.useCallback)(() => {
     void filterDependencyKey;
     const rules2 = associationFormRef.current?.dataFilterRules || [];
     const currentFormData = formDataRef.current;
@@ -36469,7 +36796,7 @@ function AssociationFormField(props) {
       };
     }).filter(Boolean);
   }, [filterDependencyKey]);
-  const fetchRecords = (0, import_react243.useCallback)(
+  const fetchRecords = (0, import_react245.useCallback)(
     async (params) => {
       if (!canQuery) return { list: [], total: 0 };
       const filters = buildFilters();
@@ -36492,7 +36819,7 @@ function AssociationFormField(props) {
     },
     [api, associationAppType, associationFormUuid, buildFilters, canQuery, normalizeRecord]
   );
-  const loadOptions = (0, import_react243.useCallback)(
+  const loadOptions = (0, import_react245.useCallback)(
     async (searchKeyWord) => {
       setSelectLoading(true);
       try {
@@ -36504,7 +36831,7 @@ function AssociationFormField(props) {
     },
     [fetchRecords, toValue]
   );
-  const loadTable = (0, import_react243.useCallback)(
+  const loadTable = (0, import_react245.useCallback)(
     async (next) => {
       setTableLoading(true);
       const current = next?.current || 1;
@@ -36523,10 +36850,10 @@ function AssociationFormField(props) {
     },
     [fetchRecords, keyword, pagination.pageSize]
   );
-  (0, import_react243.useEffect)(() => {
+  (0, import_react245.useEffect)(() => {
     void loadOptions();
   }, [loadOptions]);
-  (0, import_react243.useEffect)(() => {
+  (0, import_react245.useEffect)(() => {
     setSelectedRowKeys(value.map((item) => item.value));
     setSelectedRecords(
       value.map(
@@ -36534,7 +36861,7 @@ function AssociationFormField(props) {
       ).filter(Boolean)
     );
   }, [normalizeRecord, value]);
-  const applyDataFilling = (0, import_react243.useCallback)(
+  const applyDataFilling = (0, import_react245.useCallback)(
     (next) => {
       if (!associationForm?.dataFillingEnabled && !associationForm?.dataFillingRules?.mainRules) {
         return;
@@ -36548,7 +36875,7 @@ function AssociationFormField(props) {
     },
     [associationForm?.dataFillingEnabled, associationForm?.dataFillingRules, setFieldValue]
   );
-  const commitSelection = (0, import_react243.useCallback)(
+  const commitSelection = (0, import_react245.useCallback)(
     (next) => {
       const normalized = multiple ? next : next.slice(0, 1);
       setFieldValue(fieldId, normalized);
@@ -36557,7 +36884,7 @@ function AssociationFormField(props) {
     },
     [applyDataFilling, fieldId, multiple, onChange, setFieldValue]
   );
-  const selectorColumns = (0, import_react243.useMemo)(() => {
+  const selectorColumns = (0, import_react245.useMemo)(() => {
     const configured = associationForm?.selectorColumns || [];
     if (configured.length) {
       return configured.map((column) => {
@@ -36592,7 +36919,7 @@ function AssociationFormField(props) {
       }
     ];
   }, [associationForm?.mainFieldId, associationForm?.selectorColumns]);
-  const selectOptions = (0, import_react243.useMemo)(
+  const selectOptions = (0, import_react245.useMemo)(
     () => [...options, ...value].filter(
       (item, index2, list) => list.findIndex((candidate) => candidate.value === item.value) === index2
     ).map((item) => ({ label: item.label, value: item.value })),
@@ -36801,9 +37128,9 @@ function AssociationFormField(props) {
 
 // packages/sdk/src/components/fields/EditorField/index.tsx
 init_cjs_shims();
-var import_react244 = require("react");
+var import_react246 = require("react");
 var import_core4 = require("@tiptap/core");
-var import_react245 = require("@tiptap/react");
+var import_react247 = 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"));
@@ -37437,28 +37764,28 @@ function RichTextEditorCore({
   fieldId = "richText",
   mobile = false
 }) {
-  const inputRef = (0, import_react244.useRef)(null);
-  const [uploading, setUploading] = (0, import_react244.useState)(false);
-  const [uploadError, setUploadError] = (0, import_react244.useState)("");
-  const [charCount, setCharCount] = (0, import_react244.useState)(0);
-  const [linkOpen, setLinkOpen] = (0, import_react244.useState)(false);
-  const [linkUrl, setLinkUrl] = (0, import_react244.useState)("");
-  const [linkError, setLinkError] = (0, import_react244.useState)("");
-  const [imageUrlOpen, setImageUrlOpen] = (0, import_react244.useState)(false);
-  const [imageUrl, setImageUrl] = (0, import_react244.useState)("");
-  const [imageAlt, setImageAlt] = (0, import_react244.useState)("");
-  const [imageTitle, setImageTitle] = (0, import_react244.useState)("");
-  const [imageUrlError, setImageUrlError] = (0, import_react244.useState)("");
-  const [tableOpen, setTableOpen] = (0, import_react244.useState)(false);
-  const [tableRows, setTableRows] = (0, import_react244.useState)(3);
-  const [tableCols, setTableCols] = (0, import_react244.useState)(3);
-  const onChangeRef = (0, import_react244.useRef)(onChange);
-  (0, import_react244.useEffect)(() => {
+  const inputRef = (0, import_react246.useRef)(null);
+  const [uploading, setUploading] = (0, import_react246.useState)(false);
+  const [uploadError, setUploadError] = (0, import_react246.useState)("");
+  const [charCount, setCharCount] = (0, import_react246.useState)(0);
+  const [linkOpen, setLinkOpen] = (0, import_react246.useState)(false);
+  const [linkUrl, setLinkUrl] = (0, import_react246.useState)("");
+  const [linkError, setLinkError] = (0, import_react246.useState)("");
+  const [imageUrlOpen, setImageUrlOpen] = (0, import_react246.useState)(false);
+  const [imageUrl, setImageUrl] = (0, import_react246.useState)("");
+  const [imageAlt, setImageAlt] = (0, import_react246.useState)("");
+  const [imageTitle, setImageTitle] = (0, import_react246.useState)("");
+  const [imageUrlError, setImageUrlError] = (0, import_react246.useState)("");
+  const [tableOpen, setTableOpen] = (0, import_react246.useState)(false);
+  const [tableRows, setTableRows] = (0, import_react246.useState)(3);
+  const [tableCols, setTableCols] = (0, import_react246.useState)(3);
+  const onChangeRef = (0, import_react246.useRef)(onChange);
+  (0, import_react246.useEffect)(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
-  const actions = (0, import_react244.useMemo)(() => normalizeToolbarConfig(toolbarConfig), [toolbarConfig]);
+  const actions = (0, import_react246.useMemo)(() => normalizeToolbarConfig(toolbarConfig), [toolbarConfig]);
   const visibleActions = mobile ? [] : actions;
-  const extensions = (0, import_react244.useMemo)(
+  const extensions = (0, import_react246.useMemo)(
     () => [
       import_starter_kit.default.configure({
         heading: { levels: [1, 2, 3] },
@@ -37492,10 +37819,10 @@ function RichTextEditorCore({
     ],
     [maxLength, placeholder]
   );
-  const updateHtml = (0, import_react244.useCallback)((next) => {
+  const updateHtml = (0, import_react246.useCallback)((next) => {
     onChangeRef.current?.(next);
   }, []);
-  const editor = (0, import_react245.useEditor)(
+  const editor = (0, import_react247.useEditor)(
     {
       extensions,
       content: value || "",
@@ -37522,11 +37849,11 @@ function RichTextEditorCore({
     },
     [fieldId, extensions, disabled, maxLength, updateHtml]
   );
-  (0, import_react244.useEffect)(() => {
+  (0, import_react246.useEffect)(() => {
     if (!editor || isEditorDestroyed(editor)) return;
     editor.setEditable(!disabled);
   }, [disabled, editor]);
-  (0, import_react244.useEffect)(() => {
+  (0, import_react246.useEffect)(() => {
     if (!editor || isEditorDestroyed(editor)) return;
     const currentHtml = getSafeEditorHtml(editor);
     if ((value || "") !== currentHtml) {
@@ -37534,7 +37861,7 @@ function RichTextEditorCore({
     }
     setCharCount(countCharacters(editor));
   }, [editor, value]);
-  const insertImageFiles = (0, import_react244.useCallback)(
+  const insertImageFiles = (0, import_react246.useCallback)(
     async (files) => {
       if (!editor || isEditorDestroyed(editor) || disabled || files.length === 0) return;
       const validFiles = files.filter((file) => {
@@ -37564,7 +37891,7 @@ function RichTextEditorCore({
     },
     [allowedImageTypes, api, disabled, editor, maxImageSize, uploadBucketName]
   );
-  const openLinkModal = (0, import_react244.useCallback)(() => {
+  const openLinkModal = (0, import_react246.useCallback)(() => {
     if (!editor || isEditorDestroyed(editor)) return;
     setLinkUrl(editor.getAttributes("link").href || "");
     setLinkError("");
@@ -37590,7 +37917,7 @@ function RichTextEditorCore({
     editor.chain().focus().extendMarkRange("link").unsetLink().run();
     setLinkOpen(false);
   };
-  const openImageUrlModal = (0, import_react244.useCallback)(() => {
+  const openImageUrlModal = (0, import_react246.useCallback)(() => {
     setImageUrl("");
     setImageAlt("");
     setImageTitle("");
@@ -37667,7 +37994,7 @@ function RichTextEditorCore({
                 void insertImageFiles(files);
               }
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react245.EditorContent, { editor })
+            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react247.EditorContent, { editor })
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
@@ -37840,19 +38167,19 @@ function EditorField(props) {
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
   const rawValue = formData[fieldId] ?? "";
   const value = normalizeRichTextHtml(rawValue);
-  (0, import_react244.useEffect)(() => {
+  (0, import_react246.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, normalizeRichTextHtml(defaultValue));
     }
     return () => unregisterField(fieldId);
   }, [fieldId]);
-  (0, import_react244.useEffect)(() => {
+  (0, import_react246.useEffect)(() => {
     if (rawValue && rawValue !== value) {
       setFieldValue(fieldId, value);
     }
   }, [fieldId, rawValue, setFieldValue, value]);
-  const updateHtml = (0, import_react244.useCallback)(
+  const updateHtml = (0, import_react246.useCallback)(
     (next) => {
       setFieldValue(fieldId, next);
       onChange?.(next);
@@ -37906,7 +38233,7 @@ function EditorField(props) {
 
 // packages/sdk/src/components/fields/SerialNumberField/index.tsx
 init_cjs_shims();
-var import_react246 = require("react");
+var import_react248 = require("react");
 var import_antd21 = require("antd");
 var import_jsx_runtime70 = require("react/jsx-runtime");
 function SerialNumberField(props) {
@@ -37926,7 +38253,7 @@ function SerialNumberField(props) {
   const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField } = useFormContext();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "READONLY";
   const value = formData[fieldId] ?? "";
-  (0, import_react246.useEffect)(() => {
+  (0, import_react248.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -37969,7 +38296,7 @@ function SerialNumberField(props) {
 
 // packages/sdk/src/components/fields/LocationField/index.tsx
 init_cjs_shims();
-var import_react247 = require("react");
+var import_react249 = require("react");
 var import_antd22 = require("antd");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 var getDingTalkApi = () => {
@@ -38011,9 +38338,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_react247.useState)(false);
-  const [error, setError] = (0, import_react247.useState)("");
-  (0, import_react247.useEffect)(() => {
+  const [locating, setLocating] = (0, import_react249.useState)(false);
+  const [error, setError] = (0, import_react249.useState)("");
+  (0, import_react249.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -38155,7 +38482,7 @@ function LocationField(props) {
 
 // packages/sdk/src/components/fields/DigitalSignatureField/index.tsx
 init_cjs_shims();
-var import_react248 = require("react");
+var import_react250 = require("react");
 var import_antd23 = require("antd");
 var import_jsx_runtime72 = require("react/jsx-runtime");
 var CANVAS_HEIGHT = 260;
@@ -38189,21 +38516,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_react248.useState)(false);
-  const [saving, setSaving] = (0, import_react248.useState)(false);
-  const [drawn, setDrawn] = (0, import_react248.useState)(false);
-  const [error, setError] = (0, import_react248.useState)("");
-  const canvasRef = (0, import_react248.useRef)(null);
-  const drawingRef = (0, import_react248.useRef)(false);
-  const pointsRef = (0, import_react248.useRef)([]);
-  (0, import_react248.useEffect)(() => {
+  const [open, setOpen] = (0, import_react250.useState)(false);
+  const [saving, setSaving] = (0, import_react250.useState)(false);
+  const [drawn, setDrawn] = (0, import_react250.useState)(false);
+  const [error, setError] = (0, import_react250.useState)("");
+  const canvasRef = (0, import_react250.useRef)(null);
+  const drawingRef = (0, import_react250.useRef)(false);
+  const pointsRef = (0, import_react250.useRef)([]);
+  (0, import_react250.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
     }
     return () => unregisterField(fieldId);
   }, [fieldId]);
-  const prepareCanvas = (0, import_react248.useCallback)(() => {
+  const prepareCanvas = (0, import_react250.useCallback)(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const rect = canvas.getBoundingClientRect();
@@ -38225,7 +38552,7 @@ function DigitalSignatureField(props) {
     ctx2.lineJoin = "round";
     ctx2.strokeStyle = "#111827";
   }, []);
-  (0, import_react248.useEffect)(() => {
+  (0, import_react250.useEffect)(() => {
     if (!open) return;
     pointsRef.current = [];
     setDrawn(false);
@@ -38405,7 +38732,7 @@ function DigitalSignatureField(props) {
 
 // packages/sdk/src/components/fields/JSONField/index.tsx
 init_cjs_shims();
-var import_react249 = require("react");
+var import_react251 = require("react");
 var import_jsx_runtime73 = require("react/jsx-runtime");
 var formatJson = (value) => {
   if (value === void 0 || value === null || value === "") return "--";
@@ -38432,7 +38759,7 @@ function JSONField(props) {
   const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField } = useFormContext();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "READONLY";
   const value = formData[fieldId];
-  (0, import_react249.useEffect)(() => {
+  (0, import_react251.useEffect)(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -39144,156 +39471,6 @@ function createFormRuntimeApi(config3) {
   return { ...defaults2, ...overrides, request };
 }
 
-// packages/sdk/src/components/core/optionSource.ts
-init_cjs_shims();
-function normalizeOptionItem(row, fieldId) {
-  const rawValue = row?.[fieldId] ?? row?.value;
-  if (rawValue === void 0 || rawValue === null || rawValue === "") return null;
-  if (typeof rawValue === "object" && !Array.isArray(rawValue)) {
-    const value = rawValue.value ?? rawValue.id ?? rawValue.key ?? rawValue.label;
-    const label = rawValue.label ?? rawValue.name ?? rawValue.title ?? rawValue.value ?? value;
-    if (value === void 0 || value === null || value === "") return null;
-    return { value: String(value), label: String(label ?? value) };
-  }
-  const fallbackLabel = row?.label;
-  return {
-    value: String(rawValue),
-    label: fallbackLabel === void 0 || fallbackLabel === null ? String(rawValue) : String(fallbackLabel)
-  };
-}
-function extractComparableValue(value) {
-  if (value === void 0 || value === null || value === "") return value;
-  if (Array.isArray(value)) {
-    return value.map(extractComparableValue).filter((item) => item !== void 0 && item !== null && item !== "");
-  }
-  if (typeof value === "object") {
-    if ("start" in value || "end" in value) {
-      return [value.start, value.end].filter(
-        (item) => item !== void 0 && item !== null && item !== ""
-      );
-    }
-    return value.value ?? value.id ?? value.key ?? value.userId ?? value.userid ?? value.departmentId ?? value.deptId ?? value.label ?? value.name;
-  }
-  return value;
-}
-function normalizeFilterOperator(operator, value) {
-  const normalized = operator === "neq" ? "ne" : operator || "eq";
-  if (Array.isArray(value) && value.length > 0 && (normalized === "eq" || normalized === "contains")) {
-    return "in";
-  }
-  return normalized;
-}
-async function resolveOptions(config3, runtime, formData) {
-  switch (config3.type) {
-    case "custom":
-      return [];
-    // custom 类型直接用 props.options
-    case "linkedForm":
-      if (!config3.linkedForm) return [];
-      return resolveLinkedFormOptions(config3.linkedForm, runtime);
-    case "dataLinkage":
-      if (!config3.dataLinkage) return [];
-      return resolveDataLinkageOptions(config3.dataLinkage, runtime, formData);
-    default:
-      return [];
-  }
-}
-async function resolveLinkedFormOptions(config3, runtime) {
-  if (!runtime?.fetchFormData) return [];
-  try {
-    const filters = config3.filters?.map((f) => ({
-      fieldId: f.fieldId,
-      operator: normalizeFilterOperator(f.operator, extractComparableValue(f.value)),
-      value: extractComparableValue(f.value)
-    })) || [];
-    const result = await runtime.fetchFormData({
-      formUuid: config3.formUuid,
-      appType: runtime.appType || "",
-      filters,
-      sort: config3.sortField ? { field: config3.sortField, order: config3.sortOrder || "asc" } : void 0,
-      fieldId: config3.fieldId,
-      deduplicate: config3.deduplicate,
-      pageSize: 200
-    });
-    const items = result.data.map((row) => normalizeOptionItem(row, config3.fieldId)).filter((item) => Boolean(item));
-    if (config3.deduplicate) {
-      const seen = /* @__PURE__ */ new Set();
-      return items.filter((item) => {
-        if (seen.has(item.value)) return false;
-        seen.add(item.value);
-        return true;
-      });
-    }
-    return items;
-  } catch (e2) {
-    console.error("[FormComponents] resolveLinkedFormOptions failed:", e2);
-    return [];
-  }
-}
-async function resolveDataLinkageOptions(config3, runtime, formData) {
-  if (!runtime?.fetchFormData) return [];
-  try {
-    const filters = config3.conditions.map((condition) => {
-      const value = extractComparableValue(formData[condition.localFieldId]);
-      return {
-        fieldId: condition.remoteFieldId,
-        operator: normalizeFilterOperator(condition.operator, value),
-        value
-      };
-    });
-    const result = await runtime.fetchFormData({
-      formUuid: config3.formUuid,
-      appType: runtime.appType || "",
-      filters,
-      conditionLogic: config3.conditionLogic,
-      fieldId: config3.targetFieldId,
-      deduplicate: config3.deduplicate,
-      pageSize: 200
-    });
-    const items = result.data.map((row) => normalizeOptionItem(row, config3.targetFieldId)).filter((item) => Boolean(item));
-    if (config3.deduplicate) {
-      const seen = /* @__PURE__ */ new Set();
-      return items.filter((item) => {
-        if (seen.has(item.value)) return false;
-        seen.add(item.value);
-        return true;
-      });
-    }
-    return items;
-  } catch (e2) {
-    console.error("[FormComponents] resolveDataLinkageOptions failed:", e2);
-    return [];
-  }
-}
-async function resolveDefaultValueLinkage(config3, runtime, formData) {
-  if (!runtime?.fetchFormData) return void 0;
-  try {
-    const filters = config3.conditions.map((condition) => {
-      const value = extractComparableValue(formData[condition.localFieldId]);
-      return {
-        fieldId: condition.remoteFieldId,
-        operator: normalizeFilterOperator(condition.operator, value),
-        value
-      };
-    });
-    const result = await runtime.fetchFormData({
-      formUuid: config3.formUuid,
-      appType: runtime.appType || "",
-      filters,
-      conditionLogic: config3.conditionLogic,
-      fieldId: config3.targetFieldId,
-      pageSize: 200
-    });
-    if (result.data.length > 0) {
-      return result.data[0][config3.targetFieldId] ?? result.data[0].value ?? void 0;
-    }
-    return void 0;
-  } catch (e2) {
-    console.error("[FormComponents] resolveDefaultValueLinkage failed:", e2);
-    return void 0;
-  }
-}
-
 // packages/sdk/src/components/core/FormProvider.tsx
 var LINKAGE_DEBOUNCE_MS = 500;
 function isInactiveBehavior(behavior) {
@@ -39428,9 +39605,9 @@ function FormProvider3({
   runtime,
   children
 }) {
-  const api = (0, import_react250.useMemo)(() => createFormRuntimeApi(config3.api), [config3.api]);
-  const [runtimeDefaults, setRuntimeDefaults] = (0, import_react250.useState)({});
-  const effects = (0, import_react250.useMemo)(
+  const api = (0, import_react252.useMemo)(() => createFormRuntimeApi(config3.api), [config3.api]);
+  const [runtimeDefaults, setRuntimeDefaults] = (0, import_react252.useState)({});
+  const effects = (0, import_react252.useMemo)(
     () => [
       ...schema.rules ?? [],
       ...schema.fields.flatMap((field) => field.optionEffects ?? []),
@@ -39438,18 +39615,18 @@ function FormProvider3({
     ],
     [schema.rules, schema.fields, config3.effects]
   );
-  const defaultRuntime = (0, import_react250.useMemo)(
+  const defaultRuntime = (0, import_react252.useMemo)(
     () => ({
       appType: config3.appType,
       fetchFormData: (params) => fetchRuntimeFormData(api, config3.appType, params)
     }),
     [api, config3.appType]
   );
-  const mergedRuntime = (0, import_react250.useMemo)(
+  const mergedRuntime = (0, import_react252.useMemo)(
     () => ({ ...defaultRuntime, ...schema.runtime, ...runtimeDefaults, ...runtime }),
     [defaultRuntime, schema.runtime, runtimeDefaults, runtime]
   );
-  const computedInitialValues = (0, import_react250.useMemo)(() => {
+  const computedInitialValues = (0, import_react252.useMemo)(() => {
     const values = {};
     for (const field of schema.fields) {
       const defaultValue = resolveDefaultValue(field, mergedRuntime);
@@ -39459,11 +39636,11 @@ function FormProvider3({
     }
     return { ...values, ...initialValues };
   }, [schema, initialValues, mergedRuntime]);
-  const initialValuesRef = (0, import_react250.useRef)(computedInitialValues);
-  const [formData, setFormData] = (0, import_react250.useState)({ ...computedInitialValues });
-  const [fieldErrors, setFieldErrors] = (0, import_react250.useState)({});
-  const [registeredFields] = (0, import_react250.useState)(/* @__PURE__ */ new Set());
-  (0, import_react250.useEffect)(() => {
+  const initialValuesRef = (0, import_react252.useRef)(computedInitialValues);
+  const [formData, setFormData] = (0, import_react252.useState)({ ...computedInitialValues });
+  const [fieldErrors, setFieldErrors] = (0, import_react252.useState)({});
+  const [registeredFields] = (0, import_react252.useState)(/* @__PURE__ */ new Set());
+  (0, import_react252.useEffect)(() => {
     if (!schema.fields.some((field) => needsCurrentUserRuntime(field.defaultShortcut?.type)))
       return;
     if (mergedRuntime.currentUser && mergedRuntime.currentDepartment) return;
@@ -39487,7 +39664,7 @@ function FormProvider3({
       cancelled = true;
     };
   }, [api, mergedRuntime.currentDepartment, mergedRuntime.currentUser, schema.fields]);
-  (0, import_react250.useEffect)(() => {
+  (0, import_react252.useEffect)(() => {
     setFormData((prev) => {
       let changed = false;
       const next = { ...prev };
@@ -39501,7 +39678,7 @@ function FormProvider3({
       return changed ? next : prev;
     });
   }, [mergedRuntime, schema.fields]);
-  const fieldBehaviors = (0, import_react250.useMemo)(() => {
+  const fieldBehaviors = (0, import_react252.useMemo)(() => {
     const baseBehaviors = {};
     for (const field of schema.fields) {
       baseBehaviors[field.fieldId] = field.behavior || "NORMAL";
@@ -39524,15 +39701,15 @@ function FormProvider3({
     }
     return computed;
   }, [schema, effects, config3.permissions, config3.mode, formData]);
-  const fieldOverrides = (0, import_react250.useMemo)(
+  const fieldOverrides = (0, import_react252.useMemo)(
     () => evaluateFieldOverrides(effects, formData),
     [effects, formData]
   );
-  const layoutBehaviors = (0, import_react250.useMemo)(
+  const layoutBehaviors = (0, import_react252.useMemo)(
     () => evaluateLayoutBehaviors(effects, formData),
     [effects, formData]
   );
-  (0, import_react250.useEffect)(() => {
+  (0, import_react252.useEffect)(() => {
     const valueActions = getValueActions(effects, formData);
     if (valueActions.length === 0) return;
     let changed = false;
@@ -39555,7 +39732,7 @@ function FormProvider3({
       setFieldErrors(nextErrors);
     }
   }, [effects, formData, fieldErrors]);
-  const setFieldValue = (0, import_react250.useCallback)((fieldId, value) => {
+  const setFieldValue = (0, import_react252.useCallback)((fieldId, value) => {
     setFormData((prev) => ({ ...prev, [fieldId]: value }));
     setFieldErrors((prev) => {
       if (prev[fieldId]) {
@@ -39566,9 +39743,9 @@ function FormProvider3({
       return prev;
     });
   }, []);
-  const getFieldValue = (0, import_react250.useCallback)((fieldId) => formData[fieldId], [formData]);
-  const getFormData2 = (0, import_react250.useCallback)(() => ({ ...formData }), [formData]);
-  const validateFieldById = (0, import_react250.useCallback)(
+  const getFieldValue = (0, import_react252.useCallback)((fieldId) => formData[fieldId], [formData]);
+  const getFormData2 = (0, import_react252.useCallback)(() => ({ ...formData }), [formData]);
+  const validateFieldById = (0, import_react252.useCallback)(
     async (fieldId) => {
       const field = schema.fields.find((f) => f.fieldId === fieldId);
       if (!field) {
@@ -39629,7 +39806,7 @@ function FormProvider3({
     },
     [schema, formData, fieldBehaviors, fieldOverrides]
   );
-  const validateAllWithErrors = (0, import_react250.useCallback)(async () => {
+  const validateAllWithErrors = (0, import_react252.useCallback)(async () => {
     const fieldRules = {};
     const validationData = { ...formData };
     for (const field of schema.fields) {
@@ -39653,28 +39830,28 @@ function FormProvider3({
     setFieldErrors(errors);
     return errors;
   }, [schema, formData, fieldBehaviors, fieldOverrides]);
-  const validateAll = (0, import_react250.useCallback)(async () => {
+  const validateAll = (0, import_react252.useCallback)(async () => {
     const errors = await validateAllWithErrors();
     return Object.keys(errors).length === 0;
   }, [validateAllWithErrors]);
-  const resetForm = (0, import_react250.useCallback)(() => {
+  const resetForm = (0, import_react252.useCallback)(() => {
     setFormData({ ...initialValuesRef.current });
     setFieldErrors({});
   }, []);
-  const registerField = (0, import_react250.useCallback)(
+  const registerField = (0, import_react252.useCallback)(
     (fieldId) => {
       registeredFields.add(fieldId);
     },
     [registeredFields]
   );
-  const unregisterField = (0, import_react250.useCallback)(
+  const unregisterField = (0, import_react252.useCallback)(
     (fieldId) => {
       registeredFields.delete(fieldId);
     },
     [registeredFields]
   );
-  const [dynamicOptions, setDynamicOptions] = (0, import_react250.useState)({});
-  (0, import_react250.useEffect)(() => {
+  const [dynamicOptions, setDynamicOptions] = (0, import_react252.useState)({});
+  (0, import_react252.useEffect)(() => {
     const loadDynamicOptions = async () => {
       const updates = {};
       for (const field of schema.fields) {
@@ -39692,7 +39869,7 @@ function FormProvider3({
     };
     loadDynamicOptions();
   }, [schema.fields, mergedRuntime]);
-  (0, import_react250.useEffect)(() => {
+  (0, import_react252.useEffect)(() => {
     let cancelled = false;
     const loadDataLinkageOptions = async () => {
       const updates = {};
@@ -39718,7 +39895,7 @@ function FormProvider3({
       window.clearTimeout(timer);
     };
   }, [schema.fields, mergedRuntime, formData]);
-  (0, import_react250.useEffect)(() => {
+  (0, import_react252.useEffect)(() => {
     let cancelled = false;
     const loadDefaultValueLinkages = async () => {
       const fields = schema.fields.filter((field) => field.defaultValueLinkage);
@@ -39752,7 +39929,7 @@ function FormProvider3({
       window.clearTimeout(timer);
     };
   }, [schema.fields, mergedRuntime, formData]);
-  const contextValue = (0, import_react250.useMemo)(
+  const contextValue = (0, import_react252.useMemo)(
     () => ({
       mode: config3.mode,
       schema,
@@ -39763,6 +39940,7 @@ function FormProvider3({
       layoutBehaviors,
       dynamicOptions,
       api,
+      runtime: mergedRuntime,
       config: {
         mode: config3.mode,
         formUuid: config3.formUuid,
@@ -39791,6 +39969,7 @@ function FormProvider3({
       layoutBehaviors,
       dynamicOptions,
       api,
+      mergedRuntime,
       config3.appType,
       config3.formInstanceId,
       config3.submit,
@@ -39806,10 +39985,10 @@ function FormProvider3({
     ]
   );
   const registryComponents = components ?? defaultComponentRegistry;
-  return import_react250.default.createElement(
+  return import_react252.default.createElement(
     FormContext.Provider,
     { value: contextValue },
-    import_react250.default.createElement(ComponentRegistryProvider, { components: registryComponents, children })
+    import_react252.default.createElement(ComponentRegistryProvider, { components: registryComponents, children })
   );
 }
 function resolveDefaultValue(field, runtime) {
@@ -39921,7 +40100,7 @@ function coerceLinkedDefaultValue(field, value) {
 
 // packages/sdk/src/components/core/FormRenderer.tsx
 init_cjs_shims();
-var import_react254 = __toESM(require("react"));
+var import_react256 = __toESM(require("react"));
 
 // packages/sdk/src/components/layout/index.ts
 init_cjs_shims();
@@ -39929,7 +40108,7 @@ init_cjs_shims();
 // packages/sdk/src/components/layout/FormSection/index.tsx
 init_cjs_shims();
 var import_icons6 = require("@ant-design/icons");
-var import_react251 = require("react");
+var import_react253 = require("react");
 var import_jsx_runtime74 = require("react/jsx-runtime");
 var sectionIconMap = {
   user: import_icons6.UserOutlined,
@@ -39954,7 +40133,7 @@ function FormSection({
   contentClassName,
   children
 }) {
-  const [collapsed, setCollapsed] = (0, import_react251.useState)(defaultCollapsed);
+  const [collapsed, setCollapsed] = (0, import_react253.useState)(defaultCollapsed);
   const handleToggle = () => {
     if (collapsible) {
       setCollapsed((prev) => !prev);
@@ -40085,10 +40264,10 @@ function FormGrid({
 
 // packages/sdk/src/components/layout/FormTabs/index.tsx
 init_cjs_shims();
-var import_react252 = require("react");
+var import_react254 = require("react");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 function FormTabs({ items, defaultActiveKey, className, tabClassName }) {
-  const [activeKey, setActiveKey] = (0, import_react252.useState)(defaultActiveKey || items[0]?.key || "");
+  const [activeKey, setActiveKey] = (0, import_react254.useState)(defaultActiveKey || items[0]?.key || "");
   const activeItem = items.find((item) => item.key === activeKey);
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: className ?? "w-full", "data-testid": "form-tabs", children: [
     /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
@@ -40118,10 +40297,10 @@ function FormTabs({ items, defaultActiveKey, className, tabClassName }) {
 
 // packages/sdk/src/components/layout/FormSteps/index.tsx
 init_cjs_shims();
-var import_react253 = __toESM(require("react"));
+var import_react255 = __toESM(require("react"));
 var import_jsx_runtime77 = require("react/jsx-runtime");
 function FormSteps({ items, className, onStepChange }) {
-  const [currentStep, setCurrentStep] = (0, import_react253.useState)(0);
+  const [currentStep, setCurrentStep] = (0, import_react255.useState)(0);
   const goTo = (step) => {
     setCurrentStep(step);
     onStepChange?.(step);
@@ -40137,7 +40316,7 @@ function FormSteps({ items, className, onStepChange }) {
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: className ?? "w-full", "data-testid": "form-steps", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "flex items-center mb-6", "data-testid": "form-steps-indicator", children: items.map((item, index2) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_react253.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "flex items-center mb-6", "data-testid": "form-steps-indicator", children: items.map((item, index2) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_react255.default.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center", children: [
         /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
           "div",
@@ -40238,7 +40417,7 @@ function FieldRenderer({
     return null;
   }
   const { fieldId, componentName: _, ...fieldProps } = field;
-  const element = import_react254.default.createElement(Component5, {
+  const element = import_react256.default.createElement(Component5, {
     ...fieldProps,
     fieldId,
     className: fieldClassName ?? fieldProps.className
@@ -40402,7 +40581,7 @@ function FormRenderer({
   const gridClass = columnsClassMap[columns];
   const gapClass = sizeClassMap[size2];
   const containerClassName = ["sy-form-renderer", "sy-grid", gridClass, gapClass, className].filter(Boolean).join(" ");
-  const fieldMap = import_react254.default.useMemo(() => {
+  const fieldMap = import_react256.default.useMemo(() => {
     return new Map(
       schema.fields.map((field) => [
         field.fieldId,
@@ -40474,7 +40653,7 @@ function isLayoutVisible(visibleWhen, formData) {
 
 // packages/sdk/src/components/core/FormShell.tsx
 init_cjs_shims();
-var import_react255 = require("react");
+var import_react257 = require("react");
 var Antd2 = __toESM(require("antd"));
 var import_jsx_runtime79 = require("react/jsx-runtime");
 function normalizeMaxWidth(maxWidth) {
@@ -40504,10 +40683,10 @@ function FormShell({ children, appearance, className }) {
   const [form] = useAntForm();
   const { formData, setFieldValue } = useFormContext();
   const maxWidth = normalizeMaxWidth(appearance?.maxWidth);
-  (0, import_react255.useEffect)(() => {
+  (0, import_react257.useEffect)(() => {
     form?.setFieldsValue?.(formData);
   }, [form, formData]);
-  const style2 = (0, import_react255.useMemo)(() => {
+  const style2 = (0, import_react257.useMemo)(() => {
     if (!maxWidth) return void 0;
     return {
       maxWidth,
@@ -40544,7 +40723,7 @@ function FormShell({ children, appearance, className }) {
 
 // packages/sdk/src/components/core/FormActions.tsx
 init_cjs_shims();
-var import_react256 = require("react");
+var import_react258 = require("react");
 var import_antd25 = require("antd");
 
 // packages/sdk/src/components/core/validationFeedback.ts
@@ -40588,9 +40767,9 @@ function FormActions({
   onSubmit
 }) {
   const { mode, validateAllWithErrors, getFormData: getFormData2, resetForm, api, config: config3 } = useFormContext();
-  const [isSubmitting, setIsSubmitting] = (0, import_react256.useState)(false);
-  const [submitError, setSubmitError] = (0, import_react256.useState)(null);
-  const handleSubmit = (0, import_react256.useCallback)(async () => {
+  const [isSubmitting, setIsSubmitting] = (0, import_react258.useState)(false);
+  const [submitError, setSubmitError] = (0, import_react258.useState)(null);
+  const handleSubmit = (0, import_react258.useCallback)(async () => {
     setSubmitError(null);
     const valid = await validateAndNotify(validateAllWithErrors);
     if (!valid) return;
@@ -40626,7 +40805,7 @@ function FormActions({
       setIsSubmitting(false);
     }
   }, [api, config3, getFormData2, mode, onSubmit, validateAllWithErrors]);
-  const handleReset = (0, import_react256.useCallback)(() => {
+  const handleReset = (0, import_react258.useCallback)(() => {
     resetForm();
   }, [resetForm]);
   if (mode === "readonly") return null;
@@ -41535,9 +41714,9 @@ init_cjs_shims();
 
 // packages/sdk/src/components/hooks/useFormEngine.ts
 init_cjs_shims();
-var import_react257 = require("react");
+var import_react259 = require("react");
 function useFormEngine(schema, config3) {
-  const initialValues = (0, import_react257.useMemo)(() => {
+  const initialValues = (0, import_react259.useMemo)(() => {
     const values = {};
     for (const field of schema.fields) {
       if (field.defaultValue !== void 0) {
@@ -41546,10 +41725,10 @@ function useFormEngine(schema, config3) {
     }
     return values;
   }, [schema]);
-  const initialValuesRef = (0, import_react257.useRef)(initialValues);
-  const [formData, setFormData] = (0, import_react257.useState)({ ...initialValues });
-  const [fieldErrors, setFieldErrors] = (0, import_react257.useState)({});
-  const fieldBehaviors = (0, import_react257.useMemo)(() => {
+  const initialValuesRef = (0, import_react259.useRef)(initialValues);
+  const [formData, setFormData] = (0, import_react259.useState)({ ...initialValues });
+  const [fieldErrors, setFieldErrors] = (0, import_react259.useState)({});
+  const fieldBehaviors = (0, import_react259.useMemo)(() => {
     const baseBehaviors = {};
     for (const field of schema.fields) {
       baseBehaviors[field.fieldId] = field.behavior || "NORMAL";
@@ -41572,7 +41751,7 @@ function useFormEngine(schema, config3) {
     }
     return computed;
   }, [schema, config3.effects, config3.permissions, config3.mode, formData]);
-  const setFieldValue = (0, import_react257.useCallback)((fieldId, value) => {
+  const setFieldValue = (0, import_react259.useCallback)((fieldId, value) => {
     setFormData((prev) => ({ ...prev, [fieldId]: value }));
     setFieldErrors((prev) => {
       if (prev[fieldId]) {
@@ -41583,9 +41762,9 @@ function useFormEngine(schema, config3) {
       return prev;
     });
   }, []);
-  const getFieldValue = (0, import_react257.useCallback)((fieldId) => formData[fieldId], [formData]);
-  const getFormData2 = (0, import_react257.useCallback)(() => ({ ...formData }), [formData]);
-  const validateAll = (0, import_react257.useCallback)(async () => {
+  const getFieldValue = (0, import_react259.useCallback)((fieldId) => formData[fieldId], [formData]);
+  const getFormData2 = (0, import_react259.useCallback)(() => ({ ...formData }), [formData]);
+  const validateAll = (0, import_react259.useCallback)(async () => {
     const fieldRules = {};
     for (const field of schema.fields) {
       const rules2 = [];
@@ -41603,7 +41782,7 @@ function useFormEngine(schema, config3) {
     setFieldErrors(errors);
     return Object.keys(errors).length === 0;
   }, [schema, formData]);
-  const resetForm = (0, import_react257.useCallback)(() => {
+  const resetForm = (0, import_react259.useCallback)(() => {
     setFormData({ ...initialValuesRef.current });
     setFieldErrors({});
   }, []);
@@ -41622,12 +41801,12 @@ function useFormEngine(schema, config3) {
 
 // packages/sdk/src/components/hooks/useFormData.ts
 init_cjs_shims();
-var import_react258 = require("react");
+var import_react260 = require("react");
 function useFormData(initialValues = {}) {
-  const [formData, setFormData] = (0, import_react258.useState)({ ...initialValues });
-  const [dirtyFields, setDirtyFields] = (0, import_react258.useState)(/* @__PURE__ */ new Set());
-  const initialValuesRef = (0, import_react258.useRef)(initialValues);
-  const setFieldValue = (0, import_react258.useCallback)((fieldId, value) => {
+  const [formData, setFormData] = (0, import_react260.useState)({ ...initialValues });
+  const [dirtyFields, setDirtyFields] = (0, import_react260.useState)(/* @__PURE__ */ new Set());
+  const initialValuesRef = (0, import_react260.useRef)(initialValues);
+  const setFieldValue = (0, import_react260.useCallback)((fieldId, value) => {
     setFormData((prev) => ({ ...prev, [fieldId]: value }));
     setDirtyFields((prev) => {
       const next = new Set(prev);
@@ -41635,16 +41814,16 @@ function useFormData(initialValues = {}) {
       return next;
     });
   }, []);
-  const getFieldValue = (0, import_react258.useCallback)(
+  const getFieldValue = (0, import_react260.useCallback)(
     (fieldId) => {
       return formData[fieldId];
     },
     [formData]
   );
-  const getFormData2 = (0, import_react258.useCallback)(() => {
+  const getFormData2 = (0, import_react260.useCallback)(() => {
     return { ...formData };
   }, [formData]);
-  const resetForm = (0, import_react258.useCallback)(() => {
+  const resetForm = (0, import_react260.useCallback)(() => {
     setFormData({ ...initialValuesRef.current });
     setDirtyFields(/* @__PURE__ */ new Set());
   }, []);
@@ -41660,7 +41839,7 @@ function useFormData(initialValues = {}) {
 
 // packages/sdk/src/components/hooks/useFieldBehavior.ts
 init_cjs_shims();
-var import_react259 = require("react");
+var import_react261 = require("react");
 function useFieldBehavior({
   fieldId,
   permissions,
@@ -41668,7 +41847,7 @@ function useFieldBehavior({
   formData,
   defaultBehavior = "NORMAL"
 }) {
-  return (0, import_react259.useMemo)(() => {
+  return (0, import_react261.useMemo)(() => {
     if (permissions && permissions[fieldId]) {
       return permissions[fieldId];
     }
@@ -41683,11 +41862,11 @@ function useFieldBehavior({
 
 // packages/sdk/src/components/hooks/useFormSubmit.ts
 init_cjs_shims();
-var import_react260 = require("react");
+var import_react262 = require("react");
 function useFormSubmit(config3) {
-  const [isSubmitting, setIsSubmitting] = (0, import_react260.useState)(false);
-  const [submitError, setSubmitError] = (0, import_react260.useState)(null);
-  const submit = (0, import_react260.useCallback)(
+  const [isSubmitting, setIsSubmitting] = (0, import_react262.useState)(false);
+  const [submitError, setSubmitError] = (0, import_react262.useState)(null);
+  const submit = (0, import_react262.useCallback)(
     async (formData, validateFn) => {
       setSubmitError(null);
       const isValid = await validateFn();
@@ -41720,7 +41899,7 @@ function useFormSubmit(config3) {
 
 // packages/sdk/src/components/hooks/useFieldPermission.ts
 init_cjs_shims();
-var import_react261 = require("react");
+var import_react263 = require("react");
 
 // packages/sdk/src/components/utils/permissions.ts
 init_cjs_shims();
@@ -41794,7 +41973,7 @@ var normalizeFlowConfig = (config3) => {
 };
 function useFieldPermission(options) {
   const { viewPermissions, processDefinition, currentTask, isApprover, mode } = options;
-  const computeBehaviors = (0, import_react261.useCallback)(() => {
+  const computeBehaviors = (0, import_react263.useCallback)(() => {
     const behaviors = {};
     if (!currentTask && viewPermissions) {
       return normalizeFieldBehaviors(viewPermissions, mode);
@@ -41839,13 +42018,13 @@ function useFieldPermission(options) {
     }
     return behaviors;
   }, [viewPermissions, processDefinition, currentTask, isApprover, mode]);
-  const fieldBehaviors = (0, import_react261.useMemo)(() => computeBehaviors(), [computeBehaviors]);
+  const fieldBehaviors = (0, import_react263.useMemo)(() => computeBehaviors(), [computeBehaviors]);
   return { fieldBehaviors, computeBehaviors };
 }
 
 // packages/sdk/src/components/hooks/useFormDetail.ts
 init_cjs_shims();
-var import_react262 = require("react");
+var import_react264 = require("react");
 
 // packages/sdk/src/components/utils/formInstanceData.ts
 init_cjs_shims();
@@ -42005,24 +42184,24 @@ function useFormDetail(options) {
   const { formUuid, appType, formInstanceId, fieldIds, onPermissionDenied } = options;
   const { api } = useFormContext();
   const request = api.request;
-  const [loading, setLoading] = (0, import_react262.useState)(true);
-  const [mode, setMode] = (0, import_react262.useState)("readonly");
-  const [formData, setFormData] = (0, import_react262.useState)(null);
-  const [instanceInfo, setInstanceInfo] = (0, import_react262.useState)(null);
-  const [permissions, setPermissions] = (0, import_react262.useState)(null);
-  const mountedRef = (0, import_react262.useRef)(true);
-  const onPermissionDeniedRef = (0, import_react262.useRef)(onPermissionDenied);
+  const [loading, setLoading] = (0, import_react264.useState)(true);
+  const [mode, setMode] = (0, import_react264.useState)("readonly");
+  const [formData, setFormData] = (0, import_react264.useState)(null);
+  const [instanceInfo, setInstanceInfo] = (0, import_react264.useState)(null);
+  const [permissions, setPermissions] = (0, import_react264.useState)(null);
+  const mountedRef = (0, import_react264.useRef)(true);
+  const onPermissionDeniedRef = (0, import_react264.useRef)(onPermissionDenied);
   const fieldIdsKey = fieldIds?.join("
") ?? "";
-  (0, import_react262.useEffect)(() => {
+  (0, import_react264.useEffect)(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  (0, import_react262.useEffect)(() => {
+  (0, import_react264.useEffect)(() => {
     onPermissionDeniedRef.current = onPermissionDenied;
   }, [onPermissionDenied]);
-  const loadData = (0, import_react262.useCallback)(async () => {
+  const loadData = (0, import_react264.useCallback)(async () => {
     if (!mountedRef.current) return;
     setLoading(true);
     try {
@@ -42057,21 +42236,21 @@ function useFormDetail(options) {
       }
     }
   }, [request, formUuid, appType, formInstanceId, fieldIdsKey]);
-  (0, import_react262.useEffect)(() => {
+  (0, import_react264.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_react262.useCallback)(() => {
+  const switchToEdit = (0, import_react264.useCallback)(() => {
     setMode("edit");
     loadData();
   }, [loadData]);
-  const switchToReadonly = (0, import_react262.useCallback)(() => {
+  const switchToReadonly = (0, import_react264.useCallback)(() => {
     setMode("readonly");
   }, []);
-  const saveChanges = (0, import_react262.useCallback)(
+  const saveChanges = (0, import_react264.useCallback)(
     async (values) => {
       try {
         await api.updateFormData({
@@ -42092,7 +42271,7 @@ function useFormDetail(options) {
     },
     [api, formInstanceId, formUuid, appType]
   );
-  const deleteInstance = (0, import_react262.useCallback)(async () => {
+  const deleteInstance = (0, import_react264.useCallback)(async () => {
     try {
       await deleteFormData(request, { formInstanceId, appType, formUuid });
       return true;
@@ -42120,7 +42299,7 @@ function useFormDetail(options) {
 
 // packages/sdk/src/components/hooks/useProcessDetail.ts
 init_cjs_shims();
-var import_react263 = require("react");
+var import_react265 = require("react");
 var DEFAULT_APPROVAL_ACTIONS = [
   { action: "agree", name: { zh_CN: "\u540C\u610F" } },
   { action: "rejected", name: { zh_CN: "\u62D2\u7EDD" } }
@@ -42148,29 +42327,29 @@ function useProcessDetail(options) {
   const { formUuid, appType, formInstanceId, fieldIds } = options;
   const { api } = useFormContext();
   const request = api.request;
-  const [loading, setLoading] = (0, import_react263.useState)(true);
-  const [mode, setMode] = (0, import_react263.useState)("readonly");
-  const [processInfo, setProcessInfo] = (0, import_react263.useState)(null);
-  const [progressList, setProgressList] = (0, import_react263.useState)([]);
-  const [formData, setFormData] = (0, import_react263.useState)(null);
-  const [instanceInfo, setInstanceInfo] = (0, import_react263.useState)(null);
-  const [accessDenied, setAccessDenied] = (0, import_react263.useState)(false);
-  const [loadError, setLoadError] = (0, import_react263.useState)(null);
-  const [isApprover, setIsApprover] = (0, import_react263.useState)(false);
-  const [canWithdraw, setCanWithdraw] = (0, import_react263.useState)(false);
-  const [approvalTasks, setApprovalTasks] = (0, import_react263.useState)([]);
-  const [permissions, setPermissions] = (0, import_react263.useState)(null);
-  const [processDefinition, setProcessDefinition] = (0, import_react263.useState)(null);
-  const [dataVersion, setDataVersion] = (0, import_react263.useState)(0);
-  const mountedRef = (0, import_react263.useRef)(true);
+  const [loading, setLoading] = (0, import_react265.useState)(true);
+  const [mode, setMode] = (0, import_react265.useState)("readonly");
+  const [processInfo, setProcessInfo] = (0, import_react265.useState)(null);
+  const [progressList, setProgressList] = (0, import_react265.useState)([]);
+  const [formData, setFormData] = (0, import_react265.useState)(null);
+  const [instanceInfo, setInstanceInfo] = (0, import_react265.useState)(null);
+  const [accessDenied, setAccessDenied] = (0, import_react265.useState)(false);
+  const [loadError, setLoadError] = (0, import_react265.useState)(null);
+  const [isApprover, setIsApprover] = (0, import_react265.useState)(false);
+  const [canWithdraw, setCanWithdraw] = (0, import_react265.useState)(false);
+  const [approvalTasks, setApprovalTasks] = (0, import_react265.useState)([]);
+  const [permissions, setPermissions] = (0, import_react265.useState)(null);
+  const [processDefinition, setProcessDefinition] = (0, import_react265.useState)(null);
+  const [dataVersion, setDataVersion] = (0, import_react265.useState)(0);
+  const mountedRef = (0, import_react265.useRef)(true);
   const fieldIdsKey = fieldIds?.join("
") ?? "";
-  (0, import_react263.useEffect)(() => {
+  (0, import_react265.useEffect)(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  const currentTask = (0, import_react263.useMemo)(
+  const currentTask = (0, import_react265.useMemo)(
     () => mergeCurrentTask(processInfo?.currentTask, approvalTasks[0]),
     [processInfo?.currentTask, approvalTasks]
   );
@@ -42190,7 +42369,7 @@ function useProcessDetail(options) {
     isApprover: isProcessFinal ? false : isApprover,
     mode
   });
-  const activeActions = (0, import_react263.useMemo)(() => {
+  const activeActions = (0, import_react265.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")) {
@@ -42198,7 +42377,7 @@ function useProcessDetail(options) {
     }
     return actions;
   }, [isApprover, isProcessFinal, currentTask?.actions, canWithdraw]);
-  const loadData = (0, import_react263.useCallback)(async () => {
+  const loadData = (0, import_react265.useCallback)(async () => {
     if (!mountedRef.current) return;
     setLoading(true);
     setAccessDenied(false);
@@ -42280,24 +42459,24 @@ function useProcessDetail(options) {
       }
     }
   }, [request, formUuid, appType, formInstanceId, fieldIdsKey]);
-  (0, import_react263.useEffect)(() => {
+  (0, import_react265.useEffect)(() => {
     loadData();
   }, [loadData]);
-  const switchToEdit = (0, import_react263.useCallback)(() => {
+  const switchToEdit = (0, import_react265.useCallback)(() => {
     setMode("edit");
     void loadData();
   }, [loadData]);
-  const switchToReadonly = (0, import_react263.useCallback)(() => {
+  const switchToReadonly = (0, import_react265.useCallback)(() => {
     setMode("readonly");
   }, []);
-  const refreshDetail = (0, import_react263.useCallback)(async () => {
+  const refreshDetail = (0, import_react265.useCallback)(async () => {
     setMode("readonly");
     await loadData();
   }, [loadData]);
-  const refreshProgress = (0, import_react263.useCallback)(async () => {
+  const refreshProgress = (0, import_react265.useCallback)(async () => {
     await refreshDetail();
   }, [refreshDetail]);
-  const saveChanges = (0, import_react263.useCallback)(
+  const saveChanges = (0, import_react265.useCallback)(
     async (values) => {
       try {
         await api.updateFormData({
@@ -42316,7 +42495,7 @@ function useProcessDetail(options) {
     },
     [api, formInstanceId, formUuid, appType, loadData]
   );
-  const deleteInstance = (0, import_react263.useCallback)(async () => {
+  const deleteInstance = (0, import_react265.useCallback)(async () => {
     try {
       await deleteFormData(request, { formInstanceId, appType, formUuid });
       return true;
@@ -42358,29 +42537,29 @@ function useProcessDetail(options) {
 
 // packages/sdk/src/components/hooks/useApprovalActions.ts
 init_cjs_shims();
-var import_react264 = require("react");
+var import_react266 = 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_react264.useState)(false);
-  const [currentAction, setCurrentAction] = (0, import_react264.useState)(null);
-  const [returnableNodes, setReturnableNodes] = (0, import_react264.useState)([]);
-  const [returnPolicy, setReturnPolicy] = (0, import_react264.useState)(null);
-  const mountedRef = (0, import_react264.useRef)(true);
-  (0, import_react264.useEffect)(() => {
+  const [isLoading, setIsLoading] = (0, import_react266.useState)(false);
+  const [currentAction, setCurrentAction] = (0, import_react266.useState)(null);
+  const [returnableNodes, setReturnableNodes] = (0, import_react266.useState)([]);
+  const [returnPolicy, setReturnPolicy] = (0, import_react266.useState)(null);
+  const mountedRef = (0, import_react266.useRef)(true);
+  (0, import_react266.useEffect)(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  const resetLoading = (0, import_react264.useCallback)(() => {
+  const resetLoading = (0, import_react266.useCallback)(() => {
     if (mountedRef.current) {
       setIsLoading(false);
       setCurrentAction(null);
     }
   }, []);
-  const approve = (0, import_react264.useCallback)(
+  const approve = (0, import_react266.useCallback)(
     async (comments) => {
       setIsLoading(true);
       setCurrentAction("approve");
@@ -42405,7 +42584,7 @@ function useApprovalActions(options) {
     },
     [request, formInstanceId, appType, formUuid, getFormValues, onActionComplete, resetLoading]
   );
-  const reject = (0, import_react264.useCallback)(
+  const reject = (0, import_react266.useCallback)(
     async (comments) => {
       setIsLoading(true);
       setCurrentAction("reject");
@@ -42426,7 +42605,7 @@ function useApprovalActions(options) {
     },
     [request, formInstanceId, onActionComplete, resetLoading]
   );
-  const transfer = (0, import_react264.useCallback)(
+  const transfer = (0, import_react266.useCallback)(
     async (userId, reason) => {
       if (!currentTaskId) {
         console.error("[useApprovalActions] transfer failed: no currentTaskId");
@@ -42451,7 +42630,7 @@ function useApprovalActions(options) {
     },
     [request, currentTaskId, onActionComplete, resetLoading]
   );
-  const returnTo = (0, import_react264.useCallback)(
+  const returnTo = (0, import_react266.useCallback)(
     async (nodeId, reason) => {
       if (!currentTaskId) {
         console.error("[useApprovalActions] returnTo failed: no currentTaskId");
@@ -42476,7 +42655,7 @@ function useApprovalActions(options) {
     },
     [request, currentTaskId, onActionComplete, resetLoading]
   );
-  const withdraw = (0, import_react264.useCallback)(
+  const withdraw = (0, import_react266.useCallback)(
     async (reason) => {
       setIsLoading(true);
       setCurrentAction("withdraw");
@@ -42496,7 +42675,7 @@ function useApprovalActions(options) {
     },
     [request, formInstanceId, onActionComplete, resetLoading]
   );
-  const save = (0, import_react264.useCallback)(async () => {
+  const save = (0, import_react266.useCallback)(async () => {
     setIsLoading(true);
     setCurrentAction("save");
     try {
@@ -42516,7 +42695,7 @@ function useApprovalActions(options) {
       return false;
     }
   }, [request, formInstanceId, formUuid, appType, getFormValues, onActionComplete, resetLoading]);
-  const resubmit = (0, import_react264.useCallback)(
+  const resubmit = (0, import_react266.useCallback)(
     async (comments, selectedApprovers) => {
       if (!currentTaskId) {
         console.error("[useApprovalActions] resubmit failed: no currentTaskId");
@@ -42546,7 +42725,7 @@ function useApprovalActions(options) {
     },
     [request, currentTaskId, formUuid, appType, getFormValues, onActionComplete, resetLoading]
   );
-  const callbackTask = (0, import_react264.useCallback)(
+  const callbackTask = (0, import_react266.useCallback)(
     async (payload) => {
       if (!currentTaskId) {
         console.error("[useApprovalActions] callbackTask failed: no currentTaskId");
@@ -42570,7 +42749,7 @@ function useApprovalActions(options) {
     },
     [request, currentTaskId, onActionComplete, resetLoading]
   );
-  const loadReturnableNodes = (0, import_react264.useCallback)(async () => {
+  const loadReturnableNodes = (0, import_react266.useCallback)(async () => {
     if (!currentTaskId) return [];
     try {
       const result = await getReturnableNodeResult(request, currentTaskId);
@@ -42607,7 +42786,7 @@ function useApprovalActions(options) {
 
 // packages/sdk/src/components/hooks/useChangeRecords.ts
 init_cjs_shims();
-var import_react265 = require("react");
+var import_react267 = 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 ?? [];
@@ -42622,18 +42801,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_react265.useState)([]);
-  const [loading, setLoading] = (0, import_react265.useState)(false);
-  const [total, setTotal] = (0, import_react265.useState)(0);
-  const [page, setPage] = (0, import_react265.useState)(1);
-  const mountedRef = (0, import_react265.useRef)(true);
-  (0, import_react265.useEffect)(() => {
+  const [records, setRecords] = (0, import_react267.useState)([]);
+  const [loading, setLoading] = (0, import_react267.useState)(false);
+  const [total, setTotal] = (0, import_react267.useState)(0);
+  const [page, setPage] = (0, import_react267.useState)(1);
+  const mountedRef = (0, import_react267.useRef)(true);
+  (0, import_react267.useEffect)(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  const fetchRecords = (0, import_react265.useCallback)(
+  const fetchRecords = (0, import_react267.useCallback)(
     async (pageNum, append) => {
       if (!mountedRef.current) return;
       setLoading(true);
@@ -42664,18 +42843,18 @@ function useChangeRecords(options) {
     },
     [request, formUuid, appType, formInstanceId, pageSize]
   );
-  (0, import_react265.useEffect)(() => {
+  (0, import_react267.useEffect)(() => {
     if (autoLoad) {
       fetchRecords(1, false);
     }
   }, [autoLoad, fetchRecords]);
   const safeRecords = Array.isArray(records) ? records : [];
   const hasMore = safeRecords.length < total;
-  const loadMore = (0, import_react265.useCallback)(async () => {
+  const loadMore = (0, import_react267.useCallback)(async () => {
     if (!hasMore || loading) return;
     await fetchRecords(page + 1, true);
   }, [hasMore, loading, page, fetchRecords]);
-  const refresh = (0, import_react265.useCallback)(async () => {
+  const refresh = (0, import_react267.useCallback)(async () => {
     setRecords([]);
     setPage(1);
     setTotal(0);
@@ -42694,7 +42873,7 @@ function useChangeRecords(options) {
 
 // packages/sdk/src/components/hooks/useFormNavigation.ts
 init_cjs_shims();
-var import_react266 = require("react");
+var import_react268 = require("react");
 var normalizeBasePath = (basePath) => {
   const normalized = String(basePath || "").replace(/^\/+|\/+$/g, "");
   return normalized ? `/${normalized}` : "";
@@ -42721,12 +42900,12 @@ function useFormNavigation(options) {
     basePath,
     onStay
   } = options;
-  const [isRedirecting, setIsRedirecting] = (0, import_react266.useState)(false);
-  const [countdown, setCountdown] = (0, import_react266.useState)(0);
-  const timerRef = (0, import_react266.useRef)(null);
-  const redirectTargetRef = (0, import_react266.useRef)(null);
-  const mountedRef = (0, import_react266.useRef)(true);
-  (0, import_react266.useEffect)(() => {
+  const [isRedirecting, setIsRedirecting] = (0, import_react268.useState)(false);
+  const [countdown, setCountdown] = (0, import_react268.useState)(0);
+  const timerRef = (0, import_react268.useRef)(null);
+  const redirectTargetRef = (0, import_react268.useRef)(null);
+  const mountedRef = (0, import_react268.useRef)(true);
+  (0, import_react268.useEffect)(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -42736,13 +42915,13 @@ function useFormNavigation(options) {
       }
     };
   }, []);
-  const navigateToDetail = (0, import_react266.useCallback)(
+  const navigateToDetail = (0, import_react268.useCallback)(
     (formInstId) => {
       window.location.href = buildDetailUrl(appType, formUuid, formInstId, "formDetail", basePath);
     },
     [appType, basePath, formUuid]
   );
-  const navigateToProcessDetail = (0, import_react266.useCallback)(
+  const navigateToProcessDetail = (0, import_react268.useCallback)(
     (formInstId) => {
       window.location.href = buildDetailUrl(
         appType,
@@ -42754,7 +42933,7 @@ function useFormNavigation(options) {
     },
     [appType, basePath, formUuid]
   );
-  const startRedirectCountdown = (0, import_react266.useCallback)(
+  const startRedirectCountdown = (0, import_react268.useCallback)(
     (targetUrl) => {
       const totalSeconds = Math.ceil(redirectDelay / 1e3);
       setIsRedirecting(true);
@@ -42787,7 +42966,7 @@ function useFormNavigation(options) {
     },
     [redirectDelay]
   );
-  const cancelRedirect = (0, import_react266.useCallback)(() => {
+  const cancelRedirect = (0, import_react268.useCallback)(() => {
     if (timerRef.current) {
       clearInterval(timerRef.current);
       timerRef.current = null;
@@ -42796,7 +42975,7 @@ function useFormNavigation(options) {
     setCountdown(0);
     redirectTargetRef.current = null;
   }, []);
-  const handlePostSubmit = (0, import_react266.useCallback)(
+  const handlePostSubmit = (0, import_react268.useCallback)(
     (formInstId) => {
       if (mode === "stay") {
         onStay?.(formInstId);
@@ -42829,7 +43008,7 @@ function useFormNavigation(options) {
 
 // packages/sdk/src/components/hooks/useDraftStorage.ts
 init_cjs_shims();
-var import_react267 = require("react");
+var import_react269 = require("react");
 function getDraftKey(appType, formUuid) {
   return `${appType}__${formUuid}__draft`;
 }
@@ -42849,10 +43028,10 @@ function readDraft(key) {
 function useDraftStorage(options) {
   const { appType, formUuid, autoRestore = false } = options;
   const key = getDraftKey(appType, formUuid);
-  const [hasDraft, setHasDraft] = (0, import_react267.useState)(false);
-  const [draftData, setDraftData] = (0, import_react267.useState)(null);
-  const [draftTimestamp, setDraftTimestamp] = (0, import_react267.useState)(null);
-  (0, import_react267.useEffect)(() => {
+  const [hasDraft, setHasDraft] = (0, import_react269.useState)(false);
+  const [draftData, setDraftData] = (0, import_react269.useState)(null);
+  const [draftTimestamp, setDraftTimestamp] = (0, import_react269.useState)(null);
+  (0, import_react269.useEffect)(() => {
     const stored = readDraft(key);
     if (stored) {
       setHasDraft(true);
@@ -42866,7 +43045,7 @@ function useDraftStorage(options) {
       setDraftTimestamp(null);
     }
   }, [key, autoRestore]);
-  const saveDraft = (0, import_react267.useCallback)(
+  const saveDraft = (0, import_react269.useCallback)(
     (data) => {
       const payload = { data, ts: Date.now() };
       try {
@@ -42880,7 +43059,7 @@ function useDraftStorage(options) {
     },
     [key]
   );
-  const restoreDraft = (0, import_react267.useCallback)(() => {
+  const restoreDraft = (0, import_react269.useCallback)(() => {
     const stored = readDraft(key);
     if (stored) {
       setDraftData(stored.data);
@@ -42888,7 +43067,7 @@ function useDraftStorage(options) {
     }
     return null;
   }, [key]);
-  const clearDraft = (0, import_react267.useCallback)(() => {
+  const clearDraft = (0, import_react269.useCallback)(() => {
     try {
       localStorage.removeItem(key);
     } catch (error) {
@@ -42993,7 +43172,7 @@ init_cjs_shims();
 
 // packages/sdk/src/components/modules/RecordChangePanel.tsx
 init_cjs_shims();
-var import_react268 = require("react");
+var import_react270 = require("react");
 var import_antd26 = require("antd");
 var import_icons7 = require("@ant-design/icons");
 var import_jsx_runtime84 = require("react/jsx-runtime");
@@ -43039,7 +43218,7 @@ var RecordChangePanel = ({
   onPageChange,
   className = ""
 }) => {
-  const [expanded, setExpanded] = (0, import_react268.useState)(defaultExpanded);
+  const [expanded, setExpanded] = (0, import_react270.useState)(defaultExpanded);
   const count = total ?? records.length;
   const handleToggle = () => {
     const next = !expanded;
@@ -43210,7 +43389,7 @@ var ChangeRecords = ({
 
 // packages/sdk/src/components/modules/ApprovalTimeline.tsx
 init_cjs_shims();
-var import_react269 = require("react");
+var import_react271 = require("react");
 var import_icons8 = require("@ant-design/icons");
 var import_jsx_runtime86 = require("react/jsx-runtime");
 var systemNodeTypes = /* @__PURE__ */ new Set([
@@ -43359,8 +43538,8 @@ var ApprovalTimeline = ({
   compactMode = false,
   showApproverInfo = true
 }) => {
-  const taskList = (0, import_react269.useMemo)(() => Array.isArray(tasks) ? tasks : [], [tasks]);
-  const groups = (0, import_react269.useMemo)(() => groupTasks(taskList), [taskList]);
+  const taskList = (0, import_react271.useMemo)(() => Array.isArray(tasks) ? tasks : [], [tasks]);
+  const groups = (0, import_react271.useMemo)(() => groupTasks(taskList), [taskList]);
   if (taskList.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       "div",
@@ -43456,13 +43635,13 @@ var ApprovalTimeline = ({
 
 // packages/sdk/src/components/modules/ApprovalActionBar.tsx
 init_cjs_shims();
-var import_react271 = __toESM(require("react"));
+var import_react273 = __toESM(require("react"));
 var import_antd28 = require("antd");
 var import_icons10 = require("@ant-design/icons");
 
 // packages/sdk/src/components/modules/StickyActionBar.tsx
 init_cjs_shims();
-var import_react270 = require("react");
+var import_react272 = require("react");
 var import_antd27 = require("antd");
 var import_icons9 = require("@ant-design/icons");
 
@@ -43499,14 +43678,14 @@ var StickyActionBar = ({
   position = "sticky",
   surface = "default"
 }) => {
-  const [isMobile, setIsMobile] = (0, import_react270.useState)(false);
-  (0, import_react270.useEffect)(() => {
+  const [isMobile, setIsMobile] = (0, import_react272.useState)(false);
+  (0, import_react272.useEffect)(() => {
     const update3 = () => setIsMobile(typeof window !== "undefined" && window.innerWidth <= 768);
     update3();
     window.addEventListener("resize", update3);
     return () => window.removeEventListener("resize", update3);
   }, []);
-  const visibleActions = (0, import_react270.useMemo)(
+  const visibleActions = (0, import_react272.useMemo)(
     () => actions.filter((action) => action.visible !== false).sort((left, right) => getActionPriority(left) - getActionPriority(right)),
     [actions]
   );
@@ -43621,12 +43800,12 @@ function DefaultTransferSelector({
   value,
   onChange
 }) {
-  const formContext = import_react271.default.useContext(FormContext);
+  const formContext = import_react273.default.useContext(FormContext);
   const { isMobile } = useDeviceDetect();
-  const fallbackApi = (0, import_react271.useMemo)(() => createFormRuntimeApi(), []);
+  const fallbackApi = (0, import_react273.useMemo)(() => createFormRuntimeApi(), []);
   const api = formContext?.api ?? fallbackApi;
-  const [open, setOpen] = (0, import_react271.useState)(false);
-  const [selectedUsers, setSelectedUsers] = (0, import_react271.useState)([]);
+  const [open, setOpen] = (0, import_react273.useState)(false);
+  const [selectedUsers, setSelectedUsers] = (0, import_react273.useState)([]);
   const selectedLabel = selectedUsers[0] ? getUserName(selectedUsers[0]) : value;
   return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
@@ -43681,10 +43860,10 @@ var ApprovalActionBar = ({
   maxWidth
 }) => {
   const [form] = import_antd28.Form.useForm();
-  const [modalAction, setModalAction] = (0, import_react271.useState)(null);
-  const [activeAction, setActiveAction] = (0, import_react271.useState)(null);
-  const [loading, setLoading] = (0, import_react271.useState)(false);
-  const visibleActions = (0, import_react271.useMemo)(
+  const [modalAction, setModalAction] = (0, import_react273.useState)(null);
+  const [activeAction, setActiveAction] = (0, import_react273.useState)(null);
+  const [loading, setLoading] = (0, import_react273.useState)(false);
+  const visibleActions = (0, import_react273.useMemo)(
     () => actions.filter((action) => !action.hidden).sort((a, b) => (actionPriority[a.action] ?? 50) - (actionPriority[b.action] ?? 50)),
     [actions]
   );
@@ -43862,7 +44041,7 @@ var ApprovalActionBar = ({
 
 // packages/sdk/src/components/modules/ApprovalActions.tsx
 init_cjs_shims();
-var import_react272 = require("react");
+var import_react274 = require("react");
 var import_antd29 = require("antd");
 var import_icons11 = require("@ant-design/icons");
 var import_jsx_runtime89 = require("react/jsx-runtime");
@@ -43890,11 +44069,11 @@ var ApprovalActions = ({
   className = ""
 }) => {
   const [form] = import_antd29.Form.useForm();
-  const [modalAction, setModalAction] = (0, import_react272.useState)(null);
-  const [activeAction, setActiveAction] = (0, import_react272.useState)(null);
-  const [loading, setLoading] = (0, import_react272.useState)(false);
-  const [saveLoading, setSaveLoading] = (0, import_react272.useState)(false);
-  const renderableActions = (0, import_react272.useMemo)(
+  const [modalAction, setModalAction] = (0, import_react274.useState)(null);
+  const [activeAction, setActiveAction] = (0, import_react274.useState)(null);
+  const [loading, setLoading] = (0, import_react274.useState)(false);
+  const [saveLoading, setSaveLoading] = (0, import_react274.useState)(false);
+  const renderableActions = (0, import_react274.useMemo)(
     () => actions.filter((action) => !action.hidden).sort((a, b) => (priority2[a.action] ?? 50) - (priority2[b.action] ?? 50)),
     [actions]
   );
@@ -44025,7 +44204,7 @@ var ApprovalActions = ({
 
 // packages/sdk/src/components/modules/FormActionBar.tsx
 init_cjs_shims();
-var import_react273 = require("react");
+var import_react275 = require("react");
 var import_antd30 = require("antd");
 var import_jsx_runtime90 = require("react/jsx-runtime");
 var FormActionBar = ({
@@ -44033,7 +44212,7 @@ var FormActionBar = ({
   position = "bottom-fixed",
   className = ""
 }) => {
-  const [loadingKeys, setLoadingKeys] = (0, import_react273.useState)(/* @__PURE__ */ new Set());
+  const [loadingKeys, setLoadingKeys] = (0, import_react275.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;
@@ -44338,18 +44517,18 @@ var ProcessPreview = ({
 
 // packages/sdk/src/components/modules/DataManagementList.tsx
 init_cjs_shims();
-var import_react279 = require("react");
+var import_react281 = require("react");
 var import_antd39 = require("antd");
 var import_dayjs18 = __toESM(require("dayjs"));
 var import_icons16 = require("@ant-design/icons");
 
 // packages/sdk/src/components/templates/StandardFormPage.tsx
 init_cjs_shims();
-var import_react278 = require("react");
+var import_react280 = require("react");
 
 // packages/sdk/src/components/templates/FormDetailTemplate.tsx
 init_cjs_shims();
-var import_react274 = require("react");
+var import_react276 = require("react");
 var import_dayjs16 = __toESM(require("dayjs"));
 
 // packages/sdk/src/components/templates/PageSkeleton.tsx
@@ -44446,10 +44625,10 @@ var InnerDetailContent = ({
   onSave,
   inDrawer = false
 }) => {
-  const formDataRef = (0, import_react274.useRef)(void 0);
-  const validateRef = (0, import_react274.useRef)(void 0);
-  const [accessDenied, setAccessDenied] = (0, import_react274.useState)(false);
-  const fieldIds = (0, import_react274.useMemo)(() => schema.fields.map((field) => field.fieldId), [schema.fields]);
+  const formDataRef = (0, import_react276.useRef)(void 0);
+  const validateRef = (0, import_react276.useRef)(void 0);
+  const [accessDenied, setAccessDenied] = (0, import_react276.useState)(false);
+  const fieldIds = (0, import_react276.useMemo)(() => schema.fields.map((field) => field.fieldId), [schema.fields]);
   const {
     loading,
     mode,
@@ -44484,7 +44663,7 @@ var InnerDetailContent = ({
     formInstanceId,
     autoLoad: enableChangeRecords && canViewChangeRecords
   });
-  const handleSave = (0, import_react274.useCallback)(async () => {
+  const handleSave = (0, import_react276.useCallback)(async () => {
     if (validateRef.current && !await validateAndNotify(validateRef.current)) return;
     const values = formDataRef.current?.() ?? formData;
     if (!values) return;
@@ -44493,13 +44672,13 @@ var InnerDetailContent = ({
       onSave?.(values);
     }
   }, [formData, saveChanges, onSave]);
-  const handleDelete = (0, import_react274.useCallback)(async () => {
+  const handleDelete = (0, import_react276.useCallback)(async () => {
     const success = await deleteInstance();
     if (success) {
       onDelete?.();
     }
   }, [deleteInstance, onDelete]);
-  const handleCancel = (0, import_react274.useCallback)(() => {
+  const handleCancel = (0, import_react276.useCallback)(() => {
     switchToReadonly();
   }, [switchToReadonly]);
   const readonlyActions = [];
@@ -44627,13 +44806,13 @@ var FormDetailTemplate = (props) => {
 
 // packages/sdk/src/components/templates/FormSubmitTemplate.tsx
 init_cjs_shims();
-var import_react276 = require("react");
+var import_react278 = require("react");
 var import_antd37 = require("antd");
 var import_icons15 = require("@ant-design/icons");
 
 // packages/sdk/src/components/modules/InitiatorApproverSelector.tsx
 init_cjs_shims();
-var import_react275 = require("react");
+var import_react277 = require("react");
 var import_antd36 = require("antd");
 var import_jsx_runtime97 = require("react/jsx-runtime");
 var scopeText = {
@@ -44669,19 +44848,19 @@ var RequirementSelect = ({
   selectedUsers,
   onChange
 }) => {
-  const [pickerOpen, setPickerOpen] = (0, import_react275.useState)(false);
-  const initialCandidates = (0, import_react275.useMemo)(
+  const [pickerOpen, setPickerOpen] = (0, import_react277.useState)(false);
+  const initialCandidates = (0, import_react277.useMemo)(
     () => (requirement.candidateUsers || []).map(normalizeCandidate).filter(Boolean),
     [requirement.candidateUsers]
   );
-  const [optionsSource, setOptionsSource] = (0, import_react275.useState)(initialCandidates);
-  const [loading, setLoading] = (0, import_react275.useState)(false);
-  (0, import_react275.useEffect)(() => {
+  const [optionsSource, setOptionsSource] = (0, import_react277.useState)(initialCandidates);
+  const [loading, setLoading] = (0, import_react277.useState)(false);
+  (0, import_react277.useEffect)(() => {
     setOptionsSource(
       (current) => mergeUsers(initialCandidates, mergeUsers(current, selectedUsers))
     );
   }, [initialCandidates, selectedUsers]);
-  const loadCandidates = (0, import_react275.useCallback)(
+  const loadCandidates = (0, import_react277.useCallback)(
     async (keyword) => {
       setLoading(true);
       try {
@@ -44719,12 +44898,12 @@ var RequirementSelect = ({
     },
     [api, appType, formUuid, initialCandidates.length, requirement.nodeId, requirement.scope]
   );
-  (0, import_react275.useEffect)(() => {
+  (0, import_react277.useEffect)(() => {
     if (requirement.scope !== "all" && open && formUuid && appType && requirement.nodeId) {
       void loadCandidates();
     }
   }, [appType, formUuid, loadCandidates, open, requirement.nodeId, requirement.scope]);
-  const options = (0, import_react275.useMemo)(
+  const options = (0, import_react277.useMemo)(
     () => optionsSource.map((user) => ({
       value: user.id,
       label: getUserLabel(user)
@@ -44809,9 +44988,9 @@ var InitiatorApproverSelector = ({
   onOk,
   onCancel
 }) => {
-  const [selected, setSelected] = (0, import_react275.useState)({});
-  const wasOpenRef = (0, import_react275.useRef)(false);
-  (0, import_react275.useEffect)(() => {
+  const [selected, setSelected] = (0, import_react277.useState)({});
+  const wasOpenRef = (0, import_react277.useRef)(false);
+  (0, import_react277.useEffect)(() => {
     if (open && !wasOpenRef.current) {
       setSelected(value || EMPTY_SELECTED_MAP);
     }
@@ -44967,26 +45146,26 @@ var InnerFormContent = ({
   inDrawer = false
 }) => {
   const { validateAllWithErrors, getFormData: getFormData2, setFieldValue, resetForm, api } = useFormContext();
-  const [submitted, setSubmitted] = (0, import_react276.useState)(false);
-  const [successInfo, setSuccessInfo] = (0, import_react276.useState)(null);
-  const [submitting, setSubmitting] = (0, import_react276.useState)(false);
-  const [departmentId, setDepartmentId] = (0, import_react276.useState)();
-  const [submissionDepartmentModalOpen, setSubmissionDepartmentModalOpen] = (0, import_react276.useState)(false);
-  const [submissionDepartmentOptions, setSubmissionDepartmentOptions] = (0, import_react276.useState)([]);
-  const [selectedSubmissionDepartmentId, setSelectedSubmissionDepartmentId] = (0, import_react276.useState)();
-  const submissionDepartmentResolverRef = (0, import_react276.useRef)(null);
-  const [previewOpen, setPreviewOpen] = (0, import_react276.useState)(false);
-  const [previewLoading, setPreviewLoading] = (0, import_react276.useState)(false);
-  const [previewRoutes, setPreviewRoutes] = (0, import_react276.useState)([]);
-  const [pendingFormData, setPendingFormData] = (0, import_react276.useState)(null);
-  const [pendingSubmissionDepartmentId, setPendingSubmissionDepartmentId] = (0, import_react276.useState)();
-  const [pendingInitiatorSelectedApprovers, setPendingInitiatorSelectedApprovers] = (0, import_react276.useState)();
-  const pendingSubmissionDepartmentIdRef = (0, import_react276.useRef)(void 0);
-  const pendingInitiatorSelectedApproversRef = (0, import_react276.useRef)(
+  const [submitted, setSubmitted] = (0, import_react278.useState)(false);
+  const [successInfo, setSuccessInfo] = (0, import_react278.useState)(null);
+  const [submitting, setSubmitting] = (0, import_react278.useState)(false);
+  const [departmentId, setDepartmentId] = (0, import_react278.useState)();
+  const [submissionDepartmentModalOpen, setSubmissionDepartmentModalOpen] = (0, import_react278.useState)(false);
+  const [submissionDepartmentOptions, setSubmissionDepartmentOptions] = (0, import_react278.useState)([]);
+  const [selectedSubmissionDepartmentId, setSelectedSubmissionDepartmentId] = (0, import_react278.useState)();
+  const submissionDepartmentResolverRef = (0, import_react278.useRef)(null);
+  const [previewOpen, setPreviewOpen] = (0, import_react278.useState)(false);
+  const [previewLoading, setPreviewLoading] = (0, import_react278.useState)(false);
+  const [previewRoutes, setPreviewRoutes] = (0, import_react278.useState)([]);
+  const [pendingFormData, setPendingFormData] = (0, import_react278.useState)(null);
+  const [pendingSubmissionDepartmentId, setPendingSubmissionDepartmentId] = (0, import_react278.useState)();
+  const [pendingInitiatorSelectedApprovers, setPendingInitiatorSelectedApprovers] = (0, import_react278.useState)();
+  const pendingSubmissionDepartmentIdRef = (0, import_react278.useRef)(void 0);
+  const pendingInitiatorSelectedApproversRef = (0, import_react278.useRef)(
     void 0
   );
-  const [initiatorApproverOpen, setInitiatorApproverOpen] = (0, import_react276.useState)(false);
-  const [initiatorApproverRequirements, setInitiatorApproverRequirements] = (0, import_react276.useState)([]);
+  const [initiatorApproverOpen, setInitiatorApproverOpen] = (0, import_react278.useState)(false);
+  const [initiatorApproverRequirements, setInitiatorApproverRequirements] = (0, import_react278.useState)([]);
   const { hasDraft, draftTimestamp, saveDraft, restoreDraft, clearDraft } = useDraftStorage({
     appType: config3.appType,
     formUuid: config3.formUuid
@@ -44998,20 +45177,20 @@ var InnerFormContent = ({
     mode: submitSuccessMode === "continue" ? "stay" : submitSuccessMode,
     basePath: config3.navigation?.basePath
   });
-  (0, import_react276.useEffect)(() => {
+  (0, import_react278.useEffect)(() => {
     return () => {
       submissionDepartmentResolverRef.current?.(null);
       submissionDepartmentResolverRef.current = null;
     };
   }, []);
-  const closeSubmissionDepartmentModal = (0, import_react276.useCallback)((value = null) => {
+  const closeSubmissionDepartmentModal = (0, import_react278.useCallback)((value = null) => {
     setSubmissionDepartmentModalOpen(false);
     setSubmissionDepartmentOptions([]);
     setSelectedSubmissionDepartmentId(void 0);
     submissionDepartmentResolverRef.current?.(value);
     submissionDepartmentResolverRef.current = null;
   }, []);
-  const promptSubmissionDepartmentSelection = (0, import_react276.useCallback)(
+  const promptSubmissionDepartmentSelection = (0, import_react278.useCallback)(
     (options, preferredDepartmentId) => {
       return new Promise((resolve) => {
         const selected = options.some((option) => option.value === preferredDepartmentId) ? preferredDepartmentId : options[0]?.value;
@@ -45023,7 +45202,7 @@ var InnerFormContent = ({
     },
     []
   );
-  const resolveSubmissionDepartmentId = (0, import_react276.useCallback)(async () => {
+  const resolveSubmissionDepartmentId = (0, import_react278.useCallback)(async () => {
     if (formType !== "process") {
       return void 0;
     }
@@ -45045,7 +45224,7 @@ var InnerFormContent = ({
     }
     return promptSubmissionDepartmentSelection(departments, departmentId);
   }, [api, config3.formUuid, departmentId, formType, promptSubmissionDepartmentSelection, schema]);
-  const performSubmit = (0, import_react276.useCallback)(
+  const performSubmit = (0, import_react278.useCallback)(
     async (formData, submissionDepartmentId, initiatorSelectedApprovers) => {
       const submitData = normalizeFormDataForSubmit(schema, formData);
       setSubmitting(true);
@@ -45102,7 +45281,7 @@ var InnerFormContent = ({
       departmentId
     ]
   );
-  const continuePreparedSubmit = (0, import_react276.useCallback)(
+  const continuePreparedSubmit = (0, import_react278.useCallback)(
     async (submitData, submissionDepartmentId, initiatorSelectedApprovers) => {
       if (formType === "process" && enableProcessPreview) {
         setPendingFormData(submitData);
@@ -45134,7 +45313,7 @@ var InnerFormContent = ({
     },
     [api.request, config3.appType, config3.formUuid, enableProcessPreview, formType, performSubmit]
   );
-  const prepareSubmit = (0, import_react276.useCallback)(async () => {
+  const prepareSubmit = (0, import_react278.useCallback)(async () => {
     const valid = await validateAndNotify(validateAllWithErrors);
     if (!valid) return;
     const formData = getFormData2();
@@ -45190,7 +45369,7 @@ var InnerFormContent = ({
     resolveSubmissionDepartmentId,
     continuePreparedSubmit
   ]);
-  const handlePreviewConfirm = (0, import_react276.useCallback)(async () => {
+  const handlePreviewConfirm = (0, import_react278.useCallback)(async () => {
     const data = pendingFormData ?? getFormData2();
     const submissionDepartmentId = pendingSubmissionDepartmentIdRef.current ?? pendingSubmissionDepartmentId;
     const initiatorSelectedApprovers = pendingInitiatorSelectedApproversRef.current ?? pendingInitiatorSelectedApprovers;
@@ -45208,7 +45387,7 @@ var InnerFormContent = ({
     pendingSubmissionDepartmentId,
     performSubmit
   ]);
-  const handleInitiatorApproverConfirm = (0, import_react276.useCallback)(
+  const handleInitiatorApproverConfirm = (0, import_react278.useCallback)(
     async (selectedUsersByNode) => {
       const data = pendingFormData;
       if (!data) {
@@ -45224,7 +45403,7 @@ var InnerFormContent = ({
     },
     [continuePreparedSubmit, pendingFormData, pendingSubmissionDepartmentId]
   );
-  const handleInitiatorApproverCancel = (0, import_react276.useCallback)(() => {
+  const handleInitiatorApproverCancel = (0, import_react278.useCallback)(() => {
     setInitiatorApproverOpen(false);
     setInitiatorApproverRequirements([]);
     setPendingFormData(null);
@@ -45233,23 +45412,23 @@ var InnerFormContent = ({
     pendingSubmissionDepartmentIdRef.current = void 0;
     pendingInitiatorSelectedApproversRef.current = void 0;
   }, []);
-  const handleSaveDraft = (0, import_react276.useCallback)(() => {
+  const handleSaveDraft = (0, import_react278.useCallback)(() => {
     const data = getFormData2();
     saveDraft(data);
   }, [getFormData2, saveDraft]);
-  const handleRestoreDraft = (0, import_react276.useCallback)(() => {
+  const handleRestoreDraft = (0, import_react278.useCallback)(() => {
     const data = restoreDraft();
     if (!data) return;
     Object.entries(data).forEach(([fieldId, value]) => {
       setFieldValue(fieldId, value);
     });
   }, [restoreDraft, setFieldValue]);
-  const handleContinue = (0, import_react276.useCallback)(() => {
+  const handleContinue = (0, import_react278.useCallback)(() => {
     setSubmitted(false);
     setSuccessInfo(null);
     resetForm();
   }, [resetForm]);
-  const handleViewDetail = (0, import_react276.useCallback)(() => {
+  const handleViewDetail = (0, import_react278.useCallback)(() => {
     if (!successInfo) return;
     if (formType === "process") {
       navigateToProcessDetail(successInfo.formInstanceId);
@@ -45471,7 +45650,7 @@ var FormSubmitTemplate = ({
 
 // packages/sdk/src/components/templates/ProcessDetailTemplate.tsx
 init_cjs_shims();
-var import_react277 = require("react");
+var import_react279 = require("react");
 var import_dayjs17 = __toESM(require("dayjs"));
 var import_antd38 = require("antd");
 var import_jsx_runtime99 = require("react/jsx-runtime");
@@ -45564,17 +45743,17 @@ var InnerProcessContent = ({
   onDelete,
   inDrawer = false
 }) => {
-  const formDataRef = (0, import_react277.useRef)(void 0);
-  const validateRef = (0, import_react277.useRef)(void 0);
+  const formDataRef = (0, import_react279.useRef)(void 0);
+  const validateRef = (0, import_react279.useRef)(void 0);
   const [withdrawForm] = import_antd38.Form.useForm();
-  const [withdrawOpen, setWithdrawOpen] = (0, import_react277.useState)(false);
-  const [withdrawLoading, setWithdrawLoading] = (0, import_react277.useState)(false);
-  const [saveLoading, setSaveLoading] = (0, import_react277.useState)(false);
-  const [deleteLoading, setDeleteLoading] = (0, import_react277.useState)(false);
-  const [initiatorApproverOpen, setInitiatorApproverOpen] = (0, import_react277.useState)(false);
-  const [initiatorApproverRequirements, setInitiatorApproverRequirements] = (0, import_react277.useState)([]);
-  const [pendingResubmitComments, setPendingResubmitComments] = (0, import_react277.useState)();
-  const fieldIds = (0, import_react277.useMemo)(() => schema.fields.map((field) => field.fieldId), [schema.fields]);
+  const [withdrawOpen, setWithdrawOpen] = (0, import_react279.useState)(false);
+  const [withdrawLoading, setWithdrawLoading] = (0, import_react279.useState)(false);
+  const [saveLoading, setSaveLoading] = (0, import_react279.useState)(false);
+  const [deleteLoading, setDeleteLoading] = (0, import_react279.useState)(false);
+  const [initiatorApproverOpen, setInitiatorApproverOpen] = (0, import_react279.useState)(false);
+  const [initiatorApproverRequirements, setInitiatorApproverRequirements] = (0, import_react279.useState)([]);
+  const [pendingResubmitComments, setPendingResubmitComments] = (0, import_react279.useState)();
+  const fieldIds = (0, import_react279.useMemo)(() => schema.fields.map((field) => field.fieldId), [schema.fields]);
   const { api } = useFormContext();
   const {
     loading,
@@ -45642,45 +45821,45 @@ var InnerProcessContent = ({
     formInstanceId,
     autoLoad: enableChangeRecords && canViewChangeRecords
   });
-  const validateForm = (0, import_react277.useCallback)(async () => {
+  const validateForm = (0, import_react279.useCallback)(async () => {
     return validateRef.current ? validateAndNotify(validateRef.current) : true;
   }, []);
-  const handleApprove = (0, import_react277.useCallback)(
+  const handleApprove = (0, import_react279.useCallback)(
     async (comments) => {
       if (!await validateForm()) return;
       await approve(comments);
     },
     [approve, validateForm]
   );
-  const handleReject = (0, import_react277.useCallback)(
+  const handleReject = (0, import_react279.useCallback)(
     async (comments) => {
       await reject(comments);
     },
     [reject]
   );
-  const handleTransfer = (0, import_react277.useCallback)(
+  const handleTransfer = (0, import_react279.useCallback)(
     async (userId, reason) => {
       await transfer(userId, reason);
     },
     [transfer]
   );
-  const handleReturn = (0, import_react277.useCallback)(
+  const handleReturn = (0, import_react279.useCallback)(
     async (nodeId, reason) => {
       await returnTo(nodeId, reason);
     },
     [returnTo]
   );
-  const handleWithdraw = (0, import_react277.useCallback)(
+  const handleWithdraw = (0, import_react279.useCallback)(
     async (reason) => {
       await withdraw(reason);
     },
     [withdraw]
   );
-  const handleSave = (0, import_react277.useCallback)(async () => {
+  const handleSave = (0, import_react279.useCallback)(async () => {
     if (!await validateForm()) return;
     await save();
   }, [save, validateForm]);
-  const handleResubmit = (0, import_react277.useCallback)(
+  const handleResubmit = (0, import_react279.useCallback)(
     async (comments) => {
       if (!await validateForm()) return;
       const values = formDataRef.current?.() ?? formData ?? {};
@@ -45714,7 +45893,7 @@ var InnerProcessContent = ({
     },
     [api.request, appType, currentTaskId, formData, formUuid, resubmit, validateForm]
   );
-  const handleInitiatorApproverConfirm = (0, import_react277.useCallback)(
+  const handleInitiatorApproverConfirm = (0, import_react279.useCallback)(
     async (selectedUsersByNode) => {
       const selectedApprovers = normalizeSelectedApprovers2(selectedUsersByNode);
       setInitiatorApproverOpen(false);
@@ -45725,15 +45904,15 @@ var InnerProcessContent = ({
     },
     [pendingResubmitComments, resubmit]
   );
-  const handleInitiatorApproverCancel = (0, import_react277.useCallback)(() => {
+  const handleInitiatorApproverCancel = (0, import_react279.useCallback)(() => {
     setInitiatorApproverOpen(false);
     setInitiatorApproverRequirements([]);
     setPendingResubmitComments(void 0);
   }, []);
-  const handleCallback = (0, import_react277.useCallback)(async () => {
+  const handleCallback = (0, import_react279.useCallback)(async () => {
     await callbackTask();
   }, [callbackTask]);
-  const handleCompletedSave = (0, import_react277.useCallback)(async () => {
+  const handleCompletedSave = (0, import_react279.useCallback)(async () => {
     if (!await validateForm()) return;
     const values = formDataRef.current?.() ?? formData;
     if (!values) return;
@@ -45747,7 +45926,7 @@ var InnerProcessContent = ({
       setSaveLoading(false);
     }
   }, [formData, onSave, saveChanges, validateForm]);
-  const handleCompletedDelete = (0, import_react277.useCallback)(async () => {
+  const handleCompletedDelete = (0, import_react279.useCallback)(async () => {
     setDeleteLoading(true);
     try {
       const success = await deleteInstance();
@@ -45758,7 +45937,7 @@ var InnerProcessContent = ({
       setDeleteLoading(false);
     }
   }, [deleteInstance, onDelete]);
-  const handleFooterWithdraw = (0, import_react277.useCallback)(async () => {
+  const handleFooterWithdraw = (0, import_react279.useCallback)(async () => {
     const values = await withdrawForm.validateFields();
     setWithdrawLoading(true);
     try {
@@ -45769,11 +45948,11 @@ var InnerProcessContent = ({
       setWithdrawLoading(false);
     }
   }, [handleWithdraw, withdrawForm]);
-  const handleFooterWithdrawCancel = (0, import_react277.useCallback)(() => {
+  const handleFooterWithdrawCancel = (0, import_react279.useCallback)(() => {
     setWithdrawOpen(false);
     withdrawForm.resetFields();
   }, [withdrawForm]);
-  const bottomActions = (0, import_react277.useMemo)(() => {
+  const bottomActions = (0, import_react279.useMemo)(() => {
     if (isApprover && !isOriginatorReturn && activeActions.length > 0) return [];
     if (isProcessCompleted) {
       if (mode === "readonly") {
@@ -46120,7 +46299,7 @@ var StandardFormPage = ({
   const formType = normalizeStandardFormType(
     schema.template?.formType || (resolvedMode === "process" ? "process" : "form")
   );
-  const submitApi = (0, import_react278.useMemo)(() => {
+  const submitApi = (0, import_react280.useMemo)(() => {
     if (!onSubmit) return void 0;
     return {
       submitFormData: async (payload) => onSubmit(
@@ -46133,7 +46312,7 @@ var StandardFormPage = ({
       }
     };
   }, [formType, onSubmit]);
-  const api = (0, import_react278.useMemo)(() => {
+  const api = (0, import_react280.useMemo)(() => {
     if (!externalApi && !submitApi) return void 0;
     return {
       ...externalApi ?? {},
@@ -46722,10 +46901,10 @@ function AsyncEntityFilterSelect({
   value,
   onChange
 }) {
-  const [options, setOptions] = (0, import_react279.useState)([]);
-  const [fetching, setFetching] = (0, import_react279.useState)(false);
+  const [options, setOptions] = (0, import_react281.useState)([]);
+  const [fetching, setFetching] = (0, import_react281.useState)(false);
   const multiple = normalizeOperator(operator) === "IN";
-  const loadOptions = (0, import_react279.useCallback)(
+  const loadOptions = (0, import_react281.useCallback)(
     async (keyword = "") => {
       setFetching(true);
       try {
@@ -46767,7 +46946,7 @@ function AsyncEntityFilterSelect({
     },
     [api, entityType]
   );
-  (0, import_react279.useEffect)(() => {
+  (0, import_react281.useEffect)(() => {
     void loadOptions();
   }, [loadOptions]);
   return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
@@ -47076,7 +47255,7 @@ function ResizableColumnTitle({
   onResize: onResize2,
   onResizeEnd
 }) {
-  const dragRef = (0, import_react279.useRef)({ startX: 0, startWidth: width, latestWidth: width });
+  const dragRef = (0, import_react281.useRef)({ startX: 0, startWidth: width, latestWidth: width });
   const handleMouseDown = (event) => {
     event.preventDefault();
     event.stopPropagation();
@@ -47141,86 +47320,86 @@ var DataManagementList = ({
   rowActions = [],
   maxVisibleRowActions
 }) => {
-  const rootRef = (0, import_react279.useRef)(null);
-  const api = (0, import_react279.useMemo)(() => {
+  const rootRef = (0, import_react281.useRef)(null);
+  const api = (0, import_react281.useMemo)(() => {
     if (typeof requestOverride === "function") {
       return createFormRuntimeApi({ request: requestOverride });
     }
     return createFormRuntimeApi(requestOverride);
   }, [requestOverride]);
-  const [fields, setFields] = (0, import_react279.useState)([]);
-  const [runtimeFormSchema, setRuntimeFormSchema] = (0, import_react279.useState)(null);
-  const [config3, setConfig] = (0, import_react279.useState)({});
-  const [formType, setFormType] = (0, import_react279.useState)("form");
-  const [showFields, setShowFields] = (0, import_react279.useState)([]);
-  const [lockFieldIds, setLockFieldIds] = (0, import_react279.useState)([]);
-  const [widths, setWidths] = (0, import_react279.useState)({});
-  const widthsRef = (0, import_react279.useRef)({});
-  const [sort, setSort] = (0, import_react279.useState)([]);
-  const [density, setDensity] = (0, import_react279.useState)("middle");
-  const [detailOpenMode, setDetailOpenMode] = (0, import_react279.useState)("drawer");
-  const [searchKeyWord, setSearchKeyWord] = (0, import_react279.useState)("");
-  const [filterGroup, setFilterGroup] = (0, import_react279.useState)(createGroup);
-  const [dataSource, setDataSource] = (0, import_react279.useState)([]);
-  const [total, setTotal] = (0, import_react279.useState)(0);
-  const [current, setCurrent] = (0, import_react279.useState)(1);
-  const [pageSize, setPageSize] = (0, import_react279.useState)(10);
-  const [loading, setLoading] = (0, import_react279.useState)(false);
-  const [schemaLoading, setSchemaLoading] = (0, import_react279.useState)(true);
-  const [selectedRowKeys, setSelectedRowKeys] = (0, import_react279.useState)([]);
-  const [filterOpen, setFilterOpen] = (0, import_react279.useState)(false);
-  const [columnOpen, setColumnOpen] = (0, import_react279.useState)(false);
-  const [exportOpen, setExportOpen] = (0, import_react279.useState)(false);
-  const [exportScope, setExportScope] = (0, import_react279.useState)("all");
-  const [exportFields, setExportFields] = (0, import_react279.useState)([]);
-  const [exporting, setExporting] = (0, import_react279.useState)(false);
-  const [importOpen, setImportOpen] = (0, import_react279.useState)(false);
-  const [importPreview, setImportPreview] = (0, import_react279.useState)([]);
-  const [importBase64, setImportBase64] = (0, import_react279.useState)("");
-  const [templateDownloading, setTemplateDownloading] = (0, import_react279.useState)(false);
-  const [recordsOpen, setRecordsOpen] = (0, import_react279.useState)(false);
-  const [recordTab, setRecordTab] = (0, import_react279.useState)("export");
-  const [transferRecords, setTransferRecords] = (0, import_react279.useState)([]);
-  const [batchApprovalOpen, setBatchApprovalOpen] = (0, import_react279.useState)(false);
-  const [batchApprovalAction, setBatchApprovalAction] = (0, import_react279.useState)(
+  const [fields, setFields] = (0, import_react281.useState)([]);
+  const [runtimeFormSchema, setRuntimeFormSchema] = (0, import_react281.useState)(null);
+  const [config3, setConfig] = (0, import_react281.useState)({});
+  const [formType, setFormType] = (0, import_react281.useState)("form");
+  const [showFields, setShowFields] = (0, import_react281.useState)([]);
+  const [lockFieldIds, setLockFieldIds] = (0, import_react281.useState)([]);
+  const [widths, setWidths] = (0, import_react281.useState)({});
+  const widthsRef = (0, import_react281.useRef)({});
+  const [sort, setSort] = (0, import_react281.useState)([]);
+  const [density, setDensity] = (0, import_react281.useState)("middle");
+  const [detailOpenMode, setDetailOpenMode] = (0, import_react281.useState)("drawer");
+  const [searchKeyWord, setSearchKeyWord] = (0, import_react281.useState)("");
+  const [filterGroup, setFilterGroup] = (0, import_react281.useState)(createGroup);
+  const [dataSource, setDataSource] = (0, import_react281.useState)([]);
+  const [total, setTotal] = (0, import_react281.useState)(0);
+  const [current, setCurrent] = (0, import_react281.useState)(1);
+  const [pageSize, setPageSize] = (0, import_react281.useState)(10);
+  const [loading, setLoading] = (0, import_react281.useState)(false);
+  const [schemaLoading, setSchemaLoading] = (0, import_react281.useState)(true);
+  const [selectedRowKeys, setSelectedRowKeys] = (0, import_react281.useState)([]);
+  const [filterOpen, setFilterOpen] = (0, import_react281.useState)(false);
+  const [columnOpen, setColumnOpen] = (0, import_react281.useState)(false);
+  const [exportOpen, setExportOpen] = (0, import_react281.useState)(false);
+  const [exportScope, setExportScope] = (0, import_react281.useState)("all");
+  const [exportFields, setExportFields] = (0, import_react281.useState)([]);
+  const [exporting, setExporting] = (0, import_react281.useState)(false);
+  const [importOpen, setImportOpen] = (0, import_react281.useState)(false);
+  const [importPreview, setImportPreview] = (0, import_react281.useState)([]);
+  const [importBase64, setImportBase64] = (0, import_react281.useState)("");
+  const [templateDownloading, setTemplateDownloading] = (0, import_react281.useState)(false);
+  const [recordsOpen, setRecordsOpen] = (0, import_react281.useState)(false);
+  const [recordTab, setRecordTab] = (0, import_react281.useState)("export");
+  const [transferRecords, setTransferRecords] = (0, import_react281.useState)([]);
+  const [batchApprovalOpen, setBatchApprovalOpen] = (0, import_react281.useState)(false);
+  const [batchApprovalAction, setBatchApprovalAction] = (0, import_react281.useState)(
     "approved"
   );
-  const [batchApprovalComments, setBatchApprovalComments] = (0, import_react279.useState)("");
-  const [batchApproving, setBatchApproving] = (0, import_react279.useState)(false);
-  const [activeRecord, setActiveRecord] = (0, import_react279.useState)(null);
-  const [detailOpen, setDetailOpen] = (0, import_react279.useState)(false);
-  const [submitOpen, setSubmitOpen] = (0, import_react279.useState)(false);
-  const fetchStateRef = (0, import_react279.useRef)({});
+  const [batchApprovalComments, setBatchApprovalComments] = (0, import_react281.useState)("");
+  const [batchApproving, setBatchApproving] = (0, import_react281.useState)(false);
+  const [activeRecord, setActiveRecord] = (0, import_react281.useState)(null);
+  const [detailOpen, setDetailOpen] = (0, import_react281.useState)(false);
+  const [submitOpen, setSubmitOpen] = (0, import_react281.useState)(false);
+  const fetchStateRef = (0, import_react281.useRef)({});
   const isProcessForm = isProcessFormType(formType);
   const request = api.request;
-  const getPopupContainer = (0, import_react279.useCallback)(
+  const getPopupContainer = (0, import_react281.useCallback)(
     (triggerNode) => resolveDataManagementPopupContainer(rootRef.current, triggerNode),
     []
   );
-  const getOverlayContainer = (0, import_react279.useCallback)(
+  const getOverlayContainer = (0, import_react281.useCallback)(
     () => resolveDataManagementPortalContainer(rootRef.current),
     []
   );
   const drawerWidth = "min(960px, calc(100vw - 48px))";
-  const confirmDanger = (0, import_react279.useCallback)((title2, content, onOk) => {
+  const confirmDanger = (0, import_react281.useCallback)((title2, content, onOk) => {
     if (confirmAction(title2, content)) onOk();
   }, []);
-  const visibleFields = (0, import_react279.useMemo)(
+  const visibleFields = (0, import_react281.useMemo)(
     () => showFields.map((fieldId) => fields.find((field) => field.fieldId === fieldId)).filter(Boolean),
     [fields, showFields]
   );
-  const forcedShowFieldIds = (0, import_react279.useMemo)(
+  const forcedShowFieldIds = (0, import_react281.useMemo)(
     () => new Set(forcedConfig?.showFields || []),
     [forcedConfig?.showFields]
   );
-  const forcedLockFieldIds = (0, import_react279.useMemo)(
+  const forcedLockFieldIds = (0, import_react281.useMemo)(
     () => new Set(forcedConfig?.lockFieldIds || []),
     [forcedConfig?.lockFieldIds]
   );
-  (0, import_react279.useEffect)(() => {
+  (0, import_react281.useEffect)(() => {
     widthsRef.current = widths;
   }, [widths]);
-  (0, import_react279.useEffect)(() => {
+  (0, import_react281.useEffect)(() => {
     fetchStateRef.current = {
       current,
       pageSize,
@@ -47229,7 +47408,7 @@ var DataManagementList = ({
       sort
     };
   }, [current, filterGroup, pageSize, searchKeyWord, sort]);
-  const loadData = (0, import_react279.useCallback)(
+  const loadData = (0, import_react281.useCallback)(
     async (overrides = {}) => {
       if (!appType || !formUuid) return;
       const fetchState = { ...fetchStateRef.current, ...overrides };
@@ -47273,7 +47452,7 @@ var DataManagementList = ({
     },
     [appType, forcedConfig, formUuid, request]
   );
-  (0, import_react279.useEffect)(() => {
+  (0, import_react281.useEffect)(() => {
     let mounted = true;
     const loadSchemaAndConfig = async () => {
       if (!appType || !formUuid) return;
@@ -47355,7 +47534,7 @@ var DataManagementList = ({
     request,
     title
   ]);
-  const persistConfig = (0, import_react279.useCallback)(
+  const persistConfig = (0, import_react281.useCallback)(
     async (patch) => {
       const personalPatch = stripForcedConfigPatch(patch, forcedConfig);
       const nextConfig = { ...config3, ...personalPatch };
@@ -47399,12 +47578,12 @@ var DataManagementList = ({
   const handleRemoveSort = (index2) => {
     setSort((prev) => prev.filter((_, itemIndex) => itemIndex !== index2));
   };
-  const updateColumnWidth = (0, import_react279.useCallback)((fieldId, width) => {
+  const updateColumnWidth = (0, import_react281.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_react279.useCallback)(
+  const commitColumnWidth = (0, import_react281.useCallback)(
     (fieldId, width) => {
       const nextWidth = Math.round(Math.max(96, Math.min(520, width)));
       const nextWidths = { ...widthsRef.current, [fieldId]: nextWidth };
@@ -47414,7 +47593,7 @@ var DataManagementList = ({
     },
     [persistConfig]
   );
-  const handleDetail = (0, import_react279.useCallback)(
+  const handleDetail = (0, import_react281.useCallback)(
     (record2) => {
       const formInstanceId = getRecordId(record2);
       if (!formInstanceId) {
@@ -47439,7 +47618,7 @@ var DataManagementList = ({
     },
     [appType, detailBasePath, detailOpenMode, detailPageUrlBuilder, formType, formUuid]
   );
-  const handleDelete = (0, import_react279.useCallback)(
+  const handleDelete = (0, import_react281.useCallback)(
     async (ids) => {
       if (ids.length === 0) return;
       await deleteDataManagementRows(request, { appType, formUuid, formInstanceIds: ids });
@@ -47448,7 +47627,7 @@ var DataManagementList = ({
     },
     [appType, current, formUuid, loadData, pageSize, request]
   );
-  const getSelectedRecordIds = (0, import_react279.useCallback)(
+  const getSelectedRecordIds = (0, import_react281.useCallback)(
     () => selectedRowKeys.map((key) => {
       const record2 = dataSource.find((item) => String(getRecordId(item)) === String(key));
       return String(getSelectedRecordId(record2, key));
@@ -47575,7 +47754,7 @@ var DataManagementList = ({
     ACTION_COLUMN_MIN_WIDTH,
     Math.min(rowActionCount, visibleRowActionLimit) * ACTION_BUTTON_ESTIMATED_WIDTH + (rowActionCount > visibleRowActionLimit ? ACTION_MORE_BUTTON_WIDTH : 0) + ACTION_COLUMN_HORIZONTAL_PADDING
   );
-  const columns = (0, import_react279.useMemo)(() => {
+  const columns = (0, import_react281.useMemo)(() => {
     const baseColumns = visibleFields.map((field) => {
       const columnWidth = widths[field.fieldId] || field.width || 160;
       return {
@@ -47705,7 +47884,7 @@ var DataManagementList = ({
       actionColumnWidth
     )
   );
-  const importPreviewColumns = (0, import_react279.useMemo)(() => {
+  const importPreviewColumns = (0, import_react281.useMemo)(() => {
     const keys2 = Array.from(
       new Set(importPreview.flatMap((record2) => Object.keys(record2 || {})))
     ).slice(0, 16);
@@ -48275,7 +48454,7 @@ init_cjs_shims();
 
 // packages/sdk/src/components/templates/LowcodePageRenderer.tsx
 init_cjs_shims();
-var import_react280 = __toESM(require("react"));
+var import_react282 = __toESM(require("react"));
 var import_jsx_runtime102 = require("react/jsx-runtime");
 function nodeChildren(node) {
   if (Array.isArray(node.children)) return node.children;
@@ -48305,7 +48484,7 @@ function createRuntimeRequest(context) {
 }
 function LowcodePageRenderer({ schema, context }) {
   const appType = context?.appType || schema.pageMeta.appType;
-  const requestOverride = (0, import_react280.useMemo)(() => createRuntimeRequest(context), [context]);
+  const requestOverride = (0, import_react282.useMemo)(() => createRuntimeRequest(context), [context]);
   const renderNode = (node) => {
     const props = node.props || {};
     const children = nodeChildren(node);
@@ -48330,7 +48509,7 @@ function LowcodePageRenderer({ schema, context }) {
     if (node.type === "HeadingBlock") {
       const level = Math.min(Math.max(Number(props.level || 2), 1), 4);
       const tagName = `h${level}`;
-      return import_react280.default.createElement(
+      return import_react282.default.createElement(
         tagName,
         { key: node.id, className: "sy-page-heading" },
         props.text || props.title || "\u6807\u9898"