linkmore-design 1.1.25-beta.2 → 1.1.26

package/es/LmTable/Table.js

@@ -1,56 +1,88 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Summary = void 0;
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectDestructuringEmpty"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
 var _proTable = _interopRequireDefault(require("@ant-design/pro-table"));
+
 var _sortable = require("@dnd-kit/sortable");
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _lodash = require("lodash");
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactResizable = require("react-resizable");
+
 var _immer = require("immer");
+
 var _reactSortableHoc = require("react-sortable-hoc");
+
 var _useRowSelectControllableValue = _interopRequireDefault(require("./hooks/useRowSelectControllableValue"));
+
 var _ConfigProvider = _interopRequireDefault(require("../ConfigProvider"));
+
 var _IconFont = _interopRequireDefault(require("../IconFont"));
+
 var _Empty = _interopRequireDefault(require("../Empty"));
+
 var _DndContainer = _interopRequireDefault(require("./components/DndContainer"));
+
+var _sortableBoxCol = _interopRequireDefault(require("./components/sortableBoxCol"));
+
+var _sortableItemCol = _interopRequireDefault(require("./components/sortableItemCol"));
+
 var _sheelTableCell = _interopRequireDefault(require("./components/sheelTableCell"));
+
+var _tableChartsModal = _interopRequireDefault(require("./components/tableChartsModal"));
+
 var _customRenderEmpty = _interopRequireDefault(require("./components/customRenderEmpty"));
+
 var _util = require("./util");
+
 var _resetConfig = _interopRequireDefault(require("./resetConfig"));
+
 var _virTual = require("./virTual");
+
 var _useGroupDataSource3 = _interopRequireDefault(require("./hooks/useGroupDataSource"));
-var _useDndItems2 = _interopRequireDefault(require("./hooks/useDndItems"));
-var _HeaderCol = _interopRequireDefault(require("./components/HeaderCol"));
-var _index = require("./common/index");
-var _excluded = ["columns", "dataSource", "autoSize", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "colSortOpen", "resizeable", "customCheck", "components", "rowSelection", "columnsState", "onChange", "filterChange", "tableRowType", "size", "openSheet", "editSheet", "dataChange", "openColGroup", "colGroupTitle", "openRowGroup", "rowGroupTitle", "groupWidth", "groupRowKeys", "groupColKeys", "onGroupChange", "emptyProps"],
-  _excluded2 = ["className", "style"],
-  _excluded3 = ["onResize", "width", "dataIndex", "onResizeStop"];
+
+var _excluded = ["columns", "dataSource", "autoSize", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "colSortOpen", "resizeable", "customCheck", "components", "rowSelection", "columnsState", "onChange", "filterChange", "tableRowType", "size", "openSheet", "editSheet", "dataChange", "groupRowKeys", "groupColKeys", "emptyProps"],
+    _excluded2 = ["className", "style"],
+    _excluded3 = ["onResize", "width", "onResizeStop"];
 var Summary = _proTable.default.Summary;
 exports.Summary = Summary;
 var ConfigContext = _ConfigProvider.default.ConfigContext;
+
 var isEmpty = function isEmpty(obj) {
   var _Object$keys;
+
   return ((_Object$keys = Object.keys(obj || {})) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) === 0;
 };
+
 var defaultParsePaste = function defaultParsePaste(str) {
   return str.split(/\r\n|\n|\r/).map(function (row) {
     return row.split('\t');
   });
-};
+}; // const DragHandle = SortableHandle(() => <MenuOutlined style={{ cursor: 'grab', color: '#999' }} />);
+
 
-// const DragHandle = SortableHandle(() => <MenuOutlined style={{ cursor: 'grab', color: '#999' }} />);
 var DragHandle = (0, _reactSortableHoc.SortableHandle)(function () {
   return /*#__PURE__*/_react.default.createElement(_IconFont.default, {
     type: "lmweb-icon-m-receipt1",
@@ -72,151 +104,148 @@ var sortDefaultColumnItem = {
 };
 var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var customizeColumns = props.columns,
-    customizeDataSource = props.dataSource,
-    autoSize = props.autoSize,
-    rowClick = props.rowClick,
-    _onDoubleClick = props.onDoubleClick,
-    checkConfig = props.checkConfig,
-    _summary = props.summary,
-    pagination = props.pagination,
-    hiddenPage = props.hiddenPage,
-    loading = props.loading,
-    _props$virtual = props.virtual,
-    virtual = _props$virtual === void 0 ? false : _props$virtual,
-    _props$sortOpen = props.sortOpen,
-    sortOpen = _props$sortOpen === void 0 ? false : _props$sortOpen,
-    _props$colSortOpen = props.colSortOpen,
-    colSortOpen = _props$colSortOpen === void 0 ? false : _props$colSortOpen,
-    _props$resizeable = props.resizeable,
-    resizeable = _props$resizeable === void 0 ? false : _props$resizeable,
-    customCheck = props.customCheck,
-    components = props.components,
-    rowSelection = props.rowSelection,
-    columnsState = props.columnsState,
-    onChange = props.onChange,
-    filterChange = props.filterChange,
-    _props$tableRowType = props.tableRowType,
-    tableRowType = _props$tableRowType === void 0 ? 'default' : _props$tableRowType,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'default' : _props$size,
-    _props$openSheet = props.openSheet,
-    openSheet = _props$openSheet === void 0 ? false : _props$openSheet,
-    _props$editSheet = props.editSheet,
-    editSheet = _props$editSheet === void 0 ? false : _props$editSheet,
-    dataChange = props.dataChange,
-    openColGroup = props.openColGroup,
-    colGroupTitle = props.colGroupTitle,
-    openRowGroup = props.openRowGroup,
-    rowGroupTitle = props.rowGroupTitle,
-    groupWidth = props.groupWidth,
-    customizeGroupRowKeys = props.groupRowKeys,
-    customizeGroupColKeys = props.groupColKeys,
-    _props$onGroupChange = props.onGroupChange,
-    onGroupChange = _props$onGroupChange === void 0 ? function () {} : _props$onGroupChange,
-    emptyProps = props.emptyProps,
-    resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  if (!Array.isArray(customizeColumns) || !customizeColumns.length) {
-    return null;
-  }
+      customizeDataSource = props.dataSource,
+      autoSize = props.autoSize,
+      rowClick = props.rowClick,
+      _onDoubleClick = props.onDoubleClick,
+      checkConfig = props.checkConfig,
+      _summary = props.summary,
+      pagination = props.pagination,
+      hiddenPage = props.hiddenPage,
+      loading = props.loading,
+      _props$virtual = props.virtual,
+      virtual = _props$virtual === void 0 ? false : _props$virtual,
+      _props$sortOpen = props.sortOpen,
+      sortOpen = _props$sortOpen === void 0 ? false : _props$sortOpen,
+      _props$colSortOpen = props.colSortOpen,
+      colSortOpen = _props$colSortOpen === void 0 ? false : _props$colSortOpen,
+      _props$resizeable = props.resizeable,
+      resizeable = _props$resizeable === void 0 ? false : _props$resizeable,
+      customCheck = props.customCheck,
+      components = props.components,
+      rowSelection = props.rowSelection,
+      columnsState = props.columnsState,
+      onChange = props.onChange,
+      filterChange = props.filterChange,
+      _props$tableRowType = props.tableRowType,
+      tableRowType = _props$tableRowType === void 0 ? 'default' : _props$tableRowType,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'default' : _props$size,
+      _props$openSheet = props.openSheet,
+      openSheet = _props$openSheet === void 0 ? false : _props$openSheet,
+      _props$editSheet = props.editSheet,
+      editSheet = _props$editSheet === void 0 ? false : _props$editSheet,
+      dataChange = props.dataChange,
+      groupRowKeys = props.groupRowKeys,
+      groupColKeys = props.groupColKeys,
+      emptyProps = props.emptyProps,
+      resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var _resetProps$rowKey = resetProps.rowKey,
-    rowKey = _resetProps$rowKey === void 0 ? 'id' : _resetProps$rowKey;
+      rowKey = _resetProps$rowKey === void 0 ? 'id' : _resetProps$rowKey;
+
   var _React$useContext = _react.default.useContext(ConfigContext),
-    locale = _React$useContext.locale;
+      locale = _React$useContext.locale;
+
   var transformRowClick = function transformRowClick(data) {
     return rowClick === null || rowClick === void 0 ? void 0 : rowClick(data.selectedRows || data);
-  };
-  // const [useSelectedRows, setSelectedRows] = useState({ selectedRows: [] }) // 复选中的值
+  }; // const [useSelectedRows, setSelectedRows] = useState({ selectedRows: [] }) // 复选中的值
+
+
   var _useControllableValue = (0, _useRowSelectControllableValue.default)({
-      value: {
-        selectedRows: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) || (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []
-      },
-      onChange: rowClick ? transformRowClick : undefined
-    }),
-    _useControllableValue2 = (0, _slicedToArray2.default)(_useControllableValue, 2),
-    useSelectedRows = _useControllableValue2[0],
-    setSelectedRows = _useControllableValue2[1];
+    value: {
+      selectedRows: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) || (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []
+    },
+    onChange: rowClick ? transformRowClick : undefined
+  }),
+      _useControllableValue2 = (0, _slicedToArray2.default)(_useControllableValue, 2),
+      useSelectedRows = _useControllableValue2[0],
+      setSelectedRows = _useControllableValue2[1];
+
   var _useState = (0, _react.useState)(''),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    useActiveKey = _useState2[0],
-    setActiveKey = _useState2[1]; // 行选中
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      useActiveKey = _useState2[0],
+      setActiveKey = _useState2[1]; // 行选中
+
+
+  var _useState3 = (0, _react.useState)([]),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      useColumns = _useState4[0],
+      setColumns = _useState4[1];
+
   var tableWarpRef = (0, _react.useRef)(null);
-  /** 记录最原始数据 */
   var dataSourceRef = (0, _react.useRef)(null);
-  dataSourceRef.current = customizeDataSource;
   var columnsRef = (0, _react.useRef)(null);
-  columnsRef.current = customizeColumns;
-
   /** 右键的ref */
+
   var contentMenuRef = (0, _react.useRef)(null);
   /** 当前展开的列 */
-  var _useState3 = (0, _react.useState)([]),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    expandedRowKeys = _useState4[0],
-    setExpandedRowKeys = _useState4[1];
+
+  var _useState5 = (0, _react.useState)([]),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      expandedRowKeys = _useState6[0],
+      setExpandedRowKeys = _useState6[1];
+
   var deepDataSourceRef = (0, _react.useRef)([]);
-  var deepColumnsRef = (0, _react.useRef)([]);
-  //
+  var deepColumnsRef = (0, _react.useRef)([]); //
+
   var copyAllData = (0, _react.useRef)(null);
-  //
-  var _useDndItems = (0, _useDndItems2.default)({
-      columns: customizeColumns,
-      openColGroup: openColGroup,
-      openRowGroup: openRowGroup,
-      colSortOpen: colSortOpen,
-      filterChange: filterChange,
-      customizeGroupRowKeys: customizeGroupRowKeys,
-      customizeGroupColKeys: customizeGroupColKeys
-    }),
-    dndColumns = _useDndItems.dndColumns,
-    items = _useDndItems.items,
-    groupRowKeys = _useDndItems.groupRowKeys,
-    groupColKeys = _useDndItems.groupColKeys,
-    updateItems = _useDndItems.updateItems;
-  onGroupChange && onGroupChange(groupRowKeys, groupColKeys);
+  /** 记录最原始数据 */
 
+  (0, _react.useEffect)(function () {
+    dataSourceRef.current = customizeDataSource;
+  }, [customizeDataSource]);
+  (0, _react.useEffect)(function () {
+    columnsRef.current = customizeColumns;
+  }, [customizeColumns]);
   /** 行分组 */
+
   var _useGroupDataSource = (0, _useGroupDataSource3.default)({
-      groupRowKeys: groupRowKeys,
-      customizeDataSource: customizeDataSource,
-      columnsRef: columnsRef
-    }),
-    _useGroupDataSource2 = (0, _slicedToArray2.default)(_useGroupDataSource, 1),
-    groupDataSource = _useGroupDataSource2[0];
+    groupRowKeys: groupRowKeys,
+    customizeDataSource: customizeDataSource,
+    columnsRef: columnsRef
+  }),
+      _useGroupDataSource2 = (0, _slicedToArray2.default)(_useGroupDataSource, 1),
+      groupDataSource = _useGroupDataSource2[0];
   /** 列分组 */
