linkmore-design 1.1.1 → 1.1.3

package/es/LmTable/Table.js

@@ -64,6 +64,7 @@ var _excluded = ["columns", "dataSource", "autoSize", "rowClick", "onDoubleClick
     _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;
@@ -138,6 +139,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   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 _useState = (0, _react.useState)({
     selectedRows: []
   }),
@@ -159,6 +163,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   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);
@@ -170,18 +175,17 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       setExpandedRowKeys = _useState8[1];
 
   var deepDataSourceRef = (0, _react.useRef)([]);
-  var deepColumnsRef = (0, _react.useRef)([]);
-  /** 行分组表格对应数据的隐藏数列表 */
-
-  var hideListRef = (0, _react.useRef)([]);
-  /** 行分组的空行列表数据 */
+  var deepColumnsRef = (0, _react.useRef)([]); //
 
-  var skipListRef = (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 groupDataSource = (0, _react.useMemo)(function () {
@@ -210,8 +214,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     setExpandedRowKeys([]);
     deepDataSourceRef.current = [];
     deepColumnsRef.current = [];
-    hideListRef.current = [];
-  }, [groupRowKeys]);
+  }, [groupRowKeys, groupColKeys]);
   /** sheel数据的表格 */
 
   var _useState9 = (0, _react.useState)({
@@ -295,46 +298,18 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (0, _react.useEffect)(function () {
     var source = [];
 
-    var dfs = function dfs(children) {
-      var num = 0;
-      children.forEach(function (item) {
-        if (item.children) {
-          num += dfs(item.children);
-        } else {
-          num += 1;
-        }
-      });
-      return num;
-    };
-
-    var hideList = [];
-
     var deepChildren = function deepChildren(arr) {
       arr.forEach(function (item) {
-        source.push((0, _lodash.omit)(item, 'children'));
-        var prev = hideList.length ? hideList[hideList.length - 1] : 0; // 展开
+        source.push((0, _lodash.omit)(item, 'children')); // 展开
 
         if ((item === null || item === void 0 ? void 0 : item.children) && expandedRowKeys.includes(item.key)) {
-          hideList.push(prev);
           deepChildren(item === null || item === void 0 ? void 0 : item.children);
-        } // 隐藏
-
-
-        if ((item === null || item === void 0 ? void 0 : item.children) && !expandedRowKeys.includes(item.key)) {
-          var count = dfs(item.children);
-          hideList.push(count + prev);
-        }
-
-        if (!(item === null || item === void 0 ? void 0 : item.children)) {
-          hideList.push(prev);
         }
       });
     };
 
     deepChildren(dataSource);
     deepDataSourceRef.current = source;
-    hideListRef.current = hideList;
-    skipListRef.current = (0, _util.getSkipList)((groupRowKeys === null || groupRowKeys === void 0 ? void 0 : groupRowKeys.length) ? deepDataSourceRef.current : dataSource);
   }, [dataSource, expandedRowKeys]); // 列分组数据铺平，在框选时获取数据使用
 
   (0, _react.useEffect)(function () {
@@ -444,7 +419,11 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       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)
+      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
     };
   };
   /** 获取框选的数据 */
@@ -469,44 +448,74 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }).join('\t');
     }).join('\n');
   };
