@zat-design/sisyphus-react 3.6.6 → 3.6.7-beta.1

package/lib/ProEditTable/components/RcTable/DraggableTable.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _antd = require("antd");
+var _react = require("react");
+var _index = require("../index");
+var _excluded = ["tableProps", "draggableProps"];
+var DraggableTable = function DraggableTable(_ref) {
+  var _value$;
+  var tableProps = _ref.tableProps,
+    draggableProps = _ref.draggableProps,
+    resetProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var value = tableProps.value,
+    headerRender = tableProps.headerRender,
+    tableRef = tableProps.tableRef,
+    className = tableProps.className,
+    columns = tableProps.columns,
+    renderRowSelection = tableProps.renderRowSelection,
+    rowClassName = tableProps.rowClassName,
+    disabled = tableProps.disabled,
+    virtualKey = tableProps.virtualKey,
+    editingKeys = tableProps.editingKeys,
+    isHideCheckBox = tableProps.isHideCheckBox,
+    rowDraggable = tableProps.rowDraggable,
+    pagination = tableProps.pagination,
+    scroll = tableProps.scroll,
+    summary = tableProps.summary,
+    page = tableProps.page,
+    formatMessage = tableProps.formatMessage,
+    locale = tableProps.locale,
+    handlePageChange = tableProps.handlePageChange;
+  var onChange = draggableProps.onChange,
+    onDrag = draggableProps.onDrag,
+    draggable = draggableProps.draggable;
+  return (0, _jsxRuntime.jsxs)(_index.DndWrapper, {
+    value: value,
+    onChange: onChange,
+    onDrag: onDrag,
+    disabled: disabled,
+    draggable: draggable,
+    children: [headerRender ? (0, _jsxRuntime.jsx)("div", {
+      className: "pro-edit-table-header",
+      children: typeof headerRender === 'function' ? headerRender() : headerRender
+    }) : null, (0, _jsxRuntime.jsx)(_antd.Table, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      ref: tableRef,
+      className: className,
+      dataSource: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value : undefined,
+      columns: columns,
+      rowSelection: renderRowSelection(),
+      rowClassName: rowClassName,
+      components: {
+        body: {
+          row: _index.Row
+        }
+      },
+      onRow: function onRow() {
+        return {
+          disabled: disabled || virtualKey && !!editingKeys.length,
+          'data-hide': isHideCheckBox,
+          onClick: function onClick() {},
+          rowDraggable: rowDraggable
+        };
+      }
+    }, resetProps), {}, {
+      pagination: pagination ? (0, _objectSpread2.default)({
+        current: page.pageNum,
+        pageSize: page.pageSize,
+        showSizeChanger: false,
+        showQuickJumper: true,
+        total: value === null || value === void 0 ? void 0 : value.length,
+        showTotal: function showTotal(total) {
+          var _locale$ProEditTable;
+          if (!total) return;
+          return formatMessage(locale === null || locale === void 0 ? void 0 : (_locale$ProEditTable = locale.ProEditTable) === null || _locale$ProEditTable === void 0 ? void 0 : _locale$ProEditTable.total, {
+            total: total
+          });
+        },
+        onChange: handlePageChange
+      }, pagination) : false,
+      rowKey: "rowKey",
+      scroll: {
+        x: scroll === null || scroll === void 0 ? void 0 : scroll.x,
+        y: (value === null || value === void 0 ? void 0 : value.length) ? scroll === null || scroll === void 0 ? void 0 : scroll.y : undefined
+      },
+      summary: summary
+    }))]
+  });
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(DraggableTable);