+
+
   var _useMemo = (0, _react.useMemo)(function () {
-      if (!(groupColKeys === null || groupColKeys === void 0 ? void 0 : groupColKeys.length)) {
-        return {
-          dataSource: groupDataSource,
-          columns: dndColumns
-        };
-      }
-      return (0, _util.transformWithColGroup)(dndColumns, groupDataSource, groupColKeys, groupRowKeys);
-    }, [dndColumns, groupDataSource, groupColKeys, groupRowKeys]),
-    columns = _useMemo.columns,
-    dataSource = _useMemo.dataSource;
+    if (!(groupColKeys === null || groupColKeys === void 0 ? void 0 : groupColKeys.length)) {
+      return {
+        dataSource: groupDataSource,
+        columns: customizeColumns
+      };
+    }
+
+    return (0, _util.transformWithColGroup)(customizeColumns, groupDataSource, groupColKeys);
+  }, [customizeColumns, groupDataSource, groupColKeys]),
+      columns = _useMemo.columns,
+      dataSource = _useMemo.dataSource;
+
   (0, _react.useEffect)(function () {
     setExpandedRowKeys([]);
     deepDataSourceRef.current = [];
     deepColumnsRef.current = [];
   }, [groupRowKeys, groupColKeys]);
-
   /** sheel数据的表格 */
-  var _useState5 = (0, _react.useState)({
-      // 记录框选的行列坐标信息
-      start: {},
-      end: {},
-      // 是否在框选
-      selecting: false,
-      forceEdit: false,
-      // 是否在编辑中
-      editing: {},
-      clear: {},
-      // 记录右下角小方块的拖动信息
-      commiting: {}
-    }),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    sheelStataus = _useState6[0],
-    setSheelStatus = _useState6[1];
+
+  var _useState7 = (0, _react.useState)({
+    // 记录框选的行列坐标信息
+    start: {},
+    end: {},
+    // 是否在框选
+    selecting: false,
+    forceEdit: false,
+    // 是否在编辑中
+    editing: {},
+    clear: {},
+    // 记录右下角小方块的拖动信息
+    commiting: {}
+  }),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      sheelStataus = _useState8[0],
+      setSheelStatus = _useState8[1];
+
   var shellStatusRef = (0, _react.useRef)({
     start: {},
     end: {},
@@ -226,66 +255,78 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     clear: {},
     commiting: {}
   });
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    selectIng = _useState8[0],
-    setSelectIng = _useState8[1];
+
   var _useState9 = (0, _react.useState)(false),
-    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-    editIng = _useState10[0],
-    setEditIng = _useState10[1];
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      selectIng = _useState10[0],
+      setSelectIng = _useState10[1];
+
   var _useState11 = (0, _react.useState)(false),
-    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-    commitIng = _useState12[0],
-    setCommitIng = _useState12[1];
-  /** 右键菜单是否显示 */
+      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+      editIng = _useState12[0],
+      setEditIng = _useState12[1];
+
   var _useState13 = (0, _react.useState)(false),
-    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-    contextMenuStatus = _useState14[0],
-    setContextMenuStatus = _useState14[1];
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      commitIng = _useState14[0],
+      setCommitIng = _useState14[1];
+  /** 右键菜单是否显示 */
+
+
+  var _useState15 = (0, _react.useState)(false),
+      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+      contextMenuStatus = _useState16[0],
+      setContextMenuStatus = _useState16[1];
   /** 右键按钮的位置 */
-  var _useState15 = (0, _react.useState)({
-      position: 'fixed',
-      left: 300,
-      top: 200
-    }),
-    _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-    style = _useState16[0],
-    setStyle = _useState16[1];
-
-  // const [chartsModalStatus, setChartsModalStatus] = useState(null)
-
-  // 列设置
-  var _useState17 = (0, _react.useState)(false),
-    _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-    columnsStateMap = _useState18[0],
-    setColumnsStateMap = _useState18[1];
+
+
+  var _useState17 = (0, _react.useState)({
+    position: 'fixed',
+    left: 300,
+    top: 200
+  }),
+      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+      style = _useState18[0],
+      setStyle = _useState18[1];
+
+  var _useState19 = (0, _react.useState)(null),
+      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
+      chartsModalStatus = _useState20[0],
+      setChartsModalStatus = _useState20[1]; // 列设置
+
+
+  var _useState21 = (0, _react.useState)(false),
+      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
+      columnsStateMap = _useState22[0],
+      setColumnsStateMap = _useState22[1];
+
   var SortableItem = (0, _reactSortableHoc.SortableElement)(function (props) {
     return /*#__PURE__*/_react.default.createElement("tr", props);
   });
   var SortContainer = (0, _reactSortableHoc.SortableContainer)(function (props) {
     return /*#__PURE__*/_react.default.createElement("tbody", props);
-  });
+  }); // 行分组数据铺平, 在框选时获取数据使用
 
