crud-page-react 0.1.2 → 0.1.3

package/dist/index.js

@@ -215,7 +215,7 @@ function renderCell(field, value) {
     return jsxRuntime.jsx("span", { children: String(value) });
 }
 function DynamicTable({ schema, data, loading, pagination, onView, onEdit, onDelete, onCustomAction, }) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d;
     const tableFields = schema.fields.filter((f) => f.table !== false && f.table !== undefined);
     const columns = tableFields.map((field) => {
         const cfg = getTableConfig(field);
@@ -246,10 +246,32 @@ function DynamicTable({ schema, data, loading, pagination, onView, onEdit, onDel
         title: '操作',
         key: '__actions',
         fixed: 'right',
-        width: ((_b = (_a = schema.actions) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) * 60 + 60,
+        width: 200, // 固定宽度，因为现在有下拉菜单
         render: (_, record) => {
             var _a;
-            return (jsxRuntime.jsxs(antd.Space, { size: 4, children: [((_a = schema.actions) !== null && _a !== void 0 ? _a : []).map((action) => {
+            const actions = (_a = schema.actions) !== null && _a !== void 0 ? _a : [];
+            // 分离基础操作和自定义操作
+            const basicActions = actions.filter(action => action.type === 'view' || action.type === 'edit' || action.type === 'delete');
+            const customActions = actions.filter(action => action.type === 'custom');
+            // 构建下拉菜单项
+            const dropdownItems = [
+                ...customActions.map(action => ({
+                    key: action.key,
+                    label: action.label,
+                    onClick: () => onCustomAction === null || onCustomAction === void 0 ? void 0 : onCustomAction(action.key, record),
+                    danger: action.danger,
+                })),
+                ...(customActions.length > 0 ? [{
+                        type: 'divider',
+                    }] : []),
+                {
+                    key: 'copy-json',
+                    label: '复制 JSON',
+                    icon: jsxRuntime.jsx(icons.CopyOutlined, {}),
+                    onClick: () => copyJson(record),
+                }
+            ];
+            return (jsxRuntime.jsxs(antd.Space, { size: 4, children: [basicActions.map((action) => {
                         var _a, _b, _c;
                         if (action.type === 'view') {
                             return (jsxRuntime.jsx(antd.Tooltip, { title: action.label, children: jsxRuntime.jsx(antd.Button, { type: "link", size: "small", icon: jsxRuntime.jsx(icons.EyeOutlined, {}), onClick: () => onView(record) }) }, action.key));
@@ -260,20 +282,20 @@ function DynamicTable({ schema, data, loading, pagination, onView, onEdit, onDel
                         if (action.type === 'delete') {
                             return (jsxRuntime.jsx(antd.Popconfirm, { title: (_b = (_a = action.confirm) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : '确定删除？', description: (_c = action.confirm) === null || _c === void 0 ? void 0 : _c.content, onConfirm: () => onDelete(record), okText: "\u786E\u5B9A", cancelText: "\u53D6\u6D88", okButtonProps: { danger: true }, children: jsxRuntime.jsx(antd.Tooltip, { title: action.label, children: jsxRuntime.jsx(antd.Button, { type: "link", size: "small", danger: true, icon: jsxRuntime.jsx(icons.DeleteOutlined, {}) }) }) }, action.key));
                         }
-                        return (jsxRuntime.jsx(antd.Tooltip, { title: action.label, children: jsxRuntime.jsx(antd.Button, { type: "link", size: "small", onClick: () => onCustomAction === null || onCustomAction === void 0 ? void 0 : onCustomAction(action.key, record), children: action.label }) }, action.key));
-                    }), jsxRuntime.jsx(antd.Tooltip, { title: "\u590D\u5236 JSON", children: jsxRuntime.jsx(antd.Button, { type: "link", size: "small", icon: jsxRuntime.jsx(icons.CopyOutlined, {}), onClick: () => copyJson(record) }) })] }));
+                        return null;
+                    }), jsxRuntime.jsx(antd.Dropdown, { menu: { items: dropdownItems }, trigger: ['click'], placement: "bottomRight", children: jsxRuntime.jsx(antd.Tooltip, { title: "\u5176\u5B83\u64CD\u4F5C", children: jsxRuntime.jsx(antd.Button, { type: "link", size: "small", icon: jsxRuntime.jsx(icons.MoreOutlined, {}) }) }) })] }));
         },
     });
-    return (jsxRuntime.jsx(antd.Table, { rowKey: (_c = schema.rowKey) !== null && _c !== void 0 ? _c : 'id', columns: columns, dataSource: data, loading: loading, scroll: { x: 'max-content' }, pagination: {
+    return (jsxRuntime.jsx(antd.Table, { rowKey: (_a = schema.rowKey) !== null && _a !== void 0 ? _a : 'id', columns: columns, dataSource: data, loading: loading, scroll: { x: 'max-content' }, pagination: {
             current: pagination.current,
             pageSize: pagination.pageSize,
             total: pagination.total,
             showSizeChanger: true,
-            showTotal: ((_d = schema.pagination) === null || _d === void 0 ? void 0 : _d.showTotal)
+            showTotal: ((_b = schema.pagination) === null || _b === void 0 ? void 0 : _b.showTotal)
                 ? (total) => `共 ${total} 条`
                 : undefined,
             onChange: pagination.onChange,
-            pageSizeOptions: (_f = (_e = schema.pagination) === null || _e === void 0 ? void 0 : _e.pageSizeOptions) !== null && _f !== void 0 ? _f : [10, 20, 50],
+            pageSizeOptions: (_d = (_c = schema.pagination) === null || _c === void 0 ? void 0 : _c.pageSizeOptions) !== null && _d !== void 0 ? _d : [10, 20, 50],
         } }));
 }