openxiangda 1.0.145 → 1.0.147

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

@@ -1,5 +1,5 @@
 // packages/sdk/src/components/core/FormProvider.tsx
-import React45, { useCallback as useCallback8, useEffect as useEffect32, useRef as useRef8, useState as useState18, useMemo as useMemo18 } from "react";
+import React45, { useCallback as useCallback8, useEffect as useEffect33, useRef as useRef9, useState as useState18, useMemo as useMemo18 } from "react";
 
 // packages/sdk/src/components/core/FormContext.ts
 import { createContext, useContext } from "react";
@@ -6178,14 +6178,29 @@ function UserSelectField(props) {
 }
 
 // packages/sdk/src/components/fields/DepartmentSelectField/index.tsx
-import { useEffect as useEffect23 } from "react";
+import { useEffect as useEffect24 } from "react";
 
 // packages/sdk/src/components/fields/DepartmentSelectField/DepartmentSelectFieldPC.tsx
-import { useEffect as useEffect21, useMemo as useMemo12, useRef as useRef3, useState as useState11 } from "react";
+import { useEffect as useEffect22, useMemo as useMemo12, useRef as useRef4, useState as useState11 } from "react";
 import { TreeSelect } from "antd";
 
+// packages/sdk/src/components/fields/shared/departmentSearch.ts
+function canSearchAllDepartments(api, configuredTreeData) {
+  return !configuredTreeData?.length && typeof api.searchDepartments === "function";
+}
+function normalizeDepartmentSearchItems(result) {
+  const data = result?.data || result?.result || result;
+  const source = Array.isArray(data) ? data : data?.items || data?.list || [];
+  return source.map((item) => normalizeDepartmentNode(item)).filter((item) => item.id);
+}
+function getDepartmentPathText(department, separator = "/") {
+  const path = Array.isArray(department?.path) ? department.path : [];
+  const pathText = path.map((item) => item?.name).filter(Boolean).join(separator);
+  return pathText || String(department?.fullPath || getDepartmentName(department) || "");
+}
+
 // packages/sdk/src/components/fields/shared/DepartmentPicker.tsx
-import { useMemo as useMemo11, useState as useState10 } from "react";
+import { useEffect as useEffect21, useMemo as useMemo11, useRef as useRef3, useState as useState10 } from "react";
 import { Button as Button2, Checkbox as Checkbox3, Empty as Empty2, Input as Input6, List as List2, Modal as Modal2, Space as Space2, Spin as Spin2, Tag as Tag3, Tree as Tree2 } from "antd";
 import { ApartmentOutlined, SearchOutlined as SearchOutlined3 } from "@ant-design/icons";
 import * as MobileAntd3 from "antd-mobile";