-  // 行分组数据铺平, 在框选时获取数据使用
   (0, _react.useEffect)(function () {
     var source = [];
+
     var deepChildren = function deepChildren(arr) {
       arr === null || arr === void 0 ? void 0 : arr.forEach(function (item) {
-        source.push((0, _lodash.omit)(item, 'children'));
-        // 展开
+        source.push((0, _lodash.omit)(item, 'children')); // 展开
+
         if ((item === null || item === void 0 ? void 0 : item.children) && expandedRowKeys.includes(item.key)) {
           deepChildren(item === null || item === void 0 ? void 0 : item.children);
         }
       });
     };
+
     deepChildren(dataSource);
     deepDataSourceRef.current = source;
-  }, [dataSource, expandedRowKeys]);
+  }, [dataSource, expandedRowKeys]); // 列分组数据铺平，在框选时获取数据使用
 
-  // 列分组数据铺平，在框选时获取数据使用
   (0, _react.useEffect)(function () {
     var source = [];
+
     var deepChildren = function deepChildren(arr) {
       arr === null || arr === void 0 ? void 0 : arr.forEach(function (item) {
         if (item.children && item.children.length) {
@@ -295,27 +336,38 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         }
       });
     };
+
     deepChildren(columns);
     deepColumnsRef.current = source;
   }, [columns, groupColKeys]);
-  var _useState19 = (0, _react.useState)(columns),
-    _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
-    useColumns = _useState20[0],
-    setColumns = _useState20[1];
-  (0, _react.useEffect)(function () {
-    setColumns(columns);
-  }, [columns]);
+
   var onSortEnd = function onSortEnd(_ref) {
     var oldIndex = _ref.oldIndex,
-      newIndex = _ref.newIndex;
+        newIndex = _ref.newIndex;
+
     if (oldIndex !== newIndex) {
       var newData = (0, _sortable.arrayMove)(dataSource, oldIndex, newIndex).filter(function (el) {
         return !!el;
-      });
-      // setDataSource([...newData])
+      }); // setDataSource([...newData])
+
       onChange === null || onChange === void 0 ? void 0 : onChange(newData);
     }
   };
+
+  var onColSortEnd = function onColSortEnd(active, over) {
+    var oldIndex = columns.findIndex(function (item) {
+      return item.dataIndex === active;
+    });
+    var newIndex = columns.findIndex(function (item) {
+      return item.dataIndex === over;
+    });
+    filterChange === null || filterChange === void 0 ? void 0 : filterChange((0, _sortable.arrayMove)(columns, oldIndex, newIndex).map(function (item, index) {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+        order: index
+      });
+    }));
+  };
+
   var DraggableContainer = function DraggableContainer(props) {
     return /*#__PURE__*/_react.default.createElement(SortContainer, (0, _extends2.default)({
       useDragHandle: true,
@@ -324,10 +376,11 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       onSortEnd: onSortEnd
     }, props));
   };
+
   var DraggableBodyRow = function DraggableBodyRow(props) {
     var className = props.className,
-      style = props.style,
-      restProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
+        style = props.style,
+        restProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
     var index = dataSource.findIndex(function (x) {
       return x[rowKey || 'index'] === restProps['data-row-key'];
     });
@@ -335,6 +388,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       index: index
     }, restProps));
   };
+
   var handleResize = function handleResize(index) {
     return function (e, _ref2) {
       var size = _ref2.size;
@@ -351,17 +405,19 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       setColumns(nextColumns);
     };
   };
+
   var endResize = function endResize() {
     setTimeout(function () {
       filterChange === null || filterChange === void 0 ? void 0 : filterChange(useColumns);
     });
   };
+
   var isSelected = function isSelected(i, j) {
     var _shellStatusRef$curre = shellStatusRef.current,
-      start = _shellStatusRef$curre.start,
-      end = _shellStatusRef$curre.end,
-      editing = _shellStatusRef$curre.editing,
-      commiting = _shellStatusRef$curre.commiting;
+        start = _shellStatusRef$curre.start,
+        end = _shellStatusRef$curre.end,
+        editing = _shellStatusRef$curre.editing,
+        commiting = _shellStatusRef$curre.commiting;
     var maxi = Math.max(start === null || start === void 0 ? void 0 : start.i, end.i);
     var mini = Math.min(start === null || start === void 0 ? void 0 : start.i, end.i);
     var maxj = Math.max(start === null || start === void 0 ? void 0 : start.j, end.j);
@@ -370,44 +426,58 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     return {
       /** 是否选中 */
       isSelected: isSelected,
+
       /** 是否尾行 */
       isEnd: i === maxi && j >= minj && j <= maxj,
+
       /** 是否尾列 */
       isRightEnd: j === maxj && i >= mini && i <= maxi,
+
       /** 是否在编辑中 */
       isEditing: (editing === null || editing === void 0 ? void 0 : editing.i) === i && (editing === null || editing === void 0 ? void 0 : editing.j) === j,
+
       /** 是否有效拉伸 */
       isVaildCommit: isEmpty(commiting) ? false : isSelected && !(0, _util.checkIsSelectd)(i, j, commiting === null || commiting === void 0 ? void 0 : commiting.start, commiting === null || commiting === void 0 ? void 0 : commiting.end),
+
       /** 是否选中只读框  */
       // TODO
       selectedReadonly: true
     };
   };
   /** 获取框选的数据 */
+
+
   var getSelectDatas = function getSelectDatas(start, end) {
     return (0, _util.range)(start.i, end.i).map(function (i) {
       return (0, _util.range)(start.j, end.j).map(function (j) {
         var _columns$j, _columns$j2;
+
         var columnKey = (groupColKeys === null || groupColKeys === void 0 ? void 0 : groupColKeys.length) ? deepColumnsRef.current[j].dataIndex : (_columns$j = columns[j]) === null || _columns$j === void 0 ? void 0 : _columns$j.dataIndex;
         var dataItem = (groupRowKeys === null || groupRowKeys === void 0 ? void 0 : groupRowKeys.length) ? deepDataSourceRef.current[i] : dataSource[i];
         var cell = dataItem === null || dataItem === void 0 ? void 0 : dataItem[columnKey];
+
         if ((_columns$j2 = columns[j]) === null || _columns$j2 === void 0 ? void 0 : _columns$j2.render) {
           var _columns$j3, _columns$j3$render;
+
           return (_columns$j3 = columns[j]) === null || _columns$j3 === void 0 ? void 0 : (_columns$j3$render = _columns$j3.render) === null || _columns$j3$render === void 0 ? void 0 : _columns$j3$render.call(_columns$j3, cell, dataItem, i);
         }
+
         return cell;
       }).join('\t');
     }).join('\n');
   };
-
   /** 复制选中内容 */
+
+
   var handleCopy = function handleCopy(e) {
     var _e$clipboardData;
+
     e === null || e === void 0 ? void 0 : e.preventDefault();
     var _shellStatusRef$curre2 = shellStatusRef.current,
-      start = _shellStatusRef$curre2.start,
-      end = _shellStatusRef$curre2.end;
+        start = _shellStatusRef$curre2.start,
+        end = _shellStatusRef$curre2.end;
     var text = copyAllData.current || getSelectDatas(start, end);
+
     if (window.clipboardData && window.clipboardData.setData) {
       window.clipboardData.setData('Text', text);
       document.removeEventListener('copy', handleCopy);
@@ -416,30 +486,39 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       document.removeEventListener('copy', handleCopy);
     } else if (!copyAllData.current) {
       var _document;
+
       (_document = document) === null || _document === void 0 ? void 0 : _document.execCommand('copy');
+
       if (contextMenuStatus) {
         setContextMenuStatus(false);
       }
     }
+
     copyAllData.current = null;
   };