-  /** 复制功能 */
+  /** 复制选中内容 */
 
 
   var handleCopy = function handleCopy(e) {
-    var _shellStatusRef$curre2;
-
-    if (isEmpty((_shellStatusRef$curre2 = shellStatusRef.current) === null || _shellStatusRef$curre2 === void 0 ? void 0 : _shellStatusRef$curre2.editing)) {
-      var _e$clipboardData;
+    var _e$clipboardData;
 
-      e === null || e === void 0 ? void 0 : e.preventDefault();
-      var _shellStatusRef$curre3 = shellStatusRef.current,
-          start = _shellStatusRef$curre3.start,
-          end = _shellStatusRef$curre3.end;
-      var text = getSelectDatas(start, end);
+    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);
-      } else if ((_e$clipboardData = e.clipboardData) === null || _e$clipboardData === void 0 ? void 0 : _e$clipboardData.setData) {
-        e.clipboardData.setData('text/plain', text);
-      } else {
-        var _document;
+    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');
+      (_document = document) === null || _document === void 0 ? void 0 : _document.execCommand('copy');
 
-        if (contextMenuStatus) {
-          setContextMenuStatus(false);
-        }
+      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$curre4, _shellStatusRef$curre7, _checkStatus, _shellStatusRef$curre8;
+    var _shellStatusRef$curre3, _shellStatusRef$curre6, _checkStatus, _shellStatusRef$curre7;
 
-    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 (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$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)) {
+      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,
@@ -520,7 +529,15 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           }
         }));
       }
-    } else 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)) {
+    } 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,
@@ -534,6 +551,49 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         }
       }));
     }
+  }; // 通过表格的行列索引，获取对应的原始数据的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 表格 鼠标松开 */
 
