linkmore-design 1.0.82 → 1.0.83

package/es/LmTable/Table.js

@@ -29,7 +29,9 @@ var _sortable = require("@dnd-kit/sortable");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _linkmoreDesign = require("linkmore-design");
+var _Empty = _interopRequireDefault(require("../Empty"));
+
+var _IconFont = _interopRequireDefault(require("../IconFont"));
 
 var _lodash = require("lodash");
 
@@ -53,16 +55,24 @@ var _sheelTableCell = _interopRequireDefault(require("./components/sheelTableCel
 
 var _tableChartsModal = _interopRequireDefault(require("./components/tableChartsModal"));
 
+var _customRenderEmpty = _interopRequireDefault(require("./components/customRenderEmpty"));
+
+var _util = require("./util");
+
 var _resetConfig = _interopRequireDefault(require("./resetConfig"));
 
-var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "colSortOpen", "resizeable", "customCheck", "components", "rowSelection", "columnsState", "onChange", "filterChange", "tableRowType", "size", "openSheet", "editSheet", "dataChange", "groupInfo", "emptyProps"],
+var _virTual = require("./virTual");
+
+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", "groupInfo", "emptyProps", "columnKeys"],
     _excluded2 = ["className", "style"],
     _excluded3 = ["onResize", "width", "onResizeStop"];
 var Summary = _proTable.default.Summary;
 exports.Summary = Summary;
 
 var isEmpty = function isEmpty(obj) {
-  return Object.keys(obj).length === 0;
+  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) {
@@ -84,7 +94,7 @@ var range = function range(start, end) {
 
 
 var DragHandle = (0, _reactSortableHoc.SortableHandle)(function () {
-  return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+  return /*#__PURE__*/_react.default.createElement(_IconFont.default, {
     type: "lmweb-icon-m-receipt1",
     style: {
       cursor: 'move',
@@ -103,9 +113,9 @@ var sortDefaultColumnItem = {
   }
 };
 var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var dataSource = props.dataSource,
+  var columns = props.columns,
+      dataSource = props.dataSource,
       autoSize = props.autoSize,
-      columns = props.columns,
       rowClick = props.rowClick,
       _onDoubleClick = props.onDoubleClick,
       checkConfig = props.checkConfig,
@@ -138,6 +148,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       dataChange = props.dataChange,
       groupInfo = props.groupInfo,
       emptyProps = props.emptyProps,
+      columnKeys = props.columnKeys,
       resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var _resetProps$rowKey = resetProps.rowKey,
       rowKey = _resetProps$rowKey === void 0 ? 'id' : _resetProps$rowKey;
@@ -185,7 +196,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     selecting: false,
     forceEdit: false,
     editing: {},
-    clear: {}
+    clear: {},
+    commiting: {}
   }),
       _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
       sheelStataus = _useState10[0],
@@ -197,47 +209,53 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     selecting: false,
     forceEdit: false,
     editing: {},
-    clear: {}
+    clear: {},
+    commiting: {}
   });
 
   var _useState11 = (0, _react.useState)(false),
       _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
       selectIng = _useState12[0],
-      SetSelectIng = _useState12[1];
+      setSelectIng = _useState12[1];
 
   var _useState13 = (0, _react.useState)(false),
       _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
       editIng = _useState14[0],
       setEditIng = _useState14[1];
-  /** 右键菜单是否显示 */
-
 
   var _useState15 = (0, _react.useState)(false),
       _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      contextMenuStatus = _useState16[0],
-      setContextMenuStatus = _useState16[1];
+      commitIng = _useState16[0],
+      setCommitIng = _useState16[1];
+  /** 右键菜单是否显示 */
+
+
+  var _useState17 = (0, _react.useState)(false),
+      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+      contextMenuStatus = _useState18[0],
+      setContextMenuStatus = _useState18[1];
   /** 右键按钮的位置 */
 
 
-  var _useState17 = (0, _react.useState)({
+  var _useState19 = (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]; // 列设置
-
+      style = _useState20[0],
+      setStyle = _useState20[1];
 
-  var _useState21 = (0, _react.useState)(false),
+  var _useState21 = (0, _react.useState)(null),
       _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
-      columnsStateMap = _useState22[0],
-      setColumnsStateMap = _useState22[1];
+      chartsModalStatus = _useState22[0],
+      setChartsModalStatus = _useState22[1]; // 列设置
+
+
+  var _useState23 = (0, _react.useState)(false),
+      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
+      columnsStateMap = _useState24[0],
+      setColumnsStateMap = _useState24[1];
 
   var SortableItem = (0, _reactSortableHoc.SortableElement)(function (props) {
     return /*#__PURE__*/_react.default.createElement("tr", props);
@@ -274,20 +292,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }
 
     return groupBy(dataSource, groupInfo);
-  }, [dataSource, groupInfo]); // const deepDataSource = useMemo(() => {
-  //   let source = []
-  //   const deepChildren = (arr) => {
-  //     arr.forEach((item) => {
-  //       source.push(omit(item, 'children'))
-  //       if (item?.children && expandedRowKeys.includes(item.key)) {
-  //         deepChildren(item?.children)
-  //       }
-  //     })
-  //   }
-  //   deepChildren(groupDataSource)
-  //   return source
-  // }, [groupDataSource, expandedRowKeys])
-
+  }, [dataSource, groupInfo]);
   (0, _react.useEffect)(function () {
     var source = [];
 
@@ -377,22 +382,50 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _shellStatusRef$curre = shellStatusRef.current,
         start = _shellStatusRef$curre.start,
         end = _shellStatusRef$curre.end,
-        editing = _shellStatusRef$curre.editing;
+        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 posX = j >= start.j && j <= end.j;
-    var negX = j <= start.j && j >= end.j;
-    var posY = i >= start.i && i <= end.i;
-    var negY = i <= start.i && i >= end.i;
+    var isSelected = (0, _util.checkIsSelectd)(i, j, start, end);
     return {
-      isSelected: posX && posY || negX && posY || negX && negY || posX && negY,
+      /** 是否选中 */
+      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
+
+      /** 是否在编辑中 */
+      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)
     };
   };
+
+  var getSelectDatas = function getSelectDatas(start, end) {
+    return range(start.i, end.i).map(function (i) {
+      return range(start.j, end.j).map(function (j) {
+        var _columns$j, _columns$j2;
+
+        var columnKey = (_columns$j = columns[j]) === null || _columns$j === void 0 ? void 0 : _columns$j.dataIndex;
+        var dataItem = (groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.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');
+  };
   /** 复制功能 */
 
 
@@ -402,27 +435,11 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     if (isEmpty((_shellStatusRef$curre2 = shellStatusRef.current) === null || _shellStatusRef$curre2 === void 0 ? void 0 : _shellStatusRef$curre2.editing)) {
       var _e$clipboardData;
 
-      e.preventDefault();
+      e === null || e === void 0 ? void 0 : e.preventDefault();
       var _shellStatusRef$curre3 = shellStatusRef.current,
           start = _shellStatusRef$curre3.start,
           end = _shellStatusRef$curre3.end;
-      var text = range(start.i, end.i).map(function (i) {
-        return range(start.j, end.j).map(function (j) {
-          var _columns$j, _columns$j2;
-
-          var columnKey = (_columns$j = columns[j]) === null || _columns$j === void 0 ? void 0 : _columns$j.dataIndex;
-          var dataItem = (groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.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 text = getSelectDatas(start, end);
 
       if (window.clipboardData && window.clipboardData.setData) {
         window.clipboardData.setData('Text', text);
@@ -441,42 +458,165 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   };
 
   var onMouseOver = function onMouseOver(i, j) {
-    var _shellStatusRef$curre4, _shellStatusRef$curre5;
+    var _shellStatusRef$curre4;
 
-    if (((_shellStatusRef$curre4 = shellStatusRef.current) === null || _shellStatusRef$curre4 === void 0 ? void 0 : _shellStatusRef$curre4.selecting) && isEmpty((_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
-        }
-      }));
+    if (isEmpty(shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre4 = shellStatusRef.current) === null || _shellStatusRef$curre4 === void 0 ? void 0 : _shellStatusRef$curre4.commiting)) {
+      var _shellStatusRef$curre5, _shellStatusRef$curre6;
+
+      if ((shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre5 = shellStatusRef.current) === null || _shellStatusRef$curre5 === void 0 ? void 0 : _shellStatusRef$curre5.selecting) && isEmpty(shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre6 = shellStatusRef.current) === null || _shellStatusRef$curre6 === void 0 ? void 0 : _shellStatusRef$curre6.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 {
+      var _shellStatusRef$curre7, _checkStatus, _shellStatusRef$curre8;
+
+      if (!isEmpty((shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre7 = shellStatusRef.current) === null || _shellStatusRef$curre7 === void 0 ? void 0 : _shellStatusRef$curre7.commiting) || {}) && ((_checkStatus = (0, _util.checkStatus)(i, j, shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre8 = shellStatusRef.current) === null || _shellStatusRef$curre8 === void 0 ? void 0 : _shellStatusRef$curre8.commiting)) === null || _checkStatus === void 0 ? void 0 : _checkStatus.isVaildCommit)) {
+        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
+          }
+        }));
+      }
     }
   };
   /** sheel 表格 鼠标松开 */
 
 
   var sheelOnMouseUp = function sheelOnMouseUp() {
-    setSheelStatus((0, _objectSpread2.default)((0, _objectSpread2.default)({}, sheelStataus), {}, {
-      selecting: false
-    }));
-    shellStatusRef.current = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, shellStatusRef.current), {}, {
-      selecting: false
-    });
+    var _shellStatusRef$curre9;
+
+    if (!isEmpty((_shellStatusRef$curre9 = shellStatusRef.current) === null || _shellStatusRef$curre9 === void 0 ? void 0 : _shellStatusRef$curre9.commiting)) {
+      var _commiting$start, _commiting$end, _commiting$start2, _commiting$end2, _difference, _difference2, _obj$i;
+
+      var _shellStatusRef$curre10 = shellStatusRef.current,
+          start = _shellStatusRef$curre10.start,
+          end = _shellStatusRef$curre10.end,
+          commiting = _shellStatusRef$curre10.commiting;
+      var columnsKeysList = columns.map(function (item) {
+        return item.dataIndex;
+      });
+      var rowtext = range(commiting === null || commiting === void 0 ? void 0 : commiting.start.i, commiting === null || commiting === void 0 ? void 0 : commiting.end.i).map(function (i) {
+        return columnsKeysList.map(function (j) {
+          var columnKey = j;
+          var dataItem = (groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.length) ? deepDataSourceRef.current[i] : dataSource[i];
+          var cell = dataItem === null || dataItem === void 0 ? void 0 : dataItem[columnKey];
+          return cell;
+        });
+      });
+      var coltext = range(commiting === null || commiting === void 0 ? void 0 : commiting.start.i, commiting === null || commiting === void 0 ? void 0 : commiting.end.i).map(function (i) {
+        return range(commiting === null || commiting === void 0 ? void 0 : commiting.start.j, commiting === null || commiting === void 0 ? void 0 : commiting.end.j).map(function (j) {
+          var _columns$j4, _columns$j5;
+
+          var columnKey = (_columns$j4 = columns[j]) === null || _columns$j4 === void 0 ? void 0 : _columns$j4.dataIndex;
+          var dataItem = (groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.length) ? deepDataSourceRef.current[i] : 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;
+        });
+      });
+      var selectedRange = {
+        i: range(start.i, end.i),
+        j: range(start.j, end.j)
+      };
+      var commitRange = {
+        i: 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: 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)
+      };
+      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.map(function (tri, index) {
+        var _obj$j;
+
+        (_obj$j = obj.j) === null || _obj$j === void 0 ? void 0 : _obj$j.map(function (tdj) {
+          var _isSelected;
+
+          if ((_isSelected = isSelected(tri, tdj)) === null || _isSelected === void 0 ? void 0 : _isSelected.isSelected) {
+            if (type === 'row') {
+              var _rowtext;
+
+              data[tri][columnsKeysList[tdj]] = (_rowtext = rowtext[index % rowtext.length]) === null || _rowtext === void 0 ? void 0 : _rowtext[tdj];
+            } else {
+              var _coltext;
+
+              data[tri][columnsKeysList[tdj]] = (_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$curre6;
+    var _shellStatusRef$curre11;
 
-    if (isEmpty((_shellStatusRef$curre6 = shellStatusRef.current) === null || _shellStatusRef$curre6 === void 0 ? void 0 : _shellStatusRef$curre6.editing)) {
+    if (isEmpty((_shellStatusRef$curre11 = shellStatusRef.current) === null || _shellStatusRef$curre11 === void 0 ? void 0 : _shellStatusRef$curre11.editing)) {
       e.preventDefault();
       handleCopy(e);
       /** 暂时先不隐藏 */
@@ -488,12 +628,12 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
 
   var handlePaste = function handlePaste(e) {
-    var _shellStatusRef$curre7;
+    var _shellStatusRef$curre12;
 
-    if (isEmpty((_shellStatusRef$curre7 = shellStatusRef.current) === null || _shellStatusRef$curre7 === void 0 ? void 0 : _shellStatusRef$curre7.editing)) {
-      var _shellStatusRef$curre8 = shellStatusRef.current,
-          start = _shellStatusRef$curre8.start,
-          end = _shellStatusRef$curre8.end;
+    if (isEmpty((_shellStatusRef$curre12 = shellStatusRef.current) === null || _shellStatusRef$curre12 === void 0 ? void 0 : _shellStatusRef$curre12.editing)) {
+      var _shellStatusRef$curre13 = shellStatusRef.current,
+          start = _shellStatusRef$curre13.start,
+          end = _shellStatusRef$curre13.end;
       start = {
         i: Math.min(start.i, end.i),
         j: Math.min(start.j, end.j)
@@ -530,9 +670,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       });
       var res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
         resultEnd.forEach(function (item) {
-          var _isSelected;
+          var _isSelected2;
 
-          if ((_isSelected = isSelected(item.i, item.j)) === null || _isSelected === void 0 ? void 0 : _isSelected.isSelected) {
+          if ((_isSelected2 = isSelected(item.i, item.j)) === null || _isSelected2 === void 0 ? void 0 : _isSelected2.isSelected) {
             draft[item.i][columnsKeysList[item.j]] = item.value;
           }
         });
@@ -556,9 +696,10 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         selecting: false,
         forceEdit: false,
         editing: {},
-        clear: {}
+        clear: {},
+        commiting: {}
       };
-      SetSelectIng(false);
+      setSelectIng(false);
       document.removeEventListener('mousedown', pageClick);
       document.removeEventListener('mouseup', sheelOnMouseUp);
       document.removeEventListener('cut', handleCut);
@@ -576,15 +717,22 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   };
   /** sheel 表格 鼠标点击 */
 
+  /**
+   * i 行
+   * j 列
+   * e 点击元素
+   * commitStatus boolena 是否点击了快速选择
+   */
 
-  var sheelMouseDown = function sheelMouseDown(i, j, e) {
-    var _shellStatusRef$curre9, _shellStatusRef$curre10, _shellStatusRef$curre11, _shellStatusRef$curre12, _shellStatusRef$curre13, _shellStatusRef$curre14, _shellStatusRef$curre15, _shellStatusRef$curre16, _shellStatusRef$curre17;
 
-    var isNowEditingSameCell = !isEmpty((_shellStatusRef$curre9 = shellStatusRef.current) === null || _shellStatusRef$curre9 === void 0 ? void 0 : _shellStatusRef$curre9.editing) && ((_shellStatusRef$curre10 = shellStatusRef.current) === null || _shellStatusRef$curre10 === void 0 ? void 0 : _shellStatusRef$curre10.editing.i) === i && ((_shellStatusRef$curre11 = shellStatusRef.current) === null || _shellStatusRef$curre11 === void 0 ? void 0 : _shellStatusRef$curre11.editing.j) === j;
-    var editing = isEmpty((_shellStatusRef$curre12 = shellStatusRef.current) === null || _shellStatusRef$curre12 === void 0 ? void 0 : _shellStatusRef$curre12.editing) || ((_shellStatusRef$curre13 = shellStatusRef.current) === null || _shellStatusRef$curre13 === void 0 ? void 0 : _shellStatusRef$curre13.editing.i) !== i || ((_shellStatusRef$curre14 = shellStatusRef.current) === null || _shellStatusRef$curre14 === void 0 ? void 0 : _shellStatusRef$curre14.editing.j) !== j ? {} : (_shellStatusRef$curre15 = shellStatusRef.current) === null || _shellStatusRef$curre15 === void 0 ? void 0 : _shellStatusRef$curre15.editing;
+  var sheelMouseDown = function sheelMouseDown(i, j, e, commitStatus) {
+    var _shellStatusRef$curre14, _shellStatusRef$curre15, _shellStatusRef$curre16, _shellStatusRef$curre17, _shellStatusRef$curre18, _shellStatusRef$curre19, _shellStatusRef$curre20, _shellStatusRef$curre21, _shellStatusRef$curre22, _shellStatusRef$curre23;
+
+    var isNowEditingSameCell = !isEmpty((_shellStatusRef$curre14 = shellStatusRef.current) === null || _shellStatusRef$curre14 === void 0 ? void 0 : _shellStatusRef$curre14.editing) && ((_shellStatusRef$curre15 = shellStatusRef.current) === null || _shellStatusRef$curre15 === void 0 ? void 0 : _shellStatusRef$curre15.editing.i) === i && ((_shellStatusRef$curre16 = shellStatusRef.current) === null || _shellStatusRef$curre16 === void 0 ? void 0 : _shellStatusRef$curre16.editing.j) === j;
+    var editing = isEmpty((_shellStatusRef$curre17 = shellStatusRef.current) === null || _shellStatusRef$curre17 === void 0 ? void 0 : _shellStatusRef$curre17.editing) || ((_shellStatusRef$curre18 = shellStatusRef.current) === null || _shellStatusRef$curre18 === void 0 ? void 0 : _shellStatusRef$curre18.editing.i) !== i || ((_shellStatusRef$curre19 = shellStatusRef.current) === null || _shellStatusRef$curre19 === void 0 ? void 0 : _shellStatusRef$curre19.editing.j) !== j ? {} : (_shellStatusRef$curre20 = shellStatusRef.current) === null || _shellStatusRef$curre20 === void 0 ? void 0 : _shellStatusRef$curre20.editing;
     shellStatusRef.current = {
       selecting: !isNowEditingSameCell,
-      start: (e === null || e === void 0 ? void 0 : e.shiftKey) ? (_shellStatusRef$curre16 = shellStatusRef.current) === null || _shellStatusRef$curre16 === void 0 ? void 0 : _shellStatusRef$curre16.start : {
+      start: (e === null || e === void 0 ? void 0 : e.shiftKey) || commitStatus ? (_shellStatusRef$curre21 = shellStatusRef.current) === null || _shellStatusRef$curre21 === void 0 ? void 0 : _shellStatusRef$curre21.start : {
         i: i,
         j: j
       },
@@ -593,11 +741,22 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         j: j
       },
       editing: editing,
-      forceEdit: !!isNowEditingSameCell
+      forceEdit: !!isNowEditingSameCell,
+      commiting: commitStatus ? {
+        start: (_shellStatusRef$curre22 = shellStatusRef.current) === null || _shellStatusRef$curre22 === void 0 ? void 0 : _shellStatusRef$curre22.start,
+        end: {
+          i: i,
+          j: j
+        }
+      } : {}
     };
-    SetSelectIng(!isNowEditingSameCell);
+    setSelectIng(!isNowEditingSameCell);
 
-    if (isEmpty((_shellStatusRef$curre17 = shellStatusRef.current) === null || _shellStatusRef$curre17 === void 0 ? void 0 : _shellStatusRef$curre17.editing)) {
+    if (commitStatus) {
+      setCommitIng(true);
+    }
+
+    if (isEmpty((_shellStatusRef$curre23 = shellStatusRef.current) === null || _shellStatusRef$curre23 === void 0 ? void 0 : _shellStatusRef$curre23.editing)) {
       setEditIng(false);
     }
 
@@ -607,17 +766,24 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     document.addEventListener('copy', handleCopy);
     document.addEventListener('paste', handlePaste);
   };
+  /** 鼠标右键点击事件 */
+
 
   var onContextMenu = function onContextMenu(evt, i, j) {
     evt.preventDefault();
-    var _shellStatusRef$curre18 = shellStatusRef.current,
-        start = _shellStatusRef$curre18.start,
-        end = _shellStatusRef$curre18.end;
+    var _shellStatusRef$curre24 = shellStatusRef.current,
+        start = _shellStatusRef$curre24.start,
+        end = _shellStatusRef$curre24.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,
@@ -705,6 +871,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
             colIndex: index,
             selectIng: selectIng,
             editIng: editIng,
+            commitIng: commitIng,
             rowIndex: rowIndex,
             onMouseDown: sheelMouseDown,
             onMouseOver: onMouseOver,
@@ -728,7 +895,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }
 
     return sortOpen ? [sortDefaultColumnItem].concat((0, _toConsumableArray2.default)(result)) : result;
-  }, [useColumns, sortOpen, selectIng, dataSource, groupInfo]);
+  }, [useColumns, sortOpen, selectIng, dataSource, groupInfo, commitIng]);
   (0, _react.useEffect)(function () {
     setColumns(columns);
   }, [columns]); // 行点击事件
@@ -908,19 +1075,6 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       selectedRows: []
     });
   }, [loading]);
-  /** 自定义空状态 */
-
-  var customizeRenderEmpty = function customizeRenderEmpty() {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "lm_table_empty"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "empty_img",
-      style: {
-        width: '130px',
-        height: '80px'
-      }
-    }), /*#__PURE__*/_react.default.createElement("span", null, "\u6682\u65E0\u6570\u636E"));
-  };
 
   var onTableChange = function onTableChange(pagination, filters, sorter, extra) {
     var resultColumns = useColumns.map(function (item) {
@@ -992,49 +1146,28 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }));
   }, [columns]);
   var tableComponents = (0, _react.useMemo)(function () {
-    var obj = {// table: (record) => {
+    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
+      })
     };
-
-    if (sortOpen) {
-      obj.body = {
-        wrapper: DraggableContainer,
-        row: DraggableBodyRow
-      };
-    }
-
-    if (resizeable) {
-      obj.header = {
-        cell: ResizableTitle
-      };
-    }
-
-    if (colSortOpen) {
-      obj.header = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, obj.header), {}, {
-        row: colDraggableContainer
-      });
-    }
-
-    if (components) {
-      var _components$body = components.body,
-          body = _components$body === void 0 ? {} : _components$body,
-          _components$header = components.header,
-          header = _components$header === void 0 ? {} : _components$header;
-      obj.body = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, obj.body), body);
-      obj.header = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, obj.header), header);
-    }
-
-    if (openSheet) {
-      if (obj.body) {
-        obj.body.cell = _sheelTableCell.default;
-      } else {
-        obj.body = {};
-        obj.body.cell = _sheelTableCell.default;
-      }
-    }
-
-    return obj;
   }, [sortOpen, resizeable, components, colSortOpen]);
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
@@ -1046,8 +1179,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     renderEmpty: loading ? function () {
       return null;
     } : emptyProps ? function () {
-      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Empty, emptyProps, (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.footer) || null);
-    } : customizeRenderEmpty
+      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, {
@@ -1067,7 +1200,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           selecting: false,
           forceEdit: false,
           editing: {},
-          clear: {}
+          clear: {},
+          commiting: {}
         };
       },
       expandedRowKeys: expandedRowKeys,