-
   /** 复制所有数据 */
+
+
   var handleCopyAll = function handleCopyAll(e) {
     var _document2;
+
     e === null || e === void 0 ? void 0 : e.preventDefault();
     var source = dataSourceRef.current;
     var columns = columnsRef.current;
     var text = source.map(function (rItem, i) {
       return columns.map(function (cItem, j) {
         var _columns$j4, _columns$j5;
+
         var columnKey = (_columns$j4 = columns[j]) === null || _columns$j4 === void 0 ? void 0 : _columns$j4.dataIndex;
         var dataItem = dataSource[i];
         var cell = dataItem === null || dataItem === void 0 ? void 0 : dataItem[columnKey];
+
         if ((_columns$j5 = columns[j]) === null || _columns$j5 === void 0 ? void 0 : _columns$j5.render) {
           var _columns$j6, _columns$j6$render;
+
           return (_columns$j6 = columns[j]) === null || _columns$j6 === void 0 ? void 0 : (_columns$j6$render = _columns$j6.render) === null || _columns$j6$render === void 0 ? void 0 : _columns$j6$render.call(_columns$j6, cell, dataItem, i);
         }
+
         return cell;
       }).join('\t');
     }).join('\n');
@@ -447,10 +526,13 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.execCommand('copy');
     setContextMenuStatus(false);
   };
+
   var onMouseOver = function onMouseOver(i, j) {
     var _shellStatusRef$curre3, _shellStatusRef$curre6, _checkStatus, _shellStatusRef$curre7;
+
     if (isEmpty(shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre3 = shellStatusRef.current) === null || _shellStatusRef$curre3 === void 0 ? void 0 : _shellStatusRef$curre3.commiting)) {
       var _shellStatusRef$curre4, _shellStatusRef$curre5;
+
       if ((shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre4 = shellStatusRef.current) === null || _shellStatusRef$curre4 === void 0 ? void 0 : _shellStatusRef$curre4.selecting) && isEmpty(shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre5 = shellStatusRef.current) === null || _shellStatusRef$curre5 === void 0 ? void 0 : _shellStatusRef$curre5.editing)) {
         shellStatusRef.current = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, shellStatusRef.current), {}, {
           end: {
@@ -469,9 +551,11 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       if ((0, _util.isSelectCrossRowGroup)(i, shellStatusRef, deepDataSourceRef)) {
         return;
       }
+
       if ((0, _util.isSelectCrossInvalidCol)(i, j, shellStatusRef, deepDataSourceRef, deepColumnsRef)) {
         return;
       }
+
       shellStatusRef.current = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, shellStatusRef.current), {}, {
         end: {
           i: i,
@@ -485,9 +569,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         }
       }));
     }
-  };
+  }; // 通过表格的行列索引，获取对应的原始数据的item信息
+
 
-  // 通过表格的行列索引，获取对应的原始数据的item信息
   var getSourceItemInfo = function getSourceItemInfo(trIndex, tdIndex) {
     var innerColumns = (groupColKeys === null || groupColKeys === void 0 ? void 0 : groupColKeys.length) ? deepColumnsRef.current : columns;
     var columnsKeysList = innerColumns.map(function (item) {
@@ -499,15 +583,19 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       index: -1,
       key: undefined
     };
+
     if (key === undefined) {
       return nil;
-    }
-    // 列分组的情况下
+    } // 列分组的情况下
+
+
     if (groupColKeys === null || groupColKeys === void 0 ? void 0 : groupColKeys.length) {
       var _deepDataSourceRef$cu;
+
       if ((groupRowKeys === null || groupRowKeys === void 0 ? void 0 : groupRowKeys.length) && (deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : (_deepDataSourceRef$cu = deepDataSourceRef.current) === null || _deepDataSourceRef$cu === void 0 ? void 0 : _deepDataSourceRef$cu[trIndex]._group)) {
         return nil;
       }
+
       index = (0, _util.getDataSourceIndex)({
         key: key,
         dataSource: dataSource
@@ -519,57 +607,65 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     } else {
       index = trIndex;
     }
+
     return {
       index: index,
       key: key
     };
   };
-
   /** sheel 表格 鼠标松开 */
+
   /** TODO: 在分组的情况，需要排除_group行的数据转换，以及要进行对子级的覆盖 */
+
+
   var sheelOnMouseUp = function sheelOnMouseUp() {
     var _shellStatusRef$curre8;
+
     if (!isEmpty((_shellStatusRef$curre8 = shellStatusRef.current) === null || _shellStatusRef$curre8 === void 0 ? void 0 : _shellStatusRef$curre8.commiting)) {
       var _commiting$start, _commiting$end, _commiting$start2, _commiting$end2, _difference, _difference2, _obj$i;
+
       var _shellStatusRef$curre9 = shellStatusRef.current,
-        start = _shellStatusRef$curre9.start,
-        end = _shellStatusRef$curre9.end,
-        commiting = _shellStatusRef$curre9.commiting;
-      //
+          start = _shellStatusRef$curre9.start,
+          end = _shellStatusRef$curre9.end,
+          commiting = _shellStatusRef$curre9.commiting; //
+
       var innerColumns = (groupColKeys === null || groupColKeys === void 0 ? void 0 : groupColKeys.length) ? deepColumnsRef.current : columns;
-      var innerDataSource = (groupRowKeys === null || groupRowKeys === void 0 ? void 0 : groupRowKeys.length) ? deepDataSourceRef.current : dataSource;
-      //
+      var innerDataSource = (groupRowKeys === null || groupRowKeys === void 0 ? void 0 : groupRowKeys.length) ? deepDataSourceRef.current : dataSource; //
+
       var columnsKeysList = innerColumns.map(function (item) {
         return item.dataIndex;
-      });
-      // 行文本
+      }); // 行文本
+
       var rowtext = (0, _util.getSelectionRowText)({
         selection: commiting,
         columnsKeysList: columnsKeysList,
         dataSource: innerDataSource
-      });
-      // 列文本
+      }); // 列文本
+
       var coltext = (0, _util.getSelectionColText)({
         selection: commiting,
         columns: innerColumns,
         dataSource: innerDataSource
       });
       /** 选择范围 例如：i:[0,1], j:[1,2] */
+
       var selectedRange = {
         i: (0, _util.range)(start.i, end.i),
         j: (0, _util.range)(start.j, end.j)
       };
       /** 提交范围 */
+
       var commitRange = {
         i: (0, _util.range)(commiting === null || commiting === void 0 ? void 0 : (_commiting$start = commiting.start) === null || _commiting$start === void 0 ? void 0 : _commiting$start.i, commiting === null || commiting === void 0 ? void 0 : (_commiting$end = commiting.end) === null || _commiting$end === void 0 ? void 0 : _commiting$end.i),
         j: (0, _util.range)(commiting === null || commiting === void 0 ? void 0 : (_commiting$start2 = commiting.start) === null || _commiting$start2 === void 0 ? void 0 : _commiting$start2.j, commiting === null || commiting === void 0 ? void 0 : (_commiting$end2 = commiting.end) === null || _commiting$end2 === void 0 ? void 0 : _commiting$end2.j)
-      };
-      // obj 为新增的范围
+      }; // obj 为新增的范围
+
       var obj = {
         i: [],
         j: []
       };
       var type = '';
+
       if ((_difference = (0, _lodash.difference)(selectedRange.i, commitRange.i)) === null || _difference === void 0 ? void 0 : _difference.length) {
         obj = {
           i: (0, _lodash.difference)(selectedRange.i, commitRange.i),
@@ -583,38 +679,49 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         };
         type = 'col';
       }
