sy-form-components 0.2.7 → 0.2.8

package/dist/index.mjs

@@ -8081,6 +8081,16 @@ function useApprovalActions(options) {
 
 // src/hooks/useChangeRecords.ts
 import { useState as useState27, useEffect as useEffect32, useCallback as useCallback14, useRef as useRef12 } from "react";
+var normalizeChangeRecordList = (value) => {
+  const body = value?.data ?? value?.result ?? value ?? {};
+  const records = body.records ?? body.data ?? body.list ?? body.items ?? [];
+  return {
+    records: Array.isArray(records) ? records : [],
+    total: Number(body.total ?? body.totalCount ?? body.count ?? records.length) || 0,
+    page: Number(body.page ?? body.currentPage ?? 1) || 1,
+    pageSize: Number(body.pageSize ?? body.limit ?? 20) || 20
+  };
+};
 function useChangeRecords(options) {
   const { formUuid, appType, formInstanceId, pageSize = 20, autoLoad = true } = options;
   const { api } = useFormContext();
@@ -8109,13 +8119,14 @@ function useChangeRecords(options) {
           pageSize
         });
         if (!mountedRef.current) return;
+        const normalized = normalizeChangeRecordList(result);
         if (append) {
-          setRecords((prev) => [...prev, ...result.records]);
+          setRecords((prev) => [...prev, ...normalized.records]);
         } else {
-          setRecords(result.records);
+          setRecords(normalized.records);
         }
-        setTotal(result.total);
-        setPage(pageNum);
+        setTotal(normalized.total);
+        setPage(normalized.page || pageNum);
       } catch (error) {
         console.error("[useChangeRecords] Failed to load change records:", error);
       } finally {
@@ -8131,7 +8142,8 @@ function useChangeRecords(options) {
       fetchRecords(1, false);
     }
   }, [autoLoad, fetchRecords]);