@@ -6198,7 +6213,11 @@ var getMobileComponent2 = (name) => {
   }
 };
 function normalizeSelection(items) {
-  return items.map((item) => ({ id: String(item.id || ""), name: String(item.name || item.id || "") })).filter((item) => item.id);
+  return items.map((item) => ({
+    id: String(item.id || ""),
+    name: String(item.name || item.id || ""),
+    fullPath: item.fullPath
+  })).filter((item) => item.id);
 }
 function matchSearch(nodes, keyword) {
   if (!keyword) return nodes;
@@ -6219,7 +6238,12 @@ function DepartmentPickerPanel({
   treeData,
   onConfirm,
   onCancel,
-  mobile = false
+  mobile = false,
+  showSearch = true,
+  searchScope = "loaded",
+  showFullPath = false,
+  searchMinLength = 1,
+  searchDebounceMs = 300
 }) {
   const {
     treeData: loadedTreeData,
@@ -6233,11 +6257,53 @@ function DepartmentPickerPanel({
   const [selected, setSelected] = useState10(() => normalizeSelection(value));
   const [expandedKeys, setExpandedKeys] = useState10([]);
   const [currentDeptId, setCurrentDeptId] = useState10(null);
+  const [remoteSearchResults, setRemoteSearchResults] = useState10([]);
+  const [remoteSearchLoading, setRemoteSearchLoading] = useState10(false);
+  const [remoteSearchError, setRemoteSearchError] = useState10("");
+  const searchSeqRef = useRef3(0);
   const selectedIds = selected.map((item) => item.id);
   const MobileSearchBar = getMobileComponent2("SearchBar");
+  const trimmedKeyword = keyword.trim();
+  const canRemoteSearch = showSearch && searchScope === "all" && trimmedKeyword.length >= searchMinLength && canSearchAllDepartments(api, treeData);
+  const spinning = treeLoading || remoteSearchLoading;
+  useEffect21(() => {
+    if (!canRemoteSearch) {
+      searchSeqRef.current += 1;
+      setRemoteSearchResults([]);
+      setRemoteSearchLoading(false);
+      setRemoteSearchError("");
+      return;
+    }
+    const seq = searchSeqRef.current + 1;
+    searchSeqRef.current = seq;
+    setRemoteSearchLoading(true);
+    setRemoteSearchError("");
+    const timer = window.setTimeout(() => {
+      api.searchDepartments?.({
+        keyword: trimmedKeyword,
+        page: 1,
+        pageSize: 50,
+        includePath: true
+      }).then((result) => {
+        if (searchSeqRef.current !== seq) return;
+        setRemoteSearchResults(normalizeDepartmentSearchItems(result));
+      }).catch((error) => {
+        if (searchSeqRef.current !== seq) return;
+        setRemoteSearchResults([]);
+        setRemoteSearchError(error?.message || "\u641C\u7D22\u5931\u8D25");
+      }).finally(() => {
+        if (searchSeqRef.current === seq) {
+          setRemoteSearchLoading(false);
+        }
+      });
+    }, searchDebounceMs);
+    return () => {
+      window.clearTimeout(timer);
+    };
+  }, [api, canRemoteSearch, searchDebounceMs, trimmedKeyword]);
   const filteredTreeData = useMemo11(
-    () => matchSearch(loadedTreeData, keyword.trim()),
-    [keyword, loadedTreeData]
+    () => showSearch ? matchSearch(loadedTreeData, trimmedKeyword) : loadedTreeData,
+    [loadedTreeData, showSearch, trimmedKeyword]
   );
   const currentPath = useMemo11(() => {
     if (!currentDeptId) return [];
@@ -6252,13 +6318,36 @@ function DepartmentPickerPanel({
     return path;
   }, [currentDeptId, nodeMap, parentMap]);
   const mobileList = useMemo11(() => {
-    if (keyword.trim()) {
-      const lower = keyword.trim().toLowerCase();
+    if (canRemoteSearch) {
+      return remoteSearchResults;
+    }
+    if (showSearch && trimmedKeyword) {
+      const lower = trimmedKeyword.toLowerCase();
       return flatNodes.filter((item) => item.name.toLowerCase().includes(lower)).map((item) => item.node);
     }
     if (!currentDeptId) return loadedTreeData;
     return nodeMap.get(currentDeptId)?.children || [];
-  }, [currentDeptId, flatNodes, keyword, loadedTreeData, nodeMap]);
+  }, [
+    canRemoteSearch,
+    currentDeptId,
+    flatNodes,
+    loadedTreeData,
+    nodeMap,
+    remoteSearchResults,
+    showSearch,
+    trimmedKeyword
+  ]);
+  const getNodeValue = (node) => {
+    const id = getDepartmentId(node);
+    const name = getDepartmentName(node);
+    const fullPath = getDepartmentPathText(node);
+    return {
+      id,
+      name,
+      ...fullPath && fullPath !== name ? { fullPath } : {}
+    };
+  };
+  const getSelectedLabel = (item) => showFullPath ? item.fullPath || item.name : item.name;
   const upsertSelected = (department, checked) => {
     if (multiple) {
       setSelected((prev) => {
@@ -6275,14 +6364,14 @@ function DepartmentPickerPanel({
     const checkedKeys = Array.isArray(keys) ? keys : keys.checked;
     const next = checkedKeys.map((key) => {
       const node = nodeMap.get(String(key));
-      return node ? { id: getDepartmentId(node), name: getDepartmentName(node) } : void 0;
+      return node ? getNodeValue(node) : void 0;
     }).filter(Boolean);
     setSelected(next);
   };
   const handleTreeSelect = (keys) => {
     const id = String(keys[0] || "");
     const node = id ? nodeMap.get(id) : void 0;
-    setSelected(node ? [{ id, name: getDepartmentName(node) }] : []);
+    setSelected(node ? [getNodeValue(node)] : []);
   };
   const renderSelected = () => /* @__PURE__ */ jsxs24("div", { className: "sy-org-picker-selected", children: [
     /* @__PURE__ */ jsxs24("div", { className: "sy-org-picker-selected-head", children: [
@@ -6292,8 +6381,51 @@ function DepartmentPickerPanel({
       ] }),
       /* @__PURE__ */ jsx61("button", { type: "button", onClick: () => setSelected([]), disabled: !selected.length, children: "\u6E05\u7A7A" })
     ] }),
-    selected.length ? /* @__PURE__ */ jsx61("div", { className: "sy-org-picker-tags", children: selected.map((item) => /* @__PURE__ */ jsx61(Tag3, { closable: true, onClose: () => upsertSelected(item, false), children: item.name }, item.id)) }) : /* @__PURE__ */ jsx61(Empty2, { image: Empty2.PRESENTED_IMAGE_SIMPLE, description: "\u6682\u65E0\u9009\u62E9" })
+    selected.length ? /* @__PURE__ */ jsx61("div", { className: "sy-org-picker-tags", children: selected.map((item) => /* @__PURE__ */ jsx61(Tag3, { closable: true, onClose: () => upsertSelected(item, false), children: getSelectedLabel(item) }, item.id)) }) : /* @__PURE__ */ jsx61(Empty2, { image: Empty2.PRESENTED_IMAGE_SIMPLE, description: "\u6682\u65E0\u9009\u62E9" })
   ] });
+  const renderRemoteSearchResults = () => /* @__PURE__ */ jsx61(
+    List2,
+    {
+      dataSource: remoteSearchResults,
+      locale: { emptyText: remoteSearchError || "\u6682\u65E0\u90E8\u95E8" },
+      renderItem: (node) => {
+        const id = getDepartmentId(node);
+        const name = getDepartmentName(node);
+        const selectedNow = selectedIds.includes(id);
+        const pathText = getDepartmentPathText(node);
+        return /* @__PURE__ */ jsx61(
+          List2.Item,
+          {
+            onClick: () => upsertSelected(getNodeValue(node), true),
+            actions: [
+              /* @__PURE__ */ jsx61(
+                Checkbox3,
+                {
+                  checked: selectedNow,
+                  onChange: (event) => upsertSelected(getNodeValue(node), event.target.checked)
+                },
+                "select"
+              )
+            ],
+            children: /* @__PURE__ */ jsx61(
+              List2.Item.Meta,
+              {
+                avatar: /* @__PURE__ */ jsx61(ApartmentOutlined, {}),
+                title: /* @__PURE__ */ jsxs24("span", { children: [
+                  /* @__PURE__ */ jsx61("span", { children: name }),
+                  showFullPath && pathText && pathText !== name ? /* @__PURE__ */ jsxs24("span", { className: "sy-org-picker-path", children: [
+                    " ",
+                    pathText
+                  ] }) : null
+                ] })
+              }
+            )
+          },
+          id
+        );
+      }
+    }
+  );
   if (mobile) {
     return /* @__PURE__ */ jsxs24("div", { className: "sy-org-picker sy-org-picker-mobile", children: [
       /* @__PURE__ */ jsxs24("div", { className: "sy-org-picker-mobile-head", children: [
@@ -6301,7 +6433,7 @@ function DepartmentPickerPanel({
         /* @__PURE__ */ jsx61("strong", { children: "\u9009\u62E9\u90E8\u95E8" }),
         /* @__PURE__ */ jsx61("button", { type: "button", onClick: () => onConfirm(selected), children: "\u786E\u5B9A" })
       ] }),
-      MobileSearchBar ? /* @__PURE__ */ jsx61(MobileSearchBar, { placeholder: "\u641C\u7D22\u90E8\u95E8", value: keyword, onChange: setKeyword }) : /* @__PURE__ */ jsx61("input", { value: keyword, onChange: (event) => setKeyword(event.target.value) }),
+      showSearch ? MobileSearchBar ? /* @__PURE__ */ jsx61(MobileSearchBar, { placeholder: "\u641C\u7D22\u90E8\u95E8", value: keyword, onChange: setKeyword }) : /* @__PURE__ */ jsx61("input", { value: keyword, onChange: (event) => setKeyword(event.target.value) }) : null,
       /* @__PURE__ */ jsxs24("div", { className: "sy-org-picker-breadcrumb", children: [
         /* @__PURE__ */ jsx61("button", { type: "button", onClick: () => setCurrentDeptId(null), children: "\u90E8\u95E8" }),
         currentPath.map((item) => /* @__PURE__ */ jsxs24("button", { type: "button", onClick: () => setCurrentDeptId(item.id), children: [
@@ -6309,16 +6441,17 @@ function DepartmentPickerPanel({
           item.name
         ] }, item.id))
       ] }),
-      /* @__PURE__ */ jsx61(Spin2, { spinning: treeLoading, children: /* @__PURE__ */ jsx61(
+      /* @__PURE__ */ jsx61(Spin2, { spinning, children: /* @__PURE__ */ jsx61(
         List2,
         {
           dataSource: mobileList,
-          locale: { emptyText: "\u6682\u65E0\u90E8\u95E8" },
+          locale: { emptyText: remoteSearchError || "\u6682\u65E0\u90E8\u95E8" },
           renderItem: (node) => {
             const id = getDepartmentId(node);
             const name = getDepartmentName(node);
             const selectedNow = selectedIds.includes(id);
-            const hasChildren = Boolean(node.hasChildren && !node.isLeaf);
+            const hasChildren = !canRemoteSearch && Boolean(node.hasChildren && !node.isLeaf);
+            const pathText = getDepartmentPathText(node);
             return /* @__PURE__ */ jsx61(
               List2.Item,
               {
@@ -6327,7 +6460,7 @@ function DepartmentPickerPanel({
                     Checkbox3,
                     {
                       checked: selectedNow,
-                      onChange: (event) => upsertSelected({ id, name }, event.target.checked)
+                      onChange: (event) => upsertSelected(getNodeValue(node), event.target.checked)
                     },
                     "select"
                   ),
@@ -6345,7 +6478,19 @@ function DepartmentPickerPanel({
                     "children"
                   ) : null
                 ],
-                children: /* @__PURE__ */ jsx61(List2.Item.Meta, { avatar: /* @__PURE__ */ jsx61(ApartmentOutlined, {}), title: name })
+                children: /* @__PURE__ */ jsx61(
+                  List2.Item.Meta,
+                  {
+                    avatar: /* @__PURE__ */ jsx61(ApartmentOutlined, {}),
+                    title: /* @__PURE__ */ jsxs24("span", { children: [
+                      /* @__PURE__ */ jsx61("span", { children: name }),
+                      showFullPath && pathText && pathText !== name ? /* @__PURE__ */ jsxs24("span", { className: "sy-org-picker-path", children: [
+                        " ",
+                        pathText
+                      ] }) : null
+                    ] })
+                  }
+                )
               },
               id
             );
@@ -6358,7 +6503,7 @@ function DepartmentPickerPanel({
   return /* @__PURE__ */ jsxs24("div", { className: "sy-org-picker", children: [
     /* @__PURE__ */ jsxs24("div", { className: "sy-org-picker-main", children: [
       /* @__PURE__ */ jsxs24("div", { className: "sy-org-picker-tree", children: [
-        /* @__PURE__ */ jsx61(
+        showSearch ? /* @__PURE__ */ jsx61(
           Input6,
           {
             allowClear: true,
@@ -6367,8 +6512,8 @@ function DepartmentPickerPanel({
             value: keyword,
             onChange: (event) => setKeyword(event.target.value)
           }
-        ),
-        /* @__PURE__ */ jsx61(Spin2, { spinning: treeLoading, children: /* @__PURE__ */ jsx61(
+        ) : null,
+        /* @__PURE__ */ jsx61(Spin2, { spinning, children: canRemoteSearch ? renderRemoteSearchResults() : /* @__PURE__ */ jsx61(
           Tree2,
           {
             checkable: multiple,
@@ -6458,6 +6603,17 @@ function convertTreeData(nodes) {
     children: node.children ? convertTreeData(node.children) : void 0
   }));
 }
+function convertSearchTreeData(nodes, showFullPath) {
+  return nodes.map((node) => {
+    const name = getDepartmentName(node);
+    const pathText = getDepartmentPathText(node);
+    return {
+      value: getDepartmentId(node),
+      title: showFullPath && pathText ? pathText : name,
+      isLeaf: true
+    };
+  });
+}
 function DepartmentSelectFieldPC({
   fieldId,
   behavior,
@@ -6467,6 +6623,11 @@ function DepartmentSelectFieldPC({
   treeData,
   allowClear = true,
   maxCount,
+  notFoundContent,
+  showSearch = true,
+  searchScope = "loaded",
+  searchMinLength = 1,
+  searchDebounceMs = 300,
   showFullPath,
   scopeType,
   specifiedDepts,
@@ -6477,10 +6638,15 @@ function DepartmentSelectFieldPC({
   const value = useMemo12(() => normalizeDepartmentArray(rawValue), [rawValue]);
   const disabled = behavior === "DISABLED";
   const configuredTreeData = treeData ?? EMPTY_TREE_DATA;
-  const remoteLoadedRef = useRef3(false);
+  const remoteLoadedRef = useRef4(false);
   const [loadedTreeData, setLoadedTreeData] = useState11(configuredTreeData);
   const [pickerOpen, setPickerOpen] = useState11(false);
-  useEffect21(() => {
+  const [searchKeyword, setSearchKeyword] = useState11("");
+  const [remoteSearchResults, setRemoteSearchResults] = useState11([]);
+  const [remoteSearchLoading, setRemoteSearchLoading] = useState11(false);
+  const [selectedPathMap, setSelectedPathMap] = useState11({});
+  const searchSeqRef = useRef4(0);
+  useEffect22(() => {
     if (configuredTreeData.length) {
       setLoadedTreeData(configuredTreeData.map(normalizeDepartmentNode));
       return;
@@ -6491,22 +6657,87 @@ function DepartmentSelectFieldPC({
       (nodes) => setLoadedTreeData(nodes.map(normalizeDepartmentNode))
     );
   }, [api, configuredTreeData]);
+  const trimmedSearchKeyword = searchKeyword.trim();
+  const canRemoteSearch = showSearch && searchScope === "all" && trimmedSearchKeyword.length >= searchMinLength && canSearchAllDepartments(api, configuredTreeData);
+  useEffect22(() => {
+    if (!canRemoteSearch) {
+      searchSeqRef.current += 1;
+      setRemoteSearchResults([]);
+      setRemoteSearchLoading(false);
+      return;
+    }
+    const seq = searchSeqRef.current + 1;
+    searchSeqRef.current = seq;
+    setRemoteSearchLoading(true);
+    const timer = window.setTimeout(() => {
+      api.searchDepartments?.({
+        keyword: trimmedSearchKeyword,
+        page: 1,
+        pageSize: 50,
+        includePath: true
+      }).then((result) => {
+        if (searchSeqRef.current !== seq) return;
+        setRemoteSearchResults(normalizeDepartmentSearchItems(result));
+      }).catch(() => {
+        if (searchSeqRef.current !== seq) return;
+        setRemoteSearchResults([]);
+      }).finally(() => {
+        if (searchSeqRef.current === seq) {
+          setRemoteSearchLoading(false);
+        }
+      });
+    }, searchDebounceMs);
+    return () => {
+      window.clearTimeout(timer);
+    };
+  }, [api, canRemoteSearch, searchDebounceMs, trimmedSearchKeyword]);
   const scopedTreeData = filterTreeByScope(loadedTreeData, scopeType, specifiedDepts);
   const allDepts = flattenDepartments(scopedTreeData);
+  const scopedRemoteSearchResults = useMemo12(() => {
+    if (scopeType !== "specified" || !specifiedDepts?.length) {
+      return remoteSearchResults;
+    }
+    const specifiedSet = new Set(specifiedDepts);
+    return remoteSearchResults.filter((node) => {
+      const id = getDepartmentId(node);
+      if (specifiedSet.has(id)) return true;
+      return node.path?.some((item) => specifiedSet.has(item.id));
+    });
+  }, [remoteSearchResults, scopeType, specifiedDepts]);
+  const remoteDeptMap = useMemo12(() => {
+    const map = /* @__PURE__ */ new Map();
+    scopedRemoteSearchResults.forEach((node) => map.set(getDepartmentId(node), node));
+    return map;
+  }, [scopedRemoteSearchResults]);
   const handleChange = (selectedValue) => {
     const selectedValues = Array.isArray(selectedValue) ? selectedValue : selectedValue ? [selectedValue] : [];
+    const nextPathMap = { ...selectedPathMap };
     const selected = selectedValues.map((item) => {
       const id = String(item?.value ?? item);
       const label = item?.label;
-      const matched = allDepts.find((dept) => dept.id === id) ?? value.find((dept) => getDepartmentId(dept) === id);
+      const remoteDept = remoteDeptMap.get(id);
+      const matched = remoteDept ?? allDepts.find((dept) => dept.id === id)?.node ?? value.find((dept) => getDepartmentId(dept) === id);
+      if (remoteDept) {
+        nextPathMap[id] = getDepartmentPathText(remoteDept);
+      }
       const labelText = typeof label === "string" || typeof label === "number" ? String(label) : void 0;
-      return { id, name: labelText || matched?.name || id };
+      return { id, name: getDepartmentName(matched) || labelText || id };
     }).filter((item) => item.id);
     const result = (multiple ? selected.slice(0, maxCount ?? selected.length) : selected.slice(0, 1)).map(toDepartmentValue);
+    setSelectedPathMap(nextPathMap);
     setFieldValue(fieldId, result);
     onChange?.(result);
   };
   const handlePickerConfirm = (items) => {
+    setSelectedPathMap((current) => {
+      const next = { ...current };
+      items.forEach((item) => {
+        if (item.fullPath) {
+          next[item.id] = String(item.fullPath);
+        }
+      });
+      return next;
+    });
     const result = (multiple ? items.slice(0, maxCount ?? items.length) : items.slice(0, 1)).map(
       toDepartmentValue
     );
@@ -6514,12 +6745,19 @@ function DepartmentSelectFieldPC({
     onChange?.(result);
   };
   const treeDataConverted = convertTreeData(scopedTreeData);
+  const searchTreeDataConverted = convertSearchTreeData(scopedRemoteSearchResults, showFullPath);
+  const renderedTreeData = canRemoteSearch ? searchTreeDataConverted : treeDataConverted;
+  const getDisplayLabel2 = (dept) => {
+    const id = getDepartmentId(dept);
+    if (!showFullPath) return getDepartmentName(dept);
+    return getDepartmentFullPath(id, scopedTreeData) || selectedPathMap[id] || (remoteDeptMap.has(id) ? getDepartmentPathText(remoteDeptMap.get(id)) : "") || getDepartmentName(dept);
+  };
   const selectValue = multiple ? value.map((d) => ({
     value: getDepartmentId(d),
-    label: showFullPath ? getDepartmentFullPath(getDepartmentId(d), scopedTreeData) || getDepartmentName(d) : getDepartmentName(d)
+    label: getDisplayLabel2(d)
   })) : value[0] ? {
     value: getDepartmentId(value[0]),
-    label: showFullPath ? getDepartmentFullPath(getDepartmentId(value[0]), scopedTreeData) || getDepartmentName(value[0]) : getDepartmentName(value[0])
+    label: getDisplayLabel2(value[0])
   } : void 0;
   return /* @__PURE__ */ jsxs25("div", { className: "sy-select-with-picker", children: [
     /* @__PURE__ */ jsx62(
@@ -6531,9 +6769,14 @@ function DepartmentSelectFieldPC({
         maxCount,
         allowClear,
         labelInValue: true,
-        treeData: treeDataConverted,
+        showSearch,
+        searchValue: searchKeyword,
+        onSearch: setSearchKeyword,
+        filterTreeNode: canRemoteSearch ? false : void 0,
+        treeData: renderedTreeData,
         value: selectValue,
         placeholder,
+        notFoundContent: remoteSearchLoading ? "\u641C\u7D22\u4E2D..." : notFoundContent || "\u6682\u65E0\u90E8\u95E8",
         disabled,
         onChange: handleChange,
         loadData: async (node) => {
@@ -6577,6 +6820,11 @@ function DepartmentSelectFieldPC({
         multiple,
         value,
         treeData,
+        showSearch,
+        searchScope,
+        showFullPath,
+        searchMinLength,
+        searchDebounceMs,
         onConfirm: handlePickerConfirm,
         onCancel: () => void 0
       }
@@ -6585,7 +6833,7 @@ function DepartmentSelectFieldPC({
 }
 
 // packages/sdk/src/components/fields/DepartmentSelectField/DepartmentSelectFieldMobile.tsx
-import { useEffect as useEffect22, useMemo as useMemo13, useRef as useRef4, useState as useState12 } from "react";
+import { useEffect as useEffect23, useMemo as useMemo13, useRef as useRef5, useState as useState12 } from "react";
 import * as MobileAntd4 from "antd-mobile";
 import { jsx as jsx63, jsxs as jsxs26 } from "react/jsx-runtime";
 var EMPTY_TREE_DATA2 = [];
@@ -6609,6 +6857,10 @@ function DepartmentSelectFieldMobile({
   treeData,
   allowClear = true,
   maxCount,
+  showSearch = true,
+  searchScope = "loaded",
+  searchMinLength = 1,
+  searchDebounceMs = 300,
   showFullPath,
   scopeType,
   specifiedDepts,
@@ -6620,9 +6872,9 @@ function DepartmentSelectFieldMobile({
   const disabled = behavior === "DISABLED";
   const [showPicker, setShowPicker] = useState12(false);
   const configuredTreeData = treeData ?? EMPTY_TREE_DATA2;
-  const remoteLoadedRef = useRef4(false);
+  const remoteLoadedRef = useRef5(false);
   const [loadedTreeData, setLoadedTreeData] = useState12(configuredTreeData);
-  useEffect22(() => {
+  useEffect23(() => {
     if (configuredTreeData.length) {
       setLoadedTreeData(configuredTreeData.map(normalizeDepartmentNode));
     }
@@ -6696,6 +6948,11 @@ function DepartmentSelectFieldMobile({
         multiple,
         value,
         treeData,
+        showSearch,
+        searchScope,
+        showFullPath,
+        searchMinLength,
+        searchDebounceMs,
         onConfirm: handleConfirm,
         onCancel: () => setShowPicker(false)
       }
@@ -6757,7 +7014,7 @@ function DepartmentSelectField(props) {
   const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
   const { isMobile } = useDeviceDetect();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
-  useEffect23(() => {
+  useEffect24(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -6782,7 +7039,7 @@ function DepartmentSelectField(props) {
 }
 
 // packages/sdk/src/components/fields/CascadeSelectField/index.tsx
-import { useEffect as useEffect24 } from "react";
+import { useEffect as useEffect25 } from "react";
 import { Cascader } from "antd";
 import { jsx as jsx66 } from "react/jsx-runtime";
 var toValuePath = (value, multiple) => {
@@ -6821,7 +7078,7 @@ function CascadeSelectField(props) {
   const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField } = useFormContext();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
   const value = formData[fieldId] ?? (multiple ? [] : []);
-  useEffect24(() => {
+  useEffect25(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -6874,7 +7131,7 @@ function CascadeSelectField(props) {
 }
 
 // packages/sdk/src/components/fields/AddressField/index.tsx
-import { useCallback as useCallback4, useEffect as useEffect25, useMemo as useMemo15, useState as useState13 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect26, useMemo as useMemo15, useState as useState13 } from "react";
 import { Button as Button3, Cascader as Cascader2, Input as Input7, Space as Space3, Spin as Spin3 } from "antd";
 import * as MobileAntd5 from "antd-mobile";
 import { jsx as jsx67, jsxs as jsxs27 } from "react/jsx-runtime";
@@ -7038,11 +7295,11 @@ function AddressField(props) {
   const detailEnabled = mode === "province-city-district-street-detail";
   const disabled = behavior === "DISABLED";
   const MobilePopup = getMobileComponent3("Popup");
-  useEffect25(() => {
+  useEffect26(() => {
     registerField(fieldId);
     return () => unregisterField(fieldId);
   }, [fieldId, registerField, unregisterField]);
-  useEffect25(() => {
+  useEffect26(() => {
     if (defaultValue !== void 0 && rawValue === void 0) {
       setFieldValue(fieldId, defaultValue);
     }
@@ -7054,7 +7311,7 @@ function AddressField(props) {
     },
     [api, depth]
   );
-  useEffect25(() => {
+  useEffect26(() => {
     let mounted = true;
     setLoadingRoots(true);
     loadDivisions(void 0, "province", 0).then((nextOptions) => {
@@ -7066,7 +7323,7 @@ function AddressField(props) {
       mounted = false;
     };
   }, [loadDivisions]);
-  useEffect25(() => {
+  useEffect26(() => {
     if (!value) return;
     let cancelled = false;
     const hydrateMissingLabels = async () => {
@@ -7102,7 +7359,7 @@ function AddressField(props) {
       cancelled = true;
     };
   }, [fieldId, levels, loadDivisions, setFieldValue, value]);
-  useEffect25(() => {
+  useEffect26(() => {
     if (!mobileOpen) return;
     const level = levels[mobileLevelIndex] || "province";
     const parentLevel = levels[mobileLevelIndex - 1];
@@ -7282,7 +7539,7 @@ function AddressField(props) {
 }
 
 // packages/sdk/src/components/fields/AssociationFormField/index.tsx
-import { useCallback as useCallback5, useEffect as useEffect26, useMemo as useMemo16, useRef as useRef5, useState as useState14 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect27, useMemo as useMemo16, useRef as useRef6, useState as useState14 } from "react";
 import { Button as Button4, Drawer, Input as Input8, Modal as Modal3, Select as Select4, Space as Space4, Spin as Spin4, Table, Tag as Tag4 } from "antd";
 import { jsx as jsx68, jsxs as jsxs28 } from "react/jsx-runtime";
 var DEFAULT_PAGE_SIZE = 10;
@@ -7360,19 +7617,19 @@ function AssociationFormField(props) {
   });
   const [selectedRowKeys, setSelectedRowKeys] = useState14([]);
   const [selectedRecords, setSelectedRecords] = useState14([]);
-  const formDataRef = useRef5(formData);
-  const associationFormRef = useRef5(associationForm);
-  useEffect26(() => {
+  const formDataRef = useRef6(formData);
+  const associationFormRef = useRef6(associationForm);
+  useEffect27(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, normalizeValues(defaultValue));
     }
     return () => unregisterField(fieldId);
   }, [fieldId]);
-  useEffect26(() => {
+  useEffect27(() => {
     formDataRef.current = formData;
   }, [formData]);
-  useEffect26(() => {
+  useEffect27(() => {
     associationFormRef.current = associationForm;
   }, [associationForm]);
   const associationAppType = associationForm?.appType;
@@ -7487,10 +7744,10 @@ function AssociationFormField(props) {
     },
     [fetchRecords, keyword, pagination.pageSize]
   );
-  useEffect26(() => {
+  useEffect27(() => {
     void loadOptions();
   }, [loadOptions]);
-  useEffect26(() => {
+  useEffect27(() => {
     setSelectedRowKeys(value.map((item) => item.value));
     setSelectedRecords(
       value.map(
@@ -7764,7 +8021,7 @@ function AssociationFormField(props) {
 }
 
 // packages/sdk/src/components/fields/EditorField/index.tsx
-import { useCallback as useCallback6, useEffect as useEffect27, useMemo as useMemo17, useRef as useRef6, useState as useState15 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect28, useMemo as useMemo17, useRef as useRef7, useState as useState15 } from "react";
 import { Extension } from "@tiptap/core";
 import { EditorContent, useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
@@ -8418,7 +8675,7 @@ function RichTextEditorCore({
   fieldId = "richText",
   mobile = false
 }) {
-  const inputRef = useRef6(null);
+  const inputRef = useRef7(null);
   const [uploading, setUploading] = useState15(false);
   const [uploadError, setUploadError] = useState15("");
   const [charCount, setCharCount] = useState15(0);
@@ -8433,8 +8690,8 @@ function RichTextEditorCore({
   const [tableOpen, setTableOpen] = useState15(false);
   const [tableRows, setTableRows] = useState15(3);
   const [tableCols, setTableCols] = useState15(3);
-  const onChangeRef = useRef6(onChange);
-  useEffect27(() => {
+  const onChangeRef = useRef7(onChange);
+  useEffect28(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
   const actions = useMemo17(() => normalizeToolbarConfig(toolbarConfig), [toolbarConfig]);
@@ -8503,11 +8760,11 @@ function RichTextEditorCore({
     },
     [fieldId, extensions, disabled, maxLength, updateHtml]
   );
-  useEffect27(() => {
+  useEffect28(() => {
     if (!editor || isEditorDestroyed(editor)) return;
     editor.setEditable(!disabled);
   }, [disabled, editor]);
-  useEffect27(() => {
+  useEffect28(() => {
     if (!editor || isEditorDestroyed(editor)) return;
     const currentHtml = getSafeEditorHtml(editor);
     if ((value || "") !== currentHtml) {
@@ -8821,14 +9078,14 @@ function EditorField(props) {
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
   const rawValue = formData[fieldId] ?? "";
   const value = normalizeRichTextHtml(rawValue);
-  useEffect27(() => {
+  useEffect28(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, normalizeRichTextHtml(defaultValue));
     }
     return () => unregisterField(fieldId);
   }, [fieldId]);
-  useEffect27(() => {
+  useEffect28(() => {
     if (rawValue && rawValue !== value) {
       setFieldValue(fieldId, value);
     }
@@ -8886,7 +9143,7 @@ function EditorField(props) {
 }
 
 // packages/sdk/src/components/fields/SerialNumberField/index.tsx
-import { useEffect as useEffect28 } from "react";
+import { useEffect as useEffect29 } from "react";
 import { Input as Input10 } from "antd";
 import { jsx as jsx70 } from "react/jsx-runtime";
 function SerialNumberField(props) {
@@ -8906,7 +9163,7 @@ function SerialNumberField(props) {
   const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField } = useFormContext();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "READONLY";
   const value = formData[fieldId] ?? "";
-  useEffect28(() => {
+  useEffect29(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -8948,7 +9205,7 @@ function SerialNumberField(props) {
 }
 
 // packages/sdk/src/components/fields/LocationField/index.tsx
-import { useEffect as useEffect29, useState as useState16 } from "react";
+import { useEffect as useEffect30, useState as useState16 } from "react";
 import { Button as Button6, Space as Space6 } from "antd";
 import { jsx as jsx71, jsxs as jsxs30 } from "react/jsx-runtime";
 var getDingTalkApi = () => {
@@ -8992,7 +9249,7 @@ function LocationField(props) {
   const value = formData[fieldId];
   const [locating, setLocating] = useState16(false);
   const [error, setError] = useState16("");
-  useEffect29(() => {
+  useEffect30(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -9133,7 +9390,7 @@ function LocationField(props) {
 }
 
 // packages/sdk/src/components/fields/DigitalSignatureField/index.tsx
-import { useCallback as useCallback7, useEffect as useEffect30, useRef as useRef7, useState as useState17 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect31, useRef as useRef8, useState as useState17 } from "react";
 import { Button as Button7, Modal as Modal5, Space as Space7 } from "antd";
 import { jsx as jsx72, jsxs as jsxs31 } from "react/jsx-runtime";
 var CANVAS_HEIGHT = 260;
@@ -9171,10 +9428,10 @@ function DigitalSignatureField(props) {
   const [saving, setSaving] = useState17(false);
   const [drawn, setDrawn] = useState17(false);
   const [error, setError] = useState17("");
-  const canvasRef = useRef7(null);
-  const drawingRef = useRef7(false);
-  const pointsRef = useRef7([]);
-  useEffect30(() => {
+  const canvasRef = useRef8(null);
+  const drawingRef = useRef8(false);
+  const pointsRef = useRef8([]);
+  useEffect31(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -9203,7 +9460,7 @@ function DigitalSignatureField(props) {
     ctx.lineJoin = "round";
     ctx.strokeStyle = "#111827";
   }, []);
-  useEffect30(() => {
+  useEffect31(() => {
     if (!open) return;
     pointsRef.current = [];
     setDrawn(false);
@@ -9382,7 +9639,7 @@ function DigitalSignatureField(props) {
 }
 
 // packages/sdk/src/components/fields/JSONField/index.tsx
-import { useEffect as useEffect31 } from "react";
+import { useEffect as useEffect32 } from "react";
 import { jsx as jsx73 } from "react/jsx-runtime";
 var formatJson = (value) => {
   if (value === void 0 || value === null || value === "") return "--";
@@ -9409,7 +9666,7 @@ function JSONField(props) {
   const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField } = useFormContext();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "READONLY";
   const value = formData[fieldId];
-  useEffect31(() => {
+  useEffect32(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -10484,6 +10741,30 @@ function createFormRuntimeApi(config) {
       });
       return response.data || response.result || [];
     },
+    searchDepartments: async (params) => {
+      const page = params?.page ?? 1;
+      const pageSize = params?.pageSize ?? 50;
+      const response = await request({
+        url: "/department/search",
+        method: "get",
+        params: {
+          keyword: params?.keyword,
+          page,
+          pageSize,
+          includePath: params?.includePath ?? true
+        }
+      });
+      const data = response.data || response.result;
+      if (Array.isArray(data)) {
+        return { items: data, total: data.length, page, pageSize };
+      }
+      return {
+        items: data?.items || data?.list || [],
+        total: Number(data?.total ?? data?.count ?? data?.items?.length ?? 0),
+        page: Number(data?.page ?? page),
+        pageSize: Number(data?.pageSize ?? pageSize)
+      };
+    },
     getDepartmentParentDepartments: async (id) => {
       const response = await request({
         url: `/department/${id}/parentDepartments`,
@@ -10735,11 +11016,11 @@ function FormProvider({
     }
     return { ...values, ...initialValues };
   }, [schema, initialValues, mergedRuntime]);
-  const initialValuesRef = useRef8(computedInitialValues);
+  const initialValuesRef = useRef9(computedInitialValues);
   const [formData, setFormData] = useState18({ ...computedInitialValues });
   const [fieldErrors, setFieldErrors] = useState18({});
   const [registeredFields] = useState18(/* @__PURE__ */ new Set());
-  useEffect32(() => {
+  useEffect33(() => {
     if (!schema.fields.some((field) => needsCurrentUserRuntime(field.defaultShortcut?.type)))
       return;
     if (mergedRuntime.currentUser && mergedRuntime.currentDepartment) return;
@@ -10763,7 +11044,7 @@ function FormProvider({
       cancelled = true;
     };
   }, [api, mergedRuntime.currentDepartment, mergedRuntime.currentUser, schema.fields]);
-  useEffect32(() => {
+  useEffect33(() => {
     setFormData((prev) => {
       let changed = false;
       const next = { ...prev };
@@ -10808,7 +11089,7 @@ function FormProvider({
     () => evaluateLayoutBehaviors(effects, formData),
     [effects, formData]
   );
-  useEffect32(() => {
+  useEffect33(() => {
     const valueActions = getValueActions(effects, formData);
     if (valueActions.length === 0) return;
     let changed = false;
@@ -10950,7 +11231,7 @@ function FormProvider({
     [registeredFields]
   );
   const [dynamicOptions, setDynamicOptions] = useState18({});
-  useEffect32(() => {
+  useEffect33(() => {
     const loadDynamicOptions = async () => {
       const updates = {};
       for (const field of schema.fields) {
@@ -10968,7 +11249,7 @@ function FormProvider({
     };
     loadDynamicOptions();
   }, [schema.fields, mergedRuntime]);
-  useEffect32(() => {
+  useEffect33(() => {
     let cancelled = false;
     const loadDataLinkageOptions = async () => {
       const updates = {};
@@ -10994,7 +11275,7 @@ function FormProvider({
       window.clearTimeout(timer);
     };
   }, [schema.fields, mergedRuntime, formData]);
-  useEffect32(() => {
+  useEffect33(() => {
     let cancelled = false;
     const loadDefaultValueLinkages = async () => {
       const fields = schema.fields.filter((field) => field.defaultValueLinkage);
@@ -11748,7 +12029,7 @@ function isLayoutVisible(visibleWhen, formData) {
 }
 
 // packages/sdk/src/components/core/FormShell.tsx
-import { useEffect as useEffect33, useMemo as useMemo19 } from "react";
+import { useEffect as useEffect34, useMemo as useMemo19 } from "react";
 import * as Antd2 from "antd";
 import { jsx as jsx79 } from "react/jsx-runtime";
 function normalizeMaxWidth(maxWidth) {
@@ -11778,7 +12059,7 @@ function FormShell({ children, appearance, className }) {
   const [form] = useAntForm();
   const { formData, setFieldValue } = useFormContext();
   const maxWidth = normalizeMaxWidth(appearance?.maxWidth);
-  useEffect33(() => {
+  useEffect34(() => {
     form?.setFieldsValue?.(formData);
   }, [form, formData]);
   const style = useMemo19(() => {
@@ -12892,7 +13173,7 @@ function FormSummary({
 }
 
 // packages/sdk/src/components/hooks/useFormEngine.ts
-import { useState as useState23, useCallback as useCallback10, useMemo as useMemo20, useRef as useRef9 } from "react";
+import { useState as useState23, useCallback as useCallback10, useMemo as useMemo20, useRef as useRef10 } from "react";
 function useFormEngine(schema, config) {
   const initialValues = useMemo20(() => {
     const values = {};
@@ -12903,7 +13184,7 @@ function useFormEngine(schema, config) {
     }
     return values;
   }, [schema]);
-  const initialValuesRef = useRef9(initialValues);
+  const initialValuesRef = useRef10(initialValues);
   const [formData, setFormData] = useState23({ ...initialValues });
   const [fieldErrors, setFieldErrors] = useState23({});
   const fieldBehaviors = useMemo20(() => {
@@ -12978,11 +13259,11 @@ function useFormEngine(schema, config) {
 }
 
 // packages/sdk/src/components/hooks/useFormData.ts
-import { useState as useState24, useCallback as useCallback11, useRef as useRef10 } from "react";
+import { useState as useState24, useCallback as useCallback11, useRef as useRef11 } from "react";
 function useFormData(initialValues = {}) {
   const [formData, setFormData] = useState24({ ...initialValues });
   const [dirtyFields, setDirtyFields] = useState24(/* @__PURE__ */ new Set());
-  const initialValuesRef = useRef10(initialValues);
+  const initialValuesRef = useRef11(initialValues);
   const setFieldValue = useCallback11((fieldId, value) => {
     setFormData((prev) => ({ ...prev, [fieldId]: value }));
     setDirtyFields((prev) => {
@@ -13196,7 +13477,7 @@ function useFieldPermission(options) {
 }
 
 // packages/sdk/src/components/hooks/useFormDetail.ts
-import { useState as useState26, useEffect as useEffect34, useCallback as useCallback14, useRef as useRef11 } from "react";
+import { useState as useState26, useEffect as useEffect35, useCallback as useCallback14, useRef as useRef12 } from "react";
 
 // packages/sdk/src/components/utils/formInstanceData.ts
 var FORM_INSTANCE_METADATA_KEYS = /* @__PURE__ */ new Set([
@@ -13360,16 +13641,16 @@ function useFormDetail(options) {
   const [formData, setFormData] = useState26(null);
   const [instanceInfo, setInstanceInfo] = useState26(null);
   const [permissions, setPermissions] = useState26(null);
-  const mountedRef = useRef11(true);
-  const onPermissionDeniedRef = useRef11(onPermissionDenied);
+  const mountedRef = useRef12(true);
+  const onPermissionDeniedRef = useRef12(onPermissionDenied);
   const fieldIdsKey = fieldIds?.join("
") ?? "";
-  useEffect34(() => {
+  useEffect35(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  useEffect34(() => {
+  useEffect35(() => {
     onPermissionDeniedRef.current = onPermissionDenied;
   }, [onPermissionDenied]);
   const loadData = useCallback14(async () => {
@@ -13407,7 +13688,7 @@ function useFormDetail(options) {
       }
     }
   }, [request, formUuid, appType, formInstanceId, fieldIdsKey]);
-  useEffect34(() => {
+  useEffect35(() => {
     loadData();
   }, [loadData]);
   const fieldBehaviors = normalizeFieldBehaviors(permissions, mode);
@@ -13469,7 +13750,7 @@ function useFormDetail(options) {
 }
 
 // packages/sdk/src/components/hooks/useProcessDetail.ts
-import { useState as useState27, useEffect as useEffect35, useCallback as useCallback15, useRef as useRef12, useMemo as useMemo23 } from "react";
+import { useState as useState27, useEffect as useEffect36, useCallback as useCallback15, useRef as useRef13, useMemo as useMemo23 } from "react";
 var DEFAULT_APPROVAL_ACTIONS = [
   { action: "agree", name: { zh_CN: "\u540C\u610F" } },
   { action: "rejected", name: { zh_CN: "\u62D2\u7EDD" } }
@@ -13511,9 +13792,9 @@ function useProcessDetail(options) {
   const [permissions, setPermissions] = useState27(null);
   const [processDefinition, setProcessDefinition] = useState27(null);
   const [dataVersion, setDataVersion] = useState27(0);
-  const mountedRef = useRef12(true);
+  const mountedRef = useRef13(true);
   const fieldIdsKey = fieldIds?.join("
") ?? "";
-  useEffect35(() => {
+  useEffect36(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -13629,7 +13910,7 @@ function useProcessDetail(options) {
       }
     }
   }, [request, formUuid, appType, formInstanceId, fieldIdsKey]);
-  useEffect35(() => {
+  useEffect36(() => {
     loadData();
   }, [loadData]);
   const switchToEdit = useCallback15(() => {
@@ -13706,7 +13987,7 @@ function useProcessDetail(options) {
 }
 
 // packages/sdk/src/components/hooks/useApprovalActions.ts
-import { useState as useState28, useCallback as useCallback16, useRef as useRef13, useEffect as useEffect36 } from "react";
+import { useState as useState28, useCallback as useCallback16, useRef as useRef14, useEffect as useEffect37 } from "react";
 function useApprovalActions(options) {
   const { formInstanceId, formUuid, appType, currentTaskId, onActionComplete, getFormValues } = options;
   const { api } = useFormContext();
@@ -13715,8 +13996,8 @@ function useApprovalActions(options) {
   const [currentAction, setCurrentAction] = useState28(null);
   const [returnableNodes, setReturnableNodes] = useState28([]);
   const [returnPolicy, setReturnPolicy] = useState28(null);
-  const mountedRef = useRef13(true);
-  useEffect36(() => {
+  const mountedRef = useRef14(true);
+  useEffect37(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -13954,7 +14235,7 @@ function useApprovalActions(options) {
 }
 
 // packages/sdk/src/components/hooks/useChangeRecords.ts
-import { useState as useState29, useEffect as useEffect37, useCallback as useCallback17, useRef as useRef14 } from "react";
+import { useState as useState29, useEffect as useEffect38, useCallback as useCallback17, useRef as useRef15 } from "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 ?? [];
@@ -13973,8 +14254,8 @@ function useChangeRecords(options) {
   const [loading, setLoading] = useState29(false);
   const [total, setTotal] = useState29(0);
   const [page, setPage] = useState29(1);
-  const mountedRef = useRef14(true);
-  useEffect37(() => {
+  const mountedRef = useRef15(true);
+  useEffect38(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -14011,7 +14292,7 @@ function useChangeRecords(options) {
     },
     [request, formUuid, appType, formInstanceId, pageSize]
   );
-  useEffect37(() => {
+  useEffect38(() => {
     if (autoLoad) {
       fetchRecords(1, false);
     }
@@ -14040,7 +14321,7 @@ function useChangeRecords(options) {
 }
 
 // packages/sdk/src/components/hooks/useFormNavigation.ts
-import { useState as useState30, useCallback as useCallback18, useRef as useRef15, useEffect as useEffect38 } from "react";
+import { useState as useState30, useCallback as useCallback18, useRef as useRef16, useEffect as useEffect39 } from "react";
 var normalizeBasePath = (basePath) => {
   const normalized = String(basePath || "").replace(/^\/+|\/+$/g, "");
   return normalized ? `/${normalized}` : "";
@@ -14074,10 +14355,10 @@ function useFormNavigation(options) {
   } = options;
   const [isRedirecting, setIsRedirecting] = useState30(false);
   const [countdown, setCountdown] = useState30(0);
-  const timerRef = useRef15(null);
-  const redirectTargetRef = useRef15(null);
-  const mountedRef = useRef15(true);
-  useEffect38(() => {
+  const timerRef = useRef16(null);
+  const redirectTargetRef = useRef16(null);
+  const mountedRef = useRef16(true);
+  useEffect39(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -14179,7 +14460,7 @@ function useFormNavigation(options) {
 }
 
 // packages/sdk/src/components/hooks/useDraftStorage.ts
-import { useState as useState31, useCallback as useCallback19, useEffect as useEffect39 } from "react";
+import { useState as useState31, useCallback as useCallback19, useEffect as useEffect40 } from "react";
 function getDraftKey(appType, formUuid) {
   return `${appType}__${formUuid}__draft`;
 }
@@ -14202,7 +14483,7 @@ function useDraftStorage(options) {
   const [hasDraft, setHasDraft] = useState31(false);
   const [draftData, setDraftData] = useState31(null);
   const [draftTimestamp, setDraftTimestamp] = useState31(null);
-  useEffect39(() => {
+  useEffect40(() => {
     const stored = readDraft(key);
     if (stored) {
       setHasDraft(true);
@@ -14823,7 +15104,7 @@ import {
 } from "@ant-design/icons";
 
 // packages/sdk/src/components/modules/StickyActionBar.tsx
-import { useEffect as useEffect40, useMemo as useMemo25, useState as useState33 } from "react";
+import { useEffect as useEffect41, useMemo as useMemo25, useState as useState33 } from "react";
 import { Button as Button10, Dropdown, Tooltip as Tooltip3 } from "antd";
 import { MoreOutlined } from "@ant-design/icons";
 
@@ -14860,7 +15141,7 @@ var StickyActionBar = ({
   surface = "default"
 }) => {
   const [isMobile, setIsMobile] = useState33(false);
-  useEffect40(() => {
+  useEffect41(() => {
     const update = () => setIsMobile(typeof window !== "undefined" && window.innerWidth <= 768);
     update();
     window.addEventListener("resize", update);
@@ -15695,7 +15976,7 @@ var ProcessPreview = ({
 };
 
 // packages/sdk/src/components/modules/DataManagementList.tsx
-import { useCallback as useCallback24, useEffect as useEffect43, useMemo as useMemo32, useRef as useRef20, useState as useState41 } from "react";
+import { useCallback as useCallback24, useEffect as useEffect44, useMemo as useMemo32, useRef as useRef21, useState as useState41 } from "react";
 import {
   Alert as Alert2,
   Button as Button17,
@@ -15737,7 +16018,7 @@ import {
 import { useMemo as useMemo31 } from "react";
 
 // packages/sdk/src/components/templates/FormDetailTemplate.tsx
-import { useCallback as useCallback20, useMemo as useMemo28, useRef as useRef16, useState as useState37 } from "react";
+import { useCallback as useCallback20, useMemo as useMemo28, useRef as useRef17, useState as useState37 } from "react";
 import dayjs9 from "dayjs";
 
 // packages/sdk/src/components/templates/PageSkeleton.tsx
@@ -15833,8 +16114,8 @@ var InnerDetailContent = ({
   onSave,
   inDrawer = false
 }) => {
-  const formDataRef = useRef16(void 0);
-  const validateRef = useRef16(void 0);
+  const formDataRef = useRef17(void 0);
+  const validateRef = useRef17(void 0);
   const [accessDenied, setAccessDenied] = useState37(false);
   const fieldIds = useMemo28(() => schema.fields.map((field) => field.fieldId), [schema.fields]);
   const {
@@ -16013,12 +16294,12 @@ var FormDetailTemplate = (props) => {
 };
 
 // packages/sdk/src/components/templates/FormSubmitTemplate.tsx
-import { useEffect as useEffect42, useRef as useRef18, useState as useState39, useCallback as useCallback22 } from "react";
+import { useEffect as useEffect43, useRef as useRef19, useState as useState39, useCallback as useCallback22 } from "react";
 import { Button as Button16, message as message3, Modal as Modal10, Select as Select8 } from "antd";
 import { CheckCircleFilled as CheckCircleFilled2 } from "@ant-design/icons";
 
 // packages/sdk/src/components/modules/InitiatorApproverSelector.tsx
-import { useCallback as useCallback21, useEffect as useEffect41, useMemo as useMemo29, useRef as useRef17, useState as useState38 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect42, useMemo as useMemo29, useRef as useRef18, useState as useState38 } from "react";
 import { Button as Button15, Empty as Empty5, Modal as Modal9, Select as Select7, Space as Space8, Tag as Tag6, Typography, message as message2 } from "antd";
 import { jsx as jsx97, jsxs as jsxs52 } from "react/jsx-runtime";
 var scopeText = {
@@ -16061,7 +16342,7 @@ var RequirementSelect = ({
   );
   const [optionsSource, setOptionsSource] = useState38(initialCandidates);
   const [loading, setLoading] = useState38(false);
-  useEffect41(() => {
+  useEffect42(() => {
     setOptionsSource(
       (current) => mergeUsers(initialCandidates, mergeUsers(current, selectedUsers))
     );
@@ -16104,7 +16385,7 @@ var RequirementSelect = ({
     },
     [api, appType, formUuid, initialCandidates.length, requirement.nodeId, requirement.scope]
   );
-  useEffect41(() => {
+  useEffect42(() => {
     if (requirement.scope !== "all" && open && formUuid && appType && requirement.nodeId) {
       void loadCandidates();
     }
@@ -16195,8 +16476,8 @@ var InitiatorApproverSelector = ({
   onCancel
 }) => {
   const [selected, setSelected] = useState38({});
-  const wasOpenRef = useRef17(false);
-  useEffect41(() => {
+  const wasOpenRef = useRef18(false);
+  useEffect42(() => {
     if (open && !wasOpenRef.current) {
       setSelected(value || EMPTY_SELECTED_MAP);
     }
@@ -16382,15 +16663,15 @@ var InnerFormContent = ({
   const [submissionDepartmentModalOpen, setSubmissionDepartmentModalOpen] = useState39(false);
   const [submissionDepartmentOptions, setSubmissionDepartmentOptions] = useState39([]);
   const [selectedSubmissionDepartmentId, setSelectedSubmissionDepartmentId] = useState39();
-  const submissionDepartmentResolverRef = useRef18(null);
+  const submissionDepartmentResolverRef = useRef19(null);
   const [previewOpen, setPreviewOpen] = useState39(false);
   const [previewLoading, setPreviewLoading] = useState39(false);
   const [previewRoutes, setPreviewRoutes] = useState39([]);
   const [pendingFormData, setPendingFormData] = useState39(null);
   const [pendingSubmissionDepartmentId, setPendingSubmissionDepartmentId] = useState39();
   const [pendingInitiatorSelectedApprovers, setPendingInitiatorSelectedApprovers] = useState39();
-  const pendingSubmissionDepartmentIdRef = useRef18(void 0);
-  const pendingInitiatorSelectedApproversRef = useRef18(
+  const pendingSubmissionDepartmentIdRef = useRef19(void 0);
+  const pendingInitiatorSelectedApproversRef = useRef19(
     void 0
   );
   const [initiatorApproverOpen, setInitiatorApproverOpen] = useState39(false);
@@ -16406,7 +16687,7 @@ var InnerFormContent = ({
     mode: submitSuccessMode === "continue" ? "stay" : submitSuccessMode,
     basePath: config.navigation?.basePath
   });
-  useEffect42(() => {
+  useEffect43(() => {
     return () => {
       submissionDepartmentResolverRef.current?.(null);
       submissionDepartmentResolverRef.current = null;
@@ -16899,7 +17180,7 @@ var FormSubmitTemplate = ({
 };
 
 // packages/sdk/src/components/templates/ProcessDetailTemplate.tsx
-import { useCallback as useCallback23, useMemo as useMemo30, useRef as useRef19, useState as useState40 } from "react";
+import { useCallback as useCallback23, useMemo as useMemo30, useRef as useRef20, useState as useState40 } from "react";
 import dayjs10 from "dayjs";
 import { Form as AntForm, Input as Input13, Modal as Modal11, message as message4 } from "antd";
 import { jsx as jsx99, jsxs as jsxs54 } from "react/jsx-runtime";
@@ -16992,8 +17273,8 @@ var InnerProcessContent = ({
   onDelete,
   inDrawer = false
 }) => {
-  const formDataRef = useRef19(void 0);
-  const validateRef = useRef19(void 0);
+  const formDataRef = useRef20(void 0);
+  const validateRef = useRef20(void 0);
   const [withdrawForm] = AntForm.useForm();
   const [withdrawOpen, setWithdrawOpen] = useState40(false);
   const [withdrawLoading, setWithdrawLoading] = useState40(false);
@@ -18202,7 +18483,7 @@ function AsyncEntityFilterSelect({
     },
     [api, entityType]
   );
-  useEffect43(() => {
+  useEffect44(() => {
     void loadOptions();
   }, [loadOptions]);
   return /* @__PURE__ */ jsx101(
@@ -18513,7 +18794,7 @@ function ResizableColumnTitle({
   onResize,
   onResizeEnd
 }) {
-  const dragRef = useRef20({ startX: 0, startWidth: width, latestWidth: width });
+  const dragRef = useRef21({ startX: 0, startWidth: width, latestWidth: width });
   const handleMouseDown = (event) => {
     event.preventDefault();
     event.stopPropagation();
@@ -18582,7 +18863,7 @@ var DataManagementList = ({
   permissionMode = "auto",
   actionOverrides
 }) => {
-  const rootRef = useRef20(null);
+  const rootRef = useRef21(null);
   const api = useMemo32(() => {
     if (typeof requestOverride === "function") {
       return createFormRuntimeApi({ request: requestOverride });
@@ -18596,7 +18877,7 @@ var DataManagementList = ({
   const [showFields, setShowFields] = useState41([]);
   const [lockFieldIds, setLockFieldIds] = useState41([]);
   const [widths, setWidths] = useState41({});
-  const widthsRef = useRef20({});
+  const widthsRef = useRef21({});
   const [sort, setSort] = useState41([]);
   const [density, setDensity] = useState41("middle");
   const [detailOpenMode, setDetailOpenMode] = useState41("drawer");
@@ -18634,7 +18915,7 @@ var DataManagementList = ({
   const [actionSummary, setActionSummary] = useState41(null);
   const [permissionLoading, setPermissionLoading] = useState41(permissionMode === "auto");
   const [permissionError, setPermissionError] = useState41(null);
-  const fetchStateRef = useRef20({});
+  const fetchStateRef = useRef21({});
   const isProcessForm = isProcessFormType(formType);
   const request = api.request;
   const getPopupContainer = useCallback24(
@@ -18649,7 +18930,7 @@ var DataManagementList = ({
   const confirmDanger = useCallback24((title2, content, onOk) => {
     if (confirmAction(title2, content)) onOk();
   }, []);
-  useEffect43(() => {
+  useEffect44(() => {
     let mounted = true;
     if (permissionMode !== "auto") {
       setActionSummary(null);
@@ -18722,10 +19003,10 @@ var DataManagementList = ({
     () => new Set(forcedConfig?.lockFieldIds || []),
     [forcedConfig?.lockFieldIds]
   );
-  useEffect43(() => {
+  useEffect44(() => {
     widthsRef.current = widths;
   }, [widths]);
-  useEffect43(() => {
+  useEffect44(() => {
     fetchStateRef.current = {
       current,
       pageSize,
@@ -18778,7 +19059,7 @@ var DataManagementList = ({
     },
     [appType, forcedConfig, formUuid, request]
   );
-  useEffect43(() => {
+  useEffect44(() => {
     let mounted = true;
     const loadSchemaAndConfig = async () => {
       if (!appType || !formUuid) return;