package/lib/ProEditTable/components/RcTable/VirtualTable.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ tableProps, ...resetProps }: {
+    [x: string]: any;
+    tableProps: any;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/ProEditTable/components/RcTable/VirtualTable.js

@@ -0,0 +1,172 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _antd = require("antd");
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _rcResizeObserver = _interopRequireDefault(require("rc-resize-observer"));
+var _reactWindow = require("react-window");
+var _excluded = ["tableProps"];
+var VirtualTable = function VirtualTable(_ref) {
+  var _value$;
+  var tableProps = _ref.tableProps,
+    resetProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var value = tableProps.value,
+    headerRender = tableProps.headerRender,
+    tableRef = tableProps.tableRef,
+    className = tableProps.className,
+    columns = tableProps.columns,
+    renderRowSelection = tableProps.renderRowSelection,
+    rowClassName = tableProps.rowClassName,
+    disabled = tableProps.disabled,
+    virtualKey = tableProps.virtualKey,
+    editingKeys = tableProps.editingKeys,
+    isHideCheckBox = tableProps.isHideCheckBox,
+    rowDraggable = tableProps.rowDraggable,
+    scroll = tableProps.scroll,
+    summary = tableProps.summary;
+  var _useState = (0, _react.useState)(0),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    tableWidth = _useState2[0],
+    setTableWidth = _useState2[1];
+  var widthColumnCount = columns.filter(function (_ref2) {
+    var width = _ref2.width;
+    return !width;
+  }).length;
+  var mergedColumns = columns.map(function (column) {
+    if (column.width) {
+      return column;
+    }
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
+      width: Math.floor(tableWidth / widthColumnCount)
+    });
+  });
+  var gridRef = (0, _react.useRef)();
+  var _useState3 = (0, _react.useState)(function () {
+      var obj = {};
+      Object.defineProperty(obj, 'scrollLeft', {
+        get: function get() {
+          if (gridRef.current) {
+            var _gridRef$current, _gridRef$current$stat;
+            return (_gridRef$current = gridRef.current) === null || _gridRef$current === void 0 ? void 0 : (_gridRef$current$stat = _gridRef$current.state) === null || _gridRef$current$stat === void 0 ? void 0 : _gridRef$current$stat.scrollLeft;
+          }
+          return null;
+        },
+        set: function set(scrollLeft) {
+          if (gridRef.current) {
+            gridRef.current.scrollTo({
+              scrollLeft: scrollLeft
+            });
+          }
+        }
+      });
+      return obj;
+    }),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 1),
+    connectObject = _useState4[0];
+  var resetVirtualGrid = function resetVirtualGrid() {
+    var _gridRef$current2;
+    (_gridRef$current2 = gridRef.current) === null || _gridRef$current2 === void 0 ? void 0 : _gridRef$current2.resetAfterIndices({
+      columnIndex: 0,
+      shouldForceUpdate: true
+    });
+  };
+  (0, _react.useEffect)(function () {
+    return resetVirtualGrid;
+  }, [tableWidth]);
+  var renderVirtualList = function renderVirtualList(rawData, _ref3) {
+    var scrollbarSize = _ref3.scrollbarSize,
+      ref = _ref3.ref,
+      _onScroll = _ref3.onScroll;
+    ref.current = connectObject;
+    var totalHeight = rawData.length * 54;
+    return (0, _jsxRuntime.jsx)(_reactWindow.VariableSizeGrid, {
+      ref: gridRef,
+      className: "virtual-grid",
+      columnCount: mergedColumns.length,
+      columnWidth: function columnWidth(index) {
+        var _width2;
+        var width = mergedColumns[index].width;
+        var _width = width;
+        if (typeof _width === 'string' && ((_width2 = _width) === null || _width2 === void 0 ? void 0 : _width2.includes('px'))) {
+          _width = parseInt(width, 10);
+        }
+        return totalHeight > scroll.y && index === mergedColumns.length - 1 ? _width - scrollbarSize - 1 : _width;
+      },
+      height: scroll.y,
+      rowCount: rawData.length,
+      rowHeight: function rowHeight() {
+        return 54;
+      },
+      width: tableWidth,
+      onScroll: function onScroll(_ref4) {
+        var scrollLeft = _ref4.scrollLeft;
+        _onScroll({
+          scrollLeft: scrollLeft
+        });
+      },
+      children: function children(_ref5) {
+        var columnIndex = _ref5.columnIndex,
+          rowIndex = _ref5.rowIndex,
+          style = _ref5.style;
+        return (0, _jsxRuntime.jsx)("div", {
+          className: (0, _classnames.default)('virtual-table-cell', {
+            'virtual-table-cell-last': columnIndex === mergedColumns.length - 1
+          }),
+          style: style,
+          children: rawData[rowIndex][mergedColumns[columnIndex].dataIndex]
+        });
+      }
+    });
+  };
+  return (0, _jsxRuntime.jsxs)(_rcResizeObserver.default, {
+    onResize: function onResize(_ref6) {
+      var _width3;
+      var width = _ref6.width;
+      var _width = width;
+      if (typeof _width === 'string' && ((_width3 = _width) === null || _width3 === void 0 ? void 0 : _width3.includes('px'))) {
+        _width = parseInt(width, 10);
+      }
+      setTableWidth(_width);
+    },
+    children: [headerRender ? (0, _jsxRuntime.jsx)("div", {
+      className: "pro-edit-table-header",
+      children: typeof headerRender === 'function' ? headerRender() : headerRender
+    }) : null, (0, _jsxRuntime.jsx)(_antd.Table, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      ref: tableRef,
+      className: className,
+      dataSource: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value : undefined,
+      columns: mergedColumns,
+      rowSelection: renderRowSelection(),
+      rowClassName: rowClassName,
+      components: {
+        body: renderVirtualList
+      },
+      onRow: function onRow() {
+        return {
+          disabled: disabled || virtualKey && !!editingKeys.length,
+          'data-hide': isHideCheckBox,
+          onClick: function onClick() {},
+          rowDraggable: rowDraggable
+        };
+      }
+    }, resetProps), {}, {
+      pagination: false,
+      rowKey: "rowKey",
+      scroll: {
+        x: scroll === null || scroll === void 0 ? void 0 : scroll.x,
+        y: (value === null || value === void 0 ? void 0 : value.length) ? scroll === null || scroll === void 0 ? void 0 : scroll.y : undefined
+      },
+      summary: summary
+    }))]
+  });
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(VirtualTable);

