@kdcloudjs/table 1.2.0-canary.6 → 1.2.0-canary.6-hotfix.2

package/es/table/pipeline/features/columnDrag.js

@@ -6,55 +6,46 @@ import { makeRecursiveMapper, mergeCellProps, collectNodes, isLeafNode } from '.
 import { FILL_COLUMN_CODE } from './autoFill';
 var stateKey = 'columnDrag';
 var SCROLL_SIZE = 30;
-
 function disableSelect(event) {
   event.preventDefault();
 }
-
 function sortColumns(columns, sort) {
   var res = new Array(columns.length);
-
   var lastColumns = _toConsumableArray(columns);
-
   while (columns.length) {
     var cloumn = columns.pop();
     res[sort[cloumn.code]] = cloumn;
   }
-
   if (_filterInstanceProperty(res).call(res, Boolean).length !== lastColumns.length) {
     return lastColumns;
   }
-
   return res;
 }
-
 function stopClickPropagation(e) {
   e.stopPropagation();
 }
-
 export function columnDrag() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function (pipeline) {
     var _pipeline$getStateAtK = pipeline.getStateAtKey(stateKey, {}),
-        cloumnsTranslateData = _pipeline$getStateAtK.cloumnsTranslateData;
-
+      cloumnsTranslateData = _pipeline$getStateAtK.cloumnsTranslateData;
     var columns = pipeline.getColumns();
-    var tableBody = pipeline.ref.current.domHelper && pipeline.ref.current.domHelper.tableBody; // if (cloumnsSortData) {
+    var tableBody = pipeline.ref.current.domHelper && pipeline.ref.current.domHelper.tableBody;
+    // if (cloumnsSortData) {
     //   columns = sortColumns(columns, cloumnsSortData)
     // }
-
     pipeline.columns(_filterInstanceProperty(columns).call(columns, function (column) {
       return column;
     }));
     return pipeline.mapColumns(makeRecursiveMapper(function (col, recursiveFlatMapInfo) {
       var path = recursiveFlatMapInfo.path,
-          isLeaf = recursiveFlatMapInfo.isLeaf;
+        isLeaf = recursiveFlatMapInfo.isLeaf;
       var style = cloumnsTranslateData ? {
         transition: '.3s',
         transform: "translate3d(".concat(cloumnsTranslateData[col.code], "px, 0px, 0px)")
       } : {};
-      var prevGetCellProps = col.getCellProps; // !col.code: 选择列 col.lock: 固定列 不允许拖拽
-
+      var prevGetCellProps = col.getCellProps;
+      // !col.code: 选择列 col.lock: 固定列 不允许拖拽
       if (col.lock || !col.code) return col;
       return _extends(_extends({}, col), {
         getCellProps: function getCellProps(value, record, rowIndex) {
@@ -68,8 +59,8 @@ export function columnDrag() {
             if (e.button !== 0 || !e.currentTarget.contains(e.target)) {
               return;
             }
-
-            window.addEventListener('selectstart', disableSelect); // const cx = e.clientX
+            window.addEventListener('selectstart', disableSelect);
+            // const cx = e.clientX
             // const width = col.width
             // const a = startIndex
             // const b = endIndex
@@ -77,13 +68,10 @@ export function columnDrag() {
             // let newColumn = [...columns]
             // let newStartIndex = startIndex
             // let endIdx = endIndex
-
             var columnMoved = false;
             var columns = pipeline.getColumns();
-
             var _pipeline$getStateAtK2 = pipeline.getStateAtKey(stateKey, {}),
-                cloumnsTranslateData = _pipeline$getStateAtK2.cloumnsTranslateData;
-
+              cloumnsTranslateData = _pipeline$getStateAtK2.cloumnsTranslateData;
             var cloumnsSortData = {};
             columns.forEach(function (item, index) {
               cloumnsSortData[item.code] = index;
@@ -97,21 +85,17 @@ export function columnDrag() {
             var allColumns = collectNodes(columns);
             var tableBodyClientRect = tableBody.getBoundingClientRect();
             var startScrollLeft = pipeline.ref.current.domHelper.virtual.scrollLeft;
-
             var updateScrollPosition = function updateScrollPosition(client) {
               var clientX = client.clientX;
               var left = tableBodyClientRect.left,
-                  width = tableBodyClientRect.width;
-
+                width = tableBodyClientRect.width;
               if (clientX + SCROLL_SIZE >= left + width) {
                 pipeline.ref.current.domHelper.virtual.scrollLeft += SCROLL_SIZE;
               }
-
               if (clientX - SCROLL_SIZE <= left) {
                 pipeline.ref.current.domHelper.virtual.scrollLeft -= SCROLL_SIZE;
               }
             };
-
             function handleMouseMove(e) {
               var client = {
                 clientX: e.clientX,
@@ -119,17 +103,15 @@ export function columnDrag() {
               };
               var scrollDistance = pipeline.ref.current.domHelper.virtual.scrollLeft - startScrollLeft;
               var leftPosition = startX - scrollDistance; // 表头最左边起点
-
               updateScrollPosition(client);
-
               if (e.clientX - leftPosition < 20) {
                 return;
               } else {
                 e.stopPropagation();
               }
-
               document.body.style.userSelect = 'none';
-              currentTarget.style.cursor = 'move'; // 循环计算每一个的位置
+              currentTarget.style.cursor = 'move';
+              // 循环计算每一个的位置
               // if (startIndex !== replaceIndex) {
               //   const optionColumn = columns[startIndex]
               //   const move = startIndex > replaceIndex ? 1 : -1
@@ -152,21 +134,18 @@ export function columnDrag() {
               //   index++
               // }
               // 重置位置信息
-
               cloumnsTranslateData = {};
               allColumns.forEach(function (item) {
                 cloumnsTranslateData[item.code] = 0;
-              }); // 计算平移位置
-
+              });
+              // 计算平移位置
               var replaceIndex = 0;
               var totalWitdth = getColumnWidth(columns[replaceIndex]);
-
               while (totalWitdth < e.clientX - leftPosition && replaceIndex < columns.length - 1) {
                 replaceIndex++;
                 totalWitdth += getColumnWidth(columns[replaceIndex]);
-              } // 需要取最新startIndex, 不能直接用makeRecursiveMapper提供的startIndex（因为map时还没添加选择列、充满列等后面use添加的列）
-
-
+              }
+              // 需要取最新startIndex, 不能直接用makeRecursiveMapper提供的startIndex（因为map时还没添加选择列、充满列等后面use添加的列）
               var startIndex;
               columns.forEach(function (column, index) {
                 if (column.code === col.code) {
@@ -175,63 +154,53 @@ export function columnDrag() {
               });
               var optionColumn = columns[startIndex];
               var index = replaceIndex;
-
               if (startIndex > replaceIndex) {
                 // 左移
                 while (index < startIndex) {
                   var _columns$index = columns[index],
-                      code = _columns$index.code,
-                      lock = _columns$index.lock,
-                      width = _columns$index.width,
-                      children = _columns$index.children;
-
+                    code = _columns$index.code,
+                    lock = _columns$index.lock,
+                    width = _columns$index.width,
+                    children = _columns$index.children;
                   if (enableMove({
                     code: code,
                     lock: lock
                   })) {
                     cloumnsTranslateData[code] += optionColumn.width;
-
                     if (isLeafNode(columns[index])) {
                       cloumnsTranslateData[optionColumn.code] -= width;
                     } else {
                       cloumnsTranslateData[optionColumn.code] -= getColumnWidth(columns[index]);
                       moveAllChildren(children, cloumnsTranslateData, optionColumn.width);
                     }
-
                     columnMoved = true;
                   }
-
                   index++;
                 }
               } else if (startIndex < replaceIndex) {
                 // 右移
                 while (startIndex < index) {
                   var _columns$index2 = columns[index],
-                      _code = _columns$index2.code,
-                      _lock = _columns$index2.lock,
-                      _width = _columns$index2.width,
-                      _children = _columns$index2.children;
-
+                    _code = _columns$index2.code,
+                    _lock = _columns$index2.lock,
+                    _width = _columns$index2.width,
+                    _children = _columns$index2.children;
                   if (enableMove({
                     code: _code,
                     lock: _lock
                   })) {
                     cloumnsTranslateData[_code] -= optionColumn.width;
-
                     if (isLeafNode(columns[index])) {
                       cloumnsTranslateData[optionColumn.code] += _width;
                     } else {
                       cloumnsTranslateData[optionColumn.code] += getColumnWidth(columns[index]);
                       moveAllChildren(_children, cloumnsTranslateData, optionColumn.width, true);
                     }
-
                     columnMoved = true;
                   }
-
                   index--;
                 }
               }
-
               window.requestAnimationFrame(function () {
                 pipeline.setStateAtKey(stateKey, {
                   cloumnsTranslateData: cloumnsTranslateData
@@ -239,15 +208,12 @@ export function columnDrag() {
                 moveData = [startIndex, replaceIndex];
               });
             }
-
             function handleMouseUp(e) {
               document.body.removeEventListener('mousemove', handleMouseMove);
               document.body.removeEventListener('mouseup', handleMouseUp);
               window.removeEventListener('selectstart', disableSelect);
-
               if (_isMoveWhenClicking(mouseDownClientX, mouseDownClientY, e.clientX, e.clientY)) {
                 e.stopPropagation(); // 存在移动就阻止冒泡
-
                 currentTarget.addEventListener('click', stopClickPropagation); // 阻止列头点击事件，防止拖动后触发列头过滤事件
               }
 
@@ -255,13 +221,12 @@ export function columnDrag() {
                 // 取消阻止列头点击事件
                 currentTarget.removeEventListener('click', stopClickPropagation);
                 currentTarget = null;
-
                 var _moveData = moveData,
-                    _moveData2 = _slicedToArray(_moveData, 2),
-                    startIndex = _moveData2[0],
-                    replaceIndex = _moveData2[1];
-
-                var optionColumn = columns[startIndex]; // const move = startIndex > replaceIndex ? 1 : -1
+                  _moveData2 = _slicedToArray(_moveData, 2),
+                  startIndex = _moveData2[0],
+                  replaceIndex = _moveData2[1];
+                var optionColumn = columns[startIndex];
+                // const move = startIndex > replaceIndex ? 1 : -1
                 // let index = Math.min(startIndex, replaceIndex)
                 // while (index < Math.max(startIndex, replaceIndex) && index > 0) {
                 //   const code = columns[index].code
@@ -269,16 +234,13 @@ export function columnDrag() {
                 //   cloumnsSortData[code] += move
                 //   index += move
                 // }
-
                 var index = replaceIndex;
-
                 if (startIndex > replaceIndex) {
                   // 左移
                   while (index < startIndex) {
                     var _columns$index3 = columns[index],
-                        code = _columns$index3.code,
-                        lock = _columns$index3.lock;
-
+                      code = _columns$index3.code,
+                      lock = _columns$index3.lock;
                     if (enableMove({
                       code: code,
                       lock: lock
@@ -287,16 +249,14 @@ export function columnDrag() {
                       cloumnsSortData[optionColumn.code] -= 1;
                       columnMoved = true;
                     }
-
                     index++;
                   }
                 } else if (startIndex < replaceIndex) {
                   // 右移
                   while (index > startIndex) {
                     var _columns$index4 = columns[index],
-                        _code2 = _columns$index4.code,
-                        _lock2 = _columns$index4.lock;
-
+                      _code2 = _columns$index4.code,
+                      _lock2 = _columns$index4.lock;
                     if (enableMove({
                       code: _code2,
                       lock: _lock2
@@ -305,25 +265,20 @@ export function columnDrag() {
                       cloumnsSortData[optionColumn.code] += 1;
                       columnMoved = true;
                     }
-
                     index--;
                   }
                 }
-
-                var onColumnDragStopped = opts.onColumnDragStopped; // 拖拽结束返回列顺序
-
+                var onColumnDragStopped = opts.onColumnDragStopped;
+                // 拖拽结束返回列顺序
                 if (onColumnDragStopped) {
                   var _context;
-
                   var newColumns = _filterInstanceProperty(_context = sortColumns(columns, cloumnsSortData)).call(_context, function (_ref) {
                     var code = _ref.code;
                     return code !== FILL_COLUMN_CODE;
-                  }); // TODO drag需要在resize之后use,否则这里返回的列对应的宽度不是拖拽后的
-
-
+                  });
+                  // TODO drag需要在resize之后use,否则这里返回的列对应的宽度不是拖拽后的
                   onColumnDragStopped(columnMoved, newColumns);
                 }
-
                 pipeline.setStateAtKey(stateKey, {
                   cloumnsTranslateData: null
                 });
@@ -332,7 +287,6 @@ export function columnDrag() {
               currentTarget.style.opacity = '';
               currentTarget.style.cursor = '';
             }
-
             document.body.addEventListener('mousemove', handleMouseMove);
             document.body.addEventListener('mouseup', handleMouseUp);
           },
@@ -342,45 +296,37 @@ export function columnDrag() {
     }));
   };
 }
-
 function enableMove(_ref2) {
   var lock = _ref2.lock,
-      code = _ref2.code;
+    code = _ref2.code;
   return code && code !== FILL_COLUMN_CODE && !lock;
 }
-
 function getColumnWidth(col) {
   if (col.children) {
     return col.children.reduce(function (acc, col) {
       return acc + getColumnWidth(col);
     }, 0);
   }
-
   return col.width;
 }
-
 function moveAllChildren(cols, cloumnsTranslateData, width, isMinus) {
   cols.forEach(function (col) {
     var _a;
-
     var code = col.code,
-        children = col.children;
+      children = col.children;
     var movedWidth = (_a = cloumnsTranslateData[code]) !== null && _a !== void 0 ? _a : 0;
     cloumnsTranslateData[code] = movedWidth + (isMinus ? -width : width);
-
     if (!isLeafNode(col)) {
       moveAllChildren(children, cloumnsTranslateData, width);
     }
   });
 }
-
 function _isMoveWhenClicking(mouseDownClientX, mouseDownClientY, mouseUpClientX, mouseUpClientY) {
   var xDiff = mouseUpClientX - mouseDownClientX;
-  var yDiff = mouseUpClientY - mouseDownClientY; // 鼠标点按和松开的偏移量大于5px，认为存在移动
-
+  var yDiff = mouseUpClientY - mouseDownClientY;
+  // 鼠标点按和松开的偏移量大于5px，认为存在移动
   if (Math.sqrt(xDiff * xDiff + yDiff * yDiff) > 5) {
     return true;
   }
-
   return false;
 }

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

@@ -19,63 +19,50 @@ export function filter() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function step(pipeline) {
     var _a, _b;
-
     var dataSource = pipeline.getDataSource();
     var columns = pipeline.getColumns();
     var filters = opts.filters,
-        defaultFilters = opts.defaultFilters,
-        onChangeFilters = opts.onChangeFilters,
-        keepDataSource = opts.keepDataSource,
-        mode = opts.mode,
-        filterIcon = opts.filterIcon,
-        stopClickEventPropagation = opts.stopClickEventPropagation,
-        stopESCKeyDownEventPropagation = opts.stopESCKeyDownEventPropagation,
-        hideFilterPopupHeader = opts.hideFilterPopupHeader,
-        getPopupParent = opts.getPopupParent;
+      defaultFilters = opts.defaultFilters,
+      onChangeFilters = opts.onChangeFilters,
+      keepDataSource = opts.keepDataSource,
+      mode = opts.mode,
+      filterIcon = opts.filterIcon,
+      stopClickEventPropagation = opts.stopClickEventPropagation,
+      stopESCKeyDownEventPropagation = opts.stopESCKeyDownEventPropagation,
+      hideFilterPopupHeader = opts.hideFilterPopupHeader,
+      getPopupParent = opts.getPopupParent;
     var inputFilters = (_b = (_a = filters !== null && filters !== void 0 ? filters : pipeline.getStateAtKey(stateKey)) !== null && _a !== void 0 ? _a : defaultFilters) !== null && _b !== void 0 ? _b : [];
     inputFilters = mode === 'single' ? _sliceInstanceProperty(inputFilters).call(inputFilters, 0, 1) : inputFilters;
     var inputFiltersMap = new _Map(_mapInstanceProperty(inputFilters).call(inputFilters, function (filterItem) {
       return [filterItem.code, _extends({}, filterItem)];
     }));
     var localeText = pipeline.ctx.localeText;
-
     function processColumns(columns) {
       return _mapInstanceProperty(columns).call(columns, dfs);
-
       function dfs(col) {
         var _a, _b, _c, _d, _e, _f, _g;
-
         var result = _extends({}, col);
-
         var filterable = col.code && ((_a = col.features) === null || _a === void 0 ? void 0 : _a.filterable);
         var filterActive = filterable && ((_c = (_b = inputFiltersMap === null || inputFiltersMap === void 0 ? void 0 : inputFiltersMap.get(col.code)) === null || _b === void 0 ? void 0 : _filterInstanceProperty(_b)) === null || _c === void 0 ? void 0 : _c.length) > 0;
-
         if (filterable) {
           var _context, _context2, _cx;
-
           var handleFilterChanged = function handleFilterChanged(filterItem) {
             var nextFiltersMap = new _Map(inputFiltersMap);
-
             var currentFilter = _extends({
               code: col.code
             }, filterItem);
-
             if (filterItem == null) {
               nextFiltersMap.delete(col.code);
             } else {
               if (mode === 'single') {
                 nextFiltersMap.clear();
               }
-
               nextFiltersMap.set(col.code, currentFilter);
             }
-
             var nextFilters = _Array$from(_valuesInstanceProperty(nextFiltersMap).call(nextFiltersMap));
-
             onChangeFilters === null || onChangeFilters === void 0 ? void 0 : onChangeFilters(nextFilters, currentFilter);
             pipeline.setStateAtKey(stateKey, nextFilters);
           };
-
           var setFilter = function setFilter(filter, filterCondition) {
             handleFilterChanged(!filter ? undefined : {
               code: col.code,
@@ -83,7 +70,6 @@ export function filter() {
               filterCondition: filterCondition
             });
           };
-
           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 = _concatInstanceProperty(_context = []).call(_context, _toConsumableArray(_concatInstanceProperty(_context2 = []).call(_context2, (_g = result.title) !== null && _g !== void 0 ? _g : [internals.safeRenderHeader(_extends({}, col))])), [/*#__PURE__*/React.createElement(Filter, {
@@ -100,7 +86,8 @@ export function filter() {
             hideFilterPopupHeader: hideFilterPopupHeader,
             getPopupParent: getPopupParent,
             localeText: localeText
-          })]); // result.headerCellProps = mergeCellProps(col.headerCellProps, {
+          })]);
+          // result.headerCellProps = mergeCellProps(col.headerCellProps, {
           //   style: {
           //     paddingRight: '18px'
           //   }
@@ -109,30 +96,23 @@ export function filter() {
 
         if (!isLeafNode(col)) {
           var _context3;
-
           result.children = _mapInstanceProperty(_context3 = col.children).call(_context3, dfs);
         }
-
         return result;
       }
     }
-
     function processDataSource(dataSource) {
       var _context4, _context5;
-
       var filtersKeys = [];
       inputFiltersMap.forEach(function (value, key) {
         filtersKeys.push(key);
       });
-
       if (keepDataSource || filtersKeys.length <= 0) {
         return dataSource;
       }
-
       var columns = pipeline.getColumns();
       var columnsMap = new _Map(_mapInstanceProperty(_context4 = _filterInstanceProperty(_context5 = collectNodes(columns, 'leaf-only')).call(_context5, function (col) {
         var _a, _b;
-
         return ((_a = col.features) === null || _a === void 0 ? void 0 : _a.filterable) !== false && ((_b = col.features) === null || _b === void 0 ? void 0 : _b.filterable) != null;
       })).call(_context4, function (col) {
         return [col.code, col];
@@ -140,15 +120,12 @@ export function filter() {
       var defaultFilterOptionsMap = new _Map(_mapInstanceProperty(DEFAULT_FILTER_OPTIONS).call(DEFAULT_FILTER_OPTIONS, function (item) {
         return [item.key, _extends({}, item)];
       }));
-
       function isMatchedFilterCondition(record) {
         return filtersKeys.every(function (key) {
           var _a, _b;
-
           var filterItem = inputFiltersMap.get(key);
           var filterable = (_b = (_a = columnsMap.get(key)) === null || _a === void 0 ? void 0 : _a.features) === null || _b === void 0 ? void 0 : _b.filterable;
           var comparisonFn;
-
           if (typeof filterable === 'function') {
             comparisonFn = filterable;
           } else if (defaultFilterOptionsMap.get(filterItem.filterCondition)) {
@@ -157,40 +134,30 @@ export function filter() {
             console.warn("\u5217[".concat(key, "]\u672A\u914D\u7F6E\u7B5B\u9009\u51FD\u6570\uFF0C\u8BF7\u8BBE\u7F6E column.features.filterable \u6765\u4F5C\u4E3A\u8BE5\u5217\u7684\u7B5B\u9009\u51FD\u6570, \u76EE\u524D\u4F7F\u7528\u9ED8\u8BA4\u5305\u542B\u7B5B\u9009\u51FD\u6570"));
             comparisonFn = _filterInstanceProperty(defaultFilterOptionsMap.get('contain'));
           }
-
           return comparisonFn(_filterInstanceProperty(filterItem), filterItem)(internals.safeGetValue(columnsMap.get(key), record, -1), record);
         });
       }
-
       return layeredFilter(dataSource, isMatchedFilterCondition);
     }
-
     pipeline.dataSource(processDataSource(dataSource));
     pipeline.columns(processColumns(columns));
     return pipeline;
   };
 }
-
 function layeredFilter(array, matchFn) {
   return dfs(array);
-
   function dfs(rows) {
     var _context6;
-
     var parentMatched = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     return _filterInstanceProperty(_context6 = _mapInstanceProperty(rows).call(rows, function (row) {
       var currentMatched = matchFn(row);
-
       if (isLeafNode(row)) {
         return (parentMatched || currentMatched) && _extends({}, row);
       }
-
       var children = row.children;
-
       var rowAfterFilterChildren = _extends(_extends({}, row), {
         children: dfs(children, parentMatched || currentMatched)
       });
-
       var matchedByChildren = !isLeafNode(rowAfterFilterChildren);
       return (parentMatched || currentMatched || matchedByChildren) && rowAfterFilterChildren;
     })).call(_context6, Boolean);

package/es/table/pipeline/features/columnHover.js

@@ -5,29 +5,23 @@ export function columnHover() {
   var stateKey = 'columnHover';
   return function (pipeline) {
     var _a, _b, _c, _d;
-
     var hoverColor = (_a = opts.hoverColor) !== null && _a !== void 0 ? _a : 'var(--hover-bgcolor)';
     var hoverColIndex = (_d = (_c = (_b = opts.hoverColIndex) !== null && _b !== void 0 ? _b : pipeline.getStateAtKey(stateKey)) !== null && _c !== void 0 ? _c : opts.defaultHoverColIndex) !== null && _d !== void 0 ? _d : -1;
-
     var onChangeHoverColIndex = function onChangeHoverColIndex(nextColIndex) {
       var _a;
-
       pipeline.setStateAtKey(stateKey, nextColIndex);
       (_a = opts.onChangeHoverColIndex) === null || _a === void 0 ? void 0 : _a.call(opts, nextColIndex);
     };
-
     return pipeline.mapColumns(makeRecursiveMapper(function (col, _ref) {
       var startIndex = _ref.startIndex,
-          endIndex = _ref.endIndex;
+        endIndex = _ref.endIndex;
       var range = {
         start: startIndex,
         end: endIndex
       };
-
       if (!isLeafNode(col)) {
         return col;
       }
-
       var colIndexMatched = range.start <= hoverColIndex && hoverColIndex < range.end;
       var prevGetCellProps = col.getCellProps;
       return _extends(_extends({}, col), {

package/es/table/pipeline/features/columnRangeHover.js

@@ -9,32 +9,26 @@ export function columnRangeHover() {
   var stateKey = 'columnHover';
   return function columnRangeHoverStep(pipeline) {
     var _a, _b, _c, _d, _e;
-
     var hoverRange = (_c = (_b = (_a = opts.hoverRange) !== null && _a !== void 0 ? _a : pipeline.getStateAtKey(stateKey)) !== null && _b !== void 0 ? _b : opts.defaultHoverRange) !== null && _c !== void 0 ? _c : EMPTY_RANGE;
     var hoverColor = (_d = opts.hoverColor) !== null && _d !== void 0 ? _d : 'var(--hover-bgcolor)';
     var headerHoverColor = (_e = opts.headerHoverColor) !== null && _e !== void 0 ? _e : 'var(--header-hover-bgcolor)';
-
     var onChangeHoverRange = function onChangeHoverRange(nextColIndexRange) {
       var _a;
-
       pipeline.setStateAtKey(stateKey, nextColIndexRange);
       (_a = opts.onChangeHoverRange) === null || _a === void 0 ? void 0 : _a.call(opts, nextColIndexRange);
     };
-
     return pipeline.mapColumns(makeRecursiveMapper(function (col, _ref) {
       var startIndex = _ref.startIndex,
-          endIndex = _ref.endIndex;
+        endIndex = _ref.endIndex;
       var colRange = {
         start: startIndex,
         end: endIndex
       };
       var match = colRange.end > hoverRange.start && hoverRange.end > colRange.start;
-
       if (!isLeafNode(col)) {
         if (headerHoverColor == null) {
           return col;
         }
-
         return _extends(_extends({}, col), {
           headerCellProps: mergeCellProps(col.headerCellProps, {
             onMouseEnter: function onMouseEnter() {
@@ -49,7 +43,6 @@ export function columnRangeHover() {
           })
         });
       }
-
       var prevGetCellProps = col.getCellProps;
       return _extends(_extends({}, col), {
         headerCellProps: mergeCellProps(col.headerCellProps, {