+
       var data = (0, _lodash.cloneDeep)(dataSourceRef.current);
       (_obj$i = obj.i) === null || _obj$i === void 0 ? void 0 : _obj$i.forEach(function (tri, index) {
         var _obj$j;
+
         (_obj$j = obj.j) === null || _obj$j === void 0 ? void 0 : _obj$j.forEach(function (tdj) {
           var _isSelected;
+
           if ((_isSelected = isSelected(tri, tdj)) === null || _isSelected === void 0 ? void 0 : _isSelected.isSelected) {
             var _deepColumnsRef$curre, _deepColumnsRef$curre2;
+
             // 只读列无法修改其内容
             if (deepColumnsRef === null || deepColumnsRef === void 0 ? void 0 : (_deepColumnsRef$curre = deepColumnsRef.current) === null || _deepColumnsRef$curre === void 0 ? void 0 : (_deepColumnsRef$curre2 = _deepColumnsRef$curre[tdj]) === null || _deepColumnsRef$curre2 === void 0 ? void 0 : _deepColumnsRef$curre2.readOnly) {
               return;
             }
+
             var _getSourceItemInfo = getSourceItemInfo(tri, tdj),
-              sourceIndex = _getSourceItemInfo.index,
-              key = _getSourceItemInfo.key;
+                sourceIndex = _getSourceItemInfo.index,
+                key = _getSourceItemInfo.key;
+
             if (sourceIndex < 0 || sourceIndex >= data.length) {
               return;
-            }
-            // 行替换
+            } // 行替换
+
+
             if (type === 'row') {
               var _rowtext;
+
               data[sourceIndex][key] = (_rowtext = rowtext[index % rowtext.length]) === null || _rowtext === void 0 ? void 0 : _rowtext[tdj];
             } else {
               var _coltext;
+
               // 列替换
               data[sourceIndex][key] = (_coltext = coltext[index % coltext.length]) === null || _coltext === void 0 ? void 0 : _coltext[tdj % coltext[index % coltext.length].length];
             }
           }
         });
       });
+
       if (editSheet) {
         dataChange === null || dataChange === void 0 ? void 0 : dataChange(data);
       }
+
       setSheelStatus((0, _objectSpread2.default)((0, _objectSpread2.default)({}, sheelStataus), {}, {
         selecting: false,
         commiting: {}
@@ -632,12 +739,15 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         selecting: false
       });
     }
+
     document.removeEventListener('mouseup', sheelOnMouseUp);
   };
-
   /** 剪切内容 */
+
+
   var handleCut = function handleCut(e) {
     var _shellStatusRef$curre10;
+
     if (isEmpty((_shellStatusRef$curre10 = shellStatusRef.current) === null || _shellStatusRef$curre10 === void 0 ? void 0 : _shellStatusRef$curre10.editing)) {
       e.preventDefault();
       handleCopy(e);
@@ -646,16 +756,20 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       // clearSelectedCells(start, end)
     }
   };
-
   /** 内容粘贴 */
+
   /** TODO: 在分组的情况，需要排除_group行的数据转换 */
+
+
   var handlePaste = function handlePaste(e) {
     var _shellStatusRef$curre11;
+
     if (isEmpty((_shellStatusRef$curre11 = shellStatusRef.current) === null || _shellStatusRef$curre11 === void 0 ? void 0 : _shellStatusRef$curre11.editing)) {
       var _pasteData;
+
       var _shellStatusRef$curre12 = shellStatusRef.current,
-        start = _shellStatusRef$curre12.start,
-        end = _shellStatusRef$curre12.end;
+          start = _shellStatusRef$curre12.start,
+          end = _shellStatusRef$curre12.end;
       start = {
         i: Math.min(start.i, end.i),
         j: Math.min(start.j, end.j)
@@ -666,13 +780,15 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       };
       var parse = defaultParsePaste;
       var pasteData = [];
+
       if (window.clipboardData && window.clipboardData.getData) {
         // IE
         pasteData = parse(window.clipboardData.getData('Text'));
       } else if (e.clipboardData && e.clipboardData.getData) {
         pasteData = parse(e.clipboardData.getData('text/plain'));
-      }
-      // in order of preference
+      } // in order of preference
+
+
       var resultEnd = [];
       (_pasteData = pasteData) === null || _pasteData === void 0 ? void 0 : _pasteData.forEach(function (row, i) {
         row === null || row === void 0 ? void 0 : row.forEach(function (value, j) {
@@ -686,30 +802,37 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       var res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
         resultEnd === null || resultEnd === void 0 ? void 0 : resultEnd.forEach(function (item) {
           var _isSelected2;
+
           if ((_isSelected2 = isSelected(item.i, item.j)) === null || _isSelected2 === void 0 ? void 0 : _isSelected2.isSelected) {
             var _getSourceItemInfo2 = getSourceItemInfo(item.i, item.j),
-              index = _getSourceItemInfo2.index,
-              key = _getSourceItemInfo2.key;
+                index = _getSourceItemInfo2.index,
+                key = _getSourceItemInfo2.key;
+
             if (index < 0 || index >= draft.length) {
               return;
             }
+
             draft[index][key] = item.value;
           }
         });
       });
       /** 只有开通了编辑权限之后才可以 */
+
       if (editSheet) {
         dataChange === null || dataChange === void 0 ? void 0 : dataChange(res);
       }
-    }
-    // 修复重复问题
+    } // 修复重复问题
+
+
     document.removeEventListener('paste', handlePaste);
     document.removeEventListener('copy', handleCopy);
     document.removeEventListener('cut', handleCut);
   };
+
   var pageClick = function pageClick(e) {
     // if (this.props.disablePageClick) return;
     var element = tableWarpRef.current;
+
     if (!(element === null || element === void 0 ? void 0 : element.contains(e.target))) {
       shellStatusRef.current = {
         start: {},
@@ -728,21 +851,27 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       document.removeEventListener('paste', handlePaste);
     }
     /** 关闭右键 */
+
+
     var contentElement = contentMenuRef.current;
+
     if (!(contentElement === null || contentElement === void 0 ? void 0 : contentElement.contains(e.target))) {
       setContextMenuStatus(false);
     }
   };
-
   /** sheel 表格 鼠标点击 */
+
   /**
    * i 行
    * j 列
    * e 点击元素
    * commitStatus boolena 是否点击了快速选择
    */
+
+
   var sheelMouseDown = function sheelMouseDown(i, j, e, commitStatus) {
     var _shellStatusRef$curre13, _shellStatusRef$curre14, _shellStatusRef$curre15, _shellStatusRef$curre16, _shellStatusRef$curre17, _shellStatusRef$curre18, _shellStatusRef$curre19, _shellStatusRef$curre20, _shellStatusRef$curre21, _shellStatusRef$curre22;
+
     var isNowEditingSameCell = !isEmpty((_shellStatusRef$curre13 = shellStatusRef.current) === null || _shellStatusRef$curre13 === void 0 ? void 0 : _shellStatusRef$curre13.editing) && ((_shellStatusRef$curre14 = shellStatusRef.current) === null || _shellStatusRef$curre14 === void 0 ? void 0 : _shellStatusRef$curre14.editing.i) === i && ((_shellStatusRef$curre15 = shellStatusRef.current) === null || _shellStatusRef$curre15 === void 0 ? void 0 : _shellStatusRef$curre15.editing.j) === j;
     var editing = isEmpty((_shellStatusRef$curre16 = shellStatusRef.current) === null || _shellStatusRef$curre16 === void 0 ? void 0 : _shellStatusRef$curre16.editing) || ((_shellStatusRef$curre17 = shellStatusRef.current) === null || _shellStatusRef$curre17 === void 0 ? void 0 : _shellStatusRef$curre17.editing.i) !== i || ((_shellStatusRef$curre18 = shellStatusRef.current) === null || _shellStatusRef$curre18 === void 0 ? void 0 : _shellStatusRef$curre18.editing.j) !== j ? {} : (_shellStatusRef$curre19 = shellStatusRef.current) === null || _shellStatusRef$curre19 === void 0 ? void 0 : _shellStatusRef$curre19.editing;
     shellStatusRef.current = {
@@ -766,50 +895,56 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       } : {}
     };
     setSelectIng(!isNowEditingSameCell);
+
     if (commitStatus) {
       setCommitIng(true);
     }
+
     if (isEmpty((_shellStatusRef$curre22 = shellStatusRef.current) === null || _shellStatusRef$curre22 === void 0 ? void 0 : _shellStatusRef$curre22.editing)) {
       setEditIng(false);
     }
+
     document.addEventListener('mouseup', sheelOnMouseUp);
     document.addEventListener('mousedown', pageClick);
     document.addEventListener('cut', handleCut);
     document.addEventListener('copy', handleCopy);
     document.addEventListener('paste', handlePaste);
   };
-
   /** 鼠标右键点击事件 */