package/lib/ProEditTable/components/RcTable/index.d.ts

@@ -0,0 +1,6 @@
+/** 基础表格 */
+export { default as BaseTable } from './BaseTable';
+/** 拖拽表格 */
+export { default as DraggableTable } from './DraggableTable';
+/** 虚拟列表表格 */
+export { default as VirtualTable } from './VirtualTable';

package/lib/ProEditTable/components/RcTable/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BaseTable", {
+  enumerable: true,
+  get: function get() {
+    return _BaseTable.default;
+  }
+});
+Object.defineProperty(exports, "DraggableTable", {
+  enumerable: true,
+  get: function get() {
+    return _DraggableTable.default;
+  }
+});
+Object.defineProperty(exports, "VirtualTable", {
+  enumerable: true,
+  get: function get() {
+    return _VirtualTable.default;
+  }
+});
+var _BaseTable = _interopRequireDefault(require("./BaseTable"));
+var _DraggableTable = _interopRequireDefault(require("./DraggableTable"));
+var _VirtualTable = _interopRequireDefault(require("./VirtualTable"));

package/lib/ProEditTable/components/RenderField/index.d.ts

@@ -1,2 +1,2 @@
-declare const RenderField: ({ text: value, record, index, column, config }: any) => JSX.Element;
+declare const RenderField: ({ text: value, record, index, column, config }: any) => import("react/jsx-runtime").JSX.Element;
 export default RenderField;

package/lib/ProEditTable/components/RenderField/index.js

@@ -30,7 +30,7 @@ var _useListChanged3 = require("../../../ProForm/utils/useListChanged");
 var _useRules = _interopRequireDefault(require("../../../ProForm/utils/useRules"));
 var _utils = require("../../../ProForm/utils");
 var _ConfirmWrapper = _interopRequireDefault(require("../../../ProForm/components/render/ConfirmWrapper"));