@@ -541,28 +601,29 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
 
   var sheelOnMouseUp = function sheelOnMouseUp() {
-    var _shellStatusRef$curre9;
+    var _shellStatusRef$curre8;
 
-    if (!isEmpty((_shellStatusRef$curre9 = shellStatusRef.current) === null || _shellStatusRef$curre9 === void 0 ? void 0 : _shellStatusRef$curre9.commiting)) {
+    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$curre10 = shellStatusRef.current,
-          start = _shellStatusRef$curre10.start,
-          end = _shellStatusRef$curre10.end,
-          commiting = _shellStatusRef$curre10.commiting; //
+      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,
@@ -609,20 +670,17 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           var _isSelected;
 
           if ((_isSelected = isSelected(tri, tdj)) === null || _isSelected === void 0 ? void 0 : _isSelected.isSelected) {
-            var key = columnsKeysList[tdj];
-            var sourceIndex; // 列分组的情况下
-
-            if (groupColKeys === null || groupColKeys === void 0 ? void 0 : groupColKeys.length) {
-              sourceIndex = (0, _util.getDataSourceIndex)({
-                key: key,
-                dataSource: dataSource
-              });
-              var arr = key.split('_');
-              key = arr[arr.length - 2];
-            } else {
-              sourceIndex = tri - skipListRef.current[tri] + hideListRef.current[tri];
+            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;
             } // 行替换
@@ -670,9 +728,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
 
   var handleCut = function handleCut(e) {
-    var _shellStatusRef$curre11;
+    var _shellStatusRef$curre10;
 
-    if (isEmpty((_shellStatusRef$curre11 = shellStatusRef.current) === null || _shellStatusRef$curre11 === void 0 ? void 0 : _shellStatusRef$curre11.editing)) {
+    if (isEmpty((_shellStatusRef$curre10 = shellStatusRef.current) === null || _shellStatusRef$curre10 === void 0 ? void 0 : _shellStatusRef$curre10.editing)) {
       e.preventDefault();
       handleCopy(e);
       /** 暂时先不隐藏 */
@@ -685,42 +743,70 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   /** TODO: 在分组的情况，需要排除_group行的数据转换 */
 
 
-  var handlePaste = function handlePaste(e) {// if (isEmpty(shellStatusRef.current?.editing)) {
-    //   let { start, end } = shellStatusRef.current
-    //   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) }
-    //   const parse = defaultParsePaste
-    //   let 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
-    //   const resultEnd = []
-    //   pasteData.forEach((row, i) => {
-    //     row.forEach((value, j) => {
-    //       resultEnd.push({
-    //         i: start.i + i,
-    //         j: start.j + j,
-    //         value,
-    //       })
-    //     })
-    //   })
-    //   const columnsKeysList = columns.map((item) => item.dataIndex)
-    //   const res = produce(dataSourceRef.current, (draft) => {
-    //     resultEnd.forEach((item) => {
-    //       if (isSelected(item.i, item.j)?.isSelected) {
-    //         draft[item.i][columnsKeysList[item.j]] = item.value
-    //       }
-    //     })
-    //   })
-    //   /** 只有开通了编辑权限之后才可以 */
-    //   if (editSheet) {
-    //     dataChange?.(res)
-    //   }
-    // }
+  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 _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.forEach(function (row, i) {
+        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.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) {
@@ -764,13 +850,13 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
 
   var sheelMouseDown = function sheelMouseDown(i, j, e, commitStatus) {
-    var _shellStatusRef$curre12, _shellStatusRef$curre13, _shellStatusRef$curre14, _shellStatusRef$curre15, _shellStatusRef$curre16, _shellStatusRef$curre17, _shellStatusRef$curre18, _shellStatusRef$curre19, _shellStatusRef$curre20, _shellStatusRef$curre21;
+    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$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;
-    var editing = isEmpty((_shellStatusRef$curre15 = shellStatusRef.current) === null || _shellStatusRef$curre15 === void 0 ? void 0 : _shellStatusRef$curre15.editing) || ((_shellStatusRef$curre16 = shellStatusRef.current) === null || _shellStatusRef$curre16 === void 0 ? void 0 : _shellStatusRef$curre16.editing.i) !== i || ((_shellStatusRef$curre17 = shellStatusRef.current) === null || _shellStatusRef$curre17 === void 0 ? void 0 : _shellStatusRef$curre17.editing.j) !== j ? {} : (_shellStatusRef$curre18 = shellStatusRef.current) === null || _shellStatusRef$curre18 === void 0 ? void 0 : _shellStatusRef$curre18.editing;
+    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$curre19 = shellStatusRef.current) === null || _shellStatusRef$curre19 === void 0 ? void 0 : _shellStatusRef$curre19.start : {
+      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
       },
@@ -781,7 +867,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       editing: editing,
       forceEdit: !!isNowEditingSameCell,
       commiting: commitStatus ? {
-        start: (_shellStatusRef$curre20 = shellStatusRef.current) === null || _shellStatusRef$curre20 === void 0 ? void 0 : _shellStatusRef$curre20.start,
+        start: (_shellStatusRef$curre21 = shellStatusRef.current) === null || _shellStatusRef$curre21 === void 0 ? void 0 : _shellStatusRef$curre21.start,
         end: {
           i: i,
           j: j
@@ -794,7 +880,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       setCommitIng(true);
     }
 
-    if (isEmpty((_shellStatusRef$curre21 = shellStatusRef.current) === null || _shellStatusRef$curre21 === void 0 ? void 0 : _shellStatusRef$curre21.editing)) {
+    if (isEmpty((_shellStatusRef$curre22 = shellStatusRef.current) === null || _shellStatusRef$curre22 === void 0 ? void 0 : _shellStatusRef$curre22.editing)) {
       setEditIng(false);
     }
 
@@ -809,9 +895,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   var onContextMenu = function onContextMenu(evt, i, j) {
     evt.preventDefault();
-    var _shellStatusRef$curre22 = shellStatusRef.current,
-        start = _shellStatusRef$curre22.start,
-        end = _shellStatusRef$curre22.end;
+    var _shellStatusRef$curre23 = shellStatusRef.current,
+        start = _shellStatusRef$curre23.start,
+        end = _shellStatusRef$curre23.end;
     /** 如果表格当前没有选择，则把当前的右击的td块默认选中 */
 
     if (isEmpty(start) && isEmpty(end)) {
@@ -863,11 +949,18 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }
   };
 
-  var dataSourceChange = function dataSourceChange(i, j, newRecord) {
-    // 表格中的行数 转化为 对应的数据源索引
-    var rowIndex = i - skipListRef.current[i] + hideListRef.current[i];
+  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[rowIndex] = newRecord;
+      draft[index][key] = value;
     });
     dataChange === null || dataChange === void 0 ? void 0 : dataChange(res);
     shellStatusRef.current = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, shellStatusRef.current), {}, {
@@ -897,6 +990,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
         if (col.children && col.children.length) {
           traverseColumns(col.children);
+          return;
         } else {
           // $_ 开头表示私有属性
           col.$_colIndex = colIndex;
@@ -1026,13 +1120,13 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         showSizeChanger: true,
         showQuickJumper: true,
         showTotal: function showTotal(total) {
-          return "\u5171 ".concat(total, " \u6761");
+          return (locale === null || locale === void 0 ? void 0 : locale.locale) === 'zh-cn' ? "\u5171 ".concat(total, " \u6761") : "total ".concat(total, " Page");
         },
-        locale: {
+        locale: (locale === null || locale === void 0 ? void 0 : locale.locale) === 'zh-cn' ? {
           items_per_page: '/条',
           jump_to: '前往',
           page: '页'
-        },
+        } : locale.Pagination || {},
         size: 'small'
       }, pagination),
       rowSelection: rowSelection === false ? undefined : (0, _objectSpread2.default)({
@@ -1045,12 +1139,33 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
         /** 如果开启了行分组，则需要把checkStrictly关闭，变成受控模式 */
         checkStrictly: !(groupRowKeys === null || groupRowKeys === void 0 ? void 0 : groupRowKeys.length),
-        onChange: function onChange(selectedRowKeys, selectedRows) {
+        onChange: !(rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) ? function (selectedRowKeys, selectedRows) {
           setSelectedRows({
             selectedRows: selectedRows
           });
           rowClick === null || rowClick === void 0 ? void 0 : 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 === null || rowClick === void 0 ? void 0 : 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 === null || rowClick === void 0 ? void 0 : rowClick(reulstSelect);
+        } : undefined
       }, rowSelection),
       onRow: function onRow(record) {
         return {
@@ -1237,6 +1352,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     },
     ref: tableWarpRef
   }, /*#__PURE__*/_react.default.createElement(_ConfigProvider.default, {
+    locale: locale,
     renderEmpty: loading ? function () {
       return null;
     } : emptyProps ? function () {
@@ -1311,20 +1427,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     onClick: handleCopy
   }, "\u590D\u5236"), /*#__PURE__*/_react.default.createElement("div", {
     className: "rightClickItems",
-    onClick: function onClick() {
-      return setChartsModalStatus('column');
-    }
-  }, "\u751F\u6210\u67F1\u72B6\u56FE"), /*#__PURE__*/_react.default.createElement("div", {
-    className: "rightClickItems",
-    onClick: function onClick() {
-      return setChartsModalStatus('pie');
-    }
-  }, "\u751F\u6210\u997C\u56FE"), /*#__PURE__*/_react.default.createElement("div", {
-    className: "rightClickItems",
-    onClick: function onClick() {
-      return setChartsModalStatus('line');
-    }
-  }, "\u751F\u6210\u6298\u7EBF\u56FE")), chartsModalStatus && /*#__PURE__*/_react.default.createElement(_tableChartsModal.default, {
+    onClick: handleCopyAll
+  }, "\u590D\u5236\u5168\u90E8")), chartsModalStatus && /*#__PURE__*/_react.default.createElement(_tableChartsModal.default, {
     type: chartsModalStatus,
     onCancel: function onCancel() {
       return setChartsModalStatus(false);
@@ -1333,6 +1437,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       return setChartsModalStatus(false);
     },
     data: dataSource,
+    deepDataSource: deepDataSourceRef.current,
+    rowKey: rowKey,
     columns: columns,
     selectInfo: (0, _lodash.pick)(shellStatusRef.current, ['start', 'end'])
   }));