+
+
   var onContextMenu = function onContextMenu(evt, i, j) {
     evt.preventDefault();
     var _shellStatusRef$curre23 = shellStatusRef.current,
-      start = _shellStatusRef$curre23.start,
-      end = _shellStatusRef$curre23.end;
+        start = _shellStatusRef$curre23.start,
+        end = _shellStatusRef$curre23.end;
     /** 如果表格当前没有选择，则把当前的右击的td块默认选中 */
+
     if (isEmpty(start) && isEmpty(end)) {
       sheelMouseDown(i, j, evt);
     }
+
     if (!(0, _util.checkIsSelectd)(i, j, start, end)) {
       sheelMouseDown(i, j, evt);
     }
-    setContextMenuStatus(true);
-    // 获得点击的位置
+
+    setContextMenuStatus(true); // 获得点击的位置
+
     var clientX = evt.clientX,
-      clientY = evt.clientY;
-    // 文档显示区的宽度
+        clientY = evt.clientY; // 文档显示区的宽度
+
     var screenW = window.innerWidth;
-    var screenH = window.innerHeight;
-    // 右键菜单的宽度
+    var screenH = window.innerHeight; // 右键菜单的宽度
     // const rightClickRefW = rightClickRef.current.offsetWidth;
     // const rightClickRefH = rightClickRef.current.offsetHeight;
-    var rightClickRefW = 200;
-    var rightClickRefH = 200;
 
-    // right为true，说明鼠标点击的位置到浏览器的右边界的宽度可以放下contextmenu。
+    var rightClickRefW = 200;
+    var rightClickRefH = 200; // right为true，说明鼠标点击的位置到浏览器的右边界的宽度可以放下contextmenu。
     // 否则，菜单放到左边。
+
     var right = screenW - clientX > rightClickRefW;
-    var top = screenH - clientY > rightClickRefH;
-    // 赋值右键菜单离鼠标一些距离
+    var top = screenH - clientY > rightClickRefH; // 赋值右键菜单离鼠标一些距离
+
     clientX = right ? clientX + 6 : clientX - rightClickRefW - 6;
     clientY = top ? clientY + 6 : clientY - rightClickRefH - 6;
     setStyle((0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, {
@@ -817,6 +952,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       top: clientY
     }));
   };
+
   var onSheelDoubleClick = function onSheelDoubleClick(i, j, col) {
     if (editSheet) {
       if (!col.readOnly) {
@@ -832,14 +968,17 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }
     }
   };
+
   var dataSourceChange = function dataSourceChange(i, j, value) {
     var _getSourceItemInfo3 = getSourceItemInfo(i, j),
-      index = _getSourceItemInfo3.index,
-      key = _getSourceItemInfo3.key;
+        index = _getSourceItemInfo3.index,
+        key = _getSourceItemInfo3.key;
+
     if (index < 0 || index >= dataSourceRef.current.length) {
       return;
-    }
-    // 表格中的行数 转化为 对应的数据源索引
+    } // 表格中的行数 转化为 对应的数据源索引
+
+
     var res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
       draft[index][key] = value;
     });
@@ -850,6 +989,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       clear: {}
     });
   };
+
   (0, _react.useEffect)(function () {
     return function () {
       document.removeEventListener('mousedown', pageClick);
@@ -861,33 +1001,32 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, []);
   var resetColumns = (0, _react.useCallback)(function () {
     var colIndex = 0;
+
     var traverseColumns = function traverseColumns(columns) {
-      var _loop = function _loop(_i) {
-        var col = columns[_i];
+      columns === null || columns === void 0 ? void 0 : columns.forEach(function (col, index) {
         if (col.show === false) {
-          columns.splice(_i, 1);
-          _i -= 1;
-        } else if (col.children && col.children.length) {
+          return;
+        }
+
+        if (col.children && col.children.length) {
           traverseColumns(col.children);
+          return;
         } else {
           // $_ 开头表示私有属性
           col.$_colIndex = colIndex;
-          // eslint-disable-next-line no-loop-func
+
           col.onHeaderCell = function (column) {
-            i = _i;
             return resizeable ? {
               width: column.width,
-              dataIndex: column.dataIndex,
-              onResize: handleResize(_i),
+              onResize: handleResize(index),
               onResizeStop: endResize
             } : {
-              width: column.width,
-              dataIndex: column.dataIndex
+              width: column.width
             };
           };
+
           if (openSheet) {
             col.onCell = function (record, rowIndex) {
-              i = _i;
               return {
                 record: record,
                 rowKey: rowKey,
@@ -906,18 +1045,17 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
               };
             };
           }
-          colIndex += 1;
         }
-        i = _i;
-      };
-      for (var i = 0; i < columns.length; i += 1) {
-        _loop(i);
-      }
+
+        colIndex += 1;
+      });
     };
+
     var innerColumns = (0, _lodash.cloneDeep)(useColumns.filter(function (item) {
       return item.show !== false;
     }));
     traverseColumns(innerColumns, null);
+
     if (groupRowKeys === null || groupRowKeys === void 0 ? void 0 : groupRowKeys.length) {
       /** 如果是进行了行分组，则会生成一列dataIndex为Group的Col, 如果需要修改此处，请备注原因 */
       innerColumns = [{
@@ -925,23 +1063,28 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         title: '分组',
         dataIndex: '_group',
         key: '_group',
-        width: groupWidth || 100,
-        fixed: true
+        width: 100
       }].concat((0, _toConsumableArray2.default)(innerColumns));
     }
+
     return sortOpen ? [sortDefaultColumnItem].concat((0, _toConsumableArray2.default)(innerColumns)) : innerColumns;
   }, [useColumns, sortOpen, selectIng, dataSource, groupRowKeys, commitIng]);
+  (0, _react.useEffect)(function () {
+    setColumns(columns);
+  }, [columns]); // 行点击事件
 
-  // 行点击事件
   var onRecord = function onRecord(record) {
     var _Object$assign = Object.assign(_resetConfig.default.checkConfig, checkConfig),
-      trigger = _Object$assign.trigger,
-      highlight = _Object$assign.highlight;
+        trigger = _Object$assign.trigger,
+        highlight = _Object$assign.highlight;
+
     if (highlight) {
       setActiveKey(record[rowKey]);
     }
+
     if (trigger === 'row') {
       var selectedRows = useSelectedRows.selectedRows;
+
       if (tableRowType === 'select' || tableRowType === 'default' && selectedRows.length) {
         if ((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) === 'radio') {
           setSelectedRows({
@@ -960,21 +1103,16 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     } else {
       rowClick === null || rowClick === void 0 ? void 0 : rowClick(record);
     }
-  };
-
-  // 重写表格，增加虚拟滚动
+  }; // 重写表格，增加虚拟滚动
   // const vComponents = useMemo(() => {
   //   return VList({
   //     height: autoSize.height, // 此值和scrollY值相同. 必传.
   //   })
   // }, [autoSize.height])
-
   // 复选框配置
+
+
   var config = (0, _react.useMemo)(function () {
-    var autoSizeHeight = autoSize.height;
-    if (autoSizeHeight === '100%' && (openRowGroup || openColGroup)) {
-      autoSizeHeight = 'calc(100% - 100px)';
-    }
     return (0, _objectSpread2.default)({
       defaultSize: 'small',
       tableLayout: 'fixed',
@@ -998,7 +1136,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       checkConfig: checkConfig,
       // components: vComponents,
       scroll: resetProps.autoSizer || resetProps.scroll ? (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        y: autoSizeHeight
+        y: autoSize.height
       }, resetProps.scroll), resizeable ? {
         x: '100%'
       } : {}) : resizeable ? {
@@ -1024,13 +1162,13 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         selectedRowKeys: useSelectedRows.selectedRows.map(function (v) {
           return (0, _lodash.isObject)(v) ? v[rowKey] : v;
         }),
+
         /** 如果开启了行分组，则需要把checkStrictly关闭，变成受控模式 */
         checkStrictly: !(groupRowKeys === null || groupRowKeys === void 0 ? void 0 : groupRowKeys.length),
         onChange: !(rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) ? function (selectedRowKeys, selectedRows) {
           setSelectedRows({
             selectedRows: selectedRows
-          });
-          // rowClick?.(selectedRows)
+          }); // rowClick?.(selectedRows)
         } : undefined,
         onSelectAll: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) ? function (selected, selectedRows, changeRows) {
           var changeRowKeys = changeRows === null || changeRows === void 0 ? void 0 : changeRows.map(function (item) {
@@ -1041,8 +1179,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           });
           setSelectedRows({
             selectedRows: reulstSelect
-          });
-          // rowClick?.(reulstSelect)
+          }); // rowClick?.(reulstSelect)
         } : undefined,
         onSelect: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) ? function (record, selected) {
           var reulstSelect = rowSelection.type === 'radio' ? [record] : selected ? (0, _lodash.uniqBy)([].concat((0, _toConsumableArray2.default)(rowSelection.selectedRows), [record]), rowKey) : rowSelection.selectedRows.filter(function (item) {
@@ -1050,8 +1187,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           });
           setSelectedRows({
             selectedRows: reulstSelect
-          });
-          // rowClick?.(reulstSelect)
+          }); // rowClick?.(reulstSelect)
         } : undefined
       }, rowSelection),
       onRow: function onRow(record) {
@@ -1074,6 +1210,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var resultColumns = (0, _react.useMemo)(function () {
     var result = useColumns.map(function (item, index) {
       var _columnsStateMap$item, _columnsStateMap$item2, _columnsStateMap$item3, _columnsStateMap$item4;
+
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
         colSort: (columnsStateMap === null || columnsStateMap === void 0 ? void 0 : (_columnsStateMap$item = columnsStateMap[item.dataIndex]) === null || _columnsStateMap$item === void 0 ? void 0 : _columnsStateMap$item.order) === undefined ? index : (columnsStateMap === null || columnsStateMap === void 0 ? void 0 : (_columnsStateMap$item2 = columnsStateMap[item.dataIndex]) === null || _columnsStateMap$item2 === void 0 ? void 0 : _columnsStateMap$item2.order) || index,
         fixed: (columnsStateMap === null || columnsStateMap === void 0 ? void 0 : (_columnsStateMap$item3 = columnsStateMap[item.dataIndex]) === null || _columnsStateMap$item3 === void 0 ? void 0 : _columnsStateMap$item3.fixed) || item.fixed || undefined,
@@ -1092,9 +1229,10 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     columns === null || columns === void 0 ? void 0 : columns.forEach(function (item) {
       /** 目前支持三种 */
       var _ref3 = obj[item.dataIndex || item.key] || {},
-        order = _ref3.order,
-        show = _ref3.show,
-        fixed = _ref3.fixed;
+          order = _ref3.order,
+          show = _ref3.show,
+          fixed = _ref3.fixed;
+
       obj[item.dataIndex || item.key] = {
         fixed: fixed || item.fixed,
         show: show === false ? false : item.show || true,
@@ -1102,9 +1240,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       };
     });
     setColumnsStateMap(obj);
-  }, [columnsState]);
+  }, [columnsState]); // 将节点方法给外部使用
 
-  // 将节点方法给外部使用
   _react.default.useImperativeHandle(ref, function () {
     return {
       getCheckboxRecords: function getCheckboxRecords() {
@@ -1114,63 +1251,64 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       clearSelect: function clearSelect() {
         setSelectedRows({
           selectedRows: []
-        });
-        // rowClick?.([])
+        }); // rowClick?.([])
       },
-
       customSetCheckboxRecords: function customSetCheckboxRecords(value) {
         setSelectedRows({
           selectedRows: value
-        });
-        // rowClick?.(value)
+        }); // rowClick?.(value)
       },
-
       checkboxRecords: useSelectedRows.selectedRows,
       columns: useColumns.map(function (item) {
         return (0, _lodash.omit)(item, ['render', 'sorter', 'onFilter', 'filters']);
       })
     };