-  const hasMore = records.length < total;
+  const safeRecords = Array.isArray(records) ? records : [];
+  const hasMore = safeRecords.length < total;
   const loadMore = useCallback14(async () => {
     if (!hasMore || loading) return;
     await fetchRecords(page + 1, true);
@@ -8143,7 +8155,7 @@ function useChangeRecords(options) {
     await fetchRecords(1, false);
   }, [fetchRecords]);
   return {
-    records,
+    records: safeRecords,
     loading,
     total,
     page,
@@ -8922,7 +8934,7 @@ var ApprovalTimeline = ({
 
 // src/modules/ApprovalActionBar.tsx
 import { useMemo as useMemo16, useState as useState32 } from "react";
-import { Form, Input as Input10, Modal as Modal6, Select as Select5 } from "antd";
+import { Form, Input as Input10, Modal as Modal5, Select as Select5 } from "antd";
 import {
   CheckOutlined,
   CloseOutlined,
@@ -8933,8 +8945,23 @@ import {
 
 // src/modules/StickyActionBar.tsx
 import { useEffect as useEffect35, useMemo as useMemo15, useState as useState31 } from "react";
-import { Button as Button10, Dropdown, Modal as Modal5 } from "antd";
+import { Button as Button10, Dropdown } from "antd";
 import { MoreOutlined } from "@ant-design/icons";
+
+// src/utils/confirmAction.ts
+var confirmAction = (title, content) => {
+  const message2 = [title, content].filter(Boolean).join("\n") || "\u786E\u8BA4\u7EE7\u7EED\u5417\uFF1F";
+  if (typeof window === "undefined" || typeof window.confirm !== "function") {
+    return true;
+  }
+  try {
+    return window.confirm(message2);
+  } catch {
+    return true;
+  }
+};
+
+// src/modules/StickyActionBar.tsx
 import { Fragment as Fragment2, jsx as jsx81, jsxs as jsxs33 } from "react/jsx-runtime";
 var getActionPriority = (action) => {
   const maybePriority = action.priority;
@@ -8949,8 +8976,8 @@ var StickyActionBar = ({
   className = "",
   maxMobileButtons = 2,
   layoutMode = "default",
-  inDrawer = false,
-  maxWidth = 1120
+  maxWidth = 1120,
+  position = "sticky"
 }) => {
   const [isMobile, setIsMobile] = useState31(false);
   useEffect35(() => {
@@ -8969,6 +8996,14 @@ var StickyActionBar = ({
   const moreMobile = visibleActions.slice(maxMobileButtons);
   const leftActions = visibleActions.filter((action) => getPlacement(action) === "left");
   const rightActions = visibleActions.filter((action) => getPlacement(action) !== "left");
+  const positionClass = position === "fixed" ? "fixed bottom-0 left-0 right-0" : position === "inline" ? "relative" : "sticky bottom-0";
+  const runAction = (action) => {
+    if (action.confirm) {
+      const confirmed = confirmAction(action.confirm.title, action.confirm.content);
+      if (!confirmed) return;
+    }
+    action.onClick();
+  };
   const renderButton = (action, mobile = false) => /* @__PURE__ */ jsx81(
     Button10,
     {
@@ -8977,19 +9012,7 @@ var StickyActionBar = ({
       loading: action.loading,
       disabled: action.disabled,
       icon: action.icon,
-      onClick: () => {
-        if (action.confirm) {
-          Modal5.confirm({
-            title: action.confirm.title,
-            content: action.confirm.content,
-            okText: action.confirm.okText || "\u786E\u8BA4",
-            cancelText: action.confirm.cancelText || "\u53D6\u6D88",
-            onOk: action.onClick
-          });
-          return;
-        }
-        action.onClick();
-      },
+      onClick: () => runAction(action),
       className: `${mobile ? "min-w-0 flex-1" : "min-w-[88px]"} rounded-md`,
       children: action.label
     },
@@ -8998,7 +9021,7 @@ var StickyActionBar = ({
   return /* @__PURE__ */ jsx81(
     "div",
     {
-      className: `fixed bottom-0 left-0 right-0 z-50 border-t border-ant-border-secondary bg-ant-bg-container/95 px-4 py-3 shadow-[0_-8px_24px_rgba(15,23,42,0.06)] backdrop-blur supports-[padding:max(0px)]:pb-[max(0.75rem,env(safe-area-inset-bottom))] ${inDrawer ? "absolute" : ""} ${className}`,
+      className: `${positionClass} z-20 border-t border-ant-border-secondary bg-ant-bg-container/95 px-4 py-3 shadow-[0_-8px_24px_rgba(15,23,42,0.06)] backdrop-blur supports-[padding:max(0px)]:pb-[max(0.75rem,env(safe-area-inset-bottom))] ${className}`,
       children: /* @__PURE__ */ jsx81(
         "div",
         {
@@ -9018,19 +9041,7 @@ var StickyActionBar = ({
                     danger: action.type === "danger",
                     disabled: action.disabled,
                     icon: action.icon,
-                    onClick: () => {
-                      if (action.confirm) {
-                        Modal5.confirm({
-                          title: action.confirm.title,
-                          content: action.confirm.content,
-                          okText: action.confirm.okText || "\u786E\u8BA4",
-                          cancelText: action.confirm.cancelText || "\u53D6\u6D88",
-                          onOk: action.onClick
-                        });
-                        return;
-                      }
-                      action.onClick();
-                    }
+                    onClick: () => runAction(action)
                   }))
                 },
                 children: /* @__PURE__ */ jsx81(Button10, { icon: /* @__PURE__ */ jsx81(MoreOutlined, {}), className: "rounded-md", children: "\u66F4\u591A" })
@@ -9195,8 +9206,9 @@ var ApprovalActionBar = ({
       }
     ),
     /* @__PURE__ */ jsx82(
-      Modal6,
+      Modal5,
       {
+        getContainer: false,
         title: getModalTitle(modalAction),
         open: modalAction !== null,
         okText: "\u786E\u8BA4",
@@ -9232,6 +9244,7 @@ var ApprovalActionBar = ({
                 Select5,
                 {
                   placeholder: "\u8BF7\u9009\u62E9\u9000\u56DE\u8282\u70B9",
+                  getPopupContainer: (triggerNode) => triggerNode.parentElement || document.body,
                   options: returnableNodes.map((node) => ({
                     value: node.nodeId || node.id || "",
                     label: renderReturnNodeLabel ? renderReturnNodeLabel(node) : node.nodeName || node.name || node.nodeId || node.id
@@ -9258,7 +9271,7 @@ var ApprovalActionBar = ({
 
 // src/modules/ApprovalActions.tsx
 import { useMemo as useMemo17, useState as useState33 } from "react";
-import { Button as Button11, Dropdown as Dropdown2, Form as Form2, Input as Input11, Modal as Modal7 } from "antd";
+import { Button as Button11, Dropdown as Dropdown2, Form as Form2, Input as Input11, Modal as Modal6 } from "antd";
 import { MoreOutlined as MoreOutlined2 } from "@ant-design/icons";
 import { Fragment as Fragment4, jsx as jsx83, jsxs as jsxs35 } from "react/jsx-runtime";
 var priority = {
@@ -9368,6 +9381,7 @@ var ApprovalActions = ({
             Dropdown2,
             {
               trigger: ["click"],
+              getPopupContainer: (triggerNode) => triggerNode.parentElement || document.body,
               menu: {
                 items: moreButtons.map((action) => ({
                   key: action.action,
@@ -9383,8 +9397,9 @@ var ApprovalActions = ({
       }
     ),
     /* @__PURE__ */ jsx83(
-      Modal7,
+      Modal6,
       {
+        getContainer: false,
         title,
         open: modalAction !== null,
         okText: "\u786E\u8BA4",
@@ -9418,7 +9433,7 @@ var ApprovalActions = ({
 
 // src/modules/FormActionBar.tsx
 import { useState as useState34 } from "react";
-import { Button as Button12, Modal as Modal8 } from "antd";
+import { Button as Button12 } from "antd";
 import { Fragment as Fragment5, jsx as jsx84, jsxs as jsxs36 } from "react/jsx-runtime";
 var FormActionBar = ({
   actions,
@@ -9436,15 +9451,9 @@ var FormActionBar = ({
   });
   const handleClick = async (action) => {
     if (action.confirm) {
-      Modal8.confirm({
-        title: action.confirm.title,
-        content: action.confirm.content,
-        okText: "\u786E\u8BA4",
-        cancelText: "\u53D6\u6D88",
-        onOk: async () => {
-          await executeAction(action);
-        }
-      });
+      const confirmed = confirmAction(action.confirm.title, action.confirm.content);
+      if (!confirmed) return;
+      await executeAction(action);
     } else {
       await executeAction(action);
     }
@@ -9526,11 +9535,11 @@ var RuntimePageShell = ({
     }
     return children;
   };
-  return /* @__PURE__ */ jsxs37("div", { className: `sy-runtime-page min-h-screen bg-ant-bg-layout text-ant-text ${className}`, children: [
+  return /* @__PURE__ */ jsxs37("div", { className: `sy-runtime-page min-h-full bg-ant-bg-layout text-ant-text ${className}`, children: [
     /* @__PURE__ */ jsx85(
       "div",
       {
-        className: `sy-runtime-page__content mx-auto w-full px-4 py-6 pb-24 md:px-6 ${inDrawer ? "py-4 md:px-4" : ""} ${contentClassName}`,
+        className: `sy-runtime-page__content mx-auto w-full px-4 py-6 pb-8 md:px-6 ${inDrawer ? "py-4 md:px-4" : ""} ${contentClassName}`,
         style: { maxWidth: maxWidthStyle },
         children: renderState()
       }
@@ -9663,7 +9672,7 @@ var DraftManager = ({
 };
 
 // src/modules/ProcessPreview.tsx
-import { Modal as Modal9, Skeleton as Skeleton2, Button as Button14 } from "antd";
+import { Modal as Modal7, Skeleton as Skeleton2, Button as Button14 } from "antd";
 import { CheckCircleOutlined, UserOutlined as UserOutlined3 } from "@ant-design/icons";
 import { jsx as jsx88, jsxs as jsxs40 } from "react/jsx-runtime";
 var ProcessPreview = ({
@@ -9673,9 +9682,11 @@ var ProcessPreview = ({
   routes,
   loading = false
 }) => {
+  const routeList = Array.isArray(routes) ? routes : [];
   return /* @__PURE__ */ jsx88(
-    Modal9,
+    Modal7,
     {
+      getContainer: false,
       title: "\u6D41\u7A0B\u9884\u89C8",
       open,
       onCancel: onClose,
@@ -9684,8 +9695,8 @@ var ProcessPreview = ({
         /* @__PURE__ */ jsx88(Button14, { onClick: onClose, children: "\u53D6\u6D88" }),
         /* @__PURE__ */ jsx88(Button14, { type: "primary", onClick: onConfirm, loading, children: "\u786E\u8BA4\u63D0\u4EA4" })
       ] }),
-      children: loading && routes.length === 0 ? /* @__PURE__ */ jsx88(Skeleton2, { active: true, paragraph: { rows: 4 } }) : routes.length === 0 ? /* @__PURE__ */ jsx88("p", { className: "text-sm text-gray-400 text-center py-8", children: "\u6682\u65E0\u6D41\u7A0B\u8282\u70B9" }) : /* @__PURE__ */ jsx88("div", { className: "py-2", children: routes.map((route, index) => {
-        const isLast = index === routes.length - 1;
+      children: loading && routeList.length === 0 ? /* @__PURE__ */ jsx88(Skeleton2, { active: true, paragraph: { rows: 4 } }) : routeList.length === 0 ? /* @__PURE__ */ jsx88("p", { className: "text-sm text-gray-400 text-center py-8", children: "\u6682\u65E0\u6D41\u7A0B\u8282\u70B9" }) : /* @__PURE__ */ jsx88("div", { className: "py-2", children: routeList.map((route, index) => {
+        const isLast = index === routeList.length - 1;
         return /* @__PURE__ */ jsxs40("div", { className: "flex gap-3", children: [
           /* @__PURE__ */ jsxs40("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ jsx88("div", { className: "w-6 h-6 rounded-full bg-blue-50 border-2 border-blue-400 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx88(CheckCircleOutlined, { className: "text-blue-500 text-xs" }) }),
@@ -9716,11 +9727,12 @@ import { useCallback as useCallback17, useEffect as useEffect36, useMemo as useM
 import {
   Button as Button15,
   Checkbox as Checkbox5,
+  ConfigProvider,
   Drawer as Drawer2,
   Dropdown as Dropdown3,
   Empty as Empty5,
   Input as Input12,
-  Modal as Modal10,
+  Modal as Modal8,
   Segmented,
   Select as Select6,
   Space as Space9,
@@ -9993,6 +10005,7 @@ var DataManagementList = ({
   requestOverride,
   rowActions = []
 }) => {
+  const rootRef = useRef14(null);
   const api = useMemo18(() => {
     if (typeof requestOverride === "function") {
       return createFormRuntimeApi({ request: requestOverride });
@@ -10039,6 +10052,13 @@ var DataManagementList = ({
   const [submitOpen, setSubmitOpen] = useState35(false);
   const fetchStateRef = useRef14({});
   const request = api.request;
+  const getPopupContainer = useCallback17(
+    (triggerNode) => triggerNode?.parentElement || rootRef.current || document.body,
+    []
+  );
+  const confirmDanger = useCallback17((title2, content, onOk) => {
+    if (confirmAction(title2, content)) onOk();
+  }, []);
   const visibleFields = useMemo18(
     () => showFields.map((fieldId) => fields.find((field) => field.fieldId === fieldId)).filter(Boolean),
     [fields, showFields]
@@ -10319,6 +10339,7 @@ var DataManagementList = ({
             Dropdown3,
             {
               trigger: ["click"],
+              getPopupContainer,
               menu: {
                 items: [
                   ...rowActions.map((action) => ({
@@ -10339,11 +10360,11 @@ var DataManagementList = ({
                       label: "\u5220\u9664",
                       danger: true,
                       icon: /* @__PURE__ */ jsx89(DeleteOutlined, {}),
-                      onClick: () => Modal10.confirm({
-                        title: "\u786E\u8BA4\u5220\u9664",
-                        content: "\u5220\u9664\u540E\u4E0D\u53EF\u6062\u590D\uFF0C\u786E\u8BA4\u7EE7\u7EED\u5417\uFF1F",
-                        onOk: () => handleDelete([String(getRecordId(record))])
-                      })
+                      onClick: () => confirmDanger(
+                        "\u786E\u8BA4\u5220\u9664",
+                        "\u5220\u9664\u540E\u4E0D\u53EF\u6062\u590D\uFF0C\u786E\u8BA4\u7EE7\u7EED\u5417\uFF1F",
+                        () => handleDelete([String(getRecordId(record))])
+                      )
                     }
                   ] : []
                 ]
@@ -10354,7 +10375,17 @@ var DataManagementList = ({
         ] })
       }
     ];
-  }, [handleDelete, handleDetail, lockFieldIds, readonly, rowActions, visibleFields, widths]);
+  }, [
+    confirmDanger,
+    getPopupContainer,
+    handleDelete,
+    handleDetail,
+    lockFieldIds,
+    readonly,
+    rowActions,
+    visibleFields,
+    widths
+  ]);
   const tableSize = density === "compact" ? "small" : density === "loose" ? "large" : "middle";
   const importPreviewColumns = useMemo18(() => {
     const keys = Array.from(
@@ -10372,7 +10403,7 @@ var DataManagementList = ({
       };
     });
   }, [fields, importPreview]);
-  return /* @__PURE__ */ jsxs41("div", { className: `${fullHeight ? "h-full min-h-screen" : ""} bg-ant-bg-layout`, children: [
+  return /* @__PURE__ */ jsx89(ConfigProvider, { getPopupContainer, children: /* @__PURE__ */ jsxs41("div", { ref: rootRef, className: `${fullHeight ? "h-full min-h-full" : ""} bg-ant-bg-layout`, children: [
     /* @__PURE__ */ jsxs41("div", { className: "mx-auto flex h-full max-w-[1440px] flex-col px-4 py-4 md:px-6", children: [
       /* @__PURE__ */ jsxs41("div", { className: "mb-4 flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
         /* @__PURE__ */ jsxs41("div", { children: [
@@ -10398,7 +10429,9 @@ var DataManagementList = ({
               onSearch: (value) => {
                 const nextSearchKeyWord = String(value || "");
                 setSearchKeyWord(nextSearchKeyWord);
-                persistConfig({ filter: { searchKeyWord: nextSearchKeyWord, group: filterGroup } });
+                persistConfig({
+                  filter: { searchKeyWord: nextSearchKeyWord, group: filterGroup }
+                });
                 loadData({
                   current: 1,
                   pageSize,
@@ -10413,6 +10446,7 @@ var DataManagementList = ({
           /* @__PURE__ */ jsx89(
             Dropdown3,
             {
+              getPopupContainer,
               menu: {
                 items: [
                   {
@@ -10447,6 +10481,7 @@ var DataManagementList = ({
           !readonly && /* @__PURE__ */ jsx89(
             Dropdown3,
             {
+              getPopupContainer,
               menu: {
                 items: [
                   { key: "import", label: "\u5BFC\u5165\u6570\u636E", onClick: () => setImportOpen(true) },
@@ -10463,73 +10498,74 @@ var DataManagementList = ({
           /* @__PURE__ */ jsx89(Button15, { icon: /* @__PURE__ */ jsx89(ReloadOutlined3, {}), onClick: () => loadData({ current, pageSize }) })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs41("div", { className: "relative flex-1 overflow-hidden rounded-lg border border-ant-border-secondary bg-ant-bg-container", children: [
-        /* @__PURE__ */ jsx89(
-          Table3,
-          {
-            rowKey: (record) => String(getRecordId(record)),
-            loading: loading || schemaLoading,
-            columns,
-            dataSource,
-            size: tableSize,
-            scroll: {
-              x: Math.max(900, visibleFields.length * 160),
-              y: fullHeight ? "calc(100vh - 260px)" : void 0
-            },
-            rowSelection: {
-              selectedRowKeys,
-              onChange: setSelectedRowKeys
-            },
-            pagination: {
-              current,
-              pageSize,
-              total,
-              showSizeChanger: true,
-              showTotal: (count) => `\u5171 ${count} \u6761`
-            },
-            onChange: (pagination, _filters, sorter) => {
-              const sorters = Array.isArray(sorter) ? sorter : [sorter];
-              const nextSort = sorters.filter((item) => item?.field && item?.order).map((item) => ({
-                id: String(item.field),
-                isAsc: item.order === "ascend" ? "y" : "n"
-              }));
-              setSort(nextSort);
-              persistConfig({ sort: nextSort });
-              loadData({
-                current: pagination.current || 1,
-                pageSize: pagination.pageSize || pageSize,
-                sort: nextSort
-              });
-            }
-          }
-        ),
-        selectedRowKeys.length > 0 && /* @__PURE__ */ jsxs41("div", { className: "absolute bottom-4 left-1/2 z-10 flex -translate-x-1/2 items-center gap-3 rounded-lg border border-ant-border-secondary bg-ant-bg-elevated px-4 py-3 shadow-lg", children: [
-          /* @__PURE__ */ jsxs41("span", { className: "text-sm text-ant-color-text-secondary", children: [
-            "\u5DF2\u9009 ",
-            selectedRowKeys.length,
-            " \u6761"
-          ] }),
+      selectedRowKeys.length > 0 && /* @__PURE__ */ jsxs41("div", { className: "mb-3 flex flex-wrap items-center justify-between gap-3 rounded-lg border border-ant-border-secondary bg-ant-bg-container px-4 py-3 shadow-sm", children: [
+        /* @__PURE__ */ jsxs41("span", { className: "text-sm text-ant-color-text-secondary", children: [
+          "\u5DF2\u9009 ",
+          selectedRowKeys.length,
+          " \u6761"
+        ] }),
+        /* @__PURE__ */ jsxs41(Space9, { wrap: true, children: [
           !readonly && /* @__PURE__ */ jsx89(Button15, { icon: /* @__PURE__ */ jsx89(SwapOutlined2, {}), onClick: handleBatchApprove, children: "\u6279\u91CF\u5BA1\u6279" }),
           !readonly && /* @__PURE__ */ jsx89(
             Button15,
             {
               danger: true,
               icon: /* @__PURE__ */ jsx89(DeleteOutlined, {}),
-              onClick: () => Modal10.confirm({
-                title: "\u786E\u8BA4\u6279\u91CF\u5220\u9664",
-                content: `\u5C06\u5220\u9664 ${selectedRowKeys.length} \u6761\u6570\u636E\uFF0C\u786E\u8BA4\u7EE7\u7EED\u5417\uFF1F`,
-                onOk: () => handleDelete(selectedRowKeys.map(String))
-              }),
+              onClick: () => confirmDanger(
+                "\u786E\u8BA4\u6279\u91CF\u5220\u9664",
+                `\u5C06\u5220\u9664 ${selectedRowKeys.length} \u6761\u6570\u636E\uFF0C\u786E\u8BA4\u7EE7\u7EED\u5417\uFF1F`,
+                () => handleDelete(selectedRowKeys.map(String))
+              ),
               children: "\u6279\u91CF\u5220\u9664"
             }
           ),
           /* @__PURE__ */ jsx89(Button15, { type: "link", onClick: () => setSelectedRowKeys([]), children: "\u53D6\u6D88\u9009\u62E9" })
         ] })
-      ] })
+      ] }),
+      /* @__PURE__ */ jsx89("div", { className: "relative flex-1 overflow-hidden rounded-lg border border-ant-border-secondary bg-ant-bg-container", children: /* @__PURE__ */ jsx89(
+        Table3,
+        {
+          rowKey: (record) => String(getRecordId(record)),
+          loading: loading || schemaLoading,
+          columns,
+          dataSource,
+          size: tableSize,
+          scroll: {
+            x: Math.max(900, visibleFields.length * 160),
+            y: fullHeight ? selectedRowKeys.length > 0 ? "calc(100vh - 320px)" : "calc(100vh - 260px)" : void 0
+          },
+          rowSelection: {
+            selectedRowKeys,
+            onChange: setSelectedRowKeys
+          },
+          pagination: {
+            current,
+            pageSize,
+            total,
+            showSizeChanger: true,
+            showTotal: (count) => `\u5171 ${count} \u6761`
+          },
+          onChange: (pagination, _filters, sorter) => {
+            const sorters = Array.isArray(sorter) ? sorter : [sorter];
+            const nextSort = sorters.filter((item) => item?.field && item?.order).map((item) => ({
+              id: String(item.field),
+              isAsc: item.order === "ascend" ? "y" : "n"
+            }));
+            setSort(nextSort);
+            persistConfig({ sort: nextSort });
+            loadData({
+              current: pagination.current || 1,
+              pageSize: pagination.pageSize || pageSize,
+              sort: nextSort
+            });
+          }
+        }
+      ) })
     ] }),
     /* @__PURE__ */ jsx89(
-      Modal10,
+      Modal8,
       {
+        getContainer: false,
         title: "\u9AD8\u7EA7\u7B5B\u9009",
         open: filterOpen,
         width: 760,
@@ -10544,8 +10580,9 @@ var DataManagementList = ({
       }
     ),
     /* @__PURE__ */ jsx89(
-      Modal10,
+      Modal8,
       {
+        getContainer: false,
         title: "\u5217\u8BBE\u7F6E",
         open: columnOpen,
         width: 720,
@@ -10629,8 +10666,9 @@ var DataManagementList = ({
       }
     ),
     /* @__PURE__ */ jsx89(
-      Modal10,
+      Modal8,
       {
+        getContainer: false,
         title: exportScope === "selected" ? "\u5BFC\u51FA\u9009\u4E2D\u6570\u636E" : "\u5BFC\u51FA\u5168\u90E8\u6570\u636E",
         open: exportOpen,
         onCancel: () => setExportOpen(false),
@@ -10659,8 +10697,9 @@ var DataManagementList = ({
       }
     ),
     /* @__PURE__ */ jsx89(
-      Modal10,
+      Modal8,
       {
+        getContainer: false,
         title: "\u6279\u91CF\u5BA1\u6279",
         open: batchApprovalOpen,
         onCancel: () => setBatchApprovalOpen(false),
@@ -10700,8 +10739,9 @@ var DataManagementList = ({
       }
     ),
     /* @__PURE__ */ jsxs41(
-      Modal10,
+      Modal8,
       {
+        getContainer: false,
         title: "\u5BFC\u5165\u6570\u636E",
         open: importOpen,
         width: 720,
@@ -10743,6 +10783,7 @@ var DataManagementList = ({
     /* @__PURE__ */ jsxs41(
       Drawer2,
       {
+        getContainer: false,
         title: recordTab === "import" ? "\u5BFC\u5165\u8BB0\u5F55" : "\u5BFC\u51FA\u8BB0\u5F55",
         open: recordsOpen,
         width: 720,
@@ -10774,6 +10815,7 @@ var DataManagementList = ({
     /* @__PURE__ */ jsx89(
       Drawer2,
       {
+        getContainer: false,
         title: "\u8BE6\u60C5",
         open: detailOpen,
         width: 720,
@@ -10789,6 +10831,7 @@ var DataManagementList = ({
     /* @__PURE__ */ jsx89(
       Drawer2,
       {
+        getContainer: false,
         title: "\u65B0\u589E\u6570\u636E",
         open: submitOpen,
         width: 720,
@@ -10803,7 +10846,7 @@ var DataManagementList = ({
         }) : /* @__PURE__ */ jsx89(Empty5, { description: "\u8BF7\u901A\u8FC7 submitRenderer \u63A5\u5165\u63D0\u4EA4\u6A21\u677F" })
       }
     )
-  ] });
+  ] }) });
 };
 
 // src/templates/FormSubmitTemplate.tsx
@@ -10965,7 +11008,7 @@ var InnerFormContent = ({
           data: formData,
           submissionDepartmentId: departmentId
         });
-        setPreviewRoutes(routes);
+        setPreviewRoutes(Array.isArray(routes) ? routes : []);
       } catch (error) {
         console.error("[FormSubmitTemplate] Preview failed:", error);
         setPreviewRoutes([]);
@@ -11055,17 +11098,18 @@ var InnerFormContent = ({
       }
     )
   ] }) : null;
-  const actionsNode = !submitted ? /* @__PURE__ */ jsx90(StickyActionBar, { actions, inDrawer }) : null;
-  return /* @__PURE__ */ jsxs42(RuntimePageShell, { actions: actionsNode, inDrawer, children: [
+  const actionsNode = !submitted ? /* @__PURE__ */ jsx90(
+    StickyActionBar,
+    {
+      actions,
+      inDrawer,
+      position: "inline",
+      className: "mt-6 -mx-5 -mb-5 rounded-b-lg md:-mx-6 md:-mb-6"
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxs42(RuntimePageShell, { inDrawer, children: [
     /* @__PURE__ */ jsxs42("div", { className: "space-y-6", children: [
-      header || /* @__PURE__ */ jsx90(
-        SummaryPanel,
-        {
-          title: schema.formMeta.title,
-          eyebrow: formType === "process" ? "\u6D41\u7A0B\u53D1\u8D77" : "\u6570\u636E\u63D0\u4EA4",
-          status: formType === "process" ? { label: "\u5F85\u63D0\u4EA4", tone: "brand" } : void 0
-        }
-      ),
+      header,
       enableDraft && hasDraft && !submitted && /* @__PURE__ */ jsx90("div", { children: /* @__PURE__ */ jsx90(
         DraftManager,
         {
@@ -11079,7 +11123,8 @@ var InnerFormContent = ({
         departmentSelector,
         beforeForm,
         renderForm ? renderForm({ schema, config }) : /* @__PURE__ */ jsx90(FormRenderer, { columns: 2 }),
-        afterForm
+        afterForm,
+        actionsNode
       ] }) : successInfo && /* @__PURE__ */ jsx90(
         SubmitSuccessCard,
         {