linkmore-design 1.1.19 → 1.1.20

package/lib/LmTable/Table.js

@@ -1,1581 +0,0 @@
-"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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-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 _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 _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' }} />);
-
-
-var DragHandle = (0, _reactSortableHoc.SortableHandle)(function () {
-  return /*#__PURE__*/_react.default.createElement(_IconFont.default, {
-    type: "lmweb-icon-m-receipt1",
-    style: {
-      cursor: 'move',
-      fontSize: '16px'
-    }
-  });
-});
-var sortDefaultColumnItem = {
-  title: '排序',
-  dataIndex: 'sort',
-  width: 48,
-  maxWidth: 48,
-  className: 'drag-visible',
-  render: function render() {
-    return /*#__PURE__*/_react.default.createElement(DragHandle, null);
-  }
-};
-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,
-      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;
-
-  var _React$useContext = _react.default.useContext(ConfigContext),
-      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: [] }) // 复选中的值
-
-
-  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];
-
-  var _useState = (0, _react.useState)(''),
-      _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);
-  var columnsRef = (0, _react.useRef)(null);
-  /** 右键的ref */
-
-  var contentMenuRef = (0, _react.useRef)(null);
-  /** 当前展开的列 */
-
-  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 copyAllData = (0, _react.useRef)(null);
-  /** 记录最原始数据 */
-
-  (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];
-  /** 列分组 */
-
-
-  var _useMemo = (0, _react.useMemo)(function () {
-    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 _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: {},
-    selecting: false,
-    forceEdit: false,
-    editing: {},
-    clear: {},
-    commiting: {}
-  });
-
-  var _useState9 = (0, _react.useState)(false),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      selectIng = _useState10[0],
-      setSelectIng = _useState10[1];
-
-  var _useState11 = (0, _react.useState)(false),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      editIng = _useState12[0],
-      setEditIng = _useState12[1];
-
-  var _useState13 = (0, _react.useState)(false),
-      _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 _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')); // 展开
-
-        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]); // 列分组数据铺平，在框选时获取数据使用
-
-  (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) {
-          deepChildren(item.children);
-        } else {
-          source.push(item);
-        }
-      });
-    };
-
-    deepChildren(columns);
-    deepColumnsRef.current = source;
-  }, [columns, groupColKeys]);
-
-  var onSortEnd = function onSortEnd(_ref) {
-    var oldIndex = _ref.oldIndex,
-        newIndex = _ref.newIndex;
-
-    if (oldIndex !== newIndex) {
-      var newData = (0, _sortable.arrayMove)(dataSource, oldIndex, newIndex).filter(function (el) {
-        return !!el;
-      }); // 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,
-      disableAutoscroll: true,
-      helperClass: "row-dragging",
-      onSortEnd: onSortEnd
-    }, props));
-  };
-
-  var DraggableBodyRow = function DraggableBodyRow(props) {
-    var className = props.className,
-        style = props.style,
-        restProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
-    var index = dataSource.findIndex(function (x) {
-      return x[rowKey || 'index'] === restProps['data-row-key'];
-    });
-    return /*#__PURE__*/_react.default.createElement(SortableItem, (0, _extends2.default)({
-      index: index
-    }, restProps));
-  };
-
-  var handleResize = function handleResize(index) {
-    return function (e, _ref2) {
-      var size = _ref2.size;
-      var i = index;
-      var nextColumns = (0, _toConsumableArray2.default)(useColumns);
-      nextColumns.forEach(function (item, index) {
-        if (index <= i && item.show === false) {
-          i += 1;
-        }
-      });
-      nextColumns[i] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, nextColumns[i]), {}, {
-        width: size.width
-      });
-      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;
-    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);
-    var minj = Math.min(start === null || start === void 0 ? void 0 : start.j, end.j);
-    var isSelected = (0, _util.checkIsSelectd)(i, j, start, end);
-    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;
-    var text = copyAllData.current || getSelectDatas(start, end);
-
-    if (window.clipboardData && window.clipboardData.setData) {
-      window.clipboardData.setData('Text', text);
-      document.removeEventListener('copy', handleCopy);
-    } else if ((_e$clipboardData = e.clipboardData) === null || _e$clipboardData === void 0 ? void 0 : _e$clipboardData.setData) {
-      e.clipboardData.setData('text/plain', text);
-      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');
-    copyAllData.current = text;
-    (_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: {
-            i: i,
-            j: j
-          }
-        });
-        setSheelStatus((0, _objectSpread2.default)((0, _objectSpread2.default)({}, sheelStataus), {}, {
-          end: {
-            i: i,
-            j: j
-          }
-        }));
-      }
-    } else if (!isEmpty((shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre6 = shellStatusRef.current) === null || _shellStatusRef$curre6 === void 0 ? void 0 : _shellStatusRef$curre6.commiting) || {}) && ((_checkStatus = (0, _util.checkStatus)(i, j, shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre7 = shellStatusRef.current) === null || _shellStatusRef$curre7 === void 0 ? void 0 : _shellStatusRef$curre7.commiting)) === null || _checkStatus === void 0 ? void 0 : _checkStatus.isVaildCommit)) {
-      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,
-          j: j
-        }
-      });
-      setSheelStatus((0, _objectSpread2.default)((0, _objectSpread2.default)({}, sheelStataus), {}, {
-        end: {
-          i: i,
-          j: j
-        }
-      }));
-    }
-  }; // 通过表格的行列索引，获取对应的原始数据的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) {
-      return item.dataIndex;
-    });
-    var key = columnsKeysList[tdIndex];
-    var index;
-    var nil = {
-      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
-      });
-      var arr = key.split('_');
-      key = arr[arr.length - 2];
-    } else if (groupRowKeys.length) {
-      index = deepDataSourceRef.current[trIndex].__index;
-    } 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; //
-
-      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 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 为新增的范围
-
-      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),
-          j: selectedRange.j
-        };
-        type = 'row';
-      } else if ((_difference2 = (0, _lodash.difference)(selectedRange.j, commitRange.j)) === null || _difference2 === void 0 ? void 0 : _difference2.length) {
-        obj = {
-          i: selectedRange.i,
-          j: (0, _lodash.difference)(selectedRange.j, commitRange.j)
-        };
-        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;
-
-            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: {}
-      }));
-      shellStatusRef.current = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, shellStatusRef.current), {}, {
-        selecting: false,
-        commiting: {}
-      });
-      setCommitIng(false);
-    } else {
-      setSheelStatus((0, _objectSpread2.default)((0, _objectSpread2.default)({}, sheelStataus), {}, {
-        selecting: false
-      }));
-      shellStatusRef.current = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, shellStatusRef.current), {}, {
-        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);
-      /** 暂时先不隐藏 */
-      // const { start, end } = shellStatusRef.current
-      // 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 = {
-        i: Math.min(start.i, end.i),
-        j: Math.min(start.j, end.j)
-      };
-      end = {
-        i: Math.max(start.i, end.i),
-        j: Math.max(start.j, end.j)
-      };
-      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
-
-
-      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) {
-          resultEnd.push({
-            i: start.i + i,
-            j: start.j + j,
-            value: value
-          });
-        });
-      });
-      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;
-
-            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: {},
-        end: {},
-        selecting: false,
-        forceEdit: false,
-        editing: {},
-        clear: {},
-        commiting: {}
-      };
-      setSelectIng(false);
-      document.removeEventListener('mousedown', pageClick);
-      document.removeEventListener('mouseup', sheelOnMouseUp);
-      document.removeEventListener('cut', handleCut);
-      document.removeEventListener('copy', handleCopy);
-      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 = {
-      selecting: !isNowEditingSameCell,
-      start: (e === null || e === void 0 ? void 0 : e.shiftKey) || commitStatus ? (_shellStatusRef$curre20 = shellStatusRef.current) === null || _shellStatusRef$curre20 === void 0 ? void 0 : _shellStatusRef$curre20.start : {
-        i: i,
-        j: j
-      },
-      end: {
-        i: i,
-        j: j
-      },
-      editing: editing,
-      forceEdit: !!isNowEditingSameCell,
-      commiting: commitStatus ? {
-        start: (_shellStatusRef$curre21 = shellStatusRef.current) === null || _shellStatusRef$curre21 === void 0 ? void 0 : _shellStatusRef$curre21.start,
-        end: {
-          i: i,
-          j: j
-        }
-      } : {}
-    };
-    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;
-    /** 如果表格当前没有选择，则把当前的右击的td块默认选中 */
-
-    if (isEmpty(start) && isEmpty(end)) {
-      sheelMouseDown(i, j, evt);
-    }
-
-    if (!(0, _util.checkIsSelectd)(i, j, start, end)) {
-      sheelMouseDown(i, j, evt);
-    }
-
-    setContextMenuStatus(true); // 获得点击的位置
-
-    var clientX = evt.clientX,
-        clientY = evt.clientY; // 文档显示区的宽度
-
-    var screenW = window.innerWidth;
-    var screenH = window.innerHeight; // 右键菜单的宽度
-    // const rightClickRefW = rightClickRef.current.offsetWidth;
-    // const rightClickRefH = rightClickRef.current.offsetHeight;
-
-    var rightClickRefW = 200;
-    var rightClickRefH = 200; // right为true，说明鼠标点击的位置到浏览器的右边界的宽度可以放下contextmenu。
-    // 否则，菜单放到左边。
-
-    var right = screenW - clientX > rightClickRefW;
-    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), {}, {
-      left: clientX,
-      top: clientY
-    }));
-  };
-
-  var onSheelDoubleClick = function onSheelDoubleClick(i, j, col) {
-    if (editSheet) {
-      if (!col.readOnly) {
-        shellStatusRef.current = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, shellStatusRef.current), {}, {
-          editing: {
-            i: i,
-            j: j
-          },
-          forceEdit: true,
-          clear: {}
-        });
-        setEditIng(true);
-      }
-    }
-  };
-
-  var dataSourceChange = function dataSourceChange(i, j, value) {
-    var _getSourceItemInfo3 = getSourceItemInfo(i, j),
-        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;
-    });
-    dataChange === null || dataChange === void 0 ? void 0 : dataChange(res);
-    shellStatusRef.current = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, shellStatusRef.current), {}, {
-      editing: {},
-      forceEdit: false,
-      clear: {}
-    });
-  };
-
-  (0, _react.useEffect)(function () {
-    return function () {
-      document.removeEventListener('mousedown', pageClick);
-      document.removeEventListener('mouseup', sheelOnMouseUp);
-      document.removeEventListener('cut', handleCut);
-      document.removeEventListener('copy', handleCopy);
-      document.removeEventListener('paste', handlePaste);
-    };
-  }, []);
-  var resetColumns = (0, _react.useCallback)(function () {
-    var colIndex = 0;
-
-    var traverseColumns = function traverseColumns(columns) {
-      columns === null || columns === void 0 ? void 0 : columns.forEach(function (col, index) {
-        if (col.show === false) {
-          return;
-        }
-
-        if (col.children && col.children.length) {
-          traverseColumns(col.children);
-          return;
-        } else {
-          // $_ 开头表示私有属性
-          col.$_colIndex = colIndex;
-
-          col.onHeaderCell = function (column) {
-            return resizeable ? {
-              width: column.width,
-              onResize: handleResize(index),
-              onResizeStop: endResize
-            } : {
-              width: column.width
-            };
-          };
-
-          if (openSheet) {
-            col.onCell = function (record, rowIndex) {
-              return {
-                record: record,
-                rowKey: rowKey,
-                col: col,
-                colIndex: col.$_colIndex,
-                selectIng: selectIng,
-                editIng: editIng,
-                commitIng: commitIng,
-                rowIndex: rowIndex,
-                onMouseDown: sheelMouseDown,
-                onMouseOver: onMouseOver,
-                onContextMenu: onContextMenu,
-                isSelected: isSelected,
-                onDoubleClick: onSheelDoubleClick,
-                dataSourceChange: dataSourceChange
-              };
-            };
-          }
-        }
-
-        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 = [{
-        type: 'name',
-        title: '分组',
-        dataIndex: '_group',
-        key: '_group',
-        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;
-
-    if (highlight) {
-      setActiveKey(record[rowKey]);
-    }
-
-    if (trigger === 'row') {
-      var selectedRows = useSelectedRows.selectedRows;
-
-      if (tableRowType === 'select' || tableRowType === 'default' && selectedRows.length) {
-        var selectIndex = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.findIndex(function (v) {
-          return (0, _lodash.isObject)(v) ? v[rowKey] === record[rowKey] : v === record[rowKey];
-        });
-        selectIndex >= 0 ? selectedRows.splice(selectIndex, 1) : selectedRows.push((0, _lodash.isObject)(selectedRows[0]) || !selectedRows.length ? record : record[rowKey]);
-        setSelectedRows({
-          selectedRows: (0, _lodash.cloneDeep)(selectedRows)
-        }); // rowClick?.(selectedRows)
-      }
-    } 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 () {
-    return (0, _objectSpread2.default)({
-      defaultSize: 'small',
-      tableLayout: 'fixed',
-      rowKey: rowKey,
-      debounceTime: 300,
-      revalidateOnFocus: false,
-      options: {
-        setting: false,
-        density: false,
-        fullScreen: false,
-        reload: false
-      },
-      columnsState: {
-        value: columnsStateMap,
-        onChange: function onChange(k) {
-          setColumnsStateMap(k);
-        }
-      },
-      search: false,
-      tableAlertRender: false,
-      checkConfig: checkConfig,
-      // components: vComponents,
-      scroll: resetProps.autoSizer || resetProps.scroll ? (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        y: autoSize.height
-      }, resetProps.scroll), resizeable ? {
-        x: '100%'
-      } : {}) : resizeable ? {
-        x: '100%'
-      } : null,
-      pagination: !hiddenPage && (0, _objectSpread2.default)({
-        showSizeChanger: true,
-        showQuickJumper: true,
-        showTotal: function showTotal(total) {
-          return (locale === null || locale === void 0 ? void 0 : locale.locale) === 'en' ? "total ".concat(total, " Page") : "\u5171 ".concat(total, " \u6761");
-        },
-        locale: (locale === null || locale === void 0 ? void 0 : locale.locale) === 'en' ? (locale === null || locale === void 0 ? void 0 : locale.Pagination) || {} : {
-          items_per_page: '/条',
-          jump_to: '前往',
-          page: '页'
-        },
-        size: 'small'
-      }, pagination),
-      rowSelection: rowSelection === false ? undefined : (0, _objectSpread2.default)({
-        fixed: true,
-        type: 'checkbox',
-        columnWidth: 36,
-        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)
-        } : 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) {
-            return item[rowKey];
-          });
-          var reulstSelect = selected ? (0, _lodash.uniqBy)([].concat((0, _toConsumableArray2.default)(rowSelection.selectedRows), (0, _toConsumableArray2.default)(changeRows)), rowKey) : rowSelection.selectedRows.filter(function (item) {
-            return !changeRowKeys.includes(item[rowKey]);
-          });
-          setSelectedRows({
-            selectedRows: reulstSelect
-          }); // rowClick?.(reulstSelect)
-        } : undefined,
-        onSelect: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) ? function (record, selected) {
-          var reulstSelect = selected ? (0, _lodash.uniqBy)([].concat((0, _toConsumableArray2.default)(rowSelection.selectedRows), [record]), rowKey) : rowSelection.selectedRows.filter(function (item) {
-            return item[rowKey] !== record[rowKey];
-          });
-          setSelectedRows({
-            selectedRows: reulstSelect
-          }); // rowClick?.(reulstSelect)
-        } : undefined
-      }, rowSelection),
-      onRow: function onRow(record) {
-        return {
-          onClick: function onClick() {
-            onRecord(record);
-          },
-          onDoubleClick: function onDoubleClick() {
-            _onDoubleClick === null || _onDoubleClick === void 0 ? void 0 : _onDoubleClick(record);
-          }
-        };
-      },
-      rowClassName: function rowClassName(record) {
-        return record[rowKey] === useActiveKey ? 'row-active' : '';
-      },
-      columns: resetColumns(),
-      size: size
-    }, resetProps);
-  }, [useColumns, useSelectedRows, columnsStateMap, resetProps, autoSize.height, resizeable]);
-  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,
-        show: (columnsStateMap === null || columnsStateMap === void 0 ? void 0 : (_columnsStateMap$item4 = columnsStateMap[item.dataIndex]) === null || _columnsStateMap$item4 === void 0 ? void 0 : _columnsStateMap$item4.show) !== false
-      });
-    }).filter(function (item) {
-      return !!item.show;
-    });
-    result.sort(function (a, b) {
-      return (a.fixed === 'left' ? a.colSort : a.fixed === 'right' ? 500 + a.colSort : a.colSort + 50) - (b.fixed === 'left' ? b.colSort : b.fixed === 'right' ? 500 + b.colSort : b.colSort + 50);
-    });
-    return result;
-  }, [columnsStateMap, useColumns]);
-  (0, _react.useEffect)(function () {
-    var obj = (0, _objectSpread2.default)({}, columnsState);
-    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;
-
-      obj[item.dataIndex || item.key] = {
-        fixed: fixed || item.fixed,
-        show: show === false ? false : item.show || true,
-        order: order || item.order
-      };
-    });
-    setColumnsStateMap(obj);
-  }, [columnsState]); // 将节点方法给外部使用
-
-  _react.default.useImperativeHandle(ref, function () {
-    return {
-      getCheckboxRecords: function getCheckboxRecords() {
-        return useSelectedRows.selectedRows;
-      },
-      // 用于按钮触发事件
-      clearSelect: function clearSelect() {
-        setSelectedRows({
-          selectedRows: []
-        }); // rowClick?.([])
-      },
-      customSetCheckboxRecords: function customSetCheckboxRecords(value) {
-        setSelectedRows({
-          selectedRows: 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,
-        onResizeStop = props.onResizeStop,
-        restProps = (0, _objectWithoutProperties2.default)(props, _excluded3);
-
-    if (!width) {
-      return /*#__PURE__*/_react.default.createElement("th", restProps);
-    }
-
-    return /*#__PURE__*/_react.default.createElement(_reactResizable.Resizable, {
-      width: width,
-      height: 0,
-      handle: /*#__PURE__*/_react.default.createElement("span", {
-        className: "react-resizable-handle",
-        onClick: function onClick(e) {
-          e.stopPropagation();
-        }
-      }),
-      onResize: onResize,
-      onResizeStop: onResizeStop,
-      draggableOpts: {
-        enableUserSelectHack: false
-      }
-    }, /*#__PURE__*/_react.default.createElement("th", restProps));
-  };
-
-  var colDraggableContainer = (0, _react.useCallback)(function (_ref4) {
-    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;
-
-    return {
-      // table: (record) => {
-      //   return <div style={record.style}>{record.children}</div>
-      // }
-      table: virtual ? _virTual.VirtualTable : null,
-      header: (0, _objectSpread2.default)({
-        row: colSortOpen ? colDraggableContainer : null,
-        cell: resizeable ? ResizableTitle : null
-      }, header),
-      body: (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        wrapper: sortOpen ? DraggableContainer : virtual ? _virTual.VirtualWrapper : null,
-        row: sortOpen ? DraggableBodyRow : virtual ? _virTual.VirtualRow : null
-      }, body), {}, {
-        cell: openSheet ? _sheelTableCell.default : null
-      })
-    };
-  }, [sortOpen, resizeable, components, colSortOpen]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      height: '100%',
-      width: '100%'
-    },
-    ref: tableWarpRef
-  }, /*#__PURE__*/_react.default.createElement(_ConfigProvider.default, {
-    locale: locale,
-    renderEmpty: loading ? function () {
-      return null;
-    } : emptyProps ? function () {
-      return /*#__PURE__*/_react.default.createElement(_Empty.default, emptyProps, (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.footer) || null);
-    } : _customRenderEmpty.default
-  }, 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,
-    components: tableComponents,
-    onChange: onTableChange,
-    expandable: (resetProps === null || resetProps === void 0 ? void 0 : resetProps.expandable) || {
-      onExpand: function onExpand() {
-        shellStatusRef.current = {
-          start: {},
-          end: {},
-          selecting: false,
-          forceEdit: false,
-          editing: {},
-          clear: {},
-          commiting: {}
-        };
-      },
-      expandedRowKeys: expandedRowKeys,
-      onExpandedRowsChange: function onExpandedRowsChange(expandedRows) {
-        return setExpandedRowKeys(expandedRows);
-      }
-    },
-    tableClassName: (0, _classnames.default)('lm_protable', resizeable && 'lm_resizeable'),
-    summary: function summary(pageData) {
-      return _summary && _summary(pageData, resultColumns);
-    }
-  })))) : /*#__PURE__*/_react.default.createElement(_proTable.default, (0, _extends2.default)({}, config, {
-    loading: loading,
-    dataSource: dataSource,
-    components: tableComponents,
-    onChange: onTableChange,
-    expandable: (resetProps === null || resetProps === void 0 ? void 0 : resetProps.expandable) || {
-      onExpand: function onExpand() {
-        shellStatusRef.current = {
-          start: {},
-          end: {},
-          selecting: false,
-          forceEdit: false,
-          editing: {},
-          clear: {},
-          commiting: {}
-        };
-      },
-      expandedRowKeys: expandedRowKeys,
-      onExpandedRowsChange: function onExpandedRowsChange(expandedRows) {
-        return setExpandedRowKeys(expandedRows);
-      }
-    },
-    tableClassName: (0, _classnames.default)('lm_protable', resizeable && 'lm_resizeable'),
-    summary: function summary(pageData) {
-      return _summary && _summary(pageData, resultColumns);
-    }
-  }))), !!customCheck && /*#__PURE__*/_react.default.createElement("div", {
-    className: "lm_customCheck"
-  }, customCheck), contextMenuStatus && /*#__PURE__*/_react.default.createElement("div", {
-    ref: contentMenuRef,
-    className: "WeChatContactsAvatarTools",
-    style: style
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "rightClickItems",
-    onClick: handleCopy
-  }, "\u590D\u5236"), /*#__PURE__*/_react.default.createElement("div", {
-    className: "rightClickItems",
-    onClick: handleCopyAll
-  }, "\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;
-
-  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);
-
-  if (!autoSizer) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      ref: tableWarpRef,
-      id: "lm_protable_warp",
-      style: {
-        width: '100%',
-        height: '100%'
-      }
-    }, /*#__PURE__*/_react.default.createElement(ResetTable, (0, _extends2.default)({
-      ref: defaultRef
-    }, props, {
-      autoSize: {
-        height: '100%',
-        width: '100%'
-      }
-    })));
-  }
-
-  var resetHeight = (0, _react.useMemo)(function () {
-    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;
-    }
-
-    return h;
-  }, [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)({
-      ref: defaultRef
-    }, props, {
-      autoSize: {
-        height: resetHeight,
-        width: width
-      }
-    }));
-  }, [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;
-
-    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;
-    setTimeout(function () {
-      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;
-
-      var value = summary ? 48 : 0;
-      setTableSize({
-        width: width,
-        height: typeof height === 'string' ? "calc(".concat(height, " - ").concat(value, "px)") : height - value
-      });
-    }, 100);
-    resizeRef.current = window.addEventListener('resize', handResize);
-    return function () {
-      window.removeEventListener('resize', handResize);
-    };
-  }, []);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: tableWarpRef,
-    id: "lm_protable_warp",
-    style: {
-      width: '100%',
-      height: '100%'
-    }
-  }, throttleSize());
-});
-
-var _default = /*#__PURE__*/(0, _react.memo)(ResizeSize);
-
-exports.default = _default;