linkmore-design 1.0.100 → 1.1.0

package/es/LmTable/Table.js

@@ -59,7 +59,7 @@ var _resetConfig = _interopRequireDefault(require("./resetConfig"));
 
 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"],
+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;
@@ -131,9 +131,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       _props$editSheet = props.editSheet,
       editSheet = _props$editSheet === void 0 ? false : _props$editSheet,
       dataChange = props.dataChange,
-      groupInfo = props.groupInfo,
+      groupRowKeys = props.groupRowKeys,
+      groupColKeys = props.groupColKeys,
       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;
@@ -171,6 +171,12 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   var deepDataSourceRef = (0, _react.useRef)([]);
   var deepColumnsRef = (0, _react.useRef)([]);
+  /** 行分组表格对应数据的隐藏数列表 */
+
+  var hideListRef = (0, _react.useRef)([]);
+  /** 行分组的空行列表数据 */
+
+  var skipListRef = (0, _react.useRef)([]);
   /** 记录最原始数据 */
 
   (0, _react.useEffect)(function () {
@@ -179,30 +185,33 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   /** 行分组 */
 
   var groupDataSource = (0, _react.useMemo)(function () {
-    if (!(groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.length)) {
+    if (!(groupRowKeys === null || groupRowKeys === void 0 ? void 0 : groupRowKeys.length)) {
       return customizeDataSource;
     }
 
-    return (0, _util.transformWithRowGroup)(customizeDataSource, groupInfo);
-  }, [customizeDataSource, groupInfo]);
+    return (0, _util.transformWithRowGroup)(customizeDataSource, groupRowKeys);
+  }, [customizeDataSource, groupRowKeys]);
   /** 列分组 */
 
   var _useMemo = (0, _react.useMemo)(function () {
-    if (!(columnKeys === null || columnKeys === void 0 ? void 0 : columnKeys.length)) {
+    if (!(groupColKeys === null || groupColKeys === void 0 ? void 0 : groupColKeys.length)) {
       return {
         dataSource: groupDataSource,
         columns: customizeColumns
       };
     }
 
-    return (0, _util.transformWithColGroup)(customizeColumns, groupDataSource, columnKeys);
-  }, [customizeColumns, groupDataSource, columnKeys]),
+    return (0, _util.transformWithColGroup)(customizeColumns, groupDataSource, groupColKeys);
+  }, [customizeColumns, groupDataSource, groupColKeys]),
       columns = _useMemo.columns,
       dataSource = _useMemo.dataSource;
 
   (0, _react.useEffect)(function () {
     setExpandedRowKeys([]);
-  }, [groupInfo]);
+    deepDataSourceRef.current = [];
+    deepColumnsRef.current = [];
+    hideListRef.current = [];
+  }, [groupRowKeys]);
   /** sheel数据的表格 */
 
   var _useState9 = (0, _react.useState)({
@@ -286,18 +295,46 @@ 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; // 展开
 
         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 () {
@@ -315,7 +352,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
     deepChildren(columns);
     deepColumnsRef.current = source;
-  }, [columns, columnKeys]);
+  }, [columns, groupColKeys]);
 
   var onSortEnd = function onSortEnd(_ref) {
     var oldIndex = _ref.oldIndex,
@@ -418,8 +455,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       return (0, _util.range)(start.j, end.j).map(function (j) {
         var _columns$j, _columns$j2;
 
-        var columnKey = (columnKeys === null || columnKeys === void 0 ? void 0 : columnKeys.length) ? deepColumnsRef.current[j].dataIndex : (_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 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) {
@@ -514,14 +551,13 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           end = _shellStatusRef$curre10.end,
           commiting = _shellStatusRef$curre10.commiting; //
 
-      var innerColumns = (columnKeys === null || columnKeys === void 0 ? void 0 : columnKeys.length) ? deepColumnsRef.current : columns;
-      var innerDataSource = (groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.length) ? deepDataSourceRef.current : dataSource; //
+      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 skipList = (0, _util.getSkipList)(innerDataSource);
       var rowtext = (0, _util.getSelectionRowText)({
         selection: commiting,
         columnsKeysList: columnsKeysList,
@@ -574,9 +610,20 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
           if ((_isSelected = isSelected(tri, tdj)) === null || _isSelected === void 0 ? void 0 : _isSelected.isSelected) {
             var key = columnsKeysList[tdj];
-            var sourceIndex = tri - skipList[tri];
+            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];
+            }
 
-            if (sourceIndex < 0) {
+            if (sourceIndex < 0 || sourceIndex >= data.length) {
               return;
             } // 行替换
 
@@ -654,7 +701,6 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         j: Math.max(start.j, end.j)
       };
       var parse = defaultParsePaste;
-      var changes = [];
       var pasteData = [];
 
       if (window.clipboardData && window.clipboardData.getData) {
@@ -662,9 +708,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         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 data = dataSourceRef.current; // in order of preference
 
       var resultEnd = [];
       pasteData.forEach(function (row, i) {
@@ -837,8 +882,10 @@ 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 res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
-      draft[i] = newRecord;
+      draft[rowIndex] = newRecord;
     });
     dataChange === null || dataChange === void 0 ? void 0 : dataChange(res);
     shellStatusRef.current = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, shellStatusRef.current), {}, {
@@ -911,18 +958,19 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var innerColumns = (0, _lodash.cloneDeep)(useColumns);
     traverseColumns(innerColumns, null);
 
-    if (groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.length) {
+    if (groupRowKeys === null || groupRowKeys === void 0 ? void 0 : groupRowKeys.length) {
       /** 如果是进行了行分组，则会生成一列dataIndex为Group的Col, 如果需要修改此处，请备注原因 */
       innerColumns = [{
         type: 'name',
         title: '分组',
+        dataIndex: '_group',
         key: '_group',
-        dataIndex: '_group'
+        width: 100
       }].concat((0, _toConsumableArray2.default)(innerColumns));
     }
 
     return sortOpen ? [sortDefaultColumnItem].concat((0, _toConsumableArray2.default)(innerColumns)) : innerColumns;
-  }, [useColumns, sortOpen, selectIng, dataSource, groupInfo, commitIng]);
+  }, [useColumns, sortOpen, selectIng, dataSource, groupRowKeys, commitIng]);
   (0, _react.useEffect)(function () {
     setColumns(columns);
   }, [columns]); // 行点击事件
@@ -1014,8 +1062,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         }),
 
         /** 如果开启了行分组，则需要把checkStrictly关闭，变成受控模式 */
-        checkStrictly: !groupInfo.length,
-        onChange: function onChange(selectedRowKeys, selectedRows, t, s) {
+        checkStrictly: !(groupRowKeys === null || groupRowKeys === void 0 ? void 0 : groupRowKeys.length),
+        onChange: function onChange(selectedRowKeys, selectedRows) {
           setSelectedRows({
             selectedRows: selectedRows
           });
@@ -1024,7 +1072,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }, rowSelection),
       onRow: function onRow(record) {
         return {
-          onClick: function onClick(e) {
+          onClick: function onClick() {
             onRecord(record);
           },
           onDoubleClick: function onDoubleClick() {
@@ -1223,7 +1271,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     dataSource: dataSource,
     components: tableComponents,
     onChange: onTableChange,
-    expandable: {
+    expandable: (resetProps === null || resetProps === void 0 ? void 0 : resetProps.expandable) || {
       onExpand: function onExpand() {
         shellStatusRef.current = {
           start: {},
@@ -1249,7 +1297,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     dataSource: dataSource,
     components: tableComponents,
     onChange: onTableChange,
-    expandable: {
+    expandable: (resetProps === null || resetProps === void 0 ? void 0 : resetProps.expandable) || {
       onExpand: function onExpand() {
         shellStatusRef.current = {
           start: {},
@@ -1361,8 +1409,7 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     return h;
   }, [props.hiddenPage, props.customCheck, props.columns, tableSize]);
   var throttleSize = (0, _react.useCallback)(function () {
-    var width = tableSize.width,
-        height = tableSize.height;
+    var width = tableSize.width;
     return /*#__PURE__*/_react.default.createElement(ResetTable, (0, _extends2.default)({
       ref: defaultRef
     }, props, {

package/es/LmTable/components/sheelTableCell.js

@@ -124,13 +124,16 @@ var SheelTabelCell = function SheelTabelCell(props) {
 
   var renderEditor = function renderEditor() {
     if (isEditing) {
+      console.log(isEditing, '-----isEditing-----');
       var Editor = (col === null || col === void 0 ? void 0 : col.dataEditor) || InputDataEdit;
       return /*#__PURE__*/React.createElement(Editor, {
         cell: col,
         row: rowIndex,
         col: colIndex,
         value: value,
-        onChange: setValue,
+        onChange: function onChange(value) {
+          setValue(value);
+        },
         handleSave: saveRenderValue
       });
     }
@@ -142,12 +145,11 @@ var SheelTabelCell = function SheelTabelCell(props) {
   var content = renderComponent() || renderEditor() || renderViewer;
   return /*#__PURE__*/React.createElement("td", Object.assign({}, omit(clearProps, ['commitIng', 'editIng']), {
     // style={{ userSelect: 'none' }}
-    className: cls('unselection', sd && selectIng && 'selected', isEnd && 'end', isRightEnd && 'right_end', isEditing && 'editing', isVaildCommit && 'commiting'),
+    className: cls(colIndex === undefined && 'row_selection_td', 'unselection', sd && selectIng && 'selected', isEnd && 'end', isRightEnd && 'right_end', isEditing && 'editing', isVaildCommit && 'commiting'),
     onMouseDown: handleMouseDown,
     onMouseOver: handleMouseOver,
     onContextMenu: handleContextMenu,
     onDoubleClick: handleDoubleClick,
-    // onKeyUp={onKeyUp}
     key: "".concat(rowIndex, "_").concat(colIndex)
   }), content, isRightEnd && isEnd && !isEditing && /*#__PURE__*/React.createElement("div", {
     ref: endCellRef,

package/es/LmTable/style/index.css

@@ -888,6 +888,10 @@ p {
   color: inherit;
   background: inherit;
 }
+#lm_protable_warp .lm_protable .ant-table td.unselection.row_selection_td:first-child {
+  z-index: 1;
+  background-color: #fff;
+}
 #lm_protable_warp .lm_protable .ant-table td.selected,
 #lm_protable_warp .lm_protable .ant-table td.editing {
   border: 1px solid var(--primary-color);
@@ -1570,6 +1574,21 @@ p {
 .ant-table.ant-table-middle tfoot > tr > td {
   padding: 12px 8px !important;
 }
+button.ant-table-row-expand-icon,
+button.ant-table-row-expand-icon:focus {
+  border-color: #bfbfbf;
+}
+button.ant-table-row-expand-icon:hover {
+  border-color: #40a9ff;
+}
+button.ant-table-row-expand-icon:hover::before,
+button.ant-table-row-expand-icon:hover::after {
+  color: #40a9ff;
+}
+button.ant-table-row-expand-icon::before,
+button.ant-table-row-expand-icon::after {
+  color: #bfbfbf;
+}
 .ant-table-tbody > tr.ant-table-measure-row > td {
   padding: 0 !important;
 }

package/es/LmTable/style/variables.css

@@ -377,6 +377,10 @@
   color: inherit;
   background: inherit;
 }
+#lm_protable_warp .lm_protable .ant-table td.unselection.row_selection_td:first-child {
+  z-index: 1;
+  background-color: #fff;
+}
 #lm_protable_warp .lm_protable .ant-table td.selected,
 #lm_protable_warp .lm_protable .ant-table td.editing {
   border: 1px solid var(--primary-color);
@@ -1059,6 +1063,21 @@
 .ant-table.ant-table-middle tfoot > tr > td {
   padding: 12px 8px !important;
 }
+button.ant-table-row-expand-icon,
+button.ant-table-row-expand-icon:focus {
+  border-color: #bfbfbf;
+}
+button.ant-table-row-expand-icon:hover {
+  border-color: #40a9ff;
+}
+button.ant-table-row-expand-icon:hover::before,
+button.ant-table-row-expand-icon:hover::after {
+  color: #40a9ff;
+}
+button.ant-table-row-expand-icon::before,
+button.ant-table-row-expand-icon::after {
+  color: #bfbfbf;
+}
 .ant-table-tbody > tr.ant-table-measure-row > td {
   padding: 0 !important;
 }

package/es/LmTable/util.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.checkIsSelectd = checkIsSelectd;
 exports.checkStatus = checkStatus;
+exports.getDataSourceIndex = getDataSourceIndex;
 exports.getSelectionColText = getSelectionColText;
 exports.getSelectionRowText = getSelectionRowText;
 exports.getSkipList = getSkipList;
@@ -66,13 +67,13 @@ function dataGroup(data, key) {
  * 列分组数据转换
  * @param columns 表格的columns属性值
  * @param dataSource 表格数据源
- * @param columnKeys 列分组的keys
+ * @param groupColKeys 列分组的keys
  * @returns
  */
 
 
-function transformWithColGroup(columns, dataSource, columnKeys) {
-  if (!Array.isArray(columnKeys) || !columnKeys.length) {
+function transformWithColGroup(columns, dataSource, groupColKeys) {
+  if (!Array.isArray(groupColKeys) || !groupColKeys.length) {
     return {
       columns: columns,
       dataSource: dataSource
@@ -84,7 +85,7 @@ function transformWithColGroup(columns, dataSource, columnKeys) {
   var dataSourceCopy = _lodash.default.cloneDeep(dataSource); // 去重
 
 
-  var columnKeysCopy = (0, _toConsumableArray2.default)(new Set(columnKeys));
+  var groupColKeysCopy = (0, _toConsumableArray2.default)(new Set(groupColKeys));
   /**
    * @param {Array} source source数据源，树状结构，行分组会有children子级结构
    * @param {Array} columns 列数据，用于表头，当列分组时会有children子级结构
@@ -101,7 +102,7 @@ function transformWithColGroup(columns, dataSource, columnKeys) {
       source.forEach(function (souItem, i) {
         handledColumns = handledColumns.concat(columns.filter(function (c) {
           // 过滤掉（表头操作） 使用列分组作为key的项
-          return columnKeysCopy.indexOf(c.dataIndex) === -1;
+          return groupColKeysCopy.indexOf(c.dataIndex) === -1;
         }).map(function (item) {
           return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
             dataIndex: "".concat(markStr, "_").concat(item.dataIndex, "_").concat(i)
@@ -126,7 +127,7 @@ function transformWithColGroup(columns, dataSource, columnKeys) {
     });
   };
 
-  var tempColumns = groupBy(dataSourceCopy, columnsCopy, columnKeysCopy, null);
+  var tempColumns = groupBy(dataSourceCopy, columnsCopy, groupColKeysCopy, null);
   var keyMap = new Map();
 
   var dataSourceBy = function dataSourceBy(source) {
@@ -142,7 +143,7 @@ function transformWithColGroup(columns, dataSource, columnKeys) {
       } else {
         var str = ''; // 根据筛选条件生成对应的前缀key值，比如[name, age] => 'name_xiaoming_age_18'
 
-        columnKeysCopy.forEach(function (dataIndex, i) {
+        groupColKeysCopy.forEach(function (dataIndex, i) {
           if (i !== 0) {
             str += '_';
           }
@@ -163,6 +164,7 @@ function transformWithColGroup(columns, dataSource, columnKeys) {
           }
 
           sItem[newKey] = sItem[key];
+          sItem["".concat(newKey, "_originIndex")] = sItem.__index;
         });
       }
 
@@ -183,32 +185,44 @@ function transformWithColGroup(columns, dataSource, columnKeys) {
 /**
  * 行分组
  * @param {Array} dataSource 数据源
- * @param {Array} groupInfo 行分组的keys
+ * @param {Array} groupRowKeys 行分组的keys
  * @returns
  */
 
 
-function transformWithRowGroup(dataSource, groupInfo) {
-  var groupBy = function groupBy(lastFilter, oGroup) {
+function transformWithRowGroup(dataSource, groupRowKeys) {
+  var groupBy = function groupBy(lastFilter, oGroup, preKey) {
     if (!(oGroup === null || oGroup === void 0 ? void 0 : oGroup.length)) return lastFilter;
     var group = oGroup.slice();
-    var filterKey = group.shift();
+    var filterKey = group.shift(); // i:保证顺序
+
+    var i = 0;
     var map = lastFilter.reduce(function (acc, el) {
+      el.__index = i;
+      i += 1;
       var value = el[filterKey];
       acc[value] = [].concat((0, _toConsumableArray2.default)(acc[value] || []), [el]);
       return acc;
     }, {});
     return Object.keys(map).map(function (item) {
+      var key;
+
+      if (preKey) {
+        key = "".concat(preKey, "_").concat(filterKey, "_").concat(item);
+      } else {
+        key = "".concat(filterKey, "_").concat(item);
+      }
+
       return {
         type: filterKey,
         _group: item,
-        key: "".concat(item, "_").concat(filterKey),
-        children: groupBy(map[item], group)
+        key: key,
+        children: groupBy(map[item], group, key)
       };
     });
   };
 
-  return groupBy(dataSource, groupInfo);
+  return groupBy(dataSource, groupRowKeys);
 }
 
 function checkIsSelectd(i, j) {
@@ -243,10 +257,10 @@ function checkStatus(i, j, commiting) {
 function getSkipList(dataSourceWithGroup) {
   var skipList = dataSourceWithGroup.reduce(function (prev, cur) {
     if (!prev.length) {
-      return cur.group ? [1] : [0];
+      return cur._group ? [1] : [0];
     }
 
-    if (cur.group) {
+    if (cur._group) {
       return [].concat((0, _toConsumableArray2.default)(prev), [prev[prev.length - 1] + 1]);
     }
 
@@ -309,4 +323,43 @@ function getSelectionColText(_ref2) {
     });
   });
   return coltext;
+}
+/**
+ * 获取key所对应的原始数据的索引
+ * @param {Object} {key, dataSource}
+ * @returns {number}
+ */
+
+
+function getDataSourceIndex(_ref3) {
+  var key = _ref3.key,
+      _ref3$dataSource = _ref3.dataSource,
+      dataSource = _ref3$dataSource === void 0 ? [] : _ref3$dataSource;
+  var index = -1;
+
+  var dfs = function dfs(arr) {
+    if (!Array.isArray(arr)) {
+      return;
+    }
+
+    if (index !== -1) {
+      return;
+    }
+
+    for (var i = 0; i < arr.length; i += 1) {
+      var item = arr[i];
+
+      if (item["".concat(key, "_originIndex")] !== undefined) {
+        index = item["".concat(key, "_originIndex")];
+        return;
+      }
+
+      if (item.children) {
+        dfs(item.children);
+      }
+    }
+  };
+
+  dfs(dataSource);
+  return index;
 }