openxiangda 1.0.145 → 1.0.147

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

@@ -6920,7 +6920,7 @@ var readTicketFromLocation = () => {
 var readPathFromLocation = () => typeof window === "undefined" ? void 0 : window.location.pathname;
 
 // packages/sdk/src/runtime/host/builtinRouteRenderer.tsx
-import { useCallback as useCallback27, useEffect as useEffect50, useMemo as useMemo37, useState as useState42 } from "react";
+import { useCallback as useCallback27, useEffect as useEffect51, useMemo as useMemo37, useState as useState42 } from "react";
 import { Alert as Alert4, Button as Button16, Card as Card2, Empty as Empty8, Spin as Spin6, Typography as Typography3 } from "antd";
 
 // packages/sdk/src/components/core/imageCompression.ts
@@ -7660,6 +7660,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`,
@@ -7747,7 +7771,7 @@ function createFormRuntimeApi(config) {
 }
 
 // packages/sdk/src/components/modules/DataManagementList.tsx
-import { useCallback as useCallback26, useEffect as useEffect49, useMemo as useMemo36, useRef as useRef22, useState as useState41 } from "react";
+import { useCallback as useCallback26, useEffect as useEffect50, useMemo as useMemo36, useRef as useRef23, useState as useState41 } from "react";
 import {
   Alert as Alert3,
   Button as Button15,
@@ -7789,11 +7813,11 @@ import {
 import { useMemo as useMemo35 } from "react";
 
 // packages/sdk/src/components/templates/FormDetailTemplate.tsx
-import { useCallback as useCallback18, useMemo as useMemo30, useRef as useRef16, useState as useState33 } from "react";
+import { useCallback as useCallback18, useMemo as useMemo30, useRef as useRef17, useState as useState33 } from "react";
 import dayjs10 from "dayjs";
 
 // packages/sdk/src/components/core/FormProvider.tsx
-import React54, { useCallback as useCallback15, useEffect as useEffect40, useRef as useRef13, useState as useState26, useMemo as useMemo28 } from "react";
+import React54, { useCallback as useCallback15, useEffect as useEffect41, useRef as useRef14, useState as useState26, useMemo as useMemo28 } from "react";
 
 // packages/sdk/src/components/core/FormContext.ts
 import { createContext as createContext3, useContext as useContext3 } from "react";
@@ -13237,14 +13261,29 @@ function UserSelectField(props) {
 }
 
 // packages/sdk/src/components/fields/DepartmentSelectField/index.tsx
-import { useEffect as useEffect31 } from "react";
+import { useEffect as useEffect32 } from "react";
 
 // packages/sdk/src/components/fields/DepartmentSelectField/DepartmentSelectFieldPC.tsx
-import { useEffect as useEffect29, useMemo as useMemo22, useRef as useRef8, useState as useState19 } from "react";
+import { useEffect as useEffect30, useMemo as useMemo22, useRef as useRef9, useState as useState19 } 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 useMemo21, useState as useState18 } from "react";
+import { useEffect as useEffect29, useMemo as useMemo21, useRef as useRef8, useState as useState18 } from "react";
 import { Button as Button6, Checkbox as Checkbox3, Empty as Empty4, Input as Input8, List as List2, Modal as Modal5, Space as Space4, Spin as Spin2, Tag as Tag4, Tree as Tree2 } from "antd";
 import { ApartmentOutlined, SearchOutlined as SearchOutlined3 } from "@ant-design/icons";
 import * as MobileAntd3 from "antd-mobile";
@@ -13257,7 +13296,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;
@@ -13278,7 +13321,12 @@ function DepartmentPickerPanel({
   treeData,
   onConfirm,
   onCancel,
-  mobile = false
+  mobile = false,
+  showSearch = true,
+  searchScope = "loaded",
+  showFullPath = false,
+  searchMinLength = 1,
+  searchDebounceMs = 300
 }) {
   const {
     treeData: loadedTreeData,
@@ -13292,11 +13340,53 @@ function DepartmentPickerPanel({
   const [selected, setSelected] = useState18(() => normalizeSelection(value));
   const [expandedKeys, setExpandedKeys] = useState18([]);
   const [currentDeptId, setCurrentDeptId] = useState18(null);
+  const [remoteSearchResults, setRemoteSearchResults] = useState18([]);
+  const [remoteSearchLoading, setRemoteSearchLoading] = useState18(false);
+  const [remoteSearchError, setRemoteSearchError] = useState18("");
+  const searchSeqRef = useRef8(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;
+  useEffect29(() => {
+    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 = useMemo21(
-    () => matchSearch(loadedTreeData, keyword.trim()),
-    [keyword, loadedTreeData]
+    () => showSearch ? matchSearch(loadedTreeData, trimmedKeyword) : loadedTreeData,
+    [loadedTreeData, showSearch, trimmedKeyword]
   );
   const currentPath = useMemo21(() => {
     if (!currentDeptId) return [];
@@ -13311,13 +13401,36 @@ function DepartmentPickerPanel({
     return path;
   }, [currentDeptId, nodeMap, parentMap]);
   const mobileList = useMemo21(() => {
-    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) => {
@@ -13334,14 +13447,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__ */ jsxs30("div", { className: "sy-org-picker-selected", children: [
     /* @__PURE__ */ jsxs30("div", { className: "sy-org-picker-selected-head", children: [
@@ -13351,8 +13464,51 @@ function DepartmentPickerPanel({
       ] }),
       /* @__PURE__ */ jsx71("button", { type: "button", onClick: () => setSelected([]), disabled: !selected.length, children: "\u6E05\u7A7A" })
     ] }),
-    selected.length ? /* @__PURE__ */ jsx71("div", { className: "sy-org-picker-tags", children: selected.map((item) => /* @__PURE__ */ jsx71(Tag4, { closable: true, onClose: () => upsertSelected(item, false), children: item.name }, item.id)) }) : /* @__PURE__ */ jsx71(Empty4, { image: Empty4.PRESENTED_IMAGE_SIMPLE, description: "\u6682\u65E0\u9009\u62E9" })
+    selected.length ? /* @__PURE__ */ jsx71("div", { className: "sy-org-picker-tags", children: selected.map((item) => /* @__PURE__ */ jsx71(Tag4, { closable: true, onClose: () => upsertSelected(item, false), children: getSelectedLabel(item) }, item.id)) }) : /* @__PURE__ */ jsx71(Empty4, { image: Empty4.PRESENTED_IMAGE_SIMPLE, description: "\u6682\u65E0\u9009\u62E9" })
   ] });
+  const renderRemoteSearchResults = () => /* @__PURE__ */ jsx71(
+    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__ */ jsx71(
+          List2.Item,
+          {
+            onClick: () => upsertSelected(getNodeValue(node), true),
+            actions: [
+              /* @__PURE__ */ jsx71(
+                Checkbox3,
+                {
+                  checked: selectedNow,
+                  onChange: (event) => upsertSelected(getNodeValue(node), event.target.checked)
+                },
+                "select"
+              )
+            ],
+            children: /* @__PURE__ */ jsx71(
+              List2.Item.Meta,
+              {
+                avatar: /* @__PURE__ */ jsx71(ApartmentOutlined, {}),
+                title: /* @__PURE__ */ jsxs30("span", { children: [
+                  /* @__PURE__ */ jsx71("span", { children: name }),
+                  showFullPath && pathText && pathText !== name ? /* @__PURE__ */ jsxs30("span", { className: "sy-org-picker-path", children: [
+                    " ",
+                    pathText
+                  ] }) : null
+                ] })
+              }
+            )
+          },
+          id
+        );
+      }
+    }
+  );
   if (mobile) {
     return /* @__PURE__ */ jsxs30("div", { className: "sy-org-picker sy-org-picker-mobile", children: [
       /* @__PURE__ */ jsxs30("div", { className: "sy-org-picker-mobile-head", children: [
@@ -13360,7 +13516,7 @@ function DepartmentPickerPanel({
         /* @__PURE__ */ jsx71("strong", { children: "\u9009\u62E9\u90E8\u95E8" }),
         /* @__PURE__ */ jsx71("button", { type: "button", onClick: () => onConfirm(selected), children: "\u786E\u5B9A" })
       ] }),
-      MobileSearchBar ? /* @__PURE__ */ jsx71(MobileSearchBar, { placeholder: "\u641C\u7D22\u90E8\u95E8", value: keyword, onChange: setKeyword }) : /* @__PURE__ */ jsx71("input", { value: keyword, onChange: (event) => setKeyword(event.target.value) }),
+      showSearch ? MobileSearchBar ? /* @__PURE__ */ jsx71(MobileSearchBar, { placeholder: "\u641C\u7D22\u90E8\u95E8", value: keyword, onChange: setKeyword }) : /* @__PURE__ */ jsx71("input", { value: keyword, onChange: (event) => setKeyword(event.target.value) }) : null,
       /* @__PURE__ */ jsxs30("div", { className: "sy-org-picker-breadcrumb", children: [
         /* @__PURE__ */ jsx71("button", { type: "button", onClick: () => setCurrentDeptId(null), children: "\u90E8\u95E8" }),
         currentPath.map((item) => /* @__PURE__ */ jsxs30("button", { type: "button", onClick: () => setCurrentDeptId(item.id), children: [
@@ -13368,16 +13524,17 @@ function DepartmentPickerPanel({
           item.name
         ] }, item.id))
       ] }),
-      /* @__PURE__ */ jsx71(Spin2, { spinning: treeLoading, children: /* @__PURE__ */ jsx71(
+      /* @__PURE__ */ jsx71(Spin2, { spinning, children: /* @__PURE__ */ jsx71(
         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__ */ jsx71(
               List2.Item,
               {
@@ -13386,7 +13543,7 @@ function DepartmentPickerPanel({
                     Checkbox3,
                     {
                       checked: selectedNow,
-                      onChange: (event) => upsertSelected({ id, name }, event.target.checked)
+                      onChange: (event) => upsertSelected(getNodeValue(node), event.target.checked)
                     },
                     "select"
                   ),
@@ -13404,7 +13561,19 @@ function DepartmentPickerPanel({
                     "children"
                   ) : null
                 ],
-                children: /* @__PURE__ */ jsx71(List2.Item.Meta, { avatar: /* @__PURE__ */ jsx71(ApartmentOutlined, {}), title: name })
+                children: /* @__PURE__ */ jsx71(
+                  List2.Item.Meta,
+                  {
+                    avatar: /* @__PURE__ */ jsx71(ApartmentOutlined, {}),
+                    title: /* @__PURE__ */ jsxs30("span", { children: [
+                      /* @__PURE__ */ jsx71("span", { children: name }),
+                      showFullPath && pathText && pathText !== name ? /* @__PURE__ */ jsxs30("span", { className: "sy-org-picker-path", children: [
+                        " ",
+                        pathText
+                      ] }) : null
+                    ] })
+                  }
+                )
               },
               id
             );
@@ -13417,7 +13586,7 @@ function DepartmentPickerPanel({
   return /* @__PURE__ */ jsxs30("div", { className: "sy-org-picker", children: [
     /* @__PURE__ */ jsxs30("div", { className: "sy-org-picker-main", children: [
       /* @__PURE__ */ jsxs30("div", { className: "sy-org-picker-tree", children: [
-        /* @__PURE__ */ jsx71(
+        showSearch ? /* @__PURE__ */ jsx71(
           Input8,
           {
             allowClear: true,
@@ -13426,8 +13595,8 @@ function DepartmentPickerPanel({
             value: keyword,
             onChange: (event) => setKeyword(event.target.value)
           }
-        ),
-        /* @__PURE__ */ jsx71(Spin2, { spinning: treeLoading, children: /* @__PURE__ */ jsx71(
+        ) : null,
+        /* @__PURE__ */ jsx71(Spin2, { spinning, children: canRemoteSearch ? renderRemoteSearchResults() : /* @__PURE__ */ jsx71(
           Tree2,
           {
             checkable: multiple,
@@ -13517,6 +13686,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,
@@ -13526,6 +13706,11 @@ function DepartmentSelectFieldPC({
   treeData,
   allowClear = true,
   maxCount,
+  notFoundContent,
+  showSearch = true,
+  searchScope = "loaded",
+  searchMinLength = 1,
+  searchDebounceMs = 300,
   showFullPath,
   scopeType,
   specifiedDepts,
@@ -13536,10 +13721,15 @@ function DepartmentSelectFieldPC({
   const value = useMemo22(() => normalizeDepartmentArray(rawValue), [rawValue]);
   const disabled = behavior === "DISABLED";
   const configuredTreeData = treeData ?? EMPTY_TREE_DATA;
-  const remoteLoadedRef = useRef8(false);
+  const remoteLoadedRef = useRef9(false);
   const [loadedTreeData, setLoadedTreeData] = useState19(configuredTreeData);
   const [pickerOpen, setPickerOpen] = useState19(false);
-  useEffect29(() => {
+  const [searchKeyword, setSearchKeyword] = useState19("");
+  const [remoteSearchResults, setRemoteSearchResults] = useState19([]);
+  const [remoteSearchLoading, setRemoteSearchLoading] = useState19(false);
+  const [selectedPathMap, setSelectedPathMap] = useState19({});
+  const searchSeqRef = useRef9(0);
+  useEffect30(() => {
     if (configuredTreeData.length) {
       setLoadedTreeData(configuredTreeData.map(normalizeDepartmentNode));
       return;
@@ -13550,22 +13740,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);
+  useEffect30(() => {
+    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 = useMemo22(() => {
+    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 = useMemo22(() => {
+    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
     );
@@ -13573,12 +13828,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__ */ jsxs31("div", { className: "sy-select-with-picker", children: [
     /* @__PURE__ */ jsx72(
@@ -13590,9 +13852,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) => {
@@ -13636,6 +13903,11 @@ function DepartmentSelectFieldPC({
         multiple,
         value,
         treeData,
+        showSearch,
+        searchScope,
+        showFullPath,
+        searchMinLength,
+        searchDebounceMs,
         onConfirm: handlePickerConfirm,
         onCancel: () => void 0
       }
@@ -13644,7 +13916,7 @@ function DepartmentSelectFieldPC({
 }
 
 // packages/sdk/src/components/fields/DepartmentSelectField/DepartmentSelectFieldMobile.tsx
-import { useEffect as useEffect30, useMemo as useMemo23, useRef as useRef9, useState as useState20 } from "react";
+import { useEffect as useEffect31, useMemo as useMemo23, useRef as useRef10, useState as useState20 } from "react";
 import * as MobileAntd4 from "antd-mobile";
 import { jsx as jsx73, jsxs as jsxs32 } from "react/jsx-runtime";
 var EMPTY_TREE_DATA2 = [];
@@ -13668,6 +13940,10 @@ function DepartmentSelectFieldMobile({
   treeData,
   allowClear = true,
   maxCount,
+  showSearch = true,
+  searchScope = "loaded",
+  searchMinLength = 1,
+  searchDebounceMs = 300,
   showFullPath,
   scopeType,
   specifiedDepts,
@@ -13679,9 +13955,9 @@ function DepartmentSelectFieldMobile({
   const disabled = behavior === "DISABLED";
   const [showPicker, setShowPicker] = useState20(false);
   const configuredTreeData = treeData ?? EMPTY_TREE_DATA2;
-  const remoteLoadedRef = useRef9(false);
+  const remoteLoadedRef = useRef10(false);
   const [loadedTreeData, setLoadedTreeData] = useState20(configuredTreeData);
-  useEffect30(() => {
+  useEffect31(() => {
     if (configuredTreeData.length) {
       setLoadedTreeData(configuredTreeData.map(normalizeDepartmentNode));
     }
@@ -13755,6 +14031,11 @@ function DepartmentSelectFieldMobile({
         multiple,
         value,
         treeData,
+        showSearch,
+        searchScope,
+        showFullPath,
+        searchMinLength,
+        searchDebounceMs,
         onConfirm: handleConfirm,
         onCancel: () => setShowPicker(false)
       }
@@ -13816,7 +14097,7 @@ function DepartmentSelectField(props) {
   const { fieldBehaviors, setFieldValue, formData, registerField, unregisterField } = useFormContext();
   const { isMobile } = useDeviceDetect();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
-  useEffect31(() => {
+  useEffect32(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -13841,7 +14122,7 @@ function DepartmentSelectField(props) {
 }
 
 // packages/sdk/src/components/fields/CascadeSelectField/index.tsx
-import { useEffect as useEffect32 } from "react";
+import { useEffect as useEffect33 } from "react";
 import { Cascader } from "antd";
 import { jsx as jsx76 } from "react/jsx-runtime";
 var toValuePath = (value, multiple) => {
@@ -13880,7 +14161,7 @@ function CascadeSelectField(props) {
   const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField } = useFormContext();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
   const value = formData[fieldId] ?? (multiple ? [] : []);
-  useEffect32(() => {
+  useEffect33(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -13933,7 +14214,7 @@ function CascadeSelectField(props) {
 }
 
 // packages/sdk/src/components/fields/AddressField/index.tsx
-import { useCallback as useCallback11, useEffect as useEffect33, useMemo as useMemo25, useState as useState21 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect34, useMemo as useMemo25, useState as useState21 } from "react";
 import { Button as Button7, Cascader as Cascader2, Input as Input9, Space as Space5, Spin as Spin3 } from "antd";
 import * as MobileAntd5 from "antd-mobile";
 import { jsx as jsx77, jsxs as jsxs33 } from "react/jsx-runtime";
@@ -14097,11 +14378,11 @@ function AddressField(props) {
   const detailEnabled = mode === "province-city-district-street-detail";
   const disabled = behavior === "DISABLED";
   const MobilePopup = getMobileComponent3("Popup");
-  useEffect33(() => {
+  useEffect34(() => {
     registerField(fieldId);
     return () => unregisterField(fieldId);
   }, [fieldId, registerField, unregisterField]);
-  useEffect33(() => {
+  useEffect34(() => {
     if (defaultValue !== void 0 && rawValue === void 0) {
       setFieldValue(fieldId, defaultValue);
     }
@@ -14113,7 +14394,7 @@ function AddressField(props) {
     },
     [api, depth]
   );
-  useEffect33(() => {
+  useEffect34(() => {
     let mounted = true;
     setLoadingRoots(true);
     loadDivisions(void 0, "province", 0).then((nextOptions) => {
@@ -14125,7 +14406,7 @@ function AddressField(props) {
       mounted = false;
     };
   }, [loadDivisions]);
-  useEffect33(() => {
+  useEffect34(() => {
     if (!value) return;
     let cancelled = false;
     const hydrateMissingLabels = async () => {
@@ -14161,7 +14442,7 @@ function AddressField(props) {
       cancelled = true;
     };
   }, [fieldId, levels, loadDivisions, setFieldValue, value]);
-  useEffect33(() => {
+  useEffect34(() => {
     if (!mobileOpen) return;
     const level = levels[mobileLevelIndex] || "province";
     const parentLevel = levels[mobileLevelIndex - 1];
@@ -14341,7 +14622,7 @@ function AddressField(props) {
 }
 
 // packages/sdk/src/components/fields/AssociationFormField/index.tsx
-import { useCallback as useCallback12, useEffect as useEffect34, useMemo as useMemo26, useRef as useRef10, useState as useState22 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect35, useMemo as useMemo26, useRef as useRef11, useState as useState22 } from "react";
 import { Button as Button8, Drawer, Input as Input10, Modal as Modal6, Select as Select6, Space as Space6, Spin as Spin4, Table, Tag as Tag5 } from "antd";
 import { jsx as jsx78, jsxs as jsxs34 } from "react/jsx-runtime";
 var DEFAULT_PAGE_SIZE = 10;
@@ -14419,19 +14700,19 @@ function AssociationFormField(props) {
   });
   const [selectedRowKeys, setSelectedRowKeys] = useState22([]);
   const [selectedRecords, setSelectedRecords] = useState22([]);
-  const formDataRef = useRef10(formData);
-  const associationFormRef = useRef10(associationForm);
-  useEffect34(() => {
+  const formDataRef = useRef11(formData);
+  const associationFormRef = useRef11(associationForm);
+  useEffect35(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, normalizeValues(defaultValue));
     }
     return () => unregisterField(fieldId);
   }, [fieldId]);
-  useEffect34(() => {
+  useEffect35(() => {
     formDataRef.current = formData;
   }, [formData]);
-  useEffect34(() => {
+  useEffect35(() => {
     associationFormRef.current = associationForm;
   }, [associationForm]);
   const associationAppType = associationForm?.appType;
@@ -14546,10 +14827,10 @@ function AssociationFormField(props) {
     },
     [fetchRecords, keyword, pagination.pageSize]
   );
-  useEffect34(() => {
+  useEffect35(() => {
     void loadOptions();
   }, [loadOptions]);
-  useEffect34(() => {
+  useEffect35(() => {
     setSelectedRowKeys(value.map((item) => item.value));
     setSelectedRecords(
       value.map(
@@ -14823,7 +15104,7 @@ function AssociationFormField(props) {
 }
 
 // packages/sdk/src/components/fields/EditorField/index.tsx
-import { useCallback as useCallback13, useEffect as useEffect35, useMemo as useMemo27, useRef as useRef11, useState as useState23 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect36, useMemo as useMemo27, useRef as useRef12, useState as useState23 } from "react";
 import { Extension } from "@tiptap/core";
 import { EditorContent, useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
@@ -15477,7 +15758,7 @@ function RichTextEditorCore({
   fieldId = "richText",
   mobile = false
 }) {
-  const inputRef = useRef11(null);
+  const inputRef = useRef12(null);
   const [uploading, setUploading] = useState23(false);
   const [uploadError, setUploadError] = useState23("");
   const [charCount, setCharCount] = useState23(0);
@@ -15492,8 +15773,8 @@ function RichTextEditorCore({
   const [tableOpen, setTableOpen] = useState23(false);
   const [tableRows, setTableRows] = useState23(3);
   const [tableCols, setTableCols] = useState23(3);
-  const onChangeRef = useRef11(onChange);
-  useEffect35(() => {
+  const onChangeRef = useRef12(onChange);
+  useEffect36(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
   const actions = useMemo27(() => normalizeToolbarConfig(toolbarConfig), [toolbarConfig]);
@@ -15562,11 +15843,11 @@ function RichTextEditorCore({
     },
     [fieldId, extensions, disabled, maxLength, updateHtml]
   );
-  useEffect35(() => {
+  useEffect36(() => {
     if (!editor || isEditorDestroyed(editor)) return;
     editor.setEditable(!disabled);
   }, [disabled, editor]);
-  useEffect35(() => {
+  useEffect36(() => {
     if (!editor || isEditorDestroyed(editor)) return;
     const currentHtml = getSafeEditorHtml(editor);
     if ((value || "") !== currentHtml) {
@@ -15880,14 +16161,14 @@ function EditorField(props) {
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "NORMAL";
   const rawValue = formData[fieldId] ?? "";
   const value = normalizeRichTextHtml(rawValue);
-  useEffect35(() => {
+  useEffect36(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, normalizeRichTextHtml(defaultValue));
     }
     return () => unregisterField(fieldId);
   }, [fieldId]);
-  useEffect35(() => {
+  useEffect36(() => {
     if (rawValue && rawValue !== value) {
       setFieldValue(fieldId, value);
     }
@@ -15945,7 +16226,7 @@ function EditorField(props) {
 }
 
 // packages/sdk/src/components/fields/SerialNumberField/index.tsx
-import { useEffect as useEffect36 } from "react";
+import { useEffect as useEffect37 } from "react";
 import { Input as Input12 } from "antd";
 import { jsx as jsx80 } from "react/jsx-runtime";
 function SerialNumberField(props) {
@@ -15965,7 +16246,7 @@ function SerialNumberField(props) {
   const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField } = useFormContext();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "READONLY";
   const value = formData[fieldId] ?? "";
-  useEffect36(() => {
+  useEffect37(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -16007,7 +16288,7 @@ function SerialNumberField(props) {
 }
 
 // packages/sdk/src/components/fields/LocationField/index.tsx
-import { useEffect as useEffect37, useState as useState24 } from "react";
+import { useEffect as useEffect38, useState as useState24 } from "react";
 import { Button as Button10, Space as Space8 } from "antd";
 import { jsx as jsx81, jsxs as jsxs36 } from "react/jsx-runtime";
 var getDingTalkApi = () => {
@@ -16051,7 +16332,7 @@ function LocationField(props) {
   const value = formData[fieldId];
   const [locating, setLocating] = useState24(false);
   const [error, setError] = useState24("");
-  useEffect37(() => {
+  useEffect38(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -16192,7 +16473,7 @@ function LocationField(props) {
 }
 
 // packages/sdk/src/components/fields/DigitalSignatureField/index.tsx
-import { useCallback as useCallback14, useEffect as useEffect38, useRef as useRef12, useState as useState25 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect39, useRef as useRef13, useState as useState25 } from "react";
 import { Button as Button11, Modal as Modal8, Space as Space9 } from "antd";
 import { jsx as jsx82, jsxs as jsxs37 } from "react/jsx-runtime";
 var CANVAS_HEIGHT = 260;
@@ -16230,10 +16511,10 @@ function DigitalSignatureField(props) {
   const [saving, setSaving] = useState25(false);
   const [drawn, setDrawn] = useState25(false);
   const [error, setError] = useState25("");
-  const canvasRef = useRef12(null);
-  const drawingRef = useRef12(false);
-  const pointsRef = useRef12([]);
-  useEffect38(() => {
+  const canvasRef = useRef13(null);
+  const drawingRef = useRef13(false);
+  const pointsRef = useRef13([]);
+  useEffect39(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -16262,7 +16543,7 @@ function DigitalSignatureField(props) {
     ctx.lineJoin = "round";
     ctx.strokeStyle = "#111827";
   }, []);
-  useEffect38(() => {
+  useEffect39(() => {
     if (!open) return;
     pointsRef.current = [];
     setDrawn(false);
@@ -16441,7 +16722,7 @@ function DigitalSignatureField(props) {
 }
 
 // packages/sdk/src/components/fields/JSONField/index.tsx
-import { useEffect as useEffect39 } from "react";
+import { useEffect as useEffect40 } from "react";
 import { jsx as jsx83 } from "react/jsx-runtime";
 var formatJson = (value) => {
   if (value === void 0 || value === null || value === "") return "--";
@@ -16468,7 +16749,7 @@ function JSONField(props) {
   const { formData, fieldBehaviors, setFieldValue, registerField, unregisterField } = useFormContext();
   const behavior = propBehavior ?? fieldBehaviors[fieldId] ?? "READONLY";
   const value = formData[fieldId];
-  useEffect39(() => {
+  useEffect40(() => {
     registerField(fieldId);
     if (defaultValue !== void 0 && formData[fieldId] === void 0) {
       setFieldValue(fieldId, defaultValue);
@@ -16971,11 +17252,11 @@ function FormProvider({
     }
     return { ...values, ...initialValues };
   }, [schema, initialValues, mergedRuntime]);
-  const initialValuesRef = useRef13(computedInitialValues);
+  const initialValuesRef = useRef14(computedInitialValues);
   const [formData, setFormData] = useState26({ ...computedInitialValues });
   const [fieldErrors, setFieldErrors] = useState26({});
   const [registeredFields] = useState26(/* @__PURE__ */ new Set());
-  useEffect40(() => {
+  useEffect41(() => {
     if (!schema.fields.some((field) => needsCurrentUserRuntime(field.defaultShortcut?.type)))
       return;
     if (mergedRuntime.currentUser && mergedRuntime.currentDepartment) return;
@@ -16999,7 +17280,7 @@ function FormProvider({
       cancelled = true;
     };
   }, [api, mergedRuntime.currentDepartment, mergedRuntime.currentUser, schema.fields]);
-  useEffect40(() => {
+  useEffect41(() => {
     setFormData((prev) => {
       let changed = false;
       const next = { ...prev };
@@ -17044,7 +17325,7 @@ function FormProvider({
     () => evaluateLayoutBehaviors(effects, formData),
     [effects, formData]
   );
-  useEffect40(() => {
+  useEffect41(() => {
     const valueActions = getValueActions(effects, formData);
     if (valueActions.length === 0) return;
     let changed = false;
@@ -17186,7 +17467,7 @@ function FormProvider({
     [registeredFields]
   );
   const [dynamicOptions, setDynamicOptions] = useState26({});
-  useEffect40(() => {
+  useEffect41(() => {
     const loadDynamicOptions = async () => {
       const updates = {};
       for (const field of schema.fields) {
@@ -17204,7 +17485,7 @@ function FormProvider({
     };
     loadDynamicOptions();
   }, [schema.fields, mergedRuntime]);
-  useEffect40(() => {
+  useEffect41(() => {
     let cancelled = false;
     const loadDataLinkageOptions = async () => {
       const updates = {};
@@ -17230,7 +17511,7 @@ function FormProvider({
       window.clearTimeout(timer);
     };
   }, [schema.fields, mergedRuntime, formData]);
-  useEffect40(() => {
+  useEffect41(() => {
     let cancelled = false;
     const loadDefaultValueLinkages = async () => {
       const fields = schema.fields.filter((field) => field.defaultValueLinkage);
@@ -17984,7 +18265,7 @@ function isLayoutVisible(visibleWhen, formData) {
 }
 
 // packages/sdk/src/components/core/FormShell.tsx
-import { useEffect as useEffect41, useMemo as useMemo29 } from "react";
+import { useEffect as useEffect42, useMemo as useMemo29 } from "react";
 import * as Antd2 from "antd";
 import { jsx as jsx89 } from "react/jsx-runtime";
 function normalizeMaxWidth(maxWidth) {
@@ -18014,7 +18295,7 @@ function FormShell({ children, appearance, className }) {
   const [form] = useAntForm();
   const { formData, setFieldValue } = useFormContext();
   const maxWidth = normalizeMaxWidth(appearance?.maxWidth);
-  useEffect41(() => {
+  useEffect42(() => {
     form?.setFieldsValue?.(formData);
   }, [form, formData]);
   const style = useMemo29(() => {
@@ -18083,7 +18364,7 @@ async function validateAndNotify(validateAllWithErrors) {
 }
 
 // packages/sdk/src/components/hooks/useFormDetail.ts
-import { useState as useState30, useEffect as useEffect42, useCallback as useCallback16, useRef as useRef14 } from "react";
+import { useState as useState30, useEffect as useEffect43, useCallback as useCallback16, useRef as useRef15 } from "react";
 
 // packages/sdk/src/components/utils/formInstanceData.ts
 var FORM_INSTANCE_METADATA_KEYS = /* @__PURE__ */ new Set([
@@ -18285,16 +18566,16 @@ function useFormDetail(options) {
   const [formData, setFormData] = useState30(null);
   const [instanceInfo, setInstanceInfo] = useState30(null);
   const [permissions, setPermissions] = useState30(null);
-  const mountedRef = useRef14(true);
-  const onPermissionDeniedRef = useRef14(onPermissionDenied);
+  const mountedRef = useRef15(true);
+  const onPermissionDeniedRef = useRef15(onPermissionDenied);
   const fieldIdsKey = fieldIds?.join("
") ?? "";
-  useEffect42(() => {
+  useEffect43(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  useEffect42(() => {
+  useEffect43(() => {
     onPermissionDeniedRef.current = onPermissionDenied;
   }, [onPermissionDenied]);
   const loadData = useCallback16(async () => {
@@ -18332,7 +18613,7 @@ function useFormDetail(options) {
       }
     }
   }, [request, formUuid, appType, formInstanceId, fieldIdsKey]);
-  useEffect42(() => {
+  useEffect43(() => {
     loadData();
   }, [loadData]);
   const fieldBehaviors = normalizeFieldBehaviors(permissions, mode);
@@ -18394,7 +18675,7 @@ function useFormDetail(options) {
 }
 
 // packages/sdk/src/components/hooks/useChangeRecords.ts
-import { useState as useState31, useEffect as useEffect43, useCallback as useCallback17, useRef as useRef15 } from "react";
+import { useState as useState31, useEffect as useEffect44, useCallback as useCallback17, useRef as useRef16 } 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 ?? [];
@@ -18413,8 +18694,8 @@ function useChangeRecords(options) {
   const [loading, setLoading] = useState31(false);
   const [total, setTotal] = useState31(0);
   const [page, setPage] = useState31(1);
-  const mountedRef = useRef15(true);
-  useEffect43(() => {
+  const mountedRef = useRef16(true);
+  useEffect44(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -18451,7 +18732,7 @@ function useChangeRecords(options) {
     },
     [request, formUuid, appType, formInstanceId, pageSize]
   );
-  useEffect43(() => {
+  useEffect44(() => {
     if (autoLoad) {
       fetchRecords(1, false);
     }
@@ -18879,8 +19160,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] = useState33(false);
   const fieldIds = useMemo30(() => schema.fields.map((field) => field.fieldId), [schema.fields]);
   const {
@@ -19059,12 +19340,12 @@ var FormDetailTemplate = (props) => {
 };
 
 // packages/sdk/src/components/templates/FormSubmitTemplate.tsx
-import { useEffect as useEffect46, useRef as useRef18, useState as useState36, useCallback as useCallback21 } from "react";
+import { useEffect as useEffect47, useRef as useRef19, useState as useState36, useCallback as useCallback21 } from "react";
 import { Button as Button14, message as message4, Modal as Modal9, Select as Select8 } from "antd";
 import { CheckCircleFilled as CheckCircleFilled2 } from "@ant-design/icons";
 
 // packages/sdk/src/components/hooks/useDraftStorage.ts
-import { useState as useState34, useCallback as useCallback19, useEffect as useEffect44 } from "react";
+import { useState as useState34, useCallback as useCallback19, useEffect as useEffect45 } from "react";
 function getDraftKey(appType, formUuid) {
   return `${appType}__${formUuid}__draft`;
 }
@@ -19087,7 +19368,7 @@ function useDraftStorage(options) {
   const [hasDraft, setHasDraft] = useState34(false);
   const [draftData, setDraftData] = useState34(null);
   const [draftTimestamp, setDraftTimestamp] = useState34(null);
-  useEffect44(() => {
+  useEffect45(() => {
     const stored = readDraft(key);
     if (stored) {
       setHasDraft(true);
@@ -19144,7 +19425,7 @@ function useDraftStorage(options) {
 }
 
 // packages/sdk/src/components/hooks/useFormNavigation.ts
-import { useState as useState35, useCallback as useCallback20, useRef as useRef17, useEffect as useEffect45 } from "react";
+import { useState as useState35, useCallback as useCallback20, useRef as useRef18, useEffect as useEffect46 } from "react";
 var normalizeBasePath = (basePath) => {
   const normalized = String(basePath || "").replace(/^\/+|\/+$/g, "");
   return normalized ? `/${normalized}` : "";
@@ -19178,10 +19459,10 @@ function useFormNavigation(options) {
   } = options;
   const [isRedirecting, setIsRedirecting] = useState35(false);
   const [countdown, setCountdown] = useState35(0);
-  const timerRef = useRef17(null);
-  const redirectTargetRef = useRef17(null);
-  const mountedRef = useRef17(true);
-  useEffect45(() => {
+  const timerRef = useRef18(null);
+  const redirectTargetRef = useRef18(null);
+  const mountedRef = useRef18(true);
+  useEffect46(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -19473,15 +19754,15 @@ var InnerFormContent = ({
   const [submissionDepartmentModalOpen, setSubmissionDepartmentModalOpen] = useState36(false);
   const [submissionDepartmentOptions, setSubmissionDepartmentOptions] = useState36([]);
   const [selectedSubmissionDepartmentId, setSelectedSubmissionDepartmentId] = useState36();
-  const submissionDepartmentResolverRef = useRef18(null);
+  const submissionDepartmentResolverRef = useRef19(null);
   const [previewOpen, setPreviewOpen] = useState36(false);
   const [previewLoading, setPreviewLoading] = useState36(false);
   const [previewRoutes, setPreviewRoutes] = useState36([]);
   const [pendingFormData, setPendingFormData] = useState36(null);
   const [pendingSubmissionDepartmentId, setPendingSubmissionDepartmentId] = useState36();
   const [pendingInitiatorSelectedApprovers, setPendingInitiatorSelectedApprovers] = useState36();
-  const pendingSubmissionDepartmentIdRef = useRef18(void 0);
-  const pendingInitiatorSelectedApproversRef = useRef18(
+  const pendingSubmissionDepartmentIdRef = useRef19(void 0);
+  const pendingInitiatorSelectedApproversRef = useRef19(
     void 0
   );
   const [initiatorApproverOpen, setInitiatorApproverOpen] = useState36(false);
@@ -19497,7 +19778,7 @@ var InnerFormContent = ({
     mode: submitSuccessMode === "continue" ? "stay" : submitSuccessMode,
     basePath: config.navigation?.basePath
   });
-  useEffect46(() => {
+  useEffect47(() => {
     return () => {
       submissionDepartmentResolverRef.current?.(null);
       submissionDepartmentResolverRef.current = null;
@@ -19990,12 +20271,12 @@ var FormSubmitTemplate = ({
 };
 
 // packages/sdk/src/components/templates/ProcessDetailTemplate.tsx
-import { useCallback as useCallback25, useMemo as useMemo34, useRef as useRef21, useState as useState40 } from "react";
+import { useCallback as useCallback25, useMemo as useMemo34, useRef as useRef22, useState as useState40 } from "react";
 import dayjs11 from "dayjs";
 import { Form as AntForm, Input as Input14, Modal as Modal11, message as message5 } from "antd";
 
 // packages/sdk/src/components/hooks/useProcessDetail.ts
-import { useState as useState37, useEffect as useEffect47, useCallback as useCallback23, useRef as useRef19, useMemo as useMemo32 } from "react";
+import { useState as useState37, useEffect as useEffect48, useCallback as useCallback23, useRef as useRef20, useMemo as useMemo32 } from "react";
 
 // packages/sdk/src/components/hooks/useFieldPermission.ts
 import { useMemo as useMemo31, useCallback as useCallback22 } from "react";
@@ -20122,9 +20403,9 @@ function useProcessDetail(options) {
   const [permissions, setPermissions] = useState37(null);
   const [processDefinition, setProcessDefinition] = useState37(null);
   const [dataVersion, setDataVersion] = useState37(0);
-  const mountedRef = useRef19(true);
+  const mountedRef = useRef20(true);
   const fieldIdsKey = fieldIds?.join("
") ?? "";
-  useEffect47(() => {
+  useEffect48(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -20240,7 +20521,7 @@ function useProcessDetail(options) {
       }
     }
   }, [request, formUuid, appType, formInstanceId, fieldIdsKey]);
-  useEffect47(() => {
+  useEffect48(() => {
     loadData();
   }, [loadData]);
   const switchToEdit = useCallback23(() => {
@@ -20317,7 +20598,7 @@ function useProcessDetail(options) {
 }
 
 // packages/sdk/src/components/hooks/useApprovalActions.ts
-import { useState as useState38, useCallback as useCallback24, useRef as useRef20, useEffect as useEffect48 } from "react";
+import { useState as useState38, useCallback as useCallback24, useRef as useRef21, useEffect as useEffect49 } from "react";
 function useApprovalActions(options) {
   const { formInstanceId, formUuid, appType, currentTaskId, onActionComplete, getFormValues } = options;
   const { api } = useFormContext();
@@ -20326,8 +20607,8 @@ function useApprovalActions(options) {
   const [currentAction, setCurrentAction] = useState38(null);
   const [returnableNodes, setReturnableNodes] = useState38([]);
   const [returnPolicy, setReturnPolicy] = useState38(null);
-  const mountedRef = useRef20(true);
-  useEffect48(() => {
+  const mountedRef = useRef21(true);
+  useEffect49(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -20954,8 +21235,8 @@ var InnerProcessContent = ({
   onDelete,
   inDrawer = false
 }) => {
-  const formDataRef = useRef21(void 0);
-  const validateRef = useRef21(void 0);
+  const formDataRef = useRef22(void 0);
+  const validateRef = useRef22(void 0);
   const [withdrawForm] = AntForm.useForm();
   const [withdrawOpen, setWithdrawOpen] = useState40(false);
   const [withdrawLoading, setWithdrawLoading] = useState40(false);
@@ -22635,7 +22916,7 @@ function AsyncEntityFilterSelect({
     },
     [api, entityType]
   );
-  useEffect49(() => {
+  useEffect50(() => {
     void loadOptions();
   }, [loadOptions]);
   return /* @__PURE__ */ jsx100(
@@ -22946,7 +23227,7 @@ function ResizableColumnTitle({
   onResize,
   onResizeEnd
 }) {
-  const dragRef = useRef22({ startX: 0, startWidth: width, latestWidth: width });
+  const dragRef = useRef23({ startX: 0, startWidth: width, latestWidth: width });
   const handleMouseDown = (event) => {
     event.preventDefault();
     event.stopPropagation();
@@ -23015,7 +23296,7 @@ var DataManagementList = ({
   permissionMode = "auto",
   actionOverrides
 }) => {
-  const rootRef = useRef22(null);
+  const rootRef = useRef23(null);
   const api = useMemo36(() => {
     if (typeof requestOverride === "function") {
       return createFormRuntimeApi({ request: requestOverride });
@@ -23029,7 +23310,7 @@ var DataManagementList = ({
   const [showFields, setShowFields] = useState41([]);
   const [lockFieldIds, setLockFieldIds] = useState41([]);
   const [widths, setWidths] = useState41({});
-  const widthsRef = useRef22({});
+  const widthsRef = useRef23({});
   const [sort, setSort] = useState41([]);
   const [density, setDensity] = useState41("middle");
   const [detailOpenMode, setDetailOpenMode] = useState41("drawer");
@@ -23067,7 +23348,7 @@ var DataManagementList = ({
   const [actionSummary, setActionSummary] = useState41(null);
   const [permissionLoading, setPermissionLoading] = useState41(permissionMode === "auto");
   const [permissionError, setPermissionError] = useState41(null);
-  const fetchStateRef = useRef22({});
+  const fetchStateRef = useRef23({});
   const isProcessForm = isProcessFormType(formType);
   const request = api.request;
   const getPopupContainer = useCallback26(
@@ -23082,7 +23363,7 @@ var DataManagementList = ({
   const confirmDanger = useCallback26((title2, content, onOk) => {
     if (confirmAction(title2, content)) onOk();
   }, []);
-  useEffect49(() => {
+  useEffect50(() => {
     let mounted = true;
     if (permissionMode !== "auto") {
       setActionSummary(null);
@@ -23155,10 +23436,10 @@ var DataManagementList = ({
     () => new Set(forcedConfig?.lockFieldIds || []),
     [forcedConfig?.lockFieldIds]
   );
-  useEffect49(() => {
+  useEffect50(() => {
     widthsRef.current = widths;
   }, [widths]);
-  useEffect49(() => {
+  useEffect50(() => {
     fetchStateRef.current = {
       current,
       pageSize,
@@ -23211,7 +23492,7 @@ var DataManagementList = ({
     },
     [appType, forcedConfig, formUuid, request]
   );
-  useEffect49(() => {
+  useEffect50(() => {
     let mounted = true;
     const loadSchemaAndConfig = async () => {
       if (!appType || !formUuid) return;
@@ -24481,7 +24762,7 @@ function BuiltinRouteRenderer({
   const runtimeStorage = route?.runtime?.storage;
   const permissionDenied = isRuntimePermissionDenied(route);
   const reload = useCallback27(() => setReloadKey((value) => value + 1), []);
-  useEffect50(() => {
+  useEffect51(() => {
     let cancelled = false;
     setSchema(void 0);
     setError("");