-  });
+  }); // loading触发清空选中状态
+  // useEffect(() => {
+  //   console.log(3)
+  //   setSelectedRows({ selectedRows: [] })
+  // }, [loading])
+
+
   var onTableChange = function onTableChange(pagination, filters, sorter, extra) {
     var resultColumns = useColumns.map(function (item) {
       var obj = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
         sortOrder: false
       });
       obj.filteredValue = filters[obj.dataIndex] || [];
+
       if (Array.isArray(sorter)) {
         var checkSort = sorter.find(function (s) {
           return s.field === obj.dataIndex;
         });
+
         if (checkSort) {
           obj.sortOrder = checkSort.order;
         }
       } else if ((sorter === null || sorter === void 0 ? void 0 : sorter.field) === obj.dataIndex) {
         obj.sortOrder = sorter.order;
       }
+
       return obj;
     });
     setColumns(resultColumns);
     filterChange === null || filterChange === void 0 ? void 0 : filterChange(resultColumns);
     onChange === null || onChange === void 0 ? void 0 : onChange(pagination, filters, sorter, extra);
   };
-
   /** 排序的表头 */
+
+
   var ResizableTitle = function ResizableTitle(props) {
     var _props$onResize = props.onResize,
-      onResize = _props$onResize === void 0 ? function () {} : _props$onResize,
-      width = props.width,
-      dataIndex = props.dataIndex,
-      onResizeStop = props.onResizeStop,
-      restProps = (0, _objectWithoutProperties2.default)(props, _excluded3);
+        onResize = _props$onResize === void 0 ? function () {} : _props$onResize,
+        width = props.width,
+        onResizeStop = props.onResizeStop,
+        restProps = (0, _objectWithoutProperties2.default)(props, _excluded3);
+
     if (!width) {
       return /*#__PURE__*/_react.default.createElement("th", restProps);
     }
-    var column = (0, _index.treeFind)(columns, function (node) {
-      return node.dataIndex === dataIndex;
-    });
-    if (!column) {
-      return /*#__PURE__*/_react.default.createElement("th", restProps);
-    }
+
     return /*#__PURE__*/_react.default.createElement(_reactResizable.Resizable, {
       width: width,
       height: 0,
@@ -1185,55 +1323,47 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       draggableOpts: {
         enableUserSelectHack: false
       }
-    }, /*#__PURE__*/_react.default.createElement("th", restProps, /*#__PURE__*/_react.default.createElement(_HeaderCol.default, (0, _extends2.default)({
-      column: column
-    }, props, {
-      openRowGroup: openRowGroup,
-      openColGroup: openColGroup
-    }))));
+    }, /*#__PURE__*/_react.default.createElement("th", restProps));
   };
+
   var colDraggableContainer = (0, _react.useCallback)(function (_ref4) {
-    var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref4), _ref4));
-    var children = props.children;
-    return /*#__PURE__*/_react.default.createElement("tr", null, children);
-  }, [columns]);
+    var props = (0, _extends2.default)({}, _ref4);
+    return /*#__PURE__*/_react.default.createElement("tr", null, _react.default.Children.map(props.children, function (child) {
+      var _child$props, _child$props$column;
 
-  // 重写表格
+      if (child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : (_child$props$column = _child$props.column) === null || _child$props$column === void 0 ? void 0 : _child$props$column.fixed) {
+        return child;
+      }
+
+      return /*#__PURE__*/_react.default.createElement(_sortableItemCol.default, {
+        id: child.key
+      }, child);
+    }));
+  }, [columns]);
   var tableComponents = (0, _react.useMemo)(function () {
     var _ref5 = components || {},
-      _ref5$body = _ref5.body,
-      body = _ref5$body === void 0 ? {} : _ref5$body,
-      _ref5$header = _ref5.header,
-      header = _ref5$header === void 0 ? {} : _ref5$header;
-    var table = null;
-    if (virtual) {
-      table = function InnerVirtualTable(props) {
-        return /*#__PURE__*/_react.default.createElement(_virTual.VirtualTable, (0, _extends2.default)({}, props, {
-          isEmpty: !customizeDataSource.length
-        }));
-      };
-    }
-    var headerRow = null;
-    if (openRowGroup || openColGroup) {
-      headerRow = colDraggableContainer;
-    }
-    var headerCell = null;
-    if (openRowGroup || openColGroup || resizeable) {
-      headerCell = ResizableTitle;
-    }
+        _ref5$body = _ref5.body,
+        body = _ref5$body === void 0 ? {} : _ref5$body,
+        _ref5$header = _ref5.header,
+        header = _ref5$header === void 0 ? {} : _ref5$header;
+
     return {
-      table: table,
+      // table: (record) => {
+      //   return <div style={record.style}>{record.children}</div>
+      // }
+      table: virtual ? _virTual.VirtualTable : null,
       header: (0, _objectSpread2.default)({
-        row: headerRow,
-        cell: headerCell
+        row: colSortOpen ? colDraggableContainer : null,
+        cell: resizeable ? ResizableTitle : null
       }, header),
-      body: (0, _objectSpread2.default)({
+      body: (0, _objectSpread2.default)((0, _objectSpread2.default)({
         wrapper: sortOpen ? DraggableContainer : virtual ? _virTual.VirtualWrapper : null,
-        row: sortOpen ? DraggableBodyRow : virtual ? _virTual.VirtualRow : null,
+        row: sortOpen ? DraggableBodyRow : virtual ? _virTual.VirtualRow : null
+      }, body), {}, {
         cell: openSheet ? _sheelTableCell.default : null
-      }, body)
+      })
     };
-  }, [sortOpen, resizeable, components, colSortOpen, customizeDataSource, columns]);
+  }, [sortOpen, resizeable, components, colSortOpen]);
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       height: '100%',
@@ -1247,14 +1377,12 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     } : emptyProps ? function () {
       return /*#__PURE__*/_react.default.createElement(_Empty.default, emptyProps, (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.footer) || null);
     } : _customRenderEmpty.default