-var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "equalWith", "className", "trim", "confirm"];
+var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "equalWith", "className", "trim", "confirm", "validateTrigger"];
 /* eslint-disable prefer-destructuring */
 /* eslint-disable prefer-const */
 var RenderField = function RenderField(_ref) {
@@ -63,6 +63,8 @@ var RenderField = function RenderField(_ref) {
     className = column.className,
     trim = column.trim,
     confirm = column.confirm,
+    _column$validateTrigg = column.validateTrigger,
+    validateTrigger = _column$validateTrigg === void 0 ? ['onChange', 'onBlur', 'onSumbit'] : _column$validateTrigg,
     resetProps = (0, _objectWithoutProperties2.default)(column, _excluded);
   // editRender弃用使用component同ProForm
   var _editRender = component || editRender;
@@ -161,7 +163,9 @@ var RenderField = function RenderField(_ref) {
   // 分离form item参数，防止对于参数透传（如onChange,防止重复触发）并优先级高于 _fieldProps 内部参数
   var formItemChildProps = (0, _objectSpread2.default)({}, _fieldProps);
   // 允许formItem的属性放在column最外层
-  var _formItemProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetProps), internalRule);
+  var _formItemProps = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetProps), internalRule), {}, {
+    validateTrigger: validateTrigger
+  });
   if (['Switch', 'SwitchCheckbox'].includes(type)) {
     _formItemProps.valuePropName = 'checked';
     valueType = 'switch';
@@ -378,15 +382,17 @@ var RenderField = function RenderField(_ref) {
         case 29:
           // 判断属性是否变动
           form.setFieldValue(rowPath, row);
-          if (!(0, _lodash.isEqual)(orgRow, row)) {
-            diff = (0, _tools.difference)(row, orgRow) || {};
-            validateFieldKeys = (_Object$keys = Object.keys(diff)) === null || _Object$keys === void 0 ? void 0 : (_Object$keys$map = _Object$keys.map) === null || _Object$keys$map === void 0 ? void 0 : _Object$keys$map.call(_Object$keys, function (key) {
-              return [].concat((0, _toConsumableArray2.default)(rowPath), [key]);
-            });
-            if (validateFieldKeys === null || validateFieldKeys === void 0 ? void 0 : validateFieldKeys.length) {
-              setTimeout(function () {
-                form.validateFields(validateFieldKeys);
-              }, 100);
+          if (validateTrigger && validateTrigger.includes('onChange')) {
+            if (!(0, _lodash.isEqual)(orgRow, row)) {
+              diff = (0, _tools.difference)(row, orgRow) || {};
+              validateFieldKeys = (_Object$keys = Object.keys(diff)) === null || _Object$keys === void 0 ? void 0 : (_Object$keys$map = _Object$keys.map) === null || _Object$keys$map === void 0 ? void 0 : _Object$keys$map.call(_Object$keys, function (key) {
+                return [].concat((0, _toConsumableArray2.default)(rowPath), [key]);
+              });
+              if (validateFieldKeys === null || validateFieldKeys === void 0 ? void 0 : validateFieldKeys.length) {
+                setTimeout(function () {
+                  form.validateFields(validateFieldKeys);
+                }, 100);
+              }
             }
           }
           setState({
@@ -450,13 +456,15 @@ var RenderField = function RenderField(_ref) {
           case 16:
             // 判断属性是否变动
             form.setFieldValue(rowPath, row);
-            if (!(0, _lodash.isEqual)(orgRow, row)) {
-              diff = (0, _tools.difference)(row, orgRow) || {};
-              validateFieldKeys = (_Object$keys2 = Object.keys(diff)) === null || _Object$keys2 === void 0 ? void 0 : (_Object$keys2$map = _Object$keys2.map) === null || _Object$keys2$map === void 0 ? void 0 : _Object$keys2$map.call(_Object$keys2, function (key) {
-                return [].concat((0, _toConsumableArray2.default)(rowPath), [key]);
-              });
-              if (validateFieldKeys === null || validateFieldKeys === void 0 ? void 0 : validateFieldKeys.length) {
-                debounceValidate(validateFieldKeys);
+            if (validateTrigger && validateTrigger.includes('onBlur')) {
+              if (!(0, _lodash.isEqual)(orgRow, row)) {
+                diff = (0, _tools.difference)(row, orgRow) || {};
+                validateFieldKeys = (_Object$keys2 = Object.keys(diff)) === null || _Object$keys2 === void 0 ? void 0 : (_Object$keys2$map = _Object$keys2.map) === null || _Object$keys2$map === void 0 ? void 0 : _Object$keys2$map.call(_Object$keys2, function (key) {
+                  return [].concat((0, _toConsumableArray2.default)(rowPath), [key]);
+                });
+                if (validateFieldKeys === null || validateFieldKeys === void 0 ? void 0 : validateFieldKeys.length) {
+                  debounceValidate(validateFieldKeys);
+                }
               }
             }
             if (!isCell) {
@@ -586,7 +594,7 @@ var RenderField = function RenderField(_ref) {
   }) : null;
   return (0, _jsxRuntime.jsx)(_useFieldProps.FieldProvider, {
     value: (_componentProps2 = componentProps) === null || _componentProps2 === void 0 ? void 0 : _componentProps2.otherProps,
-    children: !originalDiffTip || ['FormList', 'ProEditTable'].includes(type) ? FormItem : (0, _jsxRuntime.jsx)(_antd.Tooltip, {
+    children: !originalTitle || ['FormList', 'ProEditTable'].includes(type) ? FormItem : (0, _jsxRuntime.jsx)(_antd.Tooltip, {
       title: originalTitle,
       placement: "topLeft",
       open: changed ? undefined : false,

package/lib/ProEditTable/components/RenderToolbar/index.d.ts

@@ -1,2 +1,2 @@
-declare const RenderToolbar: (config: any) => JSX.Element;
+declare const RenderToolbar: (config: any) => import("react/jsx-runtime").JSX.Element;
 export default RenderToolbar;

package/lib/ProEditTable/components/RenderToolbar/index.js

@@ -58,11 +58,15 @@ var RenderToolbar = function RenderToolbar(config) {
     var addConfig = toolbarProps.find(function (action) {
       return action.type === 'add';
     });
+    // 需要持久化显示的ToolBar
+    var persistenceToolBar = toolbarProps.filter(function (action) {
+      return action === null || action === void 0 ? void 0 : action.persistence;
+    });
     nextToolbarProps = [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, addConfig), {}, {
       type: 'add',
       label: (addConfig === null || addConfig === void 0 ? void 0 : addConfig.isSelectModal) ? addConfig.label : emptyBtnText,
       icon: false
-    })];
+    })].concat((0, _toConsumableArray2.default)(persistenceToolBar));
   }
   // 渲染操作按钮前处理下默认数据
   var toolbarBtns = nextToolbarProps.map(function (toolbar) {
@@ -134,10 +138,8 @@ var RenderToolbar = function RenderToolbar(config) {
       }, "".concat(btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.label).concat(btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.type));
     });
   };
-  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: tableLength ? (0, _jsxRuntime.jsx)(_antd.Space, {
-      children: renderToolbarBtns()
-    }) : renderToolbarBtns()
+  return (0, _jsxRuntime.jsx)(_antd.Space, {
+    children: renderToolbarBtns()
   });
 };
 var _default = exports.default = RenderToolbar;

package/lib/ProEditTable/components/Summary/index.d.ts

@@ -8,5 +8,5 @@ interface SummaryProps<T = any> {
     };
     rowSelection: any;
 }
-declare const Summary: ({ data, summary, rowSelection, }: SummaryProps) => JSX.Element;
+declare const Summary: ({ data, summary, rowSelection, }: SummaryProps) => import("react/jsx-runtime").JSX.Element;
 export default Summary;

package/lib/ProEditTable/index.js

@@ -23,9 +23,10 @@ var _components = require("./components");
 var _ProForm = _interopRequireDefault(require("../ProForm"));
 var _empty = _interopRequireDefault(require("../assets/empty.png"));
 var _locale = _interopRequireWildcard(require("../locale"));
-var _excluded = ["value", "onChange", "onDrag", "className", "columns", "type", "mode", "stripe", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "toolbarSticky", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "requiredAlign", "summary", "max", "headerRender", "pagination", "originalValues", "originalDiffTip", "rowKey", "rowDisabled", "rowDraggable", "footerRender", "scroll", "actionDirection"];
+var _RcTable = require("./components/RcTable");
+var _excluded = ["value", "onChange", "onDrag", "className", "columns", "type", "mode", "stripe", "draggable", "virtual", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "toolbarSticky", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "requiredAlign", "summary", "max", "headerRender", "pagination", "originalValues", "originalDiffTip", "rowKey", "rowDisabled", "rowDraggable", "footerRender", "scroll", "actionDirection"];
 var ProEditTable = function ProEditTable(_ref, ref) {
-  var _resetProps$id, _resetProps$id$split, _themeConfig$data2, _value$;
+  var _resetProps$id, _resetProps$id$split, _themeConfig$data2;
   var value = _ref.value,
     onChange = _ref.onChange,
     onDrag = _ref.onDrag,
@@ -35,6 +36,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     mode = _ref.mode,
     stripe = _ref.stripe,
     draggable = _ref.draggable,
+    virtual = _ref.virtual,
     disabled = _ref.disabled,
     insertType = _ref.insertType,
     emptyBtnText = _ref.emptyBtnText,
@@ -245,7 +247,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
         children: disabled || isForbiddenBtn('add') ? _locale.default.ProEditTable.noData : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
           children: [_locale.default.ProEditTable.noData, "\uFF0C", (0, _jsxRuntime.jsx)(_components.RenderToolbar, (0, _objectSpread2.default)({}, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
             toolbarProps: toolbarProps === null || toolbarProps === void 0 ? void 0 : (_toolbarProps$filter = toolbarProps.filter) === null || _toolbarProps$filter === void 0 ? void 0 : _toolbarProps$filter.call(toolbarProps, function (item) {
-              return item.type === 'add';
+              return item.type === 'add' || (item === null || item === void 0 ? void 0 : item.persistence);
             }),
             dataSource: []
           })))]
@@ -327,62 +329,38 @@ var ProEditTable = function ProEditTable(_ref, ref) {
       rowSelection: renderRowSelection()
     });
   } : summary;
+  var TableComponent = draggable ? _RcTable.DraggableTable : virtual ? _RcTable.VirtualTable : _RcTable.BaseTable;
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [(0, _jsxRuntime.jsxs)(_antd.ConfigProvider, {
       renderEmpty: (value === null || value === void 0 ? void 0 : value.length) ? undefined : empty,
-      children: [(0, _jsxRuntime.jsxs)(_components.DndWrapper, {
-        value: value,
-        onChange: onChange,
-        onDrag: onDrag,
-        disabled: disabled,
-        draggable: draggable,
-        children: [headerRender ? (0, _jsxRuntime.jsx)("div", {
-          className: "pro-edit-table-header",
-          children: typeof headerRender === 'function' ? headerRender() : headerRender
-        }) : null, (0, _jsxRuntime.jsx)(_antd.Table, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-          ref: tableRef,
+      children: [(0, _jsxRuntime.jsx)(TableComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetProps), {}, {
+        draggableProps: {
+          onChange: onChange,
+          onDrag: onDrag,
+          draggable: draggable
+        },
+        tableProps: {
+          value: value,
+          headerRender: headerRender,
+          tableRef: tableRef,
           className: _className,
-          dataSource: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value : undefined,
           columns: _columns,
-          rowSelection: renderRowSelection(),
+          renderRowSelection: renderRowSelection,
           rowClassName: _rowClassName,
-          components: draggable ? {
-            body: {
-              row: _components.Row
-            }
-          } : undefined,
-          onRow: function onRow() {
-            return {
-              disabled: disabled || virtualKey && !!editingKeys.length,
-              'data-hide': isHideCheckBox,
-              onClick: function onClick() {},
-              rowDraggable: rowDraggable
-            };
-          }
-        }, resetProps), {}, {
-          pagination: pagination ? (0, _objectSpread2.default)({
-            current: page.pageNum,
-            pageSize: page.pageSize,
-            showSizeChanger: false,
-            showQuickJumper: true,
-            total: value === null || value === void 0 ? void 0 : value.length,
-            showTotal: function showTotal(total) {
-              var _locale$ProEditTable;
-              if (!total) return;
-              return (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProEditTable = _locale.default.ProEditTable) === null || _locale$ProEditTable === void 0 ? void 0 : _locale$ProEditTable.total, {
-                total: total
-              });
-            },
-            onChange: handlePageChange
-          }, pagination) : false,
-          rowKey: "rowKey",
-          scroll: {
-            x: scroll === null || scroll === void 0 ? void 0 : scroll.x,
-            y: (value === null || value === void 0 ? void 0 : value.length) ? scroll === null || scroll === void 0 ? void 0 : scroll.y : undefined
-          },
-          summary: _summary
-        }))]
-      }), !isView && (value === null || value === void 0 ? void 0 : value.length) ? toolbarSticky ? (0, _jsxRuntime.jsx)(_antd.Affix, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+          disabled: disabled,
+          virtualKey: virtualKey,
+          editingKeys: editingKeys,
+          isHideCheckBox: isHideCheckBox,
+          rowDraggable: rowDraggable,
+          pagination: pagination,
+          scroll: scroll,
+          summary: _summary,
+          page: page,
+          formatMessage: _locale.formatMessage,
+          locale: _locale.default,
+          handlePageChange: handlePageChange
+        }
+      })), !isView && (value === null || value === void 0 ? void 0 : value.length) ? toolbarSticky ? (0, _jsxRuntime.jsx)(_antd.Affix, (0, _objectSpread2.default)((0, _objectSpread2.default)({
         ref: affixRef
       }, _toolbarSticky), {}, {
         children: (0, _jsxRuntime.jsx)("div", {
@@ -415,6 +393,7 @@ ForwardProEditTable.defaultProps = {
   toolbarProps: [],
   disabled: false,
   draggable: false,
+  virtual: false,
   stripe: true,
   emptyBtnText: _locale.default.ProEditTable.clickAdd,
   onlyOneLineMsg: _locale.default.ProEditTable.onlyOneLineMsg,

package/lib/ProEditTable/propsType.d.ts

@@ -45,6 +45,11 @@ export interface BaseActionProps<T = any> {
      * @default           true
      */
     show?: boolean | ShowFunction<T>;
+    /**
+   * @description       是否持久化（一直显示）操作按钮
+   * @default           true
+   */
+    persistence?: boolean;
     /**
      * @description       是否禁止操作
      * @default           true
@@ -100,6 +105,7 @@ export interface ProColumnsProps<Values = any, T = any> extends Omit<FormItemPro
     hiddenNames?: NamePath[] | NamePath[][];
     rules?: ProRule[] | RulesFn<T>;
     confirm?: boolean | ModalFuncProps | FunctionArgs<Values, boolean | ModalFuncProps | void>;
+    validateTrigger?: string | string[];
     [key: string]: any;
 }
 export type ProEditTableColumnsProps<K = any> = ProColumnsProps & ColumnPropsMap<K, 'ProEditTable'>;
@@ -191,6 +197,11 @@ export interface ProEditTableProps<T = any> extends Omit<TableProps<T>, 'onChang
      * @default           -
      */
     draggable?: boolean;
+    /**
+   * @description       是否开启虚拟列表（scroll,x,y必须为固定值）
+   * @default           -
+   */
+    virtual?: boolean;
     /**
      * @description       空列表状态时，自定义添加按钮
      * @default          点击添加

package/lib/ProEditTable/utils/config.d.ts

@@ -9,7 +9,7 @@ export declare const defaultBtnNameMap: {
     custom: any;
 };
 export declare const iconMap: {
-    add: JSX.Element;
+    add: import("react/jsx-runtime").JSX.Element;
 };
 export declare const defaultSingleActionKeys: string[];
 export declare const defaultMultipleActionKeys: string[];

package/lib/ProEditTable/utils/index.js

@@ -125,7 +125,7 @@ var getActionColumn = function getActionColumn(config) {
             case 20:
               result = _context.sent;
             case 21:
-              if (result && type !== 'custom') {
+              if (result !== false && type !== 'custom') {
                 _config.actions[type]((0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
                   rowName: [].concat((0, _toConsumableArray2.default)(name), [index]),
                   virtualRowName: rowName,

package/lib/ProEditTable/utils/tools.js

@@ -12,14 +12,14 @@ var getRandom = exports.getRandom = function getRandom() {
 };
 // 深层次对比两个对象且取出来差异值
 var difference = exports.difference = function difference(object, base) {
-  var changes = function changes(object, base) {
+  var _changes = function changes(object, base) {
     return (0, _lodash.transform)(object, function (result, value, key) {
       if (!(0, _lodash.isEqual)(value, base[key])) {
-        result[key] = (0, _lodash.isObject)(value) && (0, _lodash.isObject)(base[key]) ? changes(value, base[key]) : value;
+        result[key] = (0, _lodash.isObject)(value) && (0, _lodash.isObject)(base[key]) ? _changes(value, base[key]) : value;
       }
     });
   };
-  return changes(object, base);
+  return _changes(object, base);
 };
 // 数组字段循环校验，解决validateFields无法批量校验的问题
 var customValidate = exports.customValidate = function customValidate(validateKeys, form, rowName) {