@zat-design/sisyphus-react 3.6.5 → 3.6.6-beta.3

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;
+}) => 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.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';
@@ -321,6 +325,12 @@ var RenderField = function RenderField(_ref) {
     return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
+          if (!(!onFieldChange && !onChange)) {
+            _context.next = 2;
+            break;
+          }
+          return _context.abrupt("return", null);
+        case 2:
           for (_len2 = _args2.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
             args[_key2] = _args2[_key2];
           }
@@ -329,58 +339,60 @@ var RenderField = function RenderField(_ref) {
           row = form.getFieldValue(rowPath, true); // if (type === 'InputNumber' && column.name) row[column.name] = args[0];
           orgRow = (0, _lodash.cloneDeep)(row);
           if (!onFieldChange) {
-            _context.next = 18;
+            _context.next = 20;
             break;
           }
           _args = formatArgs(args);
           _args[1] = row;
           _context.t0 = (_TargetComponent = TargetComponent) === null || _TargetComponent === void 0 ? void 0 : (_TargetComponent$prop = _TargetComponent.props) === null || _TargetComponent$prop === void 0 ? void 0 : _TargetComponent$prop.onFieldChange;
           if (!_context.t0) {
-            _context.next = 12;
+            _context.next = 14;
             break;
           }
-          _context.next = 12;
+          _context.next = 14;
           return (_TargetComponent$prop2 = TargetComponent.props).onFieldChange.apply(_TargetComponent$prop2, (0, _toConsumableArray2.default)(_args));
-        case 12:
+        case 14:
           _context.t1 = onFieldChange;
           if (!_context.t1) {
-            _context.next = 16;
+            _context.next = 18;
             break;
           }
-          _context.next = 16;
+          _context.next = 18;
           return onFieldChange.apply(void 0, (0, _toConsumableArray2.default)(_args));
-        case 16:
-          _context.next = 27;
-          break;
         case 18:
+          _context.next = 29;
+          break;
+        case 20:
           _args = _args.concat([row, index, form]);
           _context.t2 = (_TargetComponent2 = TargetComponent) === null || _TargetComponent2 === void 0 ? void 0 : (_TargetComponent2$pro = _TargetComponent2.props) === null || _TargetComponent2$pro === void 0 ? void 0 : _TargetComponent2$pro.onChange;
           if (!_context.t2) {
-            _context.next = 23;
+            _context.next = 25;
             break;
           }
-          _context.next = 23;
+          _context.next = 25;
           return (_TargetComponent$prop3 = TargetComponent.props).onChange.apply(_TargetComponent$prop3, (0, _toConsumableArray2.default)(_args));
-        case 23:
+        case 25:
           _context.t3 = onChange;
           if (!_context.t3) {
-            _context.next = 27;
+            _context.next = 29;
             break;
           }
-          _context.next = 27;
+          _context.next = 29;
           return onChange.apply(void 0, (0, _toConsumableArray2.default)(_args));
-        case 27:
+        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({
@@ -388,7 +400,7 @@ var RenderField = function RenderField(_ref) {
               d: Date.now()
             }
           });
-        case 30:
+        case 32:
         case "end":
           return _context.stop();
       }
@@ -412,6 +424,12 @@ var RenderField = function RenderField(_ref) {
       return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
+            if (onBlur) {
+              _context2.next = 2;
+              break;
+            }
+            return _context2.abrupt("return", null);
+          case 2:
             for (_len3 = _args3.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
               args[_key3] = _args3[_key3];
             }
@@ -422,49 +440,51 @@ var RenderField = function RenderField(_ref) {
             _args[1] = row;
             _context2.t0 = (_TargetComponent3 = TargetComponent) === null || _TargetComponent3 === void 0 ? void 0 : (_TargetComponent3$pro = _TargetComponent3.props) === null || _TargetComponent3$pro === void 0 ? void 0 : _TargetComponent3$pro.onBlur;
             if (!_context2.t0) {
-              _context2.next = 10;
+              _context2.next = 12;
               break;
             }
-            _context2.next = 10;
+            _context2.next = 12;
             return (_TargetComponent$prop4 = TargetComponent.props).onBlur.apply(_TargetComponent$prop4, (0, _toConsumableArray2.default)(_args));
-          case 10:
+          case 12:
             _context2.t1 = onBlur;
             if (!_context2.t1) {
-              _context2.next = 14;
+              _context2.next = 16;
               break;
             }
-            _context2.next = 14;
+            _context2.next = 16;
             return onBlur.apply(void 0, (0, _toConsumableArray2.default)(_args));
-          case 14:
+          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) {
-              _context2.next = 20;
+              _context2.next = 22;
               break;
             }
-            _context2.next = 19;
+            _context2.next = 21;
             return form.validateFields([cellName]);
-          case 19:
+          case 21:
             setState({
               cellNamePath: []
             });
-          case 20:
+          case 22:
             // 单行编辑时需要 强制更新视图
             setState({
               forceUpdate: {
                 d: Date.now()
               }
             });
-          case 21:
+          case 23:
           case "end":
             return _context2.stop();
         }

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,
@@ -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,