-  }, openRowGroup || openColGroup || colSortOpen ? /*#__PURE__*/_react.default.createElement(_DndContainer.default, {
-    items: items,
-    updateItems: updateItems,
-    rowGroupTitle: rowGroupTitle,
-    colGroupTitle: colGroupTitle,
-    filterColumns: (columnsRef.current || []).filter(function (item) {
-      return item.rowGroup || item.colGroup;
-    })
+  }, colSortOpen ? /*#__PURE__*/_react.default.createElement(_DndContainer.default, {
+    move: onColSortEnd
+  }, /*#__PURE__*/_react.default.createElement(_sortableBoxCol.default, {
+    items: columns.reduce(function (acc, item) {
+      return [].concat((0, _toConsumableArray2.default)(acc), [item.dataIndex]);
+    }, [])
   }, /*#__PURE__*/_react.default.createElement(_proTable.default, (0, _extends2.default)({}, config, {
     loading: loading,
     dataSource: dataSource,
@@ -1281,7 +1409,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     summary: function summary(pageData) {
       return _summary && _summary(pageData, resultColumns);
     }
-  }))) : /*#__PURE__*/_react.default.createElement(_proTable.default, (0, _extends2.default)({}, config, {
+  })))) : /*#__PURE__*/_react.default.createElement(_proTable.default, (0, _extends2.default)({}, config, {
     loading: loading,
     dataSource: dataSource,
     components: tableComponents,
@@ -1319,34 +1447,43 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, "\u590D\u5236"), /*#__PURE__*/_react.default.createElement("div", {
     className: "rightClickItems",
     onClick: handleCopyAll
-  }, "\u590D\u5236\u5168\u90E8")));
-});
+  }, "\u590D\u5236\u5168\u90E8")), chartsModalStatus && /*#__PURE__*/_react.default.createElement(_tableChartsModal.default, {
+    type: chartsModalStatus,
+    onCancel: function onCancel() {
+      return setChartsModalStatus(false);
+    },
+    onOk: function onOk() {
+      return setChartsModalStatus(false);
+    },
+    data: dataSource,
+    deepDataSource: deepDataSourceRef.current,
+    rowKey: rowKey,
+    columns: columns,
+    selectInfo: (0, _lodash.pick)(shellStatusRef.current, ['start', 'end'])
+  }));
+}); // 监听大小: 这里的高度是整个表格的高度，表体需要减去列头和分页的高度
 
-// 监听大小: 这里的高度是整个表格的高度，表体需要减去列头和分页的高度
 /** 1: 使用scroll.x y 来控制宽高 默认都是100% */
+
 var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$autoSizer = props.autoSizer,
-    autoSizer = _props$autoSizer === void 0 ? false : _props$autoSizer,
-    openRowGroup = props.openRowGroup,
-    openColGroup = props.openColGroup,
-    groupHeight = props.groupHeight,
-    footer = props.footer,
-    footerHeight = props.footerHeight;
-  var _useState21 = (0, _react.useState)({
-      width: '100%',
-      height: '100%'
-    }),
-    _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
-    tableSize = _useState22[0],
-    setTableSize = _useState22[1];
+      autoSizer = _props$autoSizer === void 0 ? false : _props$autoSizer;
+
+  var _useState23 = (0, _react.useState)({
+    width: '100%',
+    height: '100%'
+  }),
+      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
+      tableSize = _useState24[0],
+      setTableSize = _useState24[1];
+
   var defaultRef = ref || (0, _react.useRef)(null);
   var tableWarpRef = (0, _react.useRef)(null);
   var resizeRef = (0, _react.useRef)(null);
-  var clsName = (0, _classnames.default)(footer && 'lm_protable_with_footer');
+
   if (!autoSizer) {
     return /*#__PURE__*/_react.default.createElement("div", {
       ref: tableWarpRef,
-      className: clsName,
       id: "lm_protable_warp",
       style: {
         width: '100%',
@@ -1361,34 +1498,24 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }
     })));
   }
+
   var resetHeight = (0, _react.useMemo)(function () {
-    var height = tableSize.height;
-    if (typeof height === 'string') {
-      return height;
-    }
-    // 头部高度
+    var height = tableSize.height; // 头部高度
+
     var h = height - (props.size === 'middle' ? 47 : 40);
+
     if (!props.hiddenPage || props.customCheck) {
       h -= 48;
     }
+
     if (props.columns.some(function (v) {
       return v.children;
     })) {
       h -= 32;
     }
-    // 行列分组的高度
-    if (openRowGroup || openColGroup) {
-      h -= groupHeight || 102;
-    }
-    if (footer) {
-      h -= footerHeight || 54;
-    }
-    // safe area
-    if (h < 0) {
-      h = 0;
-    }
+
     return h;
-  }, [props.hiddenPage, props.customCheck, props.columns, tableSize, footer, footerHeight, groupHeight]);
+  }, [props.hiddenPage, props.customCheck, props.columns, tableSize]);
   var throttleSize = (0, _react.useCallback)(function () {
     var width = tableSize.width;
     return /*#__PURE__*/_react.default.createElement(ResetTable, (0, _extends2.default)({
@@ -1400,21 +1527,26 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }
     }));
   }, [tableSize, props]);
+
   var changeSize = function changeSize() {
     if (!tableWarpRef.current) {
       return;
     }
+
     var value = props.summary ? 48 : 0;
+
     var _ref6 = tableWarpRef.current.getBoundingClientRect() || {},
-      _ref6$width = _ref6.width,
-      width = _ref6$width === void 0 ? '100%' : _ref6$width,
-      _ref6$height = _ref6.height,
-      height = _ref6$height === void 0 ? '100%' : _ref6$height;
+        _ref6$width = _ref6.width,
+        width = _ref6$width === void 0 ? '100%' : _ref6$width,
+        _ref6$height = _ref6.height,
+        height = _ref6$height === void 0 ? '100%' : _ref6$height;
+
     setTableSize({
       width: width,
       height: typeof height === 'string' ? "calc(".concat(height, " - ").concat(value, "px)") : height - value
     });
   };
+
   var handResize = (0, _lodash.throttle)(changeSize, 600);
   (0, _react.useEffect)(function () {
     var summary = props.summary;
@@ -1422,11 +1554,13 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       if (!tableWarpRef.current) {
         return;
       }
+
       var _tableWarpRef$current = tableWarpRef.current.getBoundingClientRect(),
-        _tableWarpRef$current2 = _tableWarpRef$current.width,
-        width = _tableWarpRef$current2 === void 0 ? '100%' : _tableWarpRef$current2,
-        _tableWarpRef$current3 = _tableWarpRef$current.height,
-        height = _tableWarpRef$current3 === void 0 ? '100%' : _tableWarpRef$current3;
+          _tableWarpRef$current2 = _tableWarpRef$current.width,
+          width = _tableWarpRef$current2 === void 0 ? '100%' : _tableWarpRef$current2,
+          _tableWarpRef$current3 = _tableWarpRef$current.height,
+          height = _tableWarpRef$current3 === void 0 ? '100%' : _tableWarpRef$current3;
+
       var value = summary ? 48 : 0;
       setTableSize({
         width: width,
@@ -1439,7 +1573,6 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     };
   }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: clsName,
     ref: tableWarpRef,
     id: "lm_protable_warp",
     style: {
@@ -1448,5 +1581,7 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }
   }, throttleSize());
 });
+
 var _default = /*#__PURE__*/(0, _react.memo)(ResizeSize);
+
 exports.default = _default;