@visactor/vtable 0.16.4-alpha.2 → 0.17.0

package/dist/vtable.js

@@ -54922,7 +54922,9 @@
             for (let row = rowStart; row < table.columnHeaderLevelCount; row++) {
                 let startCol = 0;
                 let endCol = table.colCount - 1;
-                if ((table.isPivotTable() || table.isPivotChart()) && checkPivotFixedStyleAndNoWrap(table, row)) {
+                if (((table.isPivotTable() && !table.isPivotChart()) ||
+                    (table.isPivotChart() && !table.internalProps.layoutMap.indicatorsAsCol)) &&
+                    checkPivotFixedStyleAndNoWrap(table, row)) {
                     startCol = 0;
                     endCol = table.rowHeaderLevelCount;
                 }
@@ -55042,7 +55044,7 @@
             let actualHeaderHeight = 0;
             for (let row = 0; row < table.rowCount; row++) {
                 const rowHeight = update ? newHeights[row] : table.getRowHeight(row);
-                if (row < table.frozenRowCount || row >= table.rowCount - table.bottomFrozenRowCount) {
+                if (row < table.frozenRowCount || (table.isPivotChart() && row >= table.rowCount - table.bottomFrozenRowCount)) {
                     actualHeaderHeight += rowHeight;
                 }
                 actualHeight += rowHeight;
@@ -55283,8 +55285,14 @@
         let iconInlineFrontHeight = 0;
         const iconInlineEnd = [];
         let iconInlineEndHeight = 0;
-        const define = table.getBodyColumnDefine(col, row);
-        const mayHaveIcon = table.getCellLocation(col, row) !== 'body' ? true : !!define?.icon || !!define?.tree;
+        let mayHaveIcon = false;
+        if (table.getCellLocation(col, row) !== 'body') {
+            mayHaveIcon = true;
+        }
+        else {
+            const define = table.getBodyColumnDefine(col, row);
+            mayHaveIcon = !!define?.icon || !!define?.tree;
+        }
         if (mayHaveIcon) {
             const icons = table.getCellIcons(col, row);
             icons?.forEach(icon => {
@@ -57135,7 +57143,7 @@
             isValid$5(cellGroup.mergeEndRow)) {
             for (let col = cellGroup.mergeStartCol; col <= cellGroup.mergeEndCol; col++) {
                 for (let row = cellGroup.mergeStartRow; row <= cellGroup.mergeEndRow; row++) {
-                    const key = isCellHover(table.stateManager, col, row);
+                    const key = isCellHover(table.stateManager, col, row, cellGroup);
                     if (key && (!colorKey || key === 'cellBgColor')) {
                         colorKey = key;
                     }
@@ -57143,7 +57151,7 @@
             }
         }
         else if (cellGroup.role === 'cell') {
-            colorKey = isCellHover(table.stateManager, cellGroup.col, cellGroup.row);
+            colorKey = isCellHover(table.stateManager, cellGroup.col, cellGroup.row, cellGroup);
         }
         if (!colorKey) {
             return undefined;
@@ -57175,7 +57183,7 @@
         const fillColor = getProp(colorKey, hoverStyle, cellGroup.col, cellGroup.row, table);
         return fillColor;
     }
-    function isCellHover(state, col, row) {
+    function isCellHover(state, col, row, cellGroup) {
         const { highlightScope, disableHeader, cellPos } = state.hover;
         const table = state.table;
         const isHeader = table.isHeader(col, row);
@@ -57208,6 +57216,9 @@
             if (isHeader) {
                 const define = table.getHeaderDefine(col, row);
                 cellDisable = define?.disableHeaderHover;
+                if (cellGroup.firstChild && cellGroup.firstChild.name === 'axis' && table.options.hover?.disableAxisHover) {
+                    cellDisable = true;
+                }
             }
             else {
                 const define = table.getBodyColumnDefine(col, row);
@@ -57753,7 +57764,7 @@
             let actualWidth = 0;
             for (let col = 0; col < table.colCount; col++) {
                 const colWidth = update ? newWidths[col] : table.getColWidth(col);
-                if (col < table.frozenColCount || col >= table.colCount - table.rightFrozenColCount) {
+                if (col < table.frozenColCount || (table.isPivotChart() && col >= table.colCount - table.rightFrozenColCount)) {
                     actualHeaderWidth += colWidth;
                 }
                 actualWidth += colWidth;
@@ -57944,8 +57955,14 @@
         const cellValue = table.getCellValue(col, row);
         const actStyle = table._getCellStyle(col, row);
         let iconWidth = 0;
-        const define = table.getBodyColumnDefine(col, row);
-        const mayHaveIcon = table.getCellLocation(col, row) !== 'body' ? true : !!define?.icon || !!define?.tree;
+        let mayHaveIcon = false;
+        if (table.getCellLocation(col, row) !== 'body') {
+            mayHaveIcon = true;
+        }
+        else {
+            const define = table.getBodyColumnDefine(col, row);
+            mayHaveIcon = !!define?.icon || !!define?.tree;
+        }
         if (mayHaveIcon) {
             const icons = table.getCellIcons(col, row);
             icons?.forEach(icon => {
@@ -58015,7 +58032,7 @@
         }
         return widthDefined;
     }
-    function getAdaptiveWidth(totalDrawWidth, startCol, endColPlus1, update, newWidths, table) {
+    function getAdaptiveWidth(totalDrawWidth, startCol, endColPlus1, update, newWidths, table, fromScenegraph) {
         let actualWidth = 0;
         const adaptiveColumns = [];
         for (let col = startCol; col < endColPlus1; col++) {
@@ -58050,6 +58067,9 @@
             if (update) {
                 newWidths[col] = table._adjustColWidth(col, colWidth);
             }
+            else if (fromScenegraph) {
+                table.scenegraph.setColWidth(col, table._adjustColWidth(col, colWidth));
+            }
             else {
                 table._setColWidth(col, table._adjustColWidth(col, colWidth), false, true);
             }
@@ -59456,24 +59476,39 @@
                                             ? scene.bottomFrozenGroup
                                             : scene.rightBottomCornerGroup);
         }
-        const diffSize = Math.ceil(selectComp.rect.attribute.lineWidth / 2);
+        let diffSize = 0;
+        if (typeof selectComp.rect.attribute.lineWidth === 'number') {
+            diffSize = Math.ceil(selectComp.rect.attribute.lineWidth / 2);
+        }
         if (endCol === scene.table.colCount - 1) {
+            if (Array.isArray(selectComp.rect.attribute.lineWidth)) {
+                diffSize = Math.ceil((selectComp.rect.attribute.lineWidth[1] ?? 0) / 2);
+            }
             selectComp.rect.setAttributes({
                 width: selectComp.rect.attribute.width - diffSize
             });
         }
         if (startCol === 0) {
+            if (Array.isArray(selectComp.rect.attribute.lineWidth)) {
+                diffSize = Math.ceil((selectComp.rect.attribute.lineWidth[3] ?? 0) / 2);
+            }
             selectComp.rect.setAttributes({
                 x: selectComp.rect.attribute.x + diffSize,
                 width: selectComp.rect.attribute.width - diffSize
             });
         }
         if (endRow === scene.table.rowCount - 1) {
+            if (Array.isArray(selectComp.rect.attribute.lineWidth)) {
+                diffSize = Math.ceil((selectComp.rect.attribute.lineWidth[2] ?? 0) / 2);
+            }
             selectComp.rect.setAttributes({
                 height: selectComp.rect.attribute.height - diffSize
             });
         }
         if (startRow === 0) {
+            if (Array.isArray(selectComp.rect.attribute.lineWidth)) {
+                diffSize = Math.ceil((selectComp.rect.attribute.lineWidth[0] ?? 0) / 2);
+            }
             selectComp.rect.setAttributes({
                 y: selectComp.rect.attribute.y + diffSize,
                 height: selectComp.rect.attribute.height - diffSize
@@ -59784,7 +59819,7 @@
         if (addRows.length) {
             if (!isNumber$7(updateAfter)) {
                 const minRow = Math.min(...addRows);
-                scene.proxy.rowUpdatePos = minRow;
+                scene.proxy.rowUpdatePos = Math.min(minRow, scene.proxy.rowUpdatePos);
             }
             scene.proxy.rowUpdateDirection = 'up';
             scene.proxy.updateCellGroups(scene.proxy.screenRowCount * 2);
@@ -62156,50 +62191,35 @@
         dealWidthMode() {
             const table = this.table;
             if (table.widthMode === 'adaptive') {
-                const totalDrawWidth = table.tableNoFrameWidth - table.getFrozenColsWidth() - table.getRightFrozenColsWidth();
-                let actualWidth = 0;
-                for (let col = table.frozenColCount; col < table.colCount - table.rightFrozenColCount; col++) {
-                    actualWidth += table.getColWidth(col);
-                }
-                const factor = totalDrawWidth / actualWidth;
-                for (let col = table.frozenColCount; col < table.colCount - table.rightFrozenColCount; col++) {
-                    let colWidth;
-                    if (col === table.colCount - table.rightFrozenColCount - 1) {
-                        colWidth =
-                            totalDrawWidth - table.getColsWidth(table.frozenColCount, table.colCount - table.rightFrozenColCount - 2);
-                    }
-                    else {
-                        colWidth = Math.round(table.getColWidth(col) * factor);
+                table._clearColRangeWidthsMap();
+                const canvasWidth = table.tableNoFrameWidth;
+                let actualHeaderWidth = 0;
+                for (let col = 0; col < table.colCount; col++) {
+                    const colWidth = table.getColWidth(col);
+                    if (col < table.frozenColCount || col >= table.colCount - table.rightFrozenColCount) {
+                        actualHeaderWidth += colWidth;
                     }
-                    this.setColWidth(col, colWidth);
                 }
+                const startCol = table.frozenColCount;
+                const endCol = table.isPivotChart() ? table.colCount - table.rightFrozenColCount : table.colCount;
+                getAdaptiveWidth(canvasWidth - actualHeaderWidth, startCol, endCol, false, [], table, true);
             }
             else if (table.autoFillWidth) {
+                table._clearColRangeWidthsMap();
                 const canvasWidth = table.tableNoFrameWidth;
-                let actualWidth = 0;
                 let actualHeaderWidth = 0;
+                let actualWidth = 0;
                 for (let col = 0; col < table.colCount; col++) {
                     const colWidth = table.getColWidth(col);
-                    if (col < table.frozenColCount || col >= table.colCount - table.rightFrozenColCount) {
+                    if (col < table.frozenColCount || (table.isPivotChart() && col >= table.colCount - table.rightFrozenColCount)) {
                         actualHeaderWidth += colWidth;
                     }
                     actualWidth += colWidth;
                 }
-                if (actualWidth < canvasWidth && actualWidth - actualHeaderWidth > 0) {
-                    const factor = (canvasWidth - actualHeaderWidth) / (actualWidth - actualHeaderWidth);
-                    for (let col = table.frozenColCount; col < table.colCount - table.rightFrozenColCount; col++) {
-                        let colWidth;
-                        if (col === table.colCount - table.rightFrozenColCount - 1) {
-                            colWidth =
-                                canvasWidth -
-                                    actualHeaderWidth -
-                                    table.getColsWidth(table.frozenColCount, table.colCount - table.rightFrozenColCount - 2);
-                        }
-                        else {
-                            colWidth = Math.round(table.getColWidth(col) * factor);
-                        }
-                        this.setColWidth(col, colWidth);
-                    }
+                if (actualWidth < canvasWidth && actualWidth > actualHeaderWidth) {
+                    const startCol = table.frozenColCount;
+                    const endCol = table.isPivotChart() ? table.colCount - table.rightFrozenColCount : table.colCount;
+                    getAdaptiveWidth(canvasWidth - actualHeaderWidth, startCol, endCol, false, [], table, true);
                 }
             }
             let bodyWidth = 0;
@@ -62233,18 +62253,20 @@
             const table = this.table;
             if (table.heightMode === 'adaptive') {
                 table._clearRowRangeHeightsMap();
-                const totalDrawHeight = table.tableNoFrameHeight - table.getFrozenRowsHeight() - table.getBottomFrozenRowsHeight();
+                const columnHeaderHeight = table.getRowsHeight(0, table.columnHeaderLevelCount - 1);
+                const bottomHeaderHeight = table.isPivotChart() ? table.getBottomFrozenRowsHeight() : 0;
+                const totalDrawHeight = table.tableNoFrameHeight - columnHeaderHeight - bottomHeaderHeight;
+                const startRow = table.columnHeaderLevelCount;
+                const endRow = table.isPivotChart() ? table.rowCount - table.bottomFrozenRowCount : table.rowCount;
                 let actualHeight = 0;
-                for (let row = table.frozenRowCount; row < table.rowCount - table.bottomFrozenRowCount; row++) {
+                for (let row = startRow; row < endRow; row++) {
                     actualHeight += table.getRowHeight(row);
                 }
                 const factor = totalDrawHeight / actualHeight;
-                for (let row = table.frozenRowCount; row < table.rowCount - table.bottomFrozenRowCount; row++) {
+                for (let row = startRow; row < endRow; row++) {
                     let rowHeight;
-                    if (row === table.rowCount - table.bottomFrozenRowCount - 1) {
-                        rowHeight =
-                            totalDrawHeight -
-                                table.getRowsHeight(table.frozenRowCount, table.rowCount - table.bottomFrozenRowCount - 2);
+                    if (row === endRow - 1) {
+                        rowHeight = totalDrawHeight - table.getRowsHeight(startRow, endRow - 2);
                     }
                     else {
                         rowHeight = Math.round(table.getRowHeight(row) * factor);
@@ -62253,12 +62275,14 @@
                 }
             }
             else if (table.autoFillHeight) {
+                table._clearRowRangeHeightsMap();
                 const canvasHeight = table.tableNoFrameHeight;
                 let actualHeight = 0;
                 let actualHeaderHeight = 0;
                 for (let row = 0; row < table.rowCount; row++) {
                     const rowHeight = table.getRowHeight(row);
-                    if (row < table.frozenRowCount || row >= table.rowCount - table.bottomFrozenRowCount) {
+                    if (row < table.frozenRowCount ||
+                        (table.isPivotChart() && row >= table.rowCount - table.bottomFrozenRowCount)) {
                         actualHeaderHeight += rowHeight;
                     }
                     actualHeight += rowHeight;
@@ -64661,6 +64685,10 @@
             }
         });
         table.scenegraph.tableGroup.addEventListener('pointerupoutside', (e) => {
+            const eventArgsSet = getCellEventArgsSet(e);
+            if (stateManager.menu.isShow && eventArgsSet.eventArgs?.target !== stateManager.residentHoverIcon?.icon) {
+                stateManager.hideMenu();
+            }
             if (stateManager.isResizeCol()) {
                 endResizeCol(table);
             }
@@ -64718,9 +64746,7 @@
             if (table.isPivotChart() && eventArgsSet?.eventArgs?.target.type !== 'chart') {
                 table.scenegraph.updateChartState(null);
             }
-            if (stateManager.menu.isShow &&
-                eventArgsSet.eventArgs &&
-                eventArgsSet.eventArgs.target !== stateManager.residentHoverIcon?.icon) {
+            if (stateManager.menu.isShow && eventArgsSet.eventArgs?.target !== stateManager.residentHoverIcon?.icon) {
                 stateManager.hideMenu();
             }
             const hitIcon = eventArgsSet?.eventArgs?.target?.role?.startsWith('icon')
@@ -64915,6 +64941,12 @@
                 }
             }
         });
+        table.scenegraph.stage.addEventListener('pointerdown', (e) => {
+            const eventArgsSet = getCellEventArgsSet(e);
+            if (stateManager.menu.isShow && eventArgsSet.eventArgs?.target !== stateManager.residentHoverIcon?.icon) {
+                stateManager.hideMenu();
+            }
+        });
         table.scenegraph.stage.addEventListener('pointertap', (e) => {
             const target = e.target;
             if (!isDraging &&
@@ -68555,7 +68587,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.16.4-alpha.2";
+        version = "0.17.0";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -69694,8 +69726,7 @@
             if (internalProps.menu.renderMode === 'html' && !internalProps.menuHandler) {
                 internalProps.menuHandler = new MenuHandler(this);
             }
-            this.headerStyleCache = new Map();
-            this.bodyStyleCache = new Map();
+            this.clearCellStyleCache();
             this.clearColWidthCache();
             this.clearRowHeightCache();
         }
@@ -69703,8 +69734,7 @@
             const oldHoverState = { col: this.stateManager.hover.cellPos.col, row: this.stateManager.hover.cellPos.row };
             this.refreshHeader();
             this.scenegraph.clearCells();
-            this.headerStyleCache = new Map();
-            this.bodyStyleCache = new Map();
+            this.clearCellStyleCache();
             this.scenegraph.createSceneGraph();
             this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row);
             this.render();
@@ -69963,8 +69993,7 @@
             this.internalProps.autoWrapText = autoWrapText;
             this.options.autoWrapText = autoWrapText;
             this.scenegraph.clearCells();
-            this.headerStyleCache = new Map();
-            this.bodyStyleCache = new Map();
+            this.clearCellStyleCache();
             this.scenegraph.createSceneGraph();
             this.render();
         }
@@ -69981,8 +70010,7 @@
             this.options.theme = theme;
             this.scenegraph.updateStageBackground();
             this.scenegraph.clearCells();
-            this.headerStyleCache = new Map();
-            this.bodyStyleCache = new Map();
+            this.clearCellStyleCache();
             this.scenegraph.createSceneGraph();
             this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row);
             this.render();
@@ -70196,7 +70224,19 @@
             const { layoutMap } = this.internalProps;
             const isHeader = layoutMap.isHeader(col, row);
             if (isHeader) {
-                let cacheStyle = this.headerStyleCache.get(`${col}-${row}`);
+                let cacheKey;
+                if (this.isPivotTable() && !this.isBottomFrozenRow(row) && !this.isRightFrozenColumn(col)) {
+                    const define = this.getHeaderDefine(col, row);
+                    cacheKey = define?.dimensionKey
+                        ? `dim-${define.dimensionKey}`
+                        : define?.indicatorKey
+                            ? `ind-${define.indicatorKey}`
+                            : `${col}-${row}`;
+                }
+                else {
+                    cacheKey = `${col}-${row}`;
+                }
+                let cacheStyle = this.headerStyleCache.get(cacheKey);
                 if (cacheStyle) {
                     return cacheStyle;
                 }
@@ -70258,7 +70298,7 @@
                         cellHeaderPaths: this.getCellHeaderPaths(col, row)
                     }, styleClass, this.options.autoWrapText);
                 }
-                this.headerStyleCache.set(`${col}-${row}`, cacheStyle);
+                this.headerStyleCache.set(cacheKey, cacheStyle);
                 return cacheStyle;
             }
             let cacheKey;
@@ -70291,6 +70331,7 @@
         }
         clearCellStyleCache() {
             this.headerStyleCache.clear();
+            this.bodyStyleCache.clear();
         }
         clearRowHeightCache() {
             this.internalProps._rowHeightsMap.clear();
@@ -72717,6 +72758,7 @@
                 _setRecords(this, records);
             }
             this.stateManager.initCheckedState(records);
+            this.clearCellStyleCache();
             this.scenegraph.createSceneGraph();
             this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row);
             if (this.internalProps.title && !this.internalProps.title.isReleased) {
@@ -73136,21 +73178,33 @@
         }
         searchPath(index, node, path, maxDeep) {
             if (!node) {
-                return false;
+                return;
             }
             if (index < node.startIndex || index >= node.startIndex + node.size) {
-                return false;
+                return;
             }
             path.push(node);
-            if (!node.children || node.children.length === 0) {
-                return true;
-            }
-            if (node.level >= maxDeep) {
-                return true;
+            if (!node.children || node.children.length === 0 || node.level >= maxDeep) {
+                return;
             }
             const cIndex = index - node.startIndex;
-            node.children.some(n => this.searchPath(cIndex, n, path, maxDeep));
-            return true;
+            let left = 0;
+            let right = node.children.length - 1;
+            while (left <= right) {
+                const middle = Math.floor((left + right) / 2);
+                const element = node.children[middle];
+                if (cIndex >= element.startIndex && cIndex < element.startIndex + element.size) {
+                    this.searchPath(cIndex, element, path, maxDeep);
+                    break;
+                }
+                else if (cIndex < element.startIndex) {
+                    right = middle - 1;
+                }
+                else {
+                    left = middle + 1;
+                }
+            }
+            return;
         }
         movePosition(level, sourceIndex, targetIndex) {
             let parNode;
@@ -73422,6 +73476,7 @@
         colDimensionKeys = [];
         indicatorKeys = [];
         indicatorDimensionKey = IndicatorDimensionKeyPlaceholder;
+        _largeCellRangeCache;
         _CellHeaderPathMap;
         _table;
         extensionRows;
@@ -73445,6 +73500,7 @@
                 this.extensionRows = table.options.extensionRows;
             }
             this.dataset = dataset;
+            this._largeCellRangeCache = [];
             this._CellHeaderPathMap = new Map();
             this.rowTree = table.internalProps.rowTree;
             this.columnTree = table.internalProps.columnTree;
@@ -73512,6 +73568,7 @@
                 this.columnHeaderObjs = this._addHeaders(this._columnHeaderCellIds, 0, this.columnDimensionTree.tree.children, []);
             }
             if (this.columnHeaderTitle) {
+                this.sharedVar.seqId = Math.max(this.sharedVar.seqId, this._headerObjects.length);
                 const id = ++this.sharedVar.seqId;
                 const firstRowIds = Array(this.colCount - this.rowHeaderLevelCount).fill(id);
                 this._columnHeaderCellIds.unshift(firstRowIds);
@@ -73545,6 +73602,7 @@
                         : this._addHeaders(this._rowHeaderCellIds_FULL, 0, this.rowDimensionTree.tree.children, []);
             }
             if (this.rowHeaderTitle) {
+                this.sharedVar.seqId = Math.max(this.sharedVar.seqId, this._headerObjects.length);
                 const id = ++this.sharedVar.seqId;
                 const firstColIds = Array(this._rowHeaderCellIds_FULL[0]?.length ?? this.rowDimensionTree.tree.size).fill(id);
                 this._rowHeaderCellIds_FULL.unshift(firstColIds);
@@ -73598,6 +73656,7 @@
                     this.fullRowDimensionKeys = this.fullRowDimensionKeys.concat(rowKeys);
                 });
             }
+            this.sharedVar.seqId = Math.max(this.sharedVar.seqId, this._headerObjects.length);
             if (this.cornerSetting.titleOnDimension === 'column') {
                 this.cornerHeaderObjs = this._addCornerHeaders(this.columnHeaderTitle ? [''].concat(this.colDimensionKeys) : this.colDimensionKeys, this.columnsDefine);
             }
@@ -74349,6 +74408,12 @@
             if (this.isRightFrozenColumn(col, row) || this.isBottomFrozenRow(col, row)) {
                 return result;
             }
+            for (let i = 0; i < this._largeCellRangeCache.length; i++) {
+                const range = this._largeCellRangeCache[i];
+                if (col >= range.start.col && col <= range.end.col && row >= range.start.row && row <= range.end.row) {
+                    return range;
+                }
+            }
             if (this.isHeader(col, row) && col !== -1 && row !== -1) {
                 const id = this.getCellId(col, row);
                 for (let c = col - 1; c >= 0; c--) {
@@ -74376,6 +74441,9 @@
                     result.end.row = r;
                 }
             }
+            if (result.end.col - result.start.col > 100 || result.end.row - result.start.row > 100) {
+                this._largeCellRangeCache.push(result);
+            }
             return result;
         }
         isCellRangeEqual(col, row, targetCol, targetRow) {
@@ -74426,6 +74494,12 @@
             if (this._CellHeaderPathMap.has(`${col}-${row}`)) {
                 return this._CellHeaderPathMap.get(`${col}-${row}`);
             }
+            for (let i = 0; i < this._largeCellRangeCache.length; i++) {
+                const range = this._largeCellRangeCache[i];
+                if (col >= range.start.col && col <= range.end.col && row >= range.start.row && row <= range.end.row) {
+                    break;
+                }
+            }
             const recordCol = this.getBodyIndexByCol(col);
             const recordRow = this.getBodyIndexByRow(row) + this.currentPageStartIndex;
             let colPath = [];
@@ -74601,6 +74675,7 @@
                 return o;
             }, {});
             this._CellHeaderPathMap = new Map();
+            this._largeCellRangeCache.length = 0;
             const diffCell = diffCellAddress(col, row, oldRowHeaderCellIds.map(oldCellId => oldCellId[col]), this._rowHeaderCellIds_FULL.map(newCellId => newCellId[col]), oldRowHeaderCellPositons, this);
             this._rowHeaderCellIds = this._rowHeaderCellIds_FULL;
             return diffCell;
@@ -74818,6 +74893,7 @@
                     this.columnDimensionTree.movePosition(source.row, sourceCellRange.start.col - this.rowHeaderLevelCount, targetIndex - this.rowHeaderLevelCount);
                     this.columnDimensionTree.reset(this.columnDimensionTree.tree.children, true);
                     this._CellHeaderPathMap = new Map();
+                    this._largeCellRangeCache.length = 0;
                     return {
                         sourceIndex: sourceCellRange.start.col,
                         targetIndex,
@@ -74851,6 +74927,7 @@
                     this.rowDimensionTree.movePosition(this.getCellHeaderPathsWidthTreeNode(source.col, source.row).rowHeaderPaths.length - 1, sourceCellRange.start.row - this.columnHeaderLevelCount, targetIndex + (target.row > source.row ? sourceRowHeaderNode.size - 1 : 0));
                     this.rowDimensionTree.reset(this.rowDimensionTree.tree.children, true);
                     this._CellHeaderPathMap = new Map();
+                    this._largeCellRangeCache.length = 0;
                     return {
                         sourceIndex: sourceCellRange.start.row,
                         targetIndex: targetIndex + this.columnHeaderLevelCount,
@@ -75153,6 +75230,7 @@
             return undefined;
         }
         clearCellRangeMap() {
+            this._largeCellRangeCache.length = 0;
             this._CellHeaderPathMap = new Map();
         }
         getDimensionKeyInChartSpec(_col, _row) {
@@ -77649,6 +77727,7 @@
             }
             this.refreshHeader();
             this.scenegraph.clearCells();
+            this.clearCellStyleCache();
             this.scenegraph.createSceneGraph();
             this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row);
             if (this.internalProps.title && !this.internalProps.title.isReleased) {
@@ -78544,6 +78623,7 @@
             internalProps.layoutMap = new PivotHeaderLayoutMap(this, this.dataset);
             this.refreshHeader();
             this.scenegraph.clearCells();
+            this.clearCellStyleCache();
             this.scenegraph.createSceneGraph();
             this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row);
             if (this.internalProps.title && !this.internalProps.title.isReleased) {
@@ -79061,7 +79141,7 @@
         return new Tag$1(params ? params.attribute : {});
     }
 
-    const version = "0.16.4-alpha.2";
+    const version = "0.17.0";
     function getIcons() {
         return get$2();
     }