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

package/es/table/base/calculations.js

@@ -10,35 +10,25 @@ import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instan
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _Map from "@babel/runtime-corejs3/core-js-stable/map";
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { var _context10; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context10 = Object.prototype.toString.call(o)).call(_context10, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 import { collectNodes, isLeafNode, console } from '../utils';
 import { AUTO_VIRTUAL_THRESHOLD, OVERSCAN_SIZE, sum } from './utils';
-
 function resolveVirtualEnabled(virtualEnum, defaultValue) {
   if (virtualEnum == null || virtualEnum === 'auto') {
     return defaultValue;
   }
-
   return virtualEnum;
 }
-
 var lockColumnNeedSpecifiedWidthWarned = false;
-
 function warnLockColumnNeedSpecifiedWidth(column) {
   if (!lockColumnNeedSpecifiedWidthWarned) {
     lockColumnNeedSpecifiedWidthWarned = true;
     console.warn('lock=true 的列需要指定宽度', column);
   }
 }
-
 var columnHiddenDeprecatedWarned = false;
-
 function warnColumnHiddenDeprecated(column) {
   if (!columnHiddenDeprecatedWarned) {
     columnHiddenDeprecatedWarned = true;
@@ -46,24 +36,18 @@ function warnColumnHiddenDeprecated(column) {
   }
 }
 /** 检查列配置 & 设置默认宽度 & 剔除隐藏的列 */
-
-
 function processColumns(columns, defaultColumnWidth) {
   if (columns == null || !Array.isArray(columns)) {
     console.warn('<BaseTable /> props.columns 需要传入一个数组', columns);
     columns = [];
   }
-
   function dfs(columns) {
     var result = [];
-
     var _iterator = _createForOfIteratorHelper(columns),
-        _step;
-
+      _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var column = _step.value;
-
         if (column.width == null) {
           if (defaultColumnWidth != null) {
             column = _extends(_extends({}, column), {
@@ -73,7 +57,6 @@ function processColumns(columns, defaultColumnWidth) {
             warnLockColumnNeedSpecifiedWidth(column);
           }
         }
-
         if (isLeafNode(column)) {
           if (column.hidden) {
             // 被隐藏的列 会在这里被剔除
@@ -82,8 +65,8 @@ function processColumns(columns, defaultColumnWidth) {
             result.push(column);
           }
         } else {
-          var nextChildren = dfs(column.children); // 如果 nextChildren 为空，说明所有的子节点均被隐藏了，在这里隐藏父节点
-
+          var nextChildren = dfs(column.children);
+          // 如果 nextChildren 为空，说明所有的子节点均被隐藏了，在这里隐藏父节点
           if (nextChildren.length > 0) {
             result.push(_extends(_extends({}, column), {
               children: nextChildren
@@ -96,23 +79,17 @@ function processColumns(columns, defaultColumnWidth) {
     } finally {
       _iterator.f();
     }
-
     return result;
   }
-
   return dfs(columns);
 }
-
 export function getLeftNestedLockCount(columns) {
   var nestedCount = 0;
-
   var _iterator2 = _createForOfIteratorHelper(columns),
-      _step2;
-
+    _step2;
   try {
     for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
       var col = _step2.value;
-
       if (isLock(col)) {
         nestedCount += 1;
       } else {
@@ -124,9 +101,7 @@ export function getLeftNestedLockCount(columns) {
   } finally {
     _iterator2.f();
   }
-
   return nestedCount;
-
   function isLock(col) {
     if (isLeafNode(col)) {
       return col.lock;
@@ -135,15 +110,12 @@ export function getLeftNestedLockCount(columns) {
     }
   }
 }
-
 function getHorizontalRenderRange(_ref) {
   var _context, _context2;
-
   var offsetX = _ref.offsetX,
-      maxRenderWidth = _ref.maxRenderWidth,
-      flat = _flatInstanceProperty(_ref),
-      useVirtual = _ref.useVirtual;
-
+    maxRenderWidth = _ref.maxRenderWidth,
+    flat = _flatInstanceProperty(_ref),
+    useVirtual = _ref.useVirtual;
   if (!useVirtual.horizontal) {
     return {
       leftIndex: 0,
@@ -152,30 +124,24 @@ function getHorizontalRenderRange(_ref) {
       rightBlank: 0
     };
   }
-
   var leftIndex = 0;
   var centerCount = 0;
   var leftBlank = 0;
   var centerRenderWidth = 0;
   var overscannedOffsetX = Math.max(0, offsetX - OVERSCAN_SIZE);
-
   while (leftIndex < flat.center.length) {
     var col = flat.center[leftIndex];
-
     if (col.width + leftBlank < overscannedOffsetX) {
       leftIndex += 1;
       leftBlank += col.width;
     } else {
       break;
     }
-  } // 考虑 over scan 之后，中间部分的列至少需要渲染的宽度
-
-
+  }
+  // 考虑 over scan 之后，中间部分的列至少需要渲染的宽度
   var minCenterRenderWidth = maxRenderWidth + (overscannedOffsetX - leftBlank) + 2 * OVERSCAN_SIZE;
-
   while (leftIndex + centerCount < flat.center.length) {
     var _col = flat.center[leftIndex + centerCount];
-
     if (centerRenderWidth < minCenterRenderWidth) {
       centerRenderWidth += _col.width;
       centerCount += 1;
@@ -183,7 +149,6 @@ function getHorizontalRenderRange(_ref) {
       break;
     }
   }
-
   var rightBlankCount = flat.center.length - leftIndex - centerCount;
   var rightBlank = sum(_mapInstanceProperty(_context = _sliceInstanceProperty(_context2 = flat.center).call(_context2, flat.center.length - rightBlankCount)).call(_context, function (col) {
     return col.width;
@@ -194,28 +159,25 @@ function getHorizontalRenderRange(_ref) {
     rightIndex: leftIndex + centerCount,
     rightBlank: rightBlank
   };
-} // 一顿计算，将表格本次渲染所需要的数据都给算出来（代码写得有点乱，有较大优化空间）
+}
+// 一顿计算，将表格本次渲染所需要的数据都给算出来（代码写得有点乱，有较大优化空间）
 // todo 可以考虑下将 header 部分的计算逻辑也放到这个文件中，目前应该有一些重复的计算逻辑
-
-
 export function calculateRenderInfo(table) {
   var _context3, _context4, _context5, _context6, _context7, _context8, _context9;
-
   var _table$state = table.state,
-      offsetX = _table$state.offsetX,
-      maxRenderWidth = _table$state.maxRenderWidth;
+    offsetX = _table$state.offsetX,
+    maxRenderWidth = _table$state.maxRenderWidth;
   var _table$props = table.props,
-      useVirtualProp = _table$props.useVirtual,
-      columnsProp = _table$props.columns,
-      dataSourceProp = _table$props.dataSource,
-      defaultColumnWidth = _table$props.defaultColumnWidth;
+    useVirtualProp = _table$props.useVirtual,
+    columnsProp = _table$props.columns,
+    dataSourceProp = _table$props.dataSource,
+    defaultColumnWidth = _table$props.defaultColumnWidth;
   var columns = processColumns(columnsProp, defaultColumnWidth);
   var leftNestedLockCount = getLeftNestedLockCount(columns);
   var fullFlat = collectNodes(columns, 'leaf-only');
   var flat;
   var nested;
   var useVirtual;
-
   if (leftNestedLockCount === columns.length) {
     flat = {
       left: [],
@@ -236,13 +198,9 @@ export function calculateRenderInfo(table) {
     };
   } else {
     var leftNested = _sliceInstanceProperty(columns).call(columns, 0, leftNestedLockCount);
-
     var rightNestedLockCount = getLeftNestedLockCount(_sliceInstanceProperty(columns).call(columns).reverse());
-
     var centerNested = _sliceInstanceProperty(columns).call(columns, leftNestedLockCount, columns.length - rightNestedLockCount);
-
     var rightNested = _sliceInstanceProperty(columns).call(columns, columns.length - rightNestedLockCount);
-
     var shouldEnableHozVirtual = fullFlat.length >= AUTO_VIRTUAL_THRESHOLD && fullFlat.every(function (col) {
       return col.width != null;
     });
@@ -265,7 +223,6 @@ export function calculateRenderInfo(table) {
       center: centerNested
     };
   }
-
   var horizontalRenderRange = getHorizontalRenderRange({
     maxRenderWidth: maxRenderWidth,
     offsetX: offsetX,
@@ -274,10 +231,9 @@ export function calculateRenderInfo(table) {
   });
   var verticalRenderRange = table.getVerticalRenderRange(useVirtual);
   var leftBlank = horizontalRenderRange.leftBlank,
-      leftIndex = horizontalRenderRange.leftIndex,
-      rightBlank = horizontalRenderRange.rightBlank,
-      rightIndex = horizontalRenderRange.rightIndex;
-
+    leftIndex = horizontalRenderRange.leftIndex,
+    rightBlank = horizontalRenderRange.rightBlank,
+    rightIndex = horizontalRenderRange.rightIndex;
   var unfilteredVisibleColumnDescriptors = _concatInstanceProperty(_context3 = []).call(_context3, _toConsumableArray(_mapInstanceProperty(_context4 = flat.left).call(_context4, function (col, i) {
     return {
       type: 'normal',
@@ -305,8 +261,8 @@ export function calculateRenderInfo(table) {
       colIndex: flat.full.length - flat.right.length + i
     };
   })));
-
-  var visibleColumnDescriptors = _filterInstanceProperty(unfilteredVisibleColumnDescriptors).call(unfilteredVisibleColumnDescriptors, Boolean); // const totalWidth = visibleColumnDescriptors.reduce((pre, cur) => {
+  var visibleColumnDescriptors = _filterInstanceProperty(unfilteredVisibleColumnDescriptors).call(unfilteredVisibleColumnDescriptors, Boolean);
+  // const totalWidth = visibleColumnDescriptors.reduce((pre, cur) => {
   //   if (cur.type === 'blank') {
   //     return cur.width + pre
   //   } else {
@@ -320,27 +276,21 @@ export function calculateRenderInfo(table) {
   //     width: `width: calc(100% - ${totalWidth}px)`
   //   } as VisibleColumnDescriptor)
   // }
-
-
   var fullFlatCount = flat.full.length;
   var leftFlatCount = flat.left.length;
   var rightFlatCount = flat.right.length;
   var stickyLeftMap = new _Map();
   var stickyLeft = 0;
-
   for (var i = 0; i < leftFlatCount; i++) {
     stickyLeftMap.set(i, stickyLeft);
     stickyLeft += flat.full[i].width;
   }
-
   var stickyRightMap = new _Map();
   var stickyRight = 0;
-
   for (var _i = 0; _i < rightFlatCount; _i++) {
     stickyRightMap.set(fullFlatCount - 1 - _i, stickyRight);
     stickyRight += flat.full[fullFlatCount - 1 - _i].width;
   }
-
   var leftLockTotalWidth = sum(_mapInstanceProperty(_context8 = flat.left).call(_context8, function (col) {
     return col.width;
   }));

package/es/table/base/colgroup.js

@@ -11,7 +11,6 @@ export function Colgroup(_ref) {
         }
       });
     }
-
     return /*#__PURE__*/React.createElement("col", {
       key: descriptor.colIndex,
       style: {

package/es/table/base/empty.js

@@ -13,10 +13,10 @@ var DefaultEmptyContent = /*#__PURE__*/React.memo(function () {
 });
 export function EmptyHtmlTable(_ref) {
   var descriptors = _ref.descriptors,
-      isLoading = _ref.isLoading,
-      emptyCellHeight = _ref.emptyCellHeight,
-      _ref$EmptyContent = _ref.EmptyContent,
-      EmptyContent = _ref$EmptyContent === void 0 ? DefaultEmptyContent : _ref$EmptyContent;
+    isLoading = _ref.isLoading,
+    emptyCellHeight = _ref.emptyCellHeight,
+    _ref$EmptyContent = _ref.EmptyContent,
+    EmptyContent = _ref$EmptyContent === void 0 ? DefaultEmptyContent : _ref$EmptyContent;
   var show = !isLoading;
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("table", {
     key: "table"

package/es/table/base/header.d.ts

@@ -4,6 +4,7 @@ interface TableHeaderProps {
     info: RenderInfo;
     theaderPosition?: 'left' | 'center' | 'right';
     rowCount?: number;
+    stickyRightOffset?: number;
 }
-export default function TableHeader({ info, theaderPosition, rowCount: _rowCount }: TableHeaderProps): JSX.Element;
+export default function TableHeader({ info, theaderPosition, rowCount: _rowCount, stickyRightOffset }: TableHeaderProps): JSX.Element;
 export {};

package/es/table/base/header.js

@@ -8,48 +8,34 @@ import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instan
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
 import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { var _context6; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context6 = Object.prototype.toString.call(o)).call(_context6, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 import cx from 'classnames';
 import React from 'react';
 import { getTreeDepth, isLeafNode } from '../utils';
 import { Classes } from './styles';
-
 function range(n) {
   var array = [];
-
   for (var i = 0; i < n; i++) {
     array.push(i);
   }
-
   return array;
 }
 /** 根据当前横向虚拟滚动 对 nested.center 进行过滤，结果只保留当前视野内可见的那些列配置 */
-
-
 function filterNestedCenter(centerNested, hoz, leftFlatCount) {
   return dfs(centerNested, leftFlatCount).filtered;
-
   function dfs(cols, startColIndex) {
     var leafCount = 0;
     var filtered = [];
-
     var _iterator = _createForOfIteratorHelper(cols),
-        _step;
-
+      _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var col = _step.value;
         var colIndex = startColIndex + leafCount;
-
         if (isLeafNode(col)) {
           leafCount += 1;
-
           if (leftFlatCount + hoz.leftIndex <= colIndex && colIndex < leftFlatCount + hoz.rightIndex) {
             filtered.push({
               colIndex: colIndex,
@@ -59,7 +45,6 @@ function filterNestedCenter(centerNested, hoz, leftFlatCount) {
         } else {
           var dfsRes = dfs(col.children, colIndex);
           leafCount += dfsRes.leafCount;
-
           if (dfsRes.filtered.length > 0) {
             filtered.push({
               colIndex: colIndex,
@@ -74,7 +59,6 @@ function filterNestedCenter(centerNested, hoz, leftFlatCount) {
     } finally {
       _iterator.f();
     }
-
     return {
       filtered: filtered,
       leafCount: leafCount
@@ -82,28 +66,21 @@ function filterNestedCenter(centerNested, hoz, leftFlatCount) {
   }
 }
 /** 根据输入的 nested 列配置，算出相应的 leveled & flat 配置方便渲染 */
-
-
 function calculateLeveledAndFlat(inputNested, rowCount) {
   var leveled = [];
-
   for (var depth = 0; depth < rowCount; depth++) {
     leveled.push([]);
   }
-
   var flat = [];
   dfs(inputNested, 0);
   return {
     flat: flat,
     leveled: leveled
   };
-
   function dfs(input, depth) {
     var leafCount = 0;
-
     for (var i = 0; i < input.length; i++) {
       var indexedCol = input[i];
-
       if (isLeafNode(indexedCol)) {
         leafCount += 1;
         var wrapped = {
@@ -119,7 +96,6 @@ function calculateLeveledAndFlat(inputNested, rowCount) {
       } else {
         var dfsRes = dfs(indexedCol.children, depth + 1);
         leafCount += dfsRes.leafCount;
-
         if (dfsRes.leafCount > 0) {
           leveled[depth].push({
             type: 'normal',
@@ -132,26 +108,20 @@ function calculateLeveledAndFlat(inputNested, rowCount) {
         }
       }
     }
-
     return {
       leafCount: leafCount
     };
   }
 }
 /** 包装列配置，附加上 colIndex 属性 */
-
-
 function attachColIndex(inputNested, colIndexOffset) {
   return dfs(inputNested, colIndexOffset).result;
-
   function dfs(input, startColIndex) {
     var result = [];
     var leafCount = 0;
-
     for (var i = 0; i < input.length; i++) {
       var col = input[i];
       var colIndex = startColIndex + leafCount;
-
       if (isLeafNode(col)) {
         leafCount += 1;
         result.push({
@@ -161,7 +131,6 @@ function attachColIndex(inputNested, colIndexOffset) {
       } else {
         var sub = dfs(col.children, colIndex);
         leafCount += sub.leafCount;
-
         if (sub.leafCount > 0) {
           result.push({
             col: col,
@@ -171,7 +140,6 @@ function attachColIndex(inputNested, colIndexOffset) {
         }
       }
     }
-
     return {
       result: result,
       leafCount: leafCount
@@ -179,17 +147,13 @@ function attachColIndex(inputNested, colIndexOffset) {
   }
 }
 /** 计算用于渲染表头的数据结构 */
-
-
 function calculateHeaderRenderInfo(_ref, rowCount) {
   var flat = _flatInstanceProperty(_ref),
-      nested = _ref.nested,
-      hoz = _ref.horizontalRenderRange,
-      useVirtual = _ref.useVirtual;
-
+    nested = _ref.nested,
+    hoz = _ref.horizontalRenderRange,
+    useVirtual = _ref.useVirtual;
   if (useVirtual.header) {
     var _context, _context2;
-
     var leftPart = calculateLeveledAndFlat(attachColIndex(nested.left, 0), rowCount);
     var filtered = filterNestedCenter(nested.center, hoz, flat.left.length);
     var centerPart = calculateLeveledAndFlat(filtered, rowCount);
@@ -206,7 +170,6 @@ function calculateHeaderRenderInfo(_ref, rowCount) {
       }], _toConsumableArray(_flatInstanceProperty(rightPart))),
       leveled: _mapInstanceProperty(_context2 = range(rowCount)).call(_context2, function (depth) {
         var _context3;
-
         return _concatInstanceProperty(_context3 = []).call(_context3, _toConsumableArray(leftPart.leveled[depth]), [{
           type: 'blank',
           width: hoz.leftBlank,
@@ -219,35 +182,28 @@ function calculateHeaderRenderInfo(_ref, rowCount) {
       })
     };
   }
-
   return calculateLeveledAndFlat(attachColIndex(nested.full, 0), rowCount);
 }
-
 export default function TableHeader(_ref2) {
   var _context4, _context5;
-
   var info = _ref2.info,
-      theaderPosition = _ref2.theaderPosition,
-      _rowCount = _ref2.rowCount;
-
+    theaderPosition = _ref2.theaderPosition,
+    _rowCount = _ref2.rowCount,
+    stickyRightOffset = _ref2.stickyRightOffset;
   var nested = info.nested,
-      flat = _flatInstanceProperty(info),
-      stickyLeftMap = info.stickyLeftMap,
-      stickyRightMap = info.stickyRightMap;
-
+    flat = _flatInstanceProperty(info),
+    stickyLeftMap = info.stickyLeftMap,
+    stickyRightMap = info.stickyRightMap;
   var rowCount = _rowCount !== null && _rowCount !== void 0 ? _rowCount : getTreeDepth(nested.full) + 1;
   var headerRenderInfo = calculateHeaderRenderInfo(info, rowCount);
   var fullFlatCount = flat.full.length;
   var leftFlatCount = flat.left.length;
   var rightFlatCount = flat.right.length;
-
   var thead = _mapInstanceProperty(_context4 = headerRenderInfo.leveled).call(_context4, function (wrappedCols, level) {
     var _cx2;
-
-    var _wrappedCols = _concatInstanceProperty(wrappedCols).call(wrappedCols); // 左中右区域渲染，分组列可能单独位于一个区域，此时其他区域也需要适配分组的高度
+    var _wrappedCols = _concatInstanceProperty(wrappedCols).call(wrappedCols);
+    // 左中右区域渲染，分组列可能单独位于一个区域，此时其他区域也需要适配分组的高度
     // rowspan 需要空白的列头去占位, 需要补充额外的空白列头
-
-
     if (rowCount > 1 && ['left', 'right'].indexOf(theaderPosition) > -1) {
       _wrappedCols.push({
         type: 'blank',
@@ -256,28 +212,24 @@ export default function TableHeader(_ref2) {
         isPlacehoder: true
       });
     }
-
     var headerCells = _mapInstanceProperty(_wrappedCols).call(_wrappedCols, function (wrapped, index) {
       var _a, _b, _c;
-
       if (wrapped.type === 'normal') {
         var _cx;
-
         var colIndex = wrapped.colIndex,
-            colSpan = wrapped.colSpan,
-            isLeaf = wrapped.isLeaf,
-            col = wrapped.col;
+          colSpan = wrapped.colSpan,
+          isLeaf = wrapped.isLeaf,
+          col = wrapped.col;
         var headerCellProps = (_a = col.headerCellProps) !== null && _a !== void 0 ? _a : {};
         var positionStyle = {};
-
         if (colIndex < leftFlatCount) {
           positionStyle.position = 'sticky';
           positionStyle.left = stickyLeftMap.get(colIndex);
         } else if (colIndex >= fullFlatCount - rightFlatCount) {
           positionStyle.position = 'sticky';
-          positionStyle.right = stickyRightMap.get(colIndex);
+          var stickyRightIndex = colSpan > 1 ? colIndex + colSpan - 1 : colIndex;
+          positionStyle.right = stickyRightMap.get(stickyRightIndex) + stickyRightOffset;
         }
-
         var justifyContent = col.align === 'right' ? 'flex-end' : col.align === 'center' ? 'center' : 'flex-start';
         var cell = /*#__PURE__*/React.createElement("th", _extends({
           key: colIndex
@@ -310,13 +262,11 @@ export default function TableHeader(_ref2) {
         }
       }
     });
-
     return /*#__PURE__*/React.createElement("tr", {
       key: level,
       className: cx(Classes.tableHeaderRow, (_cx2 = {}, _defineProperty(_cx2, Classes.first, level === 0), _defineProperty(_cx2, Classes.last, level === rowCount - 1), _cx2))
     }, headerCells);
   });
-
   var colgroup = _mapInstanceProperty(_context5 = _flatInstanceProperty(headerRenderInfo)).call(_context5, function (wrapped) {
     if (wrapped.type === 'blank') {
       if (wrapped.width > 0) {
@@ -338,6 +288,5 @@ export default function TableHeader(_ref2) {
       });
     }
   });
-
   return /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("colgroup", null, colgroup), /*#__PURE__*/React.createElement("thead", null, thead));
 }

package/es/table/base/helpers/SpanManager.js

@@ -1,25 +1,22 @@
 import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
 import _createClass from "@babel/runtime-corejs3/helpers/createClass";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-
 /** 在表格的单元格的渲染过程中，先渲染的单元格的 colSpan/rowSpan 会影响到后续单元格是否被渲染
  * `SpanManager` 会在内部维护一份状态来记录最近渲染单元格的 colSpan/rowSpan，
  * 方便后续的单元格快速判断 "是否需要跳过渲染" */
 var SpanManager = /*#__PURE__*/function () {
   function SpanManager() {
     _classCallCheck(this, SpanManager);
-
     this.rects = [];
   }
-
   _createClass(SpanManager, [{
     key: "testSkip",
     value: function testSkip(rowIndex, colIndex) {
       return this.rects.some(function (_ref) {
         var left = _ref.left,
-            right = _ref.right,
-            top = _ref.top,
-            bottom = _ref.bottom;
+          right = _ref.right,
+          top = _ref.top,
+          bottom = _ref.bottom;
         return left <= colIndex && colIndex < right && top <= rowIndex && rowIndex < bottom;
       });
     }
@@ -27,7 +24,6 @@ var SpanManager = /*#__PURE__*/function () {
     key: "stripUpwards",
     value: function stripUpwards(rowIndex) {
       var _context;
-
       this.rects = _filterInstanceProperty(_context = this.rects).call(_context, function (rect) {
         return rect.bottom > rowIndex;
       });
@@ -43,8 +39,6 @@ var SpanManager = /*#__PURE__*/function () {
       });
     }
   }]);
-
   return SpanManager;
 }();
-
 export { SpanManager as default };