@@ -1092,7 +1226,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           selecting: false,
           forceEdit: false,
           editing: {},
-          clear: {}
+          clear: {},
+          commiting: {}
         };
       },
       expandedRowKeys: expandedRowKeys,
@@ -1148,13 +1283,13 @@ 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)({
+  var _useState25 = (0, _react.useState)({
     width: '100%',
     height: '100%'
   }),
-      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
-      tableSize = _useState24[0],
-      setTableSize = _useState24[1];
+      _useState26 = (0, _slicedToArray2.default)(_useState25, 2),
+      tableSize = _useState26[0],
+      setTableSize = _useState26[1];
 
   var defaultRef = ref || (0, _react.useRef)(null);
   var tableWarpRef = (0, _react.useRef)(null);
@@ -1212,11 +1347,11 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
     var value = props.summary ? 48 : 0;
 
-    var _ref5 = ((_tableWarpRef$current = tableWarpRef.current) === null || _tableWarpRef$current === void 0 ? void 0 : _tableWarpRef$current.getBoundingClientRect()) || {},
-        _ref5$width = _ref5.width,
-        width = _ref5$width === void 0 ? '100%' : _ref5$width,
-        _ref5$height = _ref5.height,
-        height = _ref5$height === void 0 ? '100%' : _ref5$height;
+    var _ref6 = ((_tableWarpRef$current = tableWarpRef.current) === null || _tableWarpRef$current === void 0 ? void 0 : _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,