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

package/es/ProEditTable/components/RcTable/BaseTable.d.ts

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

package/es/ProEditTable/components/RcTable/BaseTable.js

@@ -0,0 +1,75 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/table/style";
+import _Table from "antd/es/table";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["tableProps"];
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+var BaseTable = function BaseTable(_ref) {
+  var _value$;
+  var tableProps = _ref.tableProps,
+    resetProps = _objectWithoutProperties(_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;
+  return _jsxs(_Fragment, {
+    children: [headerRender ? _jsx("div", {
+      className: "pro-edit-table-header",
+      children: typeof headerRender === 'function' ? headerRender() : headerRender
+    }) : null, _jsx(_Table, _objectSpread(_objectSpread({
+      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,
+      onRow: function onRow() {
+        return {
+          disabled: disabled || virtualKey && !!editingKeys.length,
+          'data-hide': isHideCheckBox,
+          onClick: function onClick() {},
+          rowDraggable: rowDraggable
+        };
+      }
+    }, resetProps), {}, {
+      pagination: pagination ? _objectSpread({
+        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
+    }))]
+  });
+};
+export default /*#__PURE__*/memo(BaseTable);

package/es/ProEditTable/components/RcTable/DraggableTable.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const _default: import("react").MemoExoticComponent<({ tableProps, draggableProps, ...resetProps }: {
+    [x: string]: any;
+    tableProps: any;
+    draggableProps: any;
+}) => JSX.Element>;
+export default _default;

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

@@ -0,0 +1,90 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/table/style";
+import _Table from "antd/es/table";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["tableProps", "draggableProps"];
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { DndWrapper, Row } from '../index';
+var DraggableTable = function DraggableTable(_ref) {
+  var _value$;
+  var tableProps = _ref.tableProps,
+    draggableProps = _ref.draggableProps,
+    resetProps = _objectWithoutProperties(_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 _jsxs(DndWrapper, {
+    value: value,
+    onChange: onChange,
+    onDrag: onDrag,
+    disabled: disabled,
+    draggable: draggable,
+    children: [headerRender ? _jsx("div", {
+      className: "pro-edit-table-header",
+      children: typeof headerRender === 'function' ? headerRender() : headerRender
+    }) : null, _jsx(_Table, _objectSpread(_objectSpread({
+      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: Row
+        }
+      },
+      onRow: function onRow() {
+        return {
+          disabled: disabled || virtualKey && !!editingKeys.length,
+          'data-hide': isHideCheckBox,
+          onClick: function onClick() {},
+          rowDraggable: rowDraggable
+        };
+      }
+    }, resetProps), {}, {
+      pagination: pagination ? _objectSpread({
+        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
+    }))]
+  });
+};
+export default /*#__PURE__*/memo(DraggableTable);

package/es/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/es/ProEditTable/components/RcTable/VirtualTable.js

@@ -0,0 +1,166 @@
+import "antd/es/table/style";
+import _Table from "antd/es/table";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["tableProps"];
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState, memo } from 'react';
+import classNames from 'classnames';
+import ResizeObserver from 'rc-resize-observer';
+import { VariableSizeGrid } from 'react-window';
+var VirtualTable = function VirtualTable(_ref) {
+  var _value$;
+  var tableProps = _ref.tableProps,
+    resetProps = _objectWithoutProperties(_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 = useState(0),
+    _useState2 = _slicedToArray(_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 _objectSpread(_objectSpread({}, column), {}, {
+      width: Math.floor(tableWidth / widthColumnCount)
+    });
+  });
+  var gridRef = useRef();
+  var _useState3 = 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 = _slicedToArray(_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
+    });
+  };
+  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 _jsx(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 _jsx("div", {
+          className: classNames('virtual-table-cell', {
+            'virtual-table-cell-last': columnIndex === mergedColumns.length - 1
+          }),
+          style: style,
+          children: rawData[rowIndex][mergedColumns[columnIndex].dataIndex]
+        });
+      }
+    });
+  };
+  return _jsxs(ResizeObserver, {
+    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 ? _jsx("div", {
+      className: "pro-edit-table-header",
+      children: typeof headerRender === 'function' ? headerRender() : headerRender
+    }) : null, _jsx(_Table, _objectSpread(_objectSpread({
+      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
+    }))]
+  });
+};
+export default /*#__PURE__*/memo(VirtualTable);

package/es/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/es/ProEditTable/components/RcTable/index.js

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

package/es/ProEditTable/index.js

@@ -1,7 +1,5 @@
 import "antd/es/affix/style";
 import _Affix from "antd/es/affix";
-import "antd/es/table/style";
-import _Table from "antd/es/table";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
@@ -11,7 +9,7 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import "antd/es/form/style";
 import _Form from "antd/es/form";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-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 _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"];
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 import { get, isArray, isBoolean } from 'lodash';
@@ -19,12 +17,13 @@ import { useDeepCompareEffect, useLocalStorageState, useSetState } from 'ahooks'
 import classnames from 'classnames';
 import { transformColumns } from './utils';
 import { getRandom, getNamePath } from './utils/tools';
-import { DndWrapper, Row, Validator, Summary, RenderToolbar } from './components';
+import { Validator, Summary, RenderToolbar } from './components';
 import ProForm from '../ProForm';
 import Empty from '../assets/empty.png';
 import locale, { formatMessage } from '../locale';
+import { BaseTable, DraggableTable, VirtualTable } from './components/RcTable';
 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,
@@ -34,6 +33,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,
@@ -326,62 +326,38 @@ var ProEditTable = function ProEditTable(_ref, ref) {
       rowSelection: renderRowSelection()
     });
   } : summary;
+  var TableComponent = draggable ? DraggableTable : virtual ? VirtualTable : BaseTable;
   return _jsxs(_Fragment, {
     children: [_jsxs(_ConfigProvider, {
       renderEmpty: (value === null || value === void 0 ? void 0 : value.length) ? undefined : empty,
-      children: [_jsxs(DndWrapper, {
-        value: value,
-        onChange: onChange,
-        onDrag: onDrag,
-        disabled: disabled,
-        draggable: draggable,
-        children: [headerRender ? _jsx("div", {
-          className: "pro-edit-table-header",
-          children: typeof headerRender === 'function' ? headerRender() : headerRender
-        }) : null, _jsx(_Table, _objectSpread(_objectSpread({
-          ref: tableRef,
+      children: [_jsx(TableComponent, _objectSpread(_objectSpread({}, 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: Row
-            }
-          } : undefined,
-          onRow: function onRow() {
-            return {
-              disabled: disabled || virtualKey && !!editingKeys.length,
-              'data-hide': isHideCheckBox,
-              onClick: function onClick() {},
-              rowDraggable: rowDraggable
-            };
-          }
-        }, resetProps), {}, {
-          pagination: pagination ? _objectSpread({
-            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
-        }))]
-      }), !isView && (value === null || value === void 0 ? void 0 : value.length) ? toolbarSticky ? _jsx(_Affix, _objectSpread(_objectSpread({
+          disabled: disabled,
+          virtualKey: virtualKey,
+          editingKeys: editingKeys,
+          isHideCheckBox: isHideCheckBox,
+          rowDraggable: rowDraggable,
+          pagination: pagination,
+          scroll: scroll,
+          summary: _summary,
+          page: page,
+          formatMessage: formatMessage,
+          locale: locale,
+          handlePageChange: handlePageChange
+        }
+      })), !isView && (value === null || value === void 0 ? void 0 : value.length) ? toolbarSticky ? _jsx(_Affix, _objectSpread(_objectSpread({
         ref: affixRef
       }, _toolbarSticky), {}, {
         children: _jsx("div", {
@@ -414,6 +390,7 @@ ForwardProEditTable.defaultProps = {
   toolbarProps: [],
   disabled: false,
   draggable: false,
+  virtual: false,
   stripe: true,
   emptyBtnText: locale.ProEditTable.clickAdd,
   onlyOneLineMsg: locale.ProEditTable.onlyOneLineMsg,

package/es/ProEditTable/propsType.d.ts

@@ -192,6 +192,11 @@ export interface ProEditTableProps<T = any> extends Omit<TableProps<T>, 'onChang
      * @default           -
      */
     draggable?: boolean;
+    /**
+   * @description       是否开启虚拟列表（scroll,x,y必须为固定值）
+   * @default           -
+   */
+    virtual?: boolean;
     /**
      * @description       空列表状态时，自定义添加按钮
      * @default          点击添加

package/es/ProEditTable/utils/index.js

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

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

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

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

@@ -0,0 +1,81 @@
+"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 _excluded = ["tableProps"];
+var BaseTable = function BaseTable(_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,
+    pagination = tableProps.pagination,
+    scroll = tableProps.scroll,
+    summary = tableProps.summary,
+    page = tableProps.page,
+    formatMessage = tableProps.formatMessage,
+    locale = tableProps.locale,
+    handlePageChange = tableProps.handlePageChange;
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    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,
+      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)(BaseTable);

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const _default: import("react").MemoExoticComponent<({ tableProps, draggableProps, ...resetProps }: {
+    [x: string]: any;
+    tableProps: any;
+    draggableProps: any;
+}) => JSX.Element>;
+export default _default;

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

package/lib/ProEditTable/propsType.d.ts

@@ -192,6 +192,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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "3.6.6-beta.1",
+  "version": "3.6.6-beta.3",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -58,15 +58,17 @@
     "@dnd-kit/sortable": "^7.0.2",
     "@dnd-kit/utilities": "^3.2.1",
     "@pansy/react-watermark": "^3.1.13",
-    "@zat-design/utils": "^1.1.29",
+    "@zat-design/utils": "^1.1.31",
     "ahooks": "3.7.4",
     "antd": "4.24.8",
     "big.js": "^6.2.1",
     "classnames": "^2.3.1",
     "lodash": "^4.17.21",
     "moment": "^2.29.1",
+    "rc-resize-observer": "^1.4.0",
     "react-resizable": "^3.0.4",
-    "react-svg": "^15.1.7"
+    "react-svg": "^15.1.7",
+    "react-window": "^1.8.10"
   },
   "peerDependencies": {
     "antd": "^4.24.8",