openxiangda 1.0.18 → 1.0.20

package/packages/sdk/dist/components/index.d.mts

@@ -1975,6 +1975,7 @@ interface DataManagementListProps {
     submitRenderer?: SubmitRenderer;
     requestOverride?: FormRuntimeApi['request'] | FormRuntimeApiConfig;
     rowActions?: DataManagementRowAction[];
+    maxVisibleRowActions?: number;
 }
 declare const DataManagementList: React__default.FC<DataManagementListProps>;
 

package/packages/sdk/dist/components/index.d.ts

@@ -1975,6 +1975,7 @@ interface DataManagementListProps {
     submitRenderer?: SubmitRenderer;
     requestOverride?: FormRuntimeApi['request'] | FormRuntimeApiConfig;
     rowActions?: DataManagementRowAction[];
+    maxVisibleRowActions?: number;
 }
 declare const DataManagementList: React__default.FC<DataManagementListProps>;
 

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

@@ -45196,6 +45196,17 @@ var StandardFormPage = ({
 
 // packages/sdk/src/components/modules/DataManagementList.tsx
 import { jsx as jsx101, jsxs as jsxs55 } from "react/jsx-runtime";
+var DEFAULT_MAX_VISIBLE_ROW_ACTIONS = 4;
+var ACTION_COLUMN_MIN_WIDTH = 96;
+var ACTION_BUTTON_ESTIMATED_WIDTH = 56;
+var ACTION_MORE_BUTTON_WIDTH = 36;
+var ACTION_COLUMN_HORIZONTAL_PADDING = 24;
+function normalizeMaxVisibleRowActions(maxVisibleRowActions) {
+  if (typeof maxVisibleRowActions !== "number" || !Number.isFinite(maxVisibleRowActions)) {
+    return DEFAULT_MAX_VISIBLE_ROW_ACTIONS;
+  }
+  return Math.max(0, Math.floor(maxVisibleRowActions));
+}
 var createGroup = () => ({
   id: `group_${Date.now()}_${Math.random().toString(36).slice(2)}`,
   logic: "AND",
@@ -46128,7 +46139,8 @@ var DataManagementList = ({
   detailPageUrlBuilder,
   submitRenderer,
   requestOverride,
-  rowActions = []
+  rowActions = [],
+  maxVisibleRowActions
 }) => {
   const rootRef = useRef96(null);
   const api = useMemo61(() => {
@@ -46558,6 +46570,12 @@ var DataManagementList = ({
     setImportBase64("");
     await loadData({ current: 1, pageSize });
   };
+  const visibleRowActionLimit = normalizeMaxVisibleRowActions(maxVisibleRowActions);
+  const rowActionCount = 1 + rowActions.length + (readonly ? 0 : 1) + (isProcessForm ? 1 : 0);
+  const actionColumnWidth = Math.max(
+    ACTION_COLUMN_MIN_WIDTH,
+    Math.min(rowActionCount, visibleRowActionLimit) * ACTION_BUTTON_ESTIMATED_WIDTH + (rowActionCount > visibleRowActionLimit ? ACTION_MORE_BUTTON_WIDTH : 0) + ACTION_COLUMN_HORIZONTAL_PADDING
+  );
   const columns = useMemo61(() => {
     const baseColumns = visibleFields.map((field) => {
       const columnWidth = widths[field.fieldId] || field.width || 160;
@@ -46584,53 +46602,88 @@ var DataManagementList = ({
       {
         title: "\u64CD\u4F5C",
         key: "__actions",
-        width: 136,
+        width: actionColumnWidth,
         fixed: "right",
-        render: (_, record2) => /* @__PURE__ */ jsxs55(Space10, { size: 4, children: [
-          /* @__PURE__ */ jsx101(Button18, { type: "link", size: "small", onClick: () => handleDetail(record2), children: "\u8BE6\u60C5" }),
-          /* @__PURE__ */ jsx101(
-            Dropdown4,
+        render: (_, record2) => {
+          const actions = [
             {
-              trigger: ["click"],
-              getPopupContainer,
-              menu: {
-                items: [
-                  ...!readonly ? [
-                    {
-                      key: "delete",
-                      label: "\u5220\u9664",
-                      danger: true,
-                      icon: /* @__PURE__ */ jsx101(DeleteOutlined, {}),
-                      onClick: () => confirmDanger(
-                        "\u786E\u8BA4\u5220\u9664",
-                        "\u5220\u9664\u540E\u4E0D\u53EF\u6062\u590D\uFF0C\u786E\u8BA4\u7EE7\u7EED\u5417\uFF1F",
-                        () => handleDelete([String(getRecordId(record2))])
-                      )
-                    }
-                  ] : [],
-                  ...rowActions.map((action) => ({
+              key: "detail",
+              label: "\u8BE6\u60C5",
+              onClick: () => handleDetail(record2)
+            },
+            ...rowActions.map((action) => ({
+              key: action.key,
+              label: action.label,
+              danger: action.danger,
+              onClick: () => action.onClick(record2)
+            })),
+            ...!readonly ? [
+              {
+                key: "delete",
+                label: "\u5220\u9664",
+                danger: true,
+                icon: /* @__PURE__ */ jsx101(DeleteOutlined, {}),
+                onClick: () => confirmDanger(
+                  "\u786E\u8BA4\u5220\u9664",
+                  "\u5220\u9664\u540E\u4E0D\u53EF\u6062\u590D\uFF0C\u786E\u8BA4\u7EE7\u7EED\u5417\uFF1F",
+                  () => handleDelete([String(getRecordId(record2))])
+                )
+              }
+            ] : [],
+            ...isProcessForm ? [
+              {
+                key: "workflow",
+                label: "\u6D41\u7A0B\u65E5\u5FD7",
+                icon: /* @__PURE__ */ jsx101(HistoryOutlined2, {}),
+                onClick: () => message5.info("\u8BF7\u901A\u8FC7 detailRenderer \u63A5\u5165\u6D41\u7A0B\u65E5\u5FD7\u6216\u6D41\u7A0B\u56FE\u5165\u53E3")
+              }
+            ] : []
+          ];
+          const visibleActions = actions.slice(0, visibleRowActionLimit);
+          const moreActions = actions.slice(visibleRowActionLimit);
+          return /* @__PURE__ */ jsxs55(Space10, { size: 4, children: [
+            visibleActions.map((action) => /* @__PURE__ */ jsx101(
+              Button18,
+              {
+                type: "link",
+                size: "small",
+                danger: action.danger,
+                onClick: action.onClick,
+                children: action.label
+              },
+              action.key
+            )),
+            moreActions.length > 0 && /* @__PURE__ */ jsx101(
+              Dropdown4,
+              {
+                trigger: ["click"],
+                getPopupContainer,
+                menu: {
+                  items: moreActions.map((action) => ({
                     key: action.key,
                     label: action.label,
                     danger: action.danger,
-                    onClick: () => action.onClick(record2)
-                  })),
-                  ...isProcessForm ? [
-                    {
-                      key: "workflow",
-                      label: "\u6D41\u7A0B\u65E5\u5FD7",
-                      icon: /* @__PURE__ */ jsx101(HistoryOutlined2, {}),
-                      onClick: () => message5.info("\u8BF7\u901A\u8FC7 detailRenderer \u63A5\u5165\u6D41\u7A0B\u65E5\u5FD7\u6216\u6D41\u7A0B\u56FE\u5165\u53E3")
-                    }
-                  ] : []
-                ]
-              },
-              children: /* @__PURE__ */ jsx101(Button18, { type: "text", size: "small", icon: /* @__PURE__ */ jsx101(MoreOutlined3, {}) })
-            }
-          )
-        ] })
+                    icon: action.icon,
+                    onClick: action.onClick
+                  }))
+                },
+                children: /* @__PURE__ */ jsx101(
+                  Button18,
+                  {
+                    type: "text",
+                    size: "small",
+                    icon: /* @__PURE__ */ jsx101(MoreOutlined3, {}),
+                    "aria-label": "\u66F4\u591A\u64CD\u4F5C"
+                  }
+                )
+              }
+            )
+          ] });
+        }
       }
     ];
   }, [
+    actionColumnWidth,
     confirmDanger,
     commitColumnWidth,
     getPopupContainer,
@@ -46641,13 +46694,17 @@ var DataManagementList = ({
     readonly,
     rowActions,
     updateColumnWidth,
+    visibleRowActionLimit,
     visibleFields,
     widths
   ]);
   const tableSize = density === "compact" ? "small" : density === "loose" ? "large" : "middle";
   const tableScrollX = Math.max(
     900,
-    visibleFields.reduce((sum, field) => sum + (widths[field.fieldId] || field.width || 160), 136)
+    visibleFields.reduce(
+      (sum, field) => sum + (widths[field.fieldId] || field.width || 160),
+      actionColumnWidth
+    )
   );
   const importPreviewColumns = useMemo61(() => {
     const keys2 = Array.from(
@@ -47295,6 +47352,7 @@ function LowcodePageRenderer({ schema, context }) {
           configScope: "personal",
           forcedConfig: props.forcedConfig,
           showForcedConfig: props.showForcedConfig,
+          maxVisibleRowActions: props.maxVisibleRowActions,
           requestOverride
         },
         node.id