sy-form-components 0.2.7 → 0.2.8

package/dist/index.d.mts

@@ -1374,6 +1374,7 @@ interface StickyActionBarProps {
     layoutMode?: 'default' | 'approval';
     inDrawer?: boolean;
     maxWidth?: number | string;
+    position?: 'sticky' | 'fixed' | 'inline';
 }
 declare const StickyActionBar: React__default.FC<StickyActionBarProps>;
 

package/dist/index.d.ts

@@ -1374,6 +1374,7 @@ interface StickyActionBarProps {
     layoutMode?: 'default' | 'approval';
     inDrawer?: boolean;
     maxWidth?: number | string;
+    position?: 'sticky' | 'fixed' | 'inline';
 }
 declare const StickyActionBar: React__default.FC<StickyActionBarProps>;
 

package/dist/index.js

@@ -8229,6 +8229,16 @@ function useApprovalActions(options) {
 
 // src/hooks/useChangeRecords.ts
 var import_react52 = require("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();
@@ -8257,13 +8267,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 {
@@ -8279,7 +8290,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 = (0, import_react52.useCallback)(async () => {
     if (!hasMore || loading) return;
     await fetchRecords(page + 1, true);
@@ -8291,7 +8303,7 @@ function useChangeRecords(options) {
     await fetchRecords(1, false);
   }, [fetchRecords]);
   return {
-    records,
+    records: safeRecords,
     loading,
     total,
     page,
@@ -9057,6 +9069,21 @@ var import_icons6 = require("@ant-design/icons");
 var import_react57 = require("react");
 var import_antd24 = require("antd");
 var import_icons5 = require("@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
 var import_jsx_runtime81 = require("react/jsx-runtime");
 var getActionPriority = (action) => {
   const maybePriority = action.priority;
@@ -9071,8 +9098,8 @@ var StickyActionBar = ({
   className = "",
   maxMobileButtons = 2,
   layoutMode = "default",
-  inDrawer = false,
-  maxWidth = 1120
+  maxWidth = 1120,
+  position = "sticky"
 }) => {
   const [isMobile, setIsMobile] = (0, import_react57.useState)(false);
   (0, import_react57.useEffect)(() => {
@@ -9091,6 +9118,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__ */ (0, import_jsx_runtime81.jsx)(
     import_antd24.Button,
     {
@@ -9099,19 +9134,7 @@ var StickyActionBar = ({
       loading: action.loading,
       disabled: action.disabled,
       icon: action.icon,
-      onClick: () => {
-        if (action.confirm) {
-          import_antd24.Modal.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
     },
@@ -9120,7 +9143,7 @@ var StickyActionBar = ({
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
     "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__ */ (0, import_jsx_runtime81.jsx)(
         "div",
         {
@@ -9140,19 +9163,7 @@ var StickyActionBar = ({
                     danger: action.type === "danger",
                     disabled: action.disabled,
                     icon: action.icon,
-                    onClick: () => {
-                      if (action.confirm) {
-                        import_antd24.Modal.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__ */ (0, import_jsx_runtime81.jsx)(import_antd24.Button, { icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons5.MoreOutlined, {}), className: "rounded-md", children: "\u66F4\u591A" })
@@ -9319,6 +9330,7 @@ var ApprovalActionBar = ({
     /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       import_antd25.Modal,
       {
+        getContainer: false,
         title: getModalTitle(modalAction),
         open: modalAction !== null,
         okText: "\u786E\u8BA4",
@@ -9354,6 +9366,7 @@ var ApprovalActionBar = ({
                 import_antd25.Select,
                 {
                   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
@@ -9490,6 +9503,7 @@ var ApprovalActions = ({
             import_antd26.Dropdown,
             {
               trigger: ["click"],
+              getPopupContainer: (triggerNode) => triggerNode.parentElement || document.body,
               menu: {
                 items: moreButtons.map((action) => ({
                   key: action.action,
@@ -9507,6 +9521,7 @@ var ApprovalActions = ({
     /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       import_antd26.Modal,
       {
+        getContainer: false,
         title,
         open: modalAction !== null,
         okText: "\u786E\u8BA4",
@@ -9558,15 +9573,9 @@ var FormActionBar = ({
   });
   const handleClick = async (action) => {
     if (action.confirm) {
-      import_antd27.Modal.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);
     }
@@ -9648,11 +9657,11 @@ var RuntimePageShell = ({
     }
     return children;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `sy-runtime-page min-h-screen bg-ant-bg-layout text-ant-text ${className}`, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: `sy-runtime-page min-h-full bg-ant-bg-layout text-ant-text ${className}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       "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()
       }
@@ -9795,9 +9804,11 @@ var ProcessPreview = ({
   routes,
   loading = false
 }) => {
+  const routeList = Array.isArray(routes) ? routes : [];
   return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     import_antd31.Modal,
     {
+      getContainer: false,
       title: "\u6D41\u7A0B\u9884\u89C8",
       open,
       onCancel: onClose,
@@ -9806,8 +9817,8 @@ var ProcessPreview = ({
         /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_antd31.Button, { onClick: onClose, children: "\u53D6\u6D88" }),
         /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_antd31.Button, { type: "primary", onClick: onConfirm, loading, children: "\u786E\u8BA4\u63D0\u4EA4" })
       ] }),
-      children: loading && routes.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_antd31.Skeleton, { active: true, paragraph: { rows: 4 } }) : routes.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "text-sm text-gray-400 text-center py-8", children: "\u6682\u65E0\u6D41\u7A0B\u8282\u70B9" }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "py-2", children: routes.map((route, index) => {
-        const isLast = index === routes.length - 1;
+      children: loading && routeList.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_antd31.Skeleton, { active: true, paragraph: { rows: 4 } }) : routeList.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "text-sm text-gray-400 text-center py-8", children: "\u6682\u65E0\u6D41\u7A0B\u8282\u70B9" }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "py-2", children: routeList.map((route, index) => {
+        const isLast = index === routeList.length - 1;
         return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex gap-3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("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__ */ (0, import_jsx_runtime88.jsx)(import_icons10.CheckCircleOutlined, { className: "text-blue-500 text-xs" }) }),
@@ -10088,6 +10099,7 @@ var DataManagementList = ({
   requestOverride,
   rowActions = []
 }) => {
+  const rootRef = (0, import_react61.useRef)(null);
   const api = (0, import_react61.useMemo)(() => {
     if (typeof requestOverride === "function") {
       return createFormRuntimeApi({ request: requestOverride });
@@ -10134,6 +10146,13 @@ var DataManagementList = ({
   const [submitOpen, setSubmitOpen] = (0, import_react61.useState)(false);
   const fetchStateRef = (0, import_react61.useRef)({});
   const request = api.request;
+  const getPopupContainer = (0, import_react61.useCallback)(
+    (triggerNode) => triggerNode?.parentElement || rootRef.current || document.body,
+    []
+  );
+  const confirmDanger = (0, import_react61.useCallback)((title2, content, onOk) => {
+    if (confirmAction(title2, content)) onOk();
+  }, []);
   const visibleFields = (0, import_react61.useMemo)(
     () => showFields.map((fieldId) => fields.find((field) => field.fieldId === fieldId)).filter(Boolean),
     [fields, showFields]
@@ -10414,6 +10433,7 @@ var DataManagementList = ({
             import_antd32.Dropdown,
             {
               trigger: ["click"],
+              getPopupContainer,
               menu: {
                 items: [
                   ...rowActions.map((action) => ({
@@ -10434,11 +10454,11 @@ var DataManagementList = ({
                       label: "\u5220\u9664",
                       danger: true,
                       icon: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_icons11.DeleteOutlined, {}),
-                      onClick: () => import_antd32.Modal.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))])
+                      )
                     }
                   ] : []
                 ]
@@ -10449,7 +10469,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 = (0, import_react61.useMemo)(() => {
     const keys = Array.from(
@@ -10467,7 +10497,7 @@ var DataManagementList = ({
       };
     });
   }, [fields, importPreview]);
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `${fullHeight ? "h-full min-h-screen" : ""} bg-ant-bg-layout`, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_antd32.ConfigProvider, { getPopupContainer, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { ref: rootRef, className: `${fullHeight ? "h-full min-h-full" : ""} bg-ant-bg-layout`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "mx-auto flex h-full max-w-[1440px] flex-col px-4 py-4 md:px-6", children: [
       /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "mb-4 flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
         /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { children: [
@@ -10493,7 +10523,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,
@@ -10508,6 +10540,7 @@ var DataManagementList = ({
           /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             import_antd32.Dropdown,
             {
+              getPopupContainer,
               menu: {
                 items: [
                   {
@@ -10542,6 +10575,7 @@ var DataManagementList = ({
           !readonly && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             import_antd32.Dropdown,
             {
+              getPopupContainer,
               menu: {
                 items: [
                   { key: "import", label: "\u5BFC\u5165\u6570\u636E", onClick: () => setImportOpen(true) },
@@ -10558,73 +10592,74 @@ var DataManagementList = ({
           /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_antd32.Button, { icon: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_icons11.ReloadOutlined, {}), onClick: () => loadData({ current, pageSize }) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "relative flex-1 overflow-hidden rounded-lg border border-ant-border-secondary bg-ant-bg-container", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
-          import_antd32.Table,
-          {
-            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__ */ (0, import_jsx_runtime89.jsxs)("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__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "text-sm text-ant-color-text-secondary", children: [
-            "\u5DF2\u9009 ",
-            selectedRowKeys.length,
-            " \u6761"
-          ] }),
+      selectedRowKeys.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("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__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "text-sm text-ant-color-text-secondary", children: [
+          "\u5DF2\u9009 ",
+          selectedRowKeys.length,
+          " \u6761"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_antd32.Space, { wrap: true, children: [
           !readonly && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_antd32.Button, { icon: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_icons11.SwapOutlined, {}), onClick: handleBatchApprove, children: "\u6279\u91CF\u5BA1\u6279" }),
           !readonly && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             import_antd32.Button,
             {
               danger: true,
               icon: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_icons11.DeleteOutlined, {}),
-              onClick: () => import_antd32.Modal.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__ */ (0, import_jsx_runtime89.jsx)(import_antd32.Button, { type: "link", onClick: () => setSelectedRowKeys([]), children: "\u53D6\u6D88\u9009\u62E9" })
         ] })
-      ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "relative flex-1 overflow-hidden rounded-lg border border-ant-border-secondary bg-ant-bg-container", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+        import_antd32.Table,
+        {
+          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__ */ (0, import_jsx_runtime89.jsx)(
       import_antd32.Modal,
       {
+        getContainer: false,
         title: "\u9AD8\u7EA7\u7B5B\u9009",
         open: filterOpen,
         width: 760,
@@ -10641,6 +10676,7 @@ var DataManagementList = ({
     /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
       import_antd32.Modal,
       {
+        getContainer: false,
         title: "\u5217\u8BBE\u7F6E",
         open: columnOpen,
         width: 720,
@@ -10726,6 +10762,7 @@ var DataManagementList = ({
     /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
       import_antd32.Modal,
       {
+        getContainer: false,
         title: exportScope === "selected" ? "\u5BFC\u51FA\u9009\u4E2D\u6570\u636E" : "\u5BFC\u51FA\u5168\u90E8\u6570\u636E",
         open: exportOpen,
         onCancel: () => setExportOpen(false),
@@ -10756,6 +10793,7 @@ var DataManagementList = ({
     /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
       import_antd32.Modal,
       {
+        getContainer: false,
         title: "\u6279\u91CF\u5BA1\u6279",
         open: batchApprovalOpen,
         onCancel: () => setBatchApprovalOpen(false),
@@ -10797,6 +10835,7 @@ var DataManagementList = ({
     /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
       import_antd32.Modal,
       {
+        getContainer: false,
         title: "\u5BFC\u5165\u6570\u636E",
         open: importOpen,
         width: 720,
@@ -10838,6 +10877,7 @@ var DataManagementList = ({
     /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
       import_antd32.Drawer,
       {
+        getContainer: false,
         title: recordTab === "import" ? "\u5BFC\u5165\u8BB0\u5F55" : "\u5BFC\u51FA\u8BB0\u5F55",
         open: recordsOpen,
         width: 720,
@@ -10869,6 +10909,7 @@ var DataManagementList = ({
     /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
       import_antd32.Drawer,
       {
+        getContainer: false,
         title: "\u8BE6\u60C5",
         open: detailOpen,
         width: 720,
@@ -10884,6 +10925,7 @@ var DataManagementList = ({
     /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
       import_antd32.Drawer,
       {
+        getContainer: false,
         title: "\u65B0\u589E\u6570\u636E",
         open: submitOpen,
         width: 720,
@@ -10898,7 +10940,7 @@ var DataManagementList = ({
         }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_antd32.Empty, { description: "\u8BF7\u901A\u8FC7 submitRenderer \u63A5\u5165\u63D0\u4EA4\u6A21\u677F" })
       }
     )
-  ] });
+  ] }) });
 };
 
 // src/templates/FormSubmitTemplate.tsx
@@ -11060,7 +11102,7 @@ var InnerFormContent = ({
           data: formData,
           submissionDepartmentId: departmentId
         });
-        setPreviewRoutes(routes);
+        setPreviewRoutes(Array.isArray(routes) ? routes : []);
       } catch (error) {
         console.error("[FormSubmitTemplate] Preview failed:", error);
         setPreviewRoutes([]);
@@ -11150,17 +11192,18 @@ var InnerFormContent = ({
       }
     )
   ] }) : null;
-  const actionsNode = !submitted ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(StickyActionBar, { actions, inDrawer }) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(RuntimePageShell, { actions: actionsNode, inDrawer, children: [
+  const actionsNode = !submitted ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+    StickyActionBar,
+    {
+      actions,
+      inDrawer,
+      position: "inline",
+      className: "mt-6 -mx-5 -mb-5 rounded-b-lg md:-mx-6 md:-mb-6"
+    }
+  ) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(RuntimePageShell, { inDrawer, children: [
     /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "space-y-6", children: [
-      header || /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
-        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__ */ (0, import_jsx_runtime90.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         DraftManager,
         {
@@ -11174,7 +11217,8 @@ var InnerFormContent = ({
         departmentSelector,
         beforeForm,
         renderForm ? renderForm({ schema, config }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(FormRenderer, { columns: 2 }),
-        afterForm
+        afterForm,
+        actionsNode
       ] }) : successInfo && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         SubmitSuccessCard,
         {