@kdcloudjs/table 1.1.6 → 1.2.0-canary.10

package/lib/table/base/table.js

@@ -311,10 +311,14 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
 
       if (_lastHasScrollY !== this.hasScrollY) {
         (_b = (_a = this.props).setTableWidth) === null || _b === void 0 ? void 0 : _b.call(_a, this.domHelper.tableBody.clientWidth);
-      } // 设置子节点宽度
+      }
 
+      var _this$lastInfo = this.lastInfo,
+          leftLockTotalWidth = _this$lastInfo.leftLockTotalWidth,
+          rightLockTotalWidth = _this$lastInfo.rightLockTotalWidth;
+      var lockTotalWidth = leftLockTotalWidth + rightLockTotalWidth; // 设置子节点宽度
 
-      stickyScrollItem.style.width = "".concat(innerTableWidth, "px");
+      stickyScrollItem.style.width = "".concat(innerTableWidth - lockTotalWidth, "px");
     }
   }, {
     key: "renderTableHeader",
@@ -482,13 +486,25 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
           stickyBottom = _this$props5.stickyBottom;
       var hasScroll = this.state.hasScroll;
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)(_styles.Classes.stickyScroll, _styles.Classes.horizontalScrollContainer),
+        className: (0, _classnames.default)(_styles.Classes.horizontalScrollContainer, _styles.Classes.horizontalStickyScrollContainer)
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(_styles.Classes.horizontalScrollLeftSpacer),
+        style: {
+          width: info.leftLockTotalWidth
+        }
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(_styles.Classes.stickyScroll),
         style: {
           display: hasStickyScroll && hasScroll ? 'block' : 'none',
           bottom: stickyBottom
         }
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: _styles.Classes.stickyScrollItem
+      })), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(_styles.Classes.horizontalScrollRightSpacer),
+        style: {
+          width: info.rightLockTotalWidth
+        }
       }));
     }
   }, {
@@ -569,7 +585,22 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
-      // console.log('did update start')
+      var _a; // console.log('did update start')
+
+
+      var _this$props8 = this.props,
+          cssVariables = _this$props8.cssVariables,
+          enableCSSVariables = _this$props8.enableCSSVariables,
+          bordered = _this$props8.bordered;
+
+      if (!(0, _utils.shallowEqual)(prevProps === null || prevProps === void 0 ? void 0 : prevProps.cssVariables, (_a = this.props) === null || _a === void 0 ? void 0 : _a.cssVariables)) {
+        (0, _utils.cssPolifill)({
+          variables: cssVariables || {},
+          enableCSSVariables: enableCSSVariables,
+          bordered: bordered
+        });
+      }
+
       this.updateDOMHelper();
       this.props$.next(this.props);
       this.didMountOrUpdate(prevProps, prevState); // console.log('did update end')
@@ -798,9 +829,9 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
     key: "adjustNeedRenderLock",
     value: function adjustNeedRenderLock() {
       var needRenderLock = this.state.needRenderLock;
-      var _this$lastInfo = this.lastInfo,
-          flat = (0, _flat.default)(_this$lastInfo),
-          hasLockColumn = _this$lastInfo.hasLockColumn;
+      var _this$lastInfo2 = this.lastInfo,
+          flat = (0, _flat.default)(_this$lastInfo2),
+          hasLockColumn = _this$lastInfo2.hasLockColumn;
 
       if (hasLockColumn) {
         var _context;

package/lib/table/common-views.js

@@ -22,7 +22,9 @@ var _templateObject, _templateObject2, _templateObject3;
 var InlineFlexCell = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  align-items: center;\n"])));
 
 exports.InlineFlexCell = InlineFlexCell;
-var ExpansionCell = (0, _styledComponents.default)(InlineFlexCell)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  &.", " {\n    cursor: default;\n  }\n\n  .expansion-icon {\n    fill: #999;\n    flex: 0 0 16px;\n    transition: transform 200ms;\n\n    &.", " {\n      transform-origin: center center;\n      transform: rotate(90deg);\n    }\n  }\n"])), _styles.Classes.leaf, _styles.Classes.expanded);
+var ExpansionCell = (0, _styledComponents.default)(function (props) {
+  return /*#__PURE__*/_react.default.createElement(InlineFlexCell, (0, _extends2.default)({}, props));
+})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  &.", " {\n    cursor: default;\n  }\n\n  .expansion-icon {\n    fill: #999;\n    flex: 0 0 16px;\n    transition: transform 200ms;\n\n    &.", " {\n      transform-origin: center center;\n      transform: rotate(90deg);\n    }\n  }\n"])), _styles.Classes.leaf, _styles.Classes.expanded);
 exports.ExpansionCell = ExpansionCell;
 
 function CaretDownIcon(props) {

package/lib/table/interfaces.d.ts

@@ -27,6 +27,8 @@ export interface ArtColumnStaticPart {
     features?: {
         [key: string]: any;
     };
+    /** 表头设置操作项到自定义操作区 */
+    renderHeader?: (title: ReactNode, opr: ReactNode) => ReactNode;
 }
 export interface Features {
     /** 是否开启排序功能 */
@@ -90,6 +92,9 @@ export interface FilterPanelProps {
 export interface DefaultFilterPanelProps extends FilterPanelProps {
     setFilterModel(filterItem?: Pick<FilterItem, 'filter' | 'filterCondition'>): void;
     filterModel: FilterItem;
+    localeText: {
+        [key: string]: string;
+    };
 }
 export interface CustomeFilterPanelProps extends FilterPanelProps {
     setFilter(filter?: any[]): void;

package/lib/table/pipeline/features/autoFill.js

@@ -48,7 +48,8 @@ var autoFillTableWidth = function autoFillTableWidth() {
         // 保存剩余的flex总和和剩余宽度总和宽度
         var residualFlexCount = flexCount;
         var residualFlexWidth = remainingWidth;
-        var columnSize = pipeline.getFeatureOptions(_columnResizeWidth.COLUMN_SIZE_KEY) || {};
+        var columnSize = pipeline.getFeatureOptions(_columnResizeWidth.COLUMN_SIZE_KEY);
+        var enableColumnResizeWidthFeature = !!columnSize;
         pipeline.mapColumns((0, _utils.makeRecursiveMapper)(function (col, recursiveFlatMapInfo) {
           var isLeaf = recursiveFlatMapInfo.isLeaf;
 
@@ -67,12 +68,15 @@ var autoFillTableWidth = function autoFillTableWidth() {
             col.width = clamp(minWidth, preColWidth + (residualFlexCount === flex ? residualFlexWidth : usedRemainingWidth), maxWidth);
             residualFlexCount -= flex;
             residualFlexWidth -= col.width - preColWidth;
-            columnSize[code] = col.width;
+
+            if (enableColumnResizeWidthFeature) {
+              columnSize[code] = col.width;
+            }
           }
 
           return col;
         }));
-        pipeline.setFeatureOptions(_columnResizeWidth.COLUMN_SIZE_KEY, columnSize);
+        enableColumnResizeWidthFeature && pipeline.setFeatureOptions(_columnResizeWidth.COLUMN_SIZE_KEY, columnSize);
       }
     } else {
       // 未设置了flex宽度，创建占位列

package/lib/table/pipeline/features/columnFilter.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.filter = filter;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 
 var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
@@ -63,6 +63,7 @@ function filter() {
     var inputFiltersMap = new _map.default((0, _map2.default)(inputFilters).call(inputFilters, function (filterItem) {
       return [filterItem.code, (0, _extends2.default)({}, filterItem)];
     }));
+    var localeText = pipeline.ctx.localeText;
 
     function processColumns(columns) {
       return (0, _map2.default)(columns).call(columns, dfs);
@@ -75,7 +76,7 @@ function filter() {
         var filterActive = filterable && ((_c = (_b = inputFiltersMap === null || inputFiltersMap === void 0 ? void 0 : inputFiltersMap.get(col.code)) === null || _b === void 0 ? void 0 : (0, _filter.default)(_b)) === null || _c === void 0 ? void 0 : _c.length) > 0;
 
         if (filterable) {
-          var _context, _context2, _cx;
+          var _cx;
 
           var handleFilterChanged = function handleFilterChanged(filterItem) {
             var nextFiltersMap = new _map.default(inputFiltersMap);
@@ -108,7 +109,8 @@ function filter() {
 
           var filterPanel = (_d = col.features) === null || _d === void 0 ? void 0 : _d.filterPanel;
           var colFilterIcon = (_f = (_e = col.features) === null || _e === void 0 ? void 0 : _e.filterIcon) !== null && _f !== void 0 ? _f : filterIcon;
-          result.title = (0, _concat.default)(_context = []).call(_context, (0, _toConsumableArray2.default)((0, _concat.default)(_context2 = []).call(_context2, (_g = result.title) !== null && _g !== void 0 ? _g : [_internals.internals.safeRenderHeader((0, _extends2.default)({}, col))])), [/*#__PURE__*/_react.default.createElement(_filter2.Filter, {
+
+          var _Filter = /*#__PURE__*/_react.default.createElement(_filter2.Filter, {
             key: "filter",
             FilterPanelContent: filterPanel,
             filterIcon: colFilterIcon,
@@ -120,12 +122,22 @@ function filter() {
             stopClickEventPropagation: stopClickEventPropagation,
             stopESCKeyDownEventPropagation: stopESCKeyDownEventPropagation,
             hideFilterPopupHeader: hideFilterPopupHeader,
-            getPopupParent: getPopupParent
-          })]); // result.headerCellProps = mergeCellProps(col.headerCellProps, {
+            getPopupParent: getPopupParent,
+            localeText: localeText
+          });
+
+          if (col.renderHeader) {
+            result.title = col.renderHeader(result.title, _Filter);
+          } else {
+            var _context, _context2;
+
+            result.title = (0, _concat.default)(_context = []).call(_context, (0, _toConsumableArray2.default)((0, _concat.default)(_context2 = []).call(_context2, (_g = result.title) !== null && _g !== void 0 ? _g : [_internals.internals.safeRenderHeader((0, _extends2.default)({}, col))])), [_Filter]);
+          } // result.headerCellProps = mergeCellProps(col.headerCellProps, {
           //   style: {
           //     paddingRight: '18px'
           //   }
           // })
+
         }
 
         if (!(0, _utils.isLeafNode)(col)) {

package/lib/table/pipeline/features/columnResizeWidth.js

@@ -46,7 +46,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var TableHeaderCellResize = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 0;\n  right: -5px;\n  height: 100%;\n  width: 10px;\n  cursor: ew-resize;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  z-index:1;\n\n  &:after {\n    content: \"\";\n    position: absolute;\n    display: block;\n    left: calc(50% - 1px);\n    width: 1px;\n    height: calc(100% - 14px);\n    top: 7px;\n  }\n"])));
 
-var TableHeaderGroupCellResize = (0, _styledComponents.default)(TableHeaderCellResize)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  &:after {\n    height: 100%;\n    top: 0;\n  }\n"])));
+var TableHeaderGroupCellResize = (0, _styledComponents.default)(function (props) {
+  return /*#__PURE__*/_react.default.createElement(TableHeaderCellResize, (0, _extends2.default)({}, props));
+})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  &:after {\n    height: 100%;\n    top: 0;\n  }\n"])));
 
 function clamp(min, x, max) {
   return Math.max(min, Math.min(max, x));

package/lib/table/pipeline/features/filter/DefaultFilterContent.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { DefaultFilterPanelProps } from '../../../interfaces';
-declare function DefaultFilterContent({ setFilterModel, filterModel, hidePanel }: DefaultFilterPanelProps): JSX.Element;
+declare function DefaultFilterContent({ setFilterModel, filterModel, hidePanel, localeText }: DefaultFilterPanelProps): JSX.Element;
 export default DefaultFilterContent;

package/lib/table/pipeline/features/filter/DefaultFilterContent.js

@@ -48,7 +48,11 @@ function DefaultFilterContent(_ref) {
 
   var setFilterModel = _ref.setFilterModel,
       filterModel = _ref.filterModel,
-      hidePanel = _ref.hidePanel;
+      hidePanel = _ref.hidePanel,
+      _ref$localeText = _ref.localeText,
+      localeText = _ref$localeText === void 0 ? {} : _ref$localeText;
+
+  var _a, _b;
 
   var _React$useState = _react.default.useState((filterModel === null || filterModel === void 0 ? void 0 : filterModel.filterCondition) || 'contain'),
       _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
@@ -102,16 +106,18 @@ function DefaultFilterContent(_ref) {
   return /*#__PURE__*/_react.default.createElement(DefaultFilterContentStyle, null, /*#__PURE__*/_react.default.createElement("div", {
     className: 'filter-option-list'
   }, /*#__PURE__*/_react.default.createElement("ul", null, (0, _map.default)(_util.DEFAULT_FILTER_OPTIONS).call(_util.DEFAULT_FILTER_OPTIONS, function (option, index) {
+    var _a;
+
     return (
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
       _react.default.createElement("li", {
-        key: index,
+        key: option.key,
         className: option.key === selectedValue ? 'active' : '',
         onClick: function onClick() {
           return handleClick(option);
         }
-      }, option.title)
+      }, (_a = localeText[option.key]) !== null && _a !== void 0 ? _a : option.title)
     );
   }))), selectedValue !== 'notIsNull' && selectedValue !== 'isNull' && /*#__PURE__*/_react.default.createElement("div", {
     className: 'filter-search'
@@ -130,12 +136,12 @@ function DefaultFilterContent(_ref) {
       'filter-btn': true
     }, _styles.Classes.button, true)),
     onClick: reset
-  }, "\u91CD\u7F6E"), /*#__PURE__*/_react.default.createElement("button", {
+  }, (_a = localeText.resetFilter) !== null && _a !== void 0 ? _a : '重置'), /*#__PURE__*/_react.default.createElement("button", {
     className: (0, _classnames.default)((_cx2 = {
       'filter-btn': true
     }, (0, _defineProperty2.default)(_cx2, _styles.Classes.button, true), (0, _defineProperty2.default)(_cx2, _styles.Classes.buttonPrimary, true), _cx2)),
     onClick: confirm
-  }, "\u786E\u5B9A")));
+  }, (_b = localeText.confirmFilter) !== null && _b !== void 0 ? _b : '确定')));
 }
 
 var _default = DefaultFilterContent;

package/lib/table/pipeline/features/filter/Filter.d.ts

@@ -15,6 +15,9 @@ interface FilterProps {
     stopESCKeyDownEventPropagation?: boolean;
     hideFilterPopupHeader?: boolean;
     getPopupParent?: (triggerElement: HTMLElement) => HTMLElement;
+    localeText?: {
+        [key: string]: string;
+    };
 }
-declare function Filter({ size, style, className, FilterPanelContent, filterIcon, setFilter, setFilterModel, filterModel, isFilterActive, stopClickEventPropagation, stopESCKeyDownEventPropagation, hideFilterPopupHeader, getPopupParent }: FilterProps): JSX.Element;
+declare function Filter({ size, style, className, FilterPanelContent, filterIcon, setFilter, setFilterModel, filterModel, isFilterActive, stopClickEventPropagation, stopESCKeyDownEventPropagation, hideFilterPopupHeader, getPopupParent, localeText }: FilterProps): JSX.Element;
 export default Filter;

package/lib/table/pipeline/features/filter/Filter.js

@@ -110,7 +110,8 @@ function Filter(_ref2) {
       stopClickEventPropagation = _ref2.stopClickEventPropagation,
       stopESCKeyDownEventPropagation = _ref2.stopESCKeyDownEventPropagation,
       hideFilterPopupHeader = _ref2.hideFilterPopupHeader,
-      getPopupParent = _ref2.getPopupParent;
+      getPopupParent = _ref2.getPopupParent,
+      localeText = _ref2.localeText;
 
   var _React$useState3 = _react.default.useState(false),
       _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
@@ -138,7 +139,8 @@ function Filter(_ref2) {
         setFilterModel: setFilterModel,
         filterModel: filterModel,
         isFilterActive: isFilterActive,
-        hidePanel: hidePanel
+        hidePanel: hidePanel,
+        localeText: localeText
       });
     }
   };

package/lib/table/pipeline/features/index.d.ts

@@ -18,3 +18,4 @@ export { rangeSelection, RangeSelectionFeatureOptions } from './rangeSelection';
 export { mergeCellHover } from './mergeCellHover';
 export { footerDataSource, FooterDataSourceFeatureOptions, footerRowMetaSymbol } from './footerDataSource';
 export { colGroupExtendable, colGroupExtendOption } from './colGroupExtendable';
+export { rowDrag, RowDragFeatureOptions } from './rowDrag';

package/lib/table/pipeline/features/index.js

@@ -97,6 +97,12 @@ Object.defineProperty(exports, "rowDetail", {
     return _rowDetail.rowDetail;
   }
 });
+Object.defineProperty(exports, "rowDrag", {
+  enumerable: true,
+  get: function get() {
+    return _rowDrag.rowDrag;
+  }
+});
 Object.defineProperty(exports, "rowGrouping", {
   enumerable: true,
   get: function get() {
@@ -178,4 +184,6 @@ var _mergeCellHover = require("./mergeCellHover");
 
 var _footerDataSource = require("./footerDataSource");
 
-var _colGroupExtendable = require("./colGroupExtendable");
+var _colGroupExtendable = require("./colGroupExtendable");
+
+var _rowDrag = require("./rowDrag");

package/lib/table/pipeline/features/multiSelect.js

@@ -23,6 +23,10 @@ var _others = require("../../utils/others");
 
 var _utils = require("../../utils");
 
+var fullRowsSetKey = 'fullRowsSetKey';
+var allEnableKeys = 'allEnableKeys';
+var selectValueSetKey = 'selectValueSetKey';
+
 function multiSelect() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function multiSelectStep(pipeline) {
@@ -53,10 +57,9 @@ function multiSelect() {
         action: action
       });
     };
-
-    var dataSource = pipeline.getDataSource();
     /** dataSource 中包含的所有 keys */
 
+
     var fullKeySet = new _set.default();
     /** 所有有效的 keys（disable 状态为 false） */
 
@@ -65,7 +68,7 @@ function multiSelect() {
     var isAllChecked = set.size !== 0; // 当前不存在选中则默认为false
 
     var isAnyChecked = false;
-    var flatDataSource = (0, _utils.collectNodes)(dataSource);
+    var flatDataSource = (0, _utils.collectNodes)(pipeline.getDataSource());
     flatDataSource.forEach(function (row, rowIndex) {
       var rowKey = _internals.internals.safeGetRowKey(primaryKey, row, rowIndex);
 
@@ -94,6 +97,8 @@ function multiSelect() {
         checked: isAllChecked,
         indeterminate: !isAllChecked && isAnyChecked,
         onChange: function onChange(_) {
+          var allKeys = pipeline.getFeatureOptions(allEnableKeys);
+
           if (isAllChecked) {
             _onChange(_others.arrayUtils.diff(value, allKeys), '', allKeys, 'uncheck-all');
           } else {
@@ -115,9 +120,11 @@ function multiSelect() {
 
           var checkboxCellProps = {};
           var preCellProps = (_b = (_a = opts.checkboxColumn) === null || _a === void 0 ? void 0 : _a.getCellProps) === null || _b === void 0 ? void 0 : _b.call(_a, value, row, rowIndex);
+          var fullRowsSet = pipeline.getFeatureOptions(fullRowsSetKey) || new _set.default();
+          var selectValueSet = pipeline.getFeatureOptions(selectValueSetKey) || new _set.default();
 
-          if (fullKeySet.has(rowKey) && clickArea === 'cell') {
-            var prevChecked = set.has(rowKey);
+          if (fullRowsSet.has(rowKey) && clickArea === 'cell') {
+            var prevChecked = selectValueSet.has(rowKey);
             var disabled = isDisabled(row, rowIndex);
             checkboxCellProps = {
               style: {
@@ -142,7 +149,8 @@ function multiSelect() {
 
           var key = _internals.internals.safeGetRowKey(primaryKey, row, rowIndex);
 
-          var checked = set.has(key);
+          var selectValueSet = pipeline.getFeatureOptions(selectValueSetKey) || new _set.default();
+          var checked = selectValueSet.has(key);
           return /*#__PURE__*/_react.default.createElement(Checkbox, {
             checked: checked,
             disabled: isDisabled(row, rowIndex),
@@ -180,7 +188,9 @@ function multiSelect() {
     pipeline.appendRowPropsGetter(function (row, rowIndex) {
       var rowKey = _internals.internals.safeGetRowKey(primaryKey, row, rowIndex);
 
-      if (!fullKeySet.has(rowKey)) {
+      var fullRowsSet = pipeline.getFeatureOptions(fullRowsSetKey) || new _set.default();
+
+      if (!fullRowsSet.has(rowKey)) {
         // rowKey 不在 fullKeySet 中说明这一行是在 multiSelect 之后才生成的，multiSelect 不对之后生成的行进行处理
         return;
       }
@@ -188,7 +198,8 @@ function multiSelect() {
       var style = {};
       var className;
       var onClick;
-      var checked = set.has(rowKey);
+      var selectValueSet = pipeline.getFeatureOptions(selectValueSetKey) || new _set.default();
+      var checked = selectValueSet.has(rowKey);
 
       if (opts.highlightRowWhenSelected && checked) {
         className = 'highlight';
@@ -215,22 +226,32 @@ function multiSelect() {
         style: style,
         onClick: onClick
       };
-    });
+    }); // 只保留一份到pipeline， 避免行数据过多时内容被握住
+
+    pipeline.setFeatureOptions(fullRowsSetKey, fullKeySet);
+    pipeline.setFeatureOptions(allEnableKeys, allKeys);
+    pipeline.setFeatureOptions(selectValueSetKey, set);
+    fullKeySet = null;
+    allKeys = null;
+    set = null;
     return pipeline;
 
     function onCheckboxChange(prevChecked, key, batch) {
       var batchKeys = [key];
 
       if (batch && lastKey) {
-        var lastIdx = allKeys.indexOf(lastKey);
-        var cntIdx = allKeys.indexOf(key);
+        var _allKeys = pipeline.getFeatureOptions(allEnableKeys);
+
+        var lastIdx = _allKeys.indexOf(lastKey);
+
+        var cntIdx = _allKeys.indexOf(key);
 
         var _ref = lastIdx < cntIdx ? [lastIdx, cntIdx] : [cntIdx, lastIdx],
             _ref2 = (0, _slicedToArray2.default)(_ref, 2),
             start = _ref2[0],
             end = _ref2[1];
 
-        batchKeys = (0, _slice.default)(allKeys).call(allKeys, start, end + 1);
+        batchKeys = (0, _slice.default)(_allKeys).call(_allKeys, start, end + 1);
       }
 
       if (prevChecked) {

package/lib/table/pipeline/features/rangeSelection.d.ts

@@ -1,10 +1,31 @@
 import { TablePipeline } from '../pipeline';
+import { ArtColumn } from '../../interfaces';
 export interface RangeSelectionFeatureOptions {
     /** 范围选中回调函数 */
-    rangeSelectedChange?(params: any): void;
+    rangeSelectedChange?(cellRanges: CellRange[], isFinished: boolean): void;
     /** 是否阻止keydown的默认行为 */
     preventkDefaultOfKeyDownEvent?: boolean;
+    /** 是否禁止多范围框选 */
+    suppressMultiRangeSelection?: boolean;
+}
+interface FooterRowRange {
+    startRow: number;
+    endRow: number;
+}
+interface CellRange {
+    startRow: number;
+    endRow: number;
+    columns: ArtColumn[];
+    startColumn: ArtColumn;
+    footerRowRange: FooterRowRange | null;
 }
 export declare const rangeSelectionKey = "rangeSelection";
 export declare const lastClickCellKey = "lastClickCell";
 export declare function rangeSelection(opts: RangeSelectionFeatureOptions): (pipeline: TablePipeline) => TablePipeline;
+/**
+ * 获取框选范围唯一标识
+ * @param {*} cellRange
+ * @returns
+ */
+export declare function getCellRangeId(cellRange: CellRange): string;
+export {};