@visactor/vtable 1.4.2-beta.0 → 1.4.2

package/dist/vtable.js

@@ -44247,6 +44247,14 @@
         }
         return result;
     }
+    function isDivSelected(div) {
+        const selection = window.getSelection();
+        if (selection.rangeCount) {
+            const range = selection.getRangeAt(0);
+            return range.endOffset > range.startOffset && div.contains(range.commonAncestorContainer);
+        }
+        return false;
+    }
 
     const isNode = typeof window === 'undefined' || typeof window.window === 'undefined';
     let arrayFind;
@@ -51139,6 +51147,9 @@
     }
     function onBeforeAttributeUpdate(val, attribute) {
         const graphic = this;
+        if (graphic.skipMergeUpdate) {
+            return;
+        }
         const cellGroup = getTargetCell(graphic);
         const table = cellGroup.stage.table;
         graphic.skipAttributeUpdate = true;
@@ -51153,7 +51164,7 @@
                     if (col === cellGroup.col && row === cellGroup.row) {
                         continue;
                     }
-                    const cell = table.scenegraph.getCell(col, row);
+                    const cell = table.scenegraph.highPerformanceGetCell(col, row);
                     if (cell.role === 'cell') {
                         const target = cell.getChildByName(graphic.name, true);
                         if (!target || target.skipAttributeUpdate) {
@@ -54747,11 +54758,14 @@
     function dealWithMergeCellSize(range, cellWidth, cellHeight, padding, textAlign, textBaseline, table) {
         for (let col = range.start.col; col <= range.end.col; col++) {
             for (let row = range.start.row; row <= range.end.row; row++) {
-                const cellGroup = table.scenegraph.getCell(col, row, true);
-                if (cellGroup.role === 'cell' && range.start.row !== range.end.row && cellGroup.contentHeight !== cellHeight) {
+                const cellGroup = table.scenegraph.highPerformanceGetCell(col, row, true);
+                if (cellGroup.role !== 'cell') {
+                    continue;
+                }
+                if (range.start.row !== range.end.row && cellGroup.contentHeight !== cellHeight) {
                     updateCellContentHeight(cellGroup, cellHeight, cellHeight, table.isAutoRowHeight(row), padding, textAlign, textBaseline);
                 }
-                if (cellGroup.role === 'cell' && range.start.col !== range.end.col && cellGroup.contentWidth !== cellWidth) {
+                if (range.start.col !== range.end.col && cellGroup.contentWidth !== cellWidth) {
                     updateCellContentWidth(cellGroup, cellWidth, cellHeight, 0, table.isAutoRowHeight(row), padding, textAlign, textBaseline, table.scenegraph);
                 }
                 cellGroup.contentWidth = cellWidth;
@@ -54768,26 +54782,34 @@
         const dy = -table.getRowsHeight(range.start.row, row - 1);
         cellGroup.forEachChildren((child) => {
             if (typeof child._dx === 'number') {
+                child.skipMergeUpdate = true;
                 child.setAttributes({
                     dx: (child._dx ?? 0) + dx
                 });
+                child.skipMergeUpdate = false;
             }
             else {
+                child.skipMergeUpdate = true;
                 child._dx = child.attribute.dx ?? 0;
                 child.setAttributes({
                     dx: (child.attribute.dx ?? 0) + dx
                 });
+                child.skipMergeUpdate = false;
             }
             if (typeof child._dy === 'number') {
+                child.skipMergeUpdate = true;
                 child.setAttributes({
                     dy: (child._dy ?? 0) + dy
                 });
+                child.skipMergeUpdate = false;
             }
             else {
                 child._dy = child.attribute.dy ?? 0;
+                child.skipMergeUpdate = true;
                 child.setAttributes({
                     dy: (child.attribute.dy ?? 0) + dy
                 });
+                child.skipMergeUpdate = false;
             }
         });
         const lineWidth = cellGroup.attribute.strokeArrayWidth ?? cellGroup.attribute.lineWidth;
@@ -54807,11 +54829,13 @@
         }
         const widthChange = rangeWidth !== cellGroup.attribute.width;
         const heightChange = rangeHeight !== cellGroup.attribute.height;
+        cellGroup.skipMergeUpdate = true;
         cellGroup.setAttributes({
             width: rangeWidth,
             height: rangeHeight,
             strokeArrayWidth: newLineWidth
         });
+        cellGroup.skipMergeUpdate = false;
         cellGroup.mergeStartCol = range.start.col;
         cellGroup.mergeStartRow = range.start.row;
         cellGroup.mergeEndCol = range.end.col;
@@ -59196,21 +59220,9 @@
                         return;
                     }
                     const bottomRight = table?.theme.cellBorderClipDirection === 'bottom-right';
-                    let deltaWidth = 0;
-                    let deltaHeight = 0;
                     if (bottomRight) {
                         x = Math.floor(x) - 0.5;
                         y = Math.floor(y) - 0.5;
-                        if (group.role === 'cell') {
-                            const col = group.col;
-                            const row = group.row;
-                            if (table && col === table.colCount - 1) {
-                                deltaWidth = 1;
-                            }
-                            if (table && row === table.rowCount - 1) {
-                                deltaHeight = 1;
-                            }
-                        }
                     }
                     else {
                         x = Math.floor(x) + 0.5;
@@ -59220,7 +59232,7 @@
                         width = Math.round(width);
                         height = Math.round(height);
                     }
-                    const { width: widthFroDraw, height: heightFroDraw } = getCellSizeForDraw(group, Math.ceil(width + deltaWidth), Math.ceil(height + deltaHeight));
+                    const { width: widthFroDraw, height: heightFroDraw } = getCellSizeForDraw(group, Math.ceil(width), Math.ceil(height), bottomRight);
                     widthForStroke = widthFroDraw;
                     heightForStroke = heightFroDraw;
                 }
@@ -59275,15 +59287,21 @@
         }
         context.beginPath();
         context.moveTo(x, y);
-        if ((isStrokeTrue || stroke[0]) && (isWidthNumber || strokeArrayWidth[0])) {
+        const strokeTop = (isStrokeTrue || stroke[0]) && (isWidthNumber || strokeArrayWidth[0]);
+        const strokeRight = (isStrokeTrue || stroke[1]) && (isWidthNumber || strokeArrayWidth[1]);
+        const strokeBottom = (isStrokeTrue || stroke[2]) && (isWidthNumber || strokeArrayWidth[2]);
+        const strokeLeft = (isStrokeTrue || stroke[3]) && (isWidthNumber || strokeArrayWidth[3]);
+        if (strokeTop) {
+            const deltaLeft = (isWidthNumber ? widthInfo.width : strokeArrayWidth[0]) / 2;
+            const deltaRight = (isWidthNumber ? widthInfo.width : strokeArrayWidth[0]) / 2;
             if (isPart && Array.isArray(part[0])) {
-                context.moveTo(x + width * part[0][0], y);
-                context.lineTo(x + width * (part[0][1] - part[0][0]), y);
-                context.moveTo(x + width, y);
+                context.moveTo(x - deltaLeft + (width + deltaLeft + deltaRight) * part[0][0], y);
+                context.lineTo(x - deltaLeft + (width + deltaLeft + deltaRight) * (part[0][1] - part[0][0]), y);
+                context.moveTo(x + width + deltaRight, y);
             }
             else {
-                context.moveTo(x, y);
-                context.lineTo(x + width, y);
+                context.moveTo(x - deltaLeft, y);
+                context.lineTo(x + width + deltaRight, y);
             }
             if (isSplitDraw || isDash) {
                 if (strokeArrayColor && strokeArrayColor[0]) {
@@ -59307,15 +59325,17 @@
         else {
             context.moveTo(x + width, y);
         }
-        if ((isStrokeTrue || stroke[1]) && (isWidthNumber || strokeArrayWidth[1])) {
+        if (strokeRight) {
+            const deltaTop = (isWidthNumber ? widthInfo.width : strokeArrayWidth[1]) / 2;
+            const deltaBottom = (isWidthNumber ? widthInfo.width : strokeArrayWidth[1]) / 2;
             if (isPart && Array.isArray(part[1])) {
-                context.moveTo(x + width, y + height * part[1][0]);
-                context.lineTo(x + width, y + height * (part[1][1] - part[1][0]));
-                context.moveTo(x + width, y + height);
+                context.moveTo(x + width, y - deltaTop + height * part[1][0]);
+                context.lineTo(x + width, y - deltaTop + (height + deltaTop + deltaBottom) * (part[1][1] - part[1][0]));
+                context.moveTo(x + width, y + height + deltaBottom);
             }
             else {
-                context.moveTo(x + width, y);
-                context.lineTo(x + width, y + height);
+                context.moveTo(x + width, y - deltaTop);
+                context.lineTo(x + width, y + height + deltaBottom);
             }
             if (isSplitDraw || isDash) {
                 if (strokeArrayColor && strokeArrayColor[1]) {
@@ -59339,15 +59359,17 @@
         else {
             context.moveTo(x + width, y + height);
         }
-        if ((isStrokeTrue || stroke[2]) && (isWidthNumber || strokeArrayWidth[2])) {
+        if (strokeBottom) {
+            const deltaLeft = (isWidthNumber ? widthInfo.width : strokeArrayWidth[2]) / 2;
+            const deltaRight = (isWidthNumber ? widthInfo.width : strokeArrayWidth[2]) / 2;
             if (isPart && Array.isArray(part[2])) {
-                context.moveTo(x + width * part[2][0], y + height);
-                context.lineTo(x + width * (part[2][1] - part[2][0]), y + height);
-                context.moveTo(x, y + height);
+                context.moveTo(x - deltaLeft + (width + deltaLeft + deltaRight) * part[2][0], y + height);
+                context.lineTo(x - deltaLeft + (width + deltaLeft + deltaRight) * (part[2][1] - part[2][0]), y + height);
+                context.moveTo(x - deltaLeft, y + height);
             }
             else {
-                context.moveTo(x, y + height);
-                context.lineTo(x + width, y + height);
+                context.moveTo(x - deltaLeft, y + height);
+                context.lineTo(x + width + deltaRight, y + height);
             }
             if (isSplitDraw || isDash) {
                 if (strokeArrayColor && strokeArrayColor[2]) {
@@ -59371,15 +59393,17 @@
         else {
             context.moveTo(x, y + height);
         }
-        if ((isStrokeTrue || stroke[3]) && (isWidthNumber || strokeArrayWidth[3])) {
+        if (strokeLeft) {
+            const deltaTop = (isWidthNumber ? widthInfo.width : strokeArrayWidth[3]) / 2;
+            const deltaBottom = (isWidthNumber ? widthInfo.width : strokeArrayWidth[3]) / 2;
             if (isPart && Array.isArray(part[3])) {
-                context.moveTo(x, y + height * part[3][0]);
-                context.lineTo(x, y + height * (part[3][1] - part[3][0]));
-                context.moveTo(x, y);
+                context.moveTo(x, y - deltaTop + (height + deltaTop + deltaBottom) * part[3][0]);
+                context.lineTo(x, y - deltaTop + (height + deltaTop + deltaBottom) * (part[3][1] - part[3][0]));
+                context.moveTo(x, y - deltaTop);
             }
             else {
-                context.moveTo(x, y);
-                context.lineTo(x, y + height);
+                context.moveTo(x, y - deltaTop);
+                context.lineTo(x, y + height + deltaBottom);
             }
             if (isSplitDraw || isDash) {
                 if (strokeArrayColor && strokeArrayColor[3]) {
@@ -59461,27 +59485,17 @@
             let heightForStroke;
             if (lineWidth & 1) {
                 const bottomRight = table.theme.cellBorderClipDirection === 'bottom-right';
-                let deltaWidth = 0;
-                let deltaHeight = 0;
+                const deltaWidth = 0;
+                const deltaHeight = 0;
                 if (bottomRight) {
                     x = Math.floor(x) - 0.5;
                     y = Math.floor(y) - 0.5;
-                    if (group.role === 'cell') {
-                        const col = group.col;
-                        const row = group.row;
-                        if (table && col === table.colCount - 1) {
-                            deltaWidth = 1;
-                        }
-                        if (table && row === table.rowCount - 1) {
-                            deltaHeight = 1;
-                        }
-                    }
                 }
                 else {
                     x = Math.floor(x) + 0.5;
                     y = Math.floor(y) + 0.5;
                 }
-                const { width: widthFroDraw, height: heightFroDraw } = getCellSizeForDraw(group, Math.ceil(width + deltaWidth), Math.ceil(height + deltaHeight));
+                const { width: widthFroDraw, height: heightFroDraw } = getCellSizeForDraw(group, Math.ceil(width + deltaWidth), Math.ceil(height + deltaHeight), bottomRight);
                 widthForStroke = widthFroDraw;
                 heightForStroke = heightFroDraw;
             }
@@ -59563,29 +59577,19 @@
                     width = Math.round(width);
                     height = Math.round(height);
                 }
-                const { width: widthFroDraw, height: heightFroDraw } = getCellSizeForDraw(group, Math.ceil(width), Math.ceil(height));
                 context.beginPath();
                 const bottomRight = table?.theme.cellBorderClipDirection === 'bottom-right';
-                let deltaWidth = 0;
-                let deltaHeight = 0;
+                const deltaWidth = 0;
+                const deltaHeight = 0;
                 if (bottomRight) {
                     x = Math.floor(x) - 0.5;
                     y = Math.floor(y) - 0.5;
-                    if (group.role === 'cell') {
-                        const col = group.col;
-                        const row = group.row;
-                        if (table && col === table.colCount - 1) {
-                            deltaWidth = 1;
-                        }
-                        if (table && row === table.rowCount - 1) {
-                            deltaHeight = 1;
-                        }
-                    }
                 }
                 else {
                     x = Math.floor(x) + 0.5;
                     y = Math.floor(y) + 0.5;
                 }
+                const { width: widthFroDraw, height: heightFroDraw } = getCellSizeForDraw(group, Math.ceil(width), Math.ceil(height), bottomRight);
                 if (cornerRadius) {
                     createRectPath(context, x, y, widthFroDraw + deltaWidth, heightFroDraw + deltaHeight, cornerRadius);
                 }
@@ -59743,7 +59747,7 @@
     ClipBodyGroupAfterRenderContribution = __decorate([
         injectable()
     ], ClipBodyGroupAfterRenderContribution);
-    function getCellSizeForDraw(group, width, height) {
+    function getCellSizeForDraw(group, width, height, bottomRight) {
         const table = group.stage.table;
         if (group.role === 'cell') {
             let col = group.col;
@@ -59753,24 +59757,24 @@
                 col = mergeInfo.end.col;
                 row = mergeInfo.end.row;
             }
-            if (table && col === table.colCount - 1) {
+            if (table && col === table.colCount - 1 && !bottomRight) {
                 width -= 1;
             }
-            else if (table && col === table.frozenColCount - 1 && table.scrollLeft) {
+            else if (table && col === table.frozenColCount - 1 && table.scrollLeft && !bottomRight) {
                 width -= 1;
             }
-            if (table && row === table.rowCount - 1) {
+            if (table && row === table.rowCount - 1 && !bottomRight) {
                 height -= 1;
             }
-            else if (table && row === table.frozenRowCount - 1 && table.scrollTop) {
+            else if (table && row === table.frozenRowCount - 1 && table.scrollTop && !bottomRight) {
                 height -= 1;
             }
         }
         else if (group.role === 'corner-frozen') {
-            if (table && table.scrollLeft) {
+            if (table && table.scrollLeft && !bottomRight) {
                 width -= 1;
             }
-            if (table && table.scrollTop) {
+            if (table && table.scrollTop && !bottomRight) {
                 height -= 1;
             }
         }
@@ -60506,7 +60510,7 @@
         const factor = totalDrawWidth / actualWidth;
         if (table.options.customConfig?.shrinkSparklineFirst &&
             factor < 1 &&
-            totalDrawWidth - actualWidth < totalSparklineAbleWidth) {
+            actualWidth - totalDrawWidth < totalSparklineAbleWidth) {
             for (let i = 0; i < sparklineColumns.length; i++) {
                 const { col, width } = sparklineColumns[i];
                 const deltaWidth = (actualWidth - totalDrawWidth) / sparklineColumns.length;
@@ -61874,6 +61878,7 @@
             this.totalActualBodyColCount = totalActualBodyColCount;
             this.totalCol = this.bodyLeftCol + totalActualBodyColCount - 1;
             this.colStart = this.bodyLeftCol;
+            this.colEnd = this.totalCol;
             const defaultColWidth = this.table.defaultColWidth;
             this.taskColCount = Math.ceil(this.table.tableNoFrameWidth / defaultColWidth) * 1;
             const totalBodyWidth = defaultColWidth * totalActualBodyColCount;
@@ -61892,6 +61897,7 @@
             this.totalActualBodyRowCount = totalActualBodyRowCount;
             this.totalRow = this.bodyTopRow + totalActualBodyRowCount - 1;
             this.rowStart = this.bodyTopRow;
+            this.rowEnd = this.totalRow;
             const defaultRowHeight = this.table.defaultRowHeight;
             this.taskRowCount = Math.ceil(this.table.tableNoFrameHeight / defaultRowHeight) * 1;
             const totalBodyHeight = defaultRowHeight * totalActualBodyRowCount;
@@ -61966,6 +61972,7 @@
         createRowCellGroup(onceCount) {
             const endRow = Math.min(this.totalRow, this.currentRow + onceCount);
             computeRowsHeight(this.table, this.currentRow + 1, endRow, false);
+            this.rowEnd = endRow;
             if (this.table.frozenColCount) {
                 let maxHeight = 0;
                 for (let col = 0; col < this.table.frozenColCount; col++) {
@@ -61998,7 +62005,6 @@
             }
             this.table.scenegraph.bodyGroup.setAttribute('height', maxHeight);
             this.currentRow = endRow;
-            this.rowEnd = endRow;
             this.rowUpdatePos = this.rowEnd;
             this.table.scenegraph.updateContainer();
             this.table.scenegraph.updateBorderSizeAndPosition();
@@ -62006,6 +62012,7 @@
         createColGroup(onceCount) {
             const endCol = Math.min(this.totalCol, this.currentCol + onceCount);
             computeColsWidth(this.table, this.currentCol + 1, endCol);
+            this.colEnd = endCol;
             for (let row = 0; row < this.table.rowCount; row++) {
                 const cellGroup = this.highPerformanceGetCell(this.currentCol, row);
                 if (cellGroup.role === 'cell' && isNumber$2(cellGroup.mergeStartCol) && cellGroup.mergeStartCol > this.currentCol) {
@@ -62043,7 +62050,6 @@
             const yOrigin = lastColumnGroup.attribute.y;
             createColGroup(this.table.scenegraph.bodyGroup, xOrigin, yOrigin, this.currentCol + 1, endCol, this.rowStart, this.rowEnd, 'body', this.table);
             this.currentCol = endCol;
-            this.colEnd = endCol;
             this.colUpdatePos = this.colEnd;
             this.table.scenegraph.updateContainer();
             this.table.scenegraph.updateBorderSizeAndPosition();
@@ -66137,7 +66143,9 @@
         table.internalProps.useOneRowHeightFillAll = false;
         table.internalProps.layoutMap.clearCellRangeMap();
         table.scenegraph.sortCell();
+        const isHasSelected = !!table.stateManager.select.ranges?.length;
         table.stateManager.updateSelectPos(-1, -1);
+        table.stateManager.endSelectCells(true, isHasSelected);
     }
     function executeSort(newState, table, headerDefine) {
         const hd = table.internalProps.layoutMap.headerObjects.find((col) => col && col.field === newState.field);
@@ -66604,7 +66612,9 @@
                 ? state.columnMove.y
                 : 0;
         state.table.scenegraph.component.showMoveCol(col, row, delta);
+        const isHasSelected = !!state.select.ranges?.length;
         state.table.stateManager.updateSelectPos(-1, -1);
+        state.table.stateManager.endSelectCells(true, isHasSelected);
         state.table.scenegraph.updateNextFrame();
     }
     function updateMoveCol(col, row, x, y, state) {
@@ -67789,7 +67799,7 @@
         isSelecting() {
             return this.select.selecting;
         }
-        endSelectCells(fireListener = true) {
+        endSelectCells(fireListener = true, fireClear = true) {
             if (this.select.selecting) {
                 this.select.selecting = false;
                 if (this.select.ranges.length === 0) {
@@ -67825,7 +67835,7 @@
                         row: lastRow
                     });
             }
-            else if (fireListener) {
+            else if (fireClear) {
                 if (this.select.ranges.length === 0) {
                     this.table.fireListeners(TABLE_EVENT_TYPE.SELECTED_CLEAR, {});
                 }
@@ -67846,7 +67856,9 @@
             this.columnResize.x = x;
             this.columnResize.isRightFrozen = isRightFrozen;
             this.table.scenegraph.component.showResizeCol(col, y, isRightFrozen);
+            const isHasSelected = !!this.select.ranges?.length;
             this.updateSelectPos(-1, -1);
+            this.endSelectCells(true, isHasSelected);
             this.table.scenegraph.updateNextFrame();
         }
         updateResizeCol(xInTable, yInTable) {
@@ -67866,7 +67878,9 @@
             this.rowResize.y = y;
             this.rowResize.isBottomFrozen = isBottomFrozen;
             this.table.scenegraph.component.showResizeRow(row, x, isBottomFrozen);
+            const isHasSelected = !!this.select.ranges?.length;
             this.updateSelectPos(-1, -1);
+            this.endSelectCells(true, isHasSelected);
             this.table.scenegraph.updateNextFrame();
         }
         updateResizeRow(xInTable, yInTable) {
@@ -68780,11 +68794,16 @@
                     }
                 }
             }
-            table.editorManager?.completeEdit(e.nativeEvent);
+            const isCompleteEdit = table.editorManager?.completeEdit(e.nativeEvent);
+            if (isCompleteEdit === false) {
+                return;
+            }
             stateManager.updateInteractionState(InteractionState.default);
             eventManager.dealTableHover();
             if (table.options.select?.outsideClickDeselect) {
+                const isHasSelected = !!stateManager.select.ranges?.length;
                 eventManager.dealTableSelect();
+                stateManager.endSelectCells(true, isHasSelected);
             }
         });
         table.scenegraph.tableGroup.addEventListener('pointerdown', (e) => {
@@ -68810,7 +68829,10 @@
             if (eventArgsSet.eventArgs?.target !== stateManager.residentHoverIcon?.icon) {
                 stateManager.hideMenu();
             }
-            table.editorManager?.completeEdit(e.nativeEvent);
+            const isCompleteEdit = table.editorManager?.completeEdit(e.nativeEvent);
+            if (isCompleteEdit === false) {
+                return;
+            }
             const hitIcon = eventArgsSet?.eventArgs?.target?.role?.startsWith('icon')
                 ? eventArgsSet.eventArgs.target
                 : e.target.role?.startsWith('icon')
@@ -68993,8 +69015,9 @@
                     const eventArgsSet = getCellEventArgsSet(e);
                     if (eventManager.touchSetTimeout) {
                         clearTimeout(eventManager.touchSetTimeout);
+                        const isHasSelected = !!stateManager.select.ranges?.length;
                         eventManager.dealTableSelect(eventArgsSet);
-                        stateManager.endSelectCells();
+                        stateManager.endSelectCells(true, isHasSelected);
                         eventManager.touchSetTimeout = undefined;
                     }
                 }
@@ -69034,11 +69057,15 @@
             if (eventArgsSet.eventArgs?.target !== stateManager.residentHoverIcon?.icon) {
                 stateManager.hideMenu();
             }
-            table.editorManager?.completeEdit(e.nativeEvent);
+            const isCompleteEdit = table.editorManager?.completeEdit(e.nativeEvent);
+            if (isCompleteEdit === false) {
+                return;
+            }
             const hitIcon = e.target.role?.startsWith('icon') ? e.target : undefined;
             eventManager.downIcon = hitIcon;
             if (!hitIcon &&
                 !eventManager.checkCellFillhandle(eventArgsSet) &&
+                !stateManager.columnResize.resizing &&
                 eventManager.checkColumnResize(eventArgsSet, true)) {
                 table.scenegraph.updateChartState(null);
                 stateManager.updateInteractionState(InteractionState.grabing);
@@ -69072,10 +69099,11 @@
                 !target.isDescendantsOf(table.scenegraph.tableGroup)) {
                 stateManager.updateInteractionState(InteractionState.default);
                 eventManager.dealTableHover();
-                stateManager.endSelectCells();
+                const isHasSelected = !!stateManager.select.ranges?.length;
                 if (table.options.select?.blankAreaClickDeselect ?? true) {
                     eventManager.dealTableSelect();
                 }
+                stateManager.endSelectCells(true, isHasSelected);
                 stateManager.updateCursor();
                 table.scenegraph.updateChartState(null);
             }
@@ -69666,21 +69694,21 @@
                 table.editorManager.cancelEdit();
             }
             else if (e.key === 'Enter') {
-                if (table.editorManager?.editingEditor) {
+                if (table.editorManager.editingEditor) {
+                    handleKeydownListener(e);
                     table.editorManager.completeEdit();
                     table.getElement().focus();
+                    return;
                 }
-                else {
-                    if ((table.options.keyboardOptions?.editCellOnEnter ?? true) &&
-                        (table.stateManager.select.ranges?.length ?? 0) === 1) {
-                        const startCol = table.stateManager.select.ranges[0].start.col;
-                        const startRow = table.stateManager.select.ranges[0].start.row;
-                        const endCol = table.stateManager.select.ranges[0].end.col;
-                        const endRow = table.stateManager.select.ranges[0].end.row;
-                        if (startCol === endCol && startRow === endRow) {
-                            if (table.getEditor(startCol, startRow)) {
-                                table.editorManager.startEditCell(startCol, startRow);
-                            }
+                if ((table.options.keyboardOptions?.editCellOnEnter ?? true) &&
+                    (table.stateManager.select.ranges?.length ?? 0) === 1) {
+                    const startCol = table.stateManager.select.ranges[0].start.col;
+                    const startRow = table.stateManager.select.ranges[0].start.row;
+                    const endCol = table.stateManager.select.ranges[0].end.col;
+                    const endRow = table.stateManager.select.ranges[0].end.row;
+                    if (startCol === endCol && startRow === endRow) {
+                        if (table.getEditor(startCol, startRow)) {
+                            table.editorManager.startEditCell(startCol, startRow);
                         }
                     }
                 }
@@ -69714,6 +69742,9 @@
                     }
                 }
             }
+            handleKeydownListener(e);
+        });
+        function handleKeydownListener(e) {
             if (table.hasListeners(TABLE_EVENT_TYPE.KEYDOWN)) {
                 const cellsEvent = {
                     keyCode: e.keyCode ?? e.which,
@@ -69723,7 +69754,7 @@
                 };
                 table.fireListeners(TABLE_EVENT_TYPE.KEYDOWN, cellsEvent);
             }
-        });
+        }
         handler.on(table.getElement(), 'copy', (e) => {
             if (table.keyboardOptions?.copySelected) {
                 const data = table.getCopyValue();
@@ -69850,6 +69881,8 @@
                 table.resize();
             }
         });
+        const regex = /<tr[^>]*>([\s\S]*?)<\/tr>/g;
+        const cellRegex = /<td[^>]*>([\s\S]*?)<\/td>/g;
         function pasteHtmlToTable(item) {
             const ranges = table.stateManager.select.ranges;
             const selectRangeLength = ranges.length;
@@ -69863,11 +69896,9 @@
             item.getType('text/html').then((blob) => {
                 blob.text().then((pastedData) => {
                     if (pastedData && /(<table)|(<TABLE)/g.test(pastedData)) {
-                        const regex = /<tr[^>]*>(.*?)<\/tr>/gs;
                         const matches = Array.from(pastedData.matchAll(regex));
                         for (const match of matches) {
                             const rowContent = match[1];
-                            const cellRegex = /<td[^>]*>(.*?)<\/td>/gs;
                             const cellMatches = Array.from(rowContent.matchAll(cellRegex));
                             const rowValues = cellMatches.map(cellMatch => {
                                 return (cellMatch[1]
@@ -70454,7 +70485,9 @@
                     drillClick(this.table);
                 }
                 else if (funcType === IconFuncTypeEnum.collapse || funcType === IconFuncTypeEnum.expand) {
-                    this.table.stateManager.updateSelectPos(-1, -1);
+                    const isHasSelected = !!stateManager.select.ranges?.length;
+                    stateManager.updateSelectPos(-1, -1);
+                    stateManager.endSelectCells(true, isHasSelected);
                     this.table.toggleHierarchyState(col, row);
                 }
             });
@@ -72150,6 +72183,12 @@
             messageElement.addEventListener('wheel', e => {
                 e.stopPropagation();
             });
+            messageElement.addEventListener('copy', e => {
+                const isSelected = isDivSelected(messageElement);
+                if (isSelected) {
+                    e.stopPropagation();
+                }
+            });
         }
         bindToCell(table, col, row, tooltipInstanceInfo, confine) {
             this._disappearDelay = tooltipInstanceInfo?.disappearDelay;
@@ -74617,13 +74656,18 @@
             }
             else {
                 keys.push(indicatorObj.indicatorKey);
-                if (indicatorObj.chartSpec) {
+                if (indicatorObj.chartSpec ||
+                    indicatorObj.sparklineSpec) {
                     if (table.internalProps.dataConfig?.aggregationRules) {
-                        table.internalProps.dataConfig?.aggregationRules.push({
-                            field: indicatorObj.indicatorKey,
-                            indicatorKey: indicatorObj.indicatorKey,
-                            aggregationType: AggregationType.NONE
-                        });
+                        if (!table.internalProps.dataConfig.aggregationRules.find(aggregation => {
+                            return aggregation.indicatorKey === indicatorObj.indicatorKey;
+                        })) {
+                            table.internalProps.dataConfig.aggregationRules.push({
+                                field: indicatorObj.indicatorKey,
+                                indicatorKey: indicatorObj.indicatorKey,
+                                aggregationType: AggregationType.NONE
+                            });
+                        }
                     }
                     else if (table.internalProps.dataConfig) {
                         table.internalProps.dataConfig.aggregationRules = [
@@ -74703,6 +74747,246 @@
         return customTree;
     }
 
+    function getRowAt(absoluteY, _this) {
+        const frozen = _getTargetFrozenRowAt(_this, absoluteY);
+        if (frozen) {
+            return frozen;
+        }
+        let row = getTargetRowAt(absoluteY, _this);
+        if (!row) {
+            row = {
+                top: -1,
+                row: -1,
+                bottom: -1,
+                height: -1
+            };
+        }
+        return row;
+    }
+    function getColAt(absoluteX, _this) {
+        const frozen = _getTargetFrozenColAt(_this, absoluteX);
+        if (frozen) {
+            return frozen;
+        }
+        let col = getTargetColAt(absoluteX, _this);
+        if (!col) {
+            col = {
+                left: -1,
+                col: -1,
+                right: -1,
+                width: 1
+            };
+        }
+        return col;
+    }
+    function getCellAt(absoluteX, absoluteY, _this) {
+        const rowInfo = getRowAt(absoluteY, _this);
+        const { row, top, bottom, height } = rowInfo;
+        const colInfo = getColAt(absoluteX, _this);
+        const { col, left, right, width } = colInfo;
+        const rect = {
+            left,
+            right,
+            top,
+            bottom,
+            width,
+            height
+        };
+        return {
+            row,
+            col,
+            rect
+        };
+    }
+    function getTargetColAt(absoluteX, _this) {
+        if (absoluteX === 0) {
+            return { left: 0, col: 0, right: 0, width: 0 };
+        }
+        const findBefore = (startCol, startRight) => {
+            let right = startRight;
+            for (let col = startCol; col >= 0; col--) {
+                const width = _this.getColWidth(col);
+                const left = right - width;
+                if (Math.round(left) <= Math.round(absoluteX) && Math.round(absoluteX) < Math.round(right)) {
+                    return {
+                        left,
+                        col,
+                        right,
+                        width
+                    };
+                }
+                right = left;
+            }
+            return null;
+        };
+        const findAfter = (startCol, startRight) => {
+            let left = startRight - _this.getColWidth(startCol);
+            const { colCount } = _this.internalProps;
+            for (let col = startCol; col < colCount; col++) {
+                const width = _this.getColWidth(col);
+                const right = left + width;
+                if (Math.round(left) <= Math.round(absoluteX) && Math.round(absoluteX) < Math.round(right)) {
+                    return {
+                        left,
+                        col,
+                        right,
+                        width
+                    };
+                }
+                left = right;
+            }
+            return null;
+        };
+        const candCol = computeTargetColByX(absoluteX, _this);
+        const right = _this.getColsWidth(0, candCol);
+        if (absoluteX >= right) {
+            return findAfter(candCol, right);
+        }
+        return findBefore(candCol, right);
+    }
+    function getTargetRowAt(absoluteY, _this) {
+        if (absoluteY === 0) {
+            return { top: 0, row: 0, bottom: 0, height: 0 };
+        }
+        const findBefore = (startRow, startBottom) => {
+            let bottom = startBottom;
+            for (let row = startRow; row >= 0; row--) {
+                const height = _this.getRowHeight(row);
+                const top = bottom - height;
+                if (Math.round(top) <= Math.round(absoluteY) && Math.round(absoluteY) < Math.round(bottom)) {
+                    return {
+                        top,
+                        row,
+                        bottom,
+                        height
+                    };
+                }
+                bottom = top;
+            }
+            return null;
+        };
+        const findAfter = (startRow, startBottom) => {
+            let top = startBottom - _this.getRowHeight(startRow);
+            const { rowCount } = _this.internalProps;
+            for (let row = startRow; row < rowCount; row++) {
+                const height = _this.getRowHeight(row);
+                const bottom = top + height;
+                if (Math.round(top) <= Math.round(absoluteY) && Math.round(absoluteY) < Math.round(bottom)) {
+                    return {
+                        top,
+                        row,
+                        bottom,
+                        height
+                    };
+                }
+                top = bottom;
+            }
+            return null;
+        };
+        const candRow = computeTargetRowByY(absoluteY, _this);
+        const bottom = _this.getRowsHeight(0, candRow);
+        if (absoluteY >= bottom) {
+            return findAfter(candRow, bottom);
+        }
+        return findBefore(candRow, bottom);
+    }
+    function getTargetColAtConsiderRightFrozen(absoluteX, isConsider, _this) {
+        if (absoluteX === 0) {
+            return { left: 0, col: 0, right: 0, width: 0 };
+        }
+        if (isConsider &&
+            absoluteX > _this.tableNoFrameWidth - _this.getRightFrozenColsWidth() &&
+            absoluteX < _this.tableNoFrameWidth) {
+            for (let i = 0; i < _this.rightFrozenColCount; i++) {
+                if (absoluteX > _this.tableNoFrameWidth - _this.getColsWidth(_this.colCount - i - 1, _this.colCount - 1)) {
+                    return {
+                        col: _this.colCount - i - 1,
+                        left: undefined,
+                        right: undefined,
+                        width: undefined
+                    };
+                }
+            }
+        }
+        return getTargetColAt(absoluteX, _this);
+    }
+    function getTargetRowAtConsiderBottomFrozen(absoluteY, isConsider, _this) {
+        if (absoluteY === 0) {
+            return { top: 0, row: 0, bottom: 0, height: 0 };
+        }
+        if (isConsider &&
+            absoluteY > _this.tableNoFrameHeight - _this.getBottomFrozenRowsHeight() &&
+            absoluteY < _this.tableNoFrameHeight) {
+            for (let i = 0; i < _this.rightFrozenColCount; i++) {
+                if (absoluteY > _this.tableNoFrameHeight - _this.getRowsHeight(_this.rowCount - i - 1, _this.rowCount - 1)) {
+                    return {
+                        row: _this.rowCount - i - 1,
+                        top: undefined,
+                        bottom: undefined,
+                        height: undefined
+                    };
+                }
+            }
+        }
+        return getTargetRowAt(absoluteY, _this);
+    }
+    function computeTargetRowByY(absoluteY, _this) {
+        let defaultRowHeight = _this.internalProps.defaultRowHeight;
+        if (_this._rowRangeHeightsMap.get(`$0$${_this.rowCount - 1}`)) {
+            defaultRowHeight = _this._rowRangeHeightsMap.get(`$0$${_this.rowCount - 1}`) / _this.rowCount;
+        }
+        return Math.min(Math.ceil(absoluteY / defaultRowHeight), _this.rowCount - 1);
+    }
+    function computeTargetColByX(absoluteX, _this) {
+        if (_this._colRangeWidthsMap.get(`$0$${_this.colCount - 1}`)) {
+            let startCol = 0;
+            let endCol = _this.colCount - 1;
+            while (endCol - startCol > 1) {
+                const midCol = Math.floor((startCol + endCol) / 2);
+                if (absoluteX < _this._colRangeWidthsMap.get(`$0$${midCol}`)) {
+                    endCol = midCol;
+                }
+                else if (absoluteX > _this._colRangeWidthsMap.get(`$0$${midCol}`)) {
+                    startCol = midCol;
+                }
+                else {
+                    return midCol;
+                }
+            }
+            return endCol;
+        }
+        return Math.min(Math.ceil(absoluteX / _this.internalProps.defaultColWidth), _this.colCount - 1);
+    }
+    function getCellAtRelativePosition(x, y, _this) {
+        x -= _this.tableX;
+        y -= _this.tableY;
+        let bottomFrozen = false;
+        if (y > _this.tableNoFrameHeight - _this.getBottomFrozenRowsHeight() && y < _this.tableNoFrameHeight) {
+            bottomFrozen = true;
+        }
+        let rightFrozen = false;
+        if (x > _this.tableNoFrameWidth - _this.getRightFrozenColsWidth() && x < _this.tableNoFrameWidth) {
+            rightFrozen = true;
+        }
+        const colInfo = getTargetColAtConsiderRightFrozen(rightFrozen ? x : x + _this.scrollLeft, rightFrozen, _this);
+        const rowInfo = getTargetRowAtConsiderBottomFrozen(bottomFrozen ? y : y + _this.scrollTop, bottomFrozen, _this);
+        const { row, top, bottom, height } = rowInfo;
+        const { col, left, right, width } = colInfo;
+        const rect = {
+            left,
+            right,
+            top,
+            bottom,
+            width,
+            height
+        };
+        return {
+            row,
+            col,
+            rect
+        };
+    }
+
     const { toBoxArray } = style;
     const { isTouchEvent } = event;
     const rangeReg = /^\$(\d+)\$(\d+)$/;
@@ -74735,7 +75019,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.4.2-beta.0";
+        version = "1.4.2";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -75720,55 +76004,16 @@
             return null;
         }
         getRowAt(absoluteY) {
-            const frozen = _getTargetFrozenRowAt(this, absoluteY);
-            if (frozen) {
-                return frozen;
-            }
-            let row = this.getTargetRowAt(absoluteY);
-            if (!row) {
-                row = {
-                    top: -1,
-                    row: -1,
-                    bottom: -1,
-                    height: -1
-                };
-            }
-            return row;
+            return getRowAt(absoluteY, this);
         }
         getColAt(absoluteX) {
-            const frozen = _getTargetFrozenColAt(this, absoluteX);
-            if (frozen) {
-                return frozen;
-            }
-            let col = this.getTargetColAt(absoluteX);
-            if (!col) {
-                col = {
-                    left: -1,
-                    col: -1,
-                    right: -1,
-                    width: 1
-                };
-            }
-            return col;
+            return getColAt(absoluteX, this);
         }
         getCellAt(absoluteX, absoluteY) {
-            const rowInfo = this.getRowAt(absoluteY);
-            const { row, top, bottom, height } = rowInfo;
-            const colInfo = this.getColAt(absoluteX);
-            const { col, left, right, width } = colInfo;
-            const rect = {
-                left,
-                right,
-                top,
-                bottom,
-                width,
-                height
-            };
-            return {
-                row,
-                col,
-                rect
-            };
+            return getCellAt(absoluteX, absoluteY, this);
+        }
+        getCellAtRelativePosition(relativeX, relativeY) {
+            return getCellAtRelativePosition(relativeX, relativeY, this);
         }
         _checkRowCol(col, row) {
             if (col >= 0 && col < this.colCount && row >= 0 && row < this.rowCount) {
@@ -76214,170 +76459,24 @@
             return this.internalProps.theme;
         }
         getTargetColAt(absoluteX) {
-            if (absoluteX === 0) {
-                return { left: 0, col: 0, right: 0, width: 0 };
-            }
-            const findBefore = (startCol, startRight) => {
-                let right = startRight;
-                for (let col = startCol; col >= 0; col--) {
-                    const width = this.getColWidth(col);
-                    const left = right - width;
-                    if (Math.round(left) <= Math.round(absoluteX) && Math.round(absoluteX) < Math.round(right)) {
-                        return {
-                            left,
-                            col,
-                            right,
-                            width
-                        };
-                    }
-                    right = left;
-                }
-                return null;
-            };
-            const findAfter = (startCol, startRight) => {
-                let left = startRight - this.getColWidth(startCol);
-                const { colCount } = this.internalProps;
-                for (let col = startCol; col < colCount; col++) {
-                    const width = this.getColWidth(col);
-                    const right = left + width;
-                    if (Math.round(left) <= Math.round(absoluteX) && Math.round(absoluteX) < Math.round(right)) {
-                        return {
-                            left,
-                            col,
-                            right,
-                            width
-                        };
-                    }
-                    left = right;
-                }
-                return null;
-            };
-            const candCol = this.computeTargetColByX(absoluteX);
-            const right = this.getColsWidth(0, candCol);
-            if (absoluteX >= right) {
-                return findAfter(candCol, right);
-            }
-            return findBefore(candCol, right);
+            return getTargetColAt(absoluteX, this);
         }
         getTargetRowAt(absoluteY) {
-            if (absoluteY === 0) {
-                return { top: 0, row: 0, bottom: 0, height: 0 };
-            }
-            const findBefore = (startRow, startBottom) => {
-                let bottom = startBottom;
-                for (let row = startRow; row >= 0; row--) {
-                    const height = this.getRowHeight(row);
-                    const top = bottom - height;
-                    if (Math.round(top) <= Math.round(absoluteY) && Math.round(absoluteY) < Math.round(bottom)) {
-                        return {
-                            top,
-                            row,
-                            bottom,
-                            height
-                        };
-                    }
-                    bottom = top;
-                }
-                return null;
-            };
-            const findAfter = (startRow, startBottom) => {
-                let top = startBottom - this.getRowHeight(startRow);
-                const { rowCount } = this.internalProps;
-                for (let row = startRow; row < rowCount; row++) {
-                    const height = this.getRowHeight(row);
-                    const bottom = top + height;
-                    if (Math.round(top) <= Math.round(absoluteY) && Math.round(absoluteY) < Math.round(bottom)) {
-                        return {
-                            top,
-                            row,
-                            bottom,
-                            height
-                        };
-                    }
-                    top = bottom;
-                }
-                return null;
-            };
-            const candRow = this.computeTargetRowByY(absoluteY);
-            const bottom = this.getRowsHeight(0, candRow);
-            if (absoluteY >= bottom) {
-                return findAfter(candRow, bottom);
-            }
-            return findBefore(candRow, bottom);
+            return getTargetRowAt(absoluteY, this);
         }
         getTargetColAtConsiderRightFrozen(absoluteX, isConsider) {
-            if (absoluteX === 0) {
-                return { left: 0, col: 0, right: 0, width: 0 };
-            }
-            if (isConsider &&
-                absoluteX > this.tableNoFrameWidth - this.getRightFrozenColsWidth() &&
-                absoluteX < this.tableNoFrameWidth) {
-                for (let i = 0; i < this.rightFrozenColCount; i++) {
-                    if (absoluteX > this.tableNoFrameWidth - this.getColsWidth(this.colCount - i - 1, this.colCount - 1)) {
-                        return {
-                            col: this.colCount - i - 1,
-                            left: undefined,
-                            right: undefined,
-                            width: undefined
-                        };
-                    }
-                }
-            }
-            return this.getTargetColAt(absoluteX);
+            return getTargetColAtConsiderRightFrozen(absoluteX, isConsider, this);
         }
         getTargetRowAtConsiderBottomFrozen(absoluteY, isConsider) {
-            if (absoluteY === 0) {
-                return { top: 0, row: 0, bottom: 0, height: 0 };
-            }
-            if (isConsider &&
-                absoluteY > this.tableNoFrameHeight - this.getBottomFrozenRowsHeight() &&
-                absoluteY < this.tableNoFrameHeight) {
-                for (let i = 0; i < this.rightFrozenColCount; i++) {
-                    if (absoluteY > this.tableNoFrameHeight - this.getRowsHeight(this.rowCount - i - 1, this.rowCount - 1)) {
-                        return {
-                            row: this.rowCount - i - 1,
-                            top: undefined,
-                            bottom: undefined,
-                            height: undefined
-                        };
-                    }
-                }
-            }
-            return this.getTargetRowAt(absoluteY);
-        }
-        computeTargetRowByY(absoluteY) {
-            let defaultRowHeight = this.internalProps.defaultRowHeight;
-            if (this._rowRangeHeightsMap.get(`$0$${this.rowCount - 1}`)) {
-                defaultRowHeight = this._rowRangeHeightsMap.get(`$0$${this.rowCount - 1}`) / this.rowCount;
-            }
-            return Math.min(Math.ceil(absoluteY / defaultRowHeight), this.rowCount - 1);
-        }
-        computeTargetColByX(absoluteX) {
-            if (this._colRangeWidthsMap.get(`$0$${this.colCount - 1}`)) {
-                let startCol = 0;
-                let endCol = this.colCount - 1;
-                while (endCol - startCol > 1) {
-                    const midCol = Math.floor((startCol + endCol) / 2);
-                    if (absoluteX < this._colRangeWidthsMap.get(`$0$${midCol}`)) {
-                        endCol = midCol;
-                    }
-                    else if (absoluteX > this._colRangeWidthsMap.get(`$0$${midCol}`)) {
-                        startCol = midCol;
-                    }
-                    else {
-                        return midCol;
-                    }
-                }
-                return endCol;
-            }
-            return Math.min(Math.ceil(absoluteX / this.internalProps.defaultColWidth), this.colCount - 1);
+            return getTargetRowAtConsiderBottomFrozen(absoluteY, isConsider, this);
         }
         clearSelected() {
             this.stateManager.updateSelectPos(-1, -1);
         }
         selectCell(col, row, isShift, isCtrl) {
+            const isHasSelected = !!this.stateManager.select.ranges?.length;
             this.stateManager.updateSelectPos(col, row, isShift, isCtrl);
-            this.stateManager.endSelectCells();
+            this.stateManager.endSelectCells(true, isHasSelected);
         }
         selectCells(cellRanges) {
             const { scrollLeft, scrollTop } = this;
@@ -76390,7 +76489,7 @@
                     this.stateManager.updateInteractionState(InteractionState.grabing);
                     this.stateManager.updateSelectPos(cellRange.end.col, cellRange.end.row, false, index >= 1, false, false, true);
                 }
-                this.stateManager.endSelectCells(false);
+                this.stateManager.endSelectCells(false, false);
                 this.stateManager.updateInteractionState(InteractionState.default);
             });
             this.setScrollTop(scrollTop);
@@ -78082,8 +78181,10 @@
         seqId = 0;
         _headerObjects;
         _headerObjectMap;
+        _headerObjectsIncludeHided;
         _headerCellIds;
         _columns;
+        _columnsIncludeHided;
         rowSeriesNumberColumn;
         leftRowSeriesNumberColumn;
         rightRowSeriesNumberColumn;
@@ -78107,11 +78208,15 @@
             this._showHeader = showHeader;
             this._table = table;
             this._columns = [];
+            this._columnsIncludeHided = [];
             this._headerCellIds = [];
             this.hierarchyIndent = hierarchyIndent ?? 20;
             this.hierarchyTextStartAlignment = table.options.hierarchyTextStartAlignment;
             this.columnTree = new DimensionTree(columns, { seqId: 0 });
-            this._headerObjects = this._addHeaders(0, columns, []);
+            this._headerObjectsIncludeHided = this._addHeaders(0, columns, []);
+            this._headerObjects = this._headerObjectsIncludeHided.filter(col => {
+                return col.define.hide !== true;
+            });
             this._headerObjectMap = this._headerObjects.reduce((o, e) => {
                 o[e.id] = e;
                 return o;
@@ -78685,6 +78790,9 @@
         get columnObjects() {
             return this._columns;
         }
+        get headerObjectsIncludeHided() {
+            return this._headerObjectsIncludeHided;
+        }
         get columnWidths() {
             if (this.leftRowSeriesNumberColumnCount) {
                 const widths = this.leftRowSeriesNumberColumn.map(item => {
@@ -79033,28 +79141,31 @@
                     this._addHeaders(row + 1, hd.columns, [...roots, id], hd.hideColumnsSubHeader || hideColumnsSubHeader).forEach(c => results.push(c));
                 }
                 else {
-                    const colDef = hd;
-                    this._columns.push({
+                    const colDef = {
                         id: this.seqId++,
-                        field: colDef.field,
-                        fieldFormat: colDef.fieldFormat,
-                        width: colDef.width,
-                        minWidth: colDef.minWidth,
-                        maxWidth: colDef.maxWidth,
-                        icon: colDef.icon,
-                        cellType: colDef.cellType ?? colDef.columnType ?? 'text',
-                        chartModule: 'chartModule' in colDef ? colDef.chartModule : null,
-                        chartSpec: 'chartSpec' in colDef ? colDef.chartSpec : null,
-                        sparklineSpec: 'sparklineSpec' in colDef ? colDef.sparklineSpec : DefaultSparklineSpec,
-                        style: colDef.style,
-                        define: colDef,
-                        columnWidthComputeMode: colDef.columnWidthComputeMode,
-                        disableColumnResize: colDef?.disableColumnResize,
-                        aggregation: this._getAggregationForColumn(colDef, col),
+                        field: hd.field,
+                        fieldFormat: hd.fieldFormat,
+                        width: hd.width,
+                        minWidth: hd.minWidth,
+                        maxWidth: hd.maxWidth,
+                        icon: hd.icon,
+                        cellType: hd.cellType ?? hd.columnType ?? 'text',
+                        chartModule: 'chartModule' in hd ? hd.chartModule : null,
+                        chartSpec: 'chartSpec' in hd ? hd.chartSpec : null,
+                        sparklineSpec: 'sparklineSpec' in hd ? hd.sparklineSpec : DefaultSparklineSpec,
+                        style: hd.style,
+                        define: hd,
+                        columnWidthComputeMode: hd.columnWidthComputeMode,
+                        disableColumnResize: hd?.disableColumnResize,
+                        aggregation: this._getAggregationForColumn(hd, col),
                         isChildNode: row >= 1
-                    });
-                    for (let r = row + 1; r < this._headerCellIds.length; r++) {
-                        this._headerCellIds[r][col] = id;
+                    };
+                    this._columnsIncludeHided.push(colDef);
+                    if (hd.hide !== true) {
+                        this._columns.push(colDef);
+                        for (let r = row + 1; r < this._headerCellIds.length; r++) {
+                            this._headerCellIds[r][col] = id;
+                        }
                     }
                 }
             });
@@ -79593,18 +79704,18 @@
         }
         completeEdit(e) {
             if (!this.editingEditor) {
-                return;
+                return true;
             }
             const target = e?.target;
             const { editingEditor: editor } = this;
             if (target) {
                 if (editor.targetIsOnEditor) {
                     if (editor.targetIsOnEditor(target)) {
-                        return;
+                        return false;
                     }
                 }
                 else if (!editor.isEditorElement || editor.isEditorElement(target)) {
-                    return;
+                    return false;
                 }
             }
             if (!this.editingEditor.getValue) ;
@@ -79624,7 +79735,9 @@
                 this.editingEditor.exit?.();
                 this.editingEditor.onEnd?.();
                 this.editingEditor = null;
+                return true;
             }
+            return false;
         }
         cancelEdit() {
             if (this.editingEditor) {
@@ -80478,7 +80591,7 @@
                     }
                     if (order && field && order !== 'normal') {
                         const sortFunc = this._getSortFuncFromHeaderOption(undefined, field);
-                        const hd = this.internalProps.layoutMap.headerObjects.find((col) => col && col.field === field);
+                        const hd = this.internalProps.layoutMap.headerObjectsIncludeHided.find((col) => col && col.field === field);
                         if (hd.define.sort !== false) {
                             this.dataSource.sort(hd.field, order, sortFunc ?? defaultOrderFn);
                         }
@@ -81297,58 +81410,54 @@
                 });
             }
             this.sharedVar.seqId = Math.max(this.sharedVar.seqId, this._headerObjects.length);
-            if (this.cornerSetting.titleOnDimension === 'column') {
-                let colDimensionKeys = this.columnDimensionTree.dimensionKeysIncludeVirtual.valueArr();
+            let colDimensionKeys = this.columnDimensionTree.dimensionKeysIncludeVirtual.valueArr();
+            if (this.dataset &&
+                (this.dataset.records?.length ?? 0) === 0 &&
+                !this.dataset.customColTree &&
+                !this.dataset.customRowTree) {
+                colDimensionKeys = this.columnsDefine.map(define => {
+                    if (typeof define === 'string') {
+                        return define;
+                    }
+                    return define.dimensionKey;
+                });
+                if (this.indicatorsAsCol) {
+                    colDimensionKeys.push(this.indicatorDimensionKey);
+                }
+            }
+            colDimensionKeys = this.columnHeaderTitle ? [''].concat(colDimensionKeys) : colDimensionKeys;
+            let rowDimensionKeys;
+            let extensionRowDimensions = [];
+            if (this.rowHierarchyType === 'tree' && this.extensionRows?.length >= 1) {
+                const rowTreeFirstKey = [];
+                rowTreeFirstKey.push(this.rowDimensionKeys[0]);
+                this._extensionRowDimensionKeys.forEach(extensionRowKeys => {
+                    rowTreeFirstKey.push(extensionRowKeys[0]);
+                });
+                extensionRowDimensions = this.extensionRows.reduce((dimensions, cur) => {
+                    return dimensions.concat(cur.rows);
+                }, []);
+                rowDimensionKeys = this.rowHeaderTitle ? [''].concat(rowTreeFirstKey) : rowTreeFirstKey;
+            }
+            else {
+                rowDimensionKeys = this.rowDimensionTree.dimensionKeysIncludeVirtual.valueArr();
                 if (this.dataset &&
                     (this.dataset.records?.length ?? 0) === 0 &&
                     !this.dataset.customColTree &&
                     !this.dataset.customRowTree) {
-                    colDimensionKeys = this.columnsDefine.map(define => {
+                    rowDimensionKeys = this.rowsDefine.map(define => {
                         if (typeof define === 'string') {
                             return define;
                         }
                         return define.dimensionKey;
                     });
-                    if (this.indicatorsAsCol) {
-                        colDimensionKeys.push(this.indicatorDimensionKey);
+                    if (!this.indicatorsAsCol) {
+                        rowDimensionKeys.push(this.indicatorDimensionKey);
                     }
                 }
-                this.cornerHeaderObjs = this._addCornerHeaders(this.columnHeaderTitle ? [''].concat(colDimensionKeys) : colDimensionKeys, this.columnsDefine);
-            }
-            else if (this.cornerSetting.titleOnDimension === 'row') {
-                if (this.rowHierarchyType === 'tree' && this.extensionRows?.length >= 1) {
-                    const rowTreeFirstKey = [];
-                    rowTreeFirstKey.push(this.rowDimensionKeys[0]);
-                    this._extensionRowDimensionKeys.forEach(extensionRowKeys => {
-                        rowTreeFirstKey.push(extensionRowKeys[0]);
-                    });
-                    const extensionRowDimensions = this.extensionRows.reduce((dimensions, cur) => {
-                        return dimensions.concat(cur.rows);
-                    }, []);
-                    this.cornerHeaderObjs = this._addCornerHeaders(this.rowHeaderTitle ? [''].concat(rowTreeFirstKey) : rowTreeFirstKey, this.rowsDefine.concat(extensionRowDimensions));
-                }
-                else {
-                    let rowDimensionKeys = this.rowDimensionTree.dimensionKeysIncludeVirtual.valueArr();
-                    if (this.dataset &&
-                        (this.dataset.records?.length ?? 0) === 0 &&
-                        !this.dataset.customColTree &&
-                        !this.dataset.customRowTree) {
-                        rowDimensionKeys = this.rowsDefine.map(define => {
-                            if (typeof define === 'string') {
-                                return define;
-                            }
-                            return define.dimensionKey;
-                        });
-                        if (!this.indicatorsAsCol) {
-                            rowDimensionKeys.push(this.indicatorDimensionKey);
-                        }
-                    }
-                    this.cornerHeaderObjs = this._addCornerHeaders(this.rowHeaderTitle ? [''].concat(rowDimensionKeys) : rowDimensionKeys, this.rowsDefine);
-                }
-            }
-            else {
-                this.cornerHeaderObjs = this._addCornerHeaders(null, undefined);
+                rowDimensionKeys = this.rowHeaderTitle ? [''].concat(rowDimensionKeys) : rowDimensionKeys;
             }
+            this.cornerHeaderObjs = this._addCornerHeaders(colDimensionKeys, rowDimensionKeys, this.columnsDefine.concat(...this.rowsDefine, ...extensionRowDimensions));
             this.colIndex = 0;
             this._headerObjectMap = this._headerObjects.reduce((o, e) => {
                 o[e.id] = e;
@@ -81581,63 +81690,257 @@
                 dealHeaderForTreeMode(hd, _headerCellIds, results, roots, row, totalLevel, show, dimensions, this);
             }
         }
-        _addCornerHeaders(dimensionKeys, dimensions) {
+        _addCornerHeaders(colDimensionKeys, rowDimensionKeys, dimensions) {
             const results = [];
-            if (dimensionKeys) {
-                dimensionKeys.forEach((dimensionKey, key) => {
-                    const id = ++this.sharedVar.seqId;
-                    const dimensionInfo = dimensions.find(dimension => typeof dimension === 'string' ? false : dimension.dimensionKey === dimensionKey);
-                    const cell = {
-                        id,
-                        title: dimensionKey === this.indicatorDimensionKey
-                            ? this.indicatorTitle
-                            : dimensionInfo
-                                ? dimensionInfo.title
-                                : dimensionKey === 'axis'
-                                    ? ''
-                                    : dimensionKey,
-                        field: dimensionKey,
-                        style: this.cornerSetting.headerStyle,
-                        headerType: this.cornerSetting.headerType ?? 'text',
-                        showSort: dimensionInfo?.showSortInCorner,
-                        sort: dimensionInfo?.sort,
-                        define: {
+            if (this.cornerSetting.titleOnDimension === 'all') {
+                if (this.indicatorsAsCol) {
+                    let indicatorAtIndex = -1;
+                    if (colDimensionKeys) {
+                        colDimensionKeys.forEach((dimensionKey, key) => {
+                            if (dimensionKey === this.indicatorDimensionKey) {
+                                indicatorAtIndex = key;
+                            }
+                            const id = ++this.sharedVar.seqId;
+                            const dimensionInfo = dimensions.find(dimension => typeof dimension === 'string' ? false : dimension.dimensionKey === dimensionKey);
+                            const cell = {
+                                id,
+                                title: dimensionKey === this.indicatorDimensionKey
+                                    ? this.indicatorTitle
+                                    : dimensionInfo
+                                        ? dimensionInfo.title
+                                        : dimensionKey === 'axis'
+                                            ? ''
+                                            : dimensionKey,
+                                field: dimensionKey,
+                                style: this.cornerSetting.headerStyle,
+                                headerType: this.cornerSetting.headerType ?? 'text',
+                                showSort: dimensionInfo?.showSortInCorner,
+                                sort: dimensionInfo?.sort,
+                                define: {
+                                    showSort: dimensionInfo?.showSortInCorner,
+                                    sort: dimensionInfo?.sort,
+                                    dimensionKey: dimensionKey,
+                                    id,
+                                    value: dimensionKey,
+                                    headerEditor: this.cornerSetting.headerEditor,
+                                    disableHeaderHover: !!this.cornerSetting.disableHeaderHover,
+                                    disableHeaderSelect: !!this.cornerSetting.disableHeaderSelect
+                                },
+                                dropDownMenu: dimensionInfo?.cornerDropDownMenu,
+                                pivotInfo: {
+                                    value: dimensionInfo?.title ?? '',
+                                    dimensionKey,
+                                    isPivotCorner: true
+                                },
+                                description: dimensionInfo?.cornerDescription
+                            };
+                            results[id] = cell;
+                            this._headerObjects[id] = cell;
+                            if (!this._cornerHeaderCellFullPathIds[key]) {
+                                this._cornerHeaderCellFullPathIds[key] = [];
+                            }
+                            for (let r = 0; r < this.rowHeaderLevelCount; r++) {
+                                this._cornerHeaderCellFullPathIds[key][r] = id;
+                            }
+                        });
+                    }
+                    if (rowDimensionKeys) {
+                        rowDimensionKeys.forEach((dimensionKey, key) => {
+                            const id = ++this.sharedVar.seqId;
+                            const dimensionInfo = dimensions.find(dimension => typeof dimension === 'string' ? false : dimension.dimensionKey === dimensionKey);
+                            const cell = {
+                                id,
+                                title: dimensionKey === this.indicatorDimensionKey
+                                    ? this.indicatorTitle
+                                    : dimensionInfo
+                                        ? dimensionInfo.title
+                                        : dimensionKey === 'axis'
+                                            ? ''
+                                            : dimensionKey,
+                                field: dimensionKey,
+                                style: this.cornerSetting.headerStyle,
+                                headerType: this.cornerSetting.headerType ?? 'text',
+                                showSort: dimensionInfo?.showSortInCorner,
+                                sort: dimensionInfo?.sort,
+                                define: {
+                                    showSort: dimensionInfo?.showSortInCorner,
+                                    sort: dimensionInfo?.sort,
+                                    dimensionKey: dimensionKey,
+                                    id,
+                                    value: dimensionKey,
+                                    headerEditor: this.cornerSetting.headerEditor,
+                                    disableHeaderHover: !!this.cornerSetting.disableHeaderHover,
+                                    disableHeaderSelect: !!this.cornerSetting.disableHeaderSelect
+                                },
+                                dropDownMenu: dimensionInfo?.cornerDropDownMenu,
+                                pivotInfo: {
+                                    value: dimensionInfo?.title ?? '',
+                                    dimensionKey,
+                                    isPivotCorner: true
+                                },
+                                description: dimensionInfo?.cornerDescription
+                            };
+                            results[id] = cell;
+                            this._headerObjects[id] = cell;
+                            if (!this._cornerHeaderCellFullPathIds[indicatorAtIndex]) {
+                                this._cornerHeaderCellFullPathIds[indicatorAtIndex] = [];
+                            }
+                            this._cornerHeaderCellFullPathIds[indicatorAtIndex][key] = id;
+                        });
+                    }
+                }
+                else {
+                    let indicatorAtIndex = -1;
+                    if (rowDimensionKeys) {
+                        rowDimensionKeys.forEach((dimensionKey, key) => {
+                            if (dimensionKey === this.indicatorDimensionKey) {
+                                indicatorAtIndex = key;
+                            }
+                            const id = ++this.sharedVar.seqId;
+                            const dimensionInfo = dimensions.find(dimension => typeof dimension === 'string' ? false : dimension.dimensionKey === dimensionKey);
+                            const cell = {
+                                id,
+                                title: dimensionKey === this.indicatorDimensionKey
+                                    ? this.indicatorTitle
+                                    : dimensionInfo
+                                        ? dimensionInfo.title
+                                        : dimensionKey === 'axis'
+                                            ? ''
+                                            : dimensionKey,
+                                field: dimensionKey,
+                                style: this.cornerSetting.headerStyle,
+                                headerType: this.cornerSetting.headerType ?? 'text',
+                                showSort: dimensionInfo?.showSortInCorner,
+                                sort: dimensionInfo?.sort,
+                                define: {
+                                    showSort: dimensionInfo?.showSortInCorner,
+                                    sort: dimensionInfo?.sort,
+                                    dimensionKey: dimensionKey,
+                                    id,
+                                    value: dimensionKey,
+                                    headerEditor: this.cornerSetting.headerEditor,
+                                    disableHeaderHover: !!this.cornerSetting.disableHeaderHover,
+                                    disableHeaderSelect: !!this.cornerSetting.disableHeaderSelect
+                                },
+                                dropDownMenu: dimensionInfo?.cornerDropDownMenu,
+                                pivotInfo: {
+                                    value: dimensionInfo?.title ?? '',
+                                    dimensionKey,
+                                    isPivotCorner: true
+                                },
+                                description: dimensionInfo?.cornerDescription
+                            };
+                            results[id] = cell;
+                            this._headerObjects[id] = cell;
+                            for (let r = 0; r < this.columnHeaderLevelCount; r++) {
+                                if (!this._cornerHeaderCellFullPathIds[r]) {
+                                    this._cornerHeaderCellFullPathIds[r] = [];
+                                }
+                                this._cornerHeaderCellFullPathIds[r][key] = id;
+                            }
+                        });
+                    }
+                    if (colDimensionKeys) {
+                        colDimensionKeys.forEach((dimensionKey, key) => {
+                            const id = ++this.sharedVar.seqId;
+                            const dimensionInfo = dimensions.find(dimension => typeof dimension === 'string' ? false : dimension.dimensionKey === dimensionKey);
+                            const cell = {
+                                id,
+                                title: dimensionKey === this.indicatorDimensionKey
+                                    ? this.indicatorTitle
+                                    : dimensionInfo
+                                        ? dimensionInfo.title
+                                        : dimensionKey === 'axis'
+                                            ? ''
+                                            : dimensionKey,
+                                field: dimensionKey,
+                                style: this.cornerSetting.headerStyle,
+                                headerType: this.cornerSetting.headerType ?? 'text',
+                                showSort: dimensionInfo?.showSortInCorner,
+                                sort: dimensionInfo?.sort,
+                                define: {
+                                    showSort: dimensionInfo?.showSortInCorner,
+                                    sort: dimensionInfo?.sort,
+                                    dimensionKey: dimensionKey,
+                                    id,
+                                    value: dimensionKey,
+                                    headerEditor: this.cornerSetting.headerEditor,
+                                    disableHeaderHover: !!this.cornerSetting.disableHeaderHover,
+                                    disableHeaderSelect: !!this.cornerSetting.disableHeaderSelect
+                                },
+                                dropDownMenu: dimensionInfo?.cornerDropDownMenu,
+                                pivotInfo: {
+                                    value: dimensionInfo?.title ?? '',
+                                    dimensionKey,
+                                    isPivotCorner: true
+                                },
+                                description: dimensionInfo?.cornerDescription
+                            };
+                            results[id] = cell;
+                            this._headerObjects[id] = cell;
+                            this._cornerHeaderCellFullPathIds[key][indicatorAtIndex] = id;
+                        });
+                    }
+                }
+            }
+            else if (this.cornerSetting.titleOnDimension === 'row' || this.cornerSetting.titleOnDimension === 'column') {
+                const dimensionKeys = this.cornerSetting?.titleOnDimension === 'row' ? rowDimensionKeys : colDimensionKeys;
+                if (dimensionKeys) {
+                    dimensionKeys.forEach((dimensionKey, key) => {
+                        const id = ++this.sharedVar.seqId;
+                        const dimensionInfo = dimensions.find(dimension => typeof dimension === 'string' ? false : dimension.dimensionKey === dimensionKey);
+                        const cell = {
+                            id,
+                            title: dimensionKey === this.indicatorDimensionKey
+                                ? this.indicatorTitle
+                                : dimensionInfo
+                                    ? dimensionInfo.title
+                                    : dimensionKey === 'axis'
+                                        ? ''
+                                        : dimensionKey,
+                            field: dimensionKey,
+                            style: this.cornerSetting.headerStyle,
+                            headerType: this.cornerSetting.headerType ?? 'text',
                             showSort: dimensionInfo?.showSortInCorner,
                             sort: dimensionInfo?.sort,
-                            dimensionKey: dimensionKey,
-                            id,
-                            value: dimensionKey,
-                            headerEditor: this.cornerSetting.headerEditor,
-                            disableHeaderHover: !!this.cornerSetting.disableHeaderHover,
-                            disableHeaderSelect: !!this.cornerSetting.disableHeaderSelect
-                        },
-                        dropDownMenu: dimensionInfo?.cornerDropDownMenu,
-                        pivotInfo: {
-                            value: dimensionInfo?.title ?? '',
-                            dimensionKey,
-                            isPivotCorner: true
-                        },
-                        description: dimensionInfo?.cornerDescription
-                    };
-                    results[id] = cell;
-                    this._headerObjects[id] = cell;
-                    if (this.cornerSetting.titleOnDimension === 'column') {
-                        if (!this._cornerHeaderCellFullPathIds[key]) {
-                            this._cornerHeaderCellFullPathIds[key] = [];
-                        }
-                        for (let r = 0; r < this.rowHeaderLevelCount; r++) {
-                            this._cornerHeaderCellFullPathIds[key][r] = id;
+                            define: {
+                                showSort: dimensionInfo?.showSortInCorner,
+                                sort: dimensionInfo?.sort,
+                                dimensionKey: dimensionKey,
+                                id,
+                                value: dimensionKey,
+                                headerEditor: this.cornerSetting.headerEditor,
+                                disableHeaderHover: !!this.cornerSetting.disableHeaderHover,
+                                disableHeaderSelect: !!this.cornerSetting.disableHeaderSelect
+                            },
+                            dropDownMenu: dimensionInfo?.cornerDropDownMenu,
+                            pivotInfo: {
+                                value: dimensionInfo?.title ?? '',
+                                dimensionKey,
+                                isPivotCorner: true
+                            },
+                            description: dimensionInfo?.cornerDescription
+                        };
+                        results[id] = cell;
+                        this._headerObjects[id] = cell;
+                        if (this.cornerSetting.titleOnDimension === 'column') {
+                            if (!this._cornerHeaderCellFullPathIds[key]) {
+                                this._cornerHeaderCellFullPathIds[key] = [];
+                            }
+                            for (let r = 0; r < this.rowHeaderLevelCount; r++) {
+                                this._cornerHeaderCellFullPathIds[key][r] = id;
+                            }
                         }
-                    }
-                    else if (this.cornerSetting.titleOnDimension === 'row') {
-                        for (let r = 0; r < this.columnHeaderLevelCount; r++) {
-                            if (!this._cornerHeaderCellFullPathIds[r]) {
-                                this._cornerHeaderCellFullPathIds[r] = [];
+                        else if (this.cornerSetting.titleOnDimension === 'row') {
+                            for (let r = 0; r < this.columnHeaderLevelCount; r++) {
+                                if (!this._cornerHeaderCellFullPathIds[r]) {
+                                    this._cornerHeaderCellFullPathIds[r] = [];
+                                }
+                                this._cornerHeaderCellFullPathIds[r][key] = id;
                             }
-                            this._cornerHeaderCellFullPathIds[r][key] = id;
                         }
-                    }
-                });
+                    });
+                }
             }
             else {
                 const id = ++this.sharedVar.seqId;
@@ -82038,7 +82341,8 @@
                     if (this.cornerSetting.titleOnDimension === 'row') {
                         count = 1;
                     }
-                    else if ((this.dataset.records?.length ?? 0) === 0 && this.cornerSetting.titleOnDimension === 'column') {
+                    else if ((this.dataset.records?.length ?? 0) === 0 &&
+                        (this.cornerSetting.titleOnDimension === 'column' || this.cornerSetting.titleOnDimension === 'all')) {
                         count = this.columnsDefine.length ?? 0;
                     }
                 }
@@ -82046,7 +82350,7 @@
                     (this.dataset.records?.length ?? 0) === 0 &&
                     !this.dataset.customColTree &&
                     !this.dataset.customRowTree) {
-                    if (this.cornerSetting.titleOnDimension === 'column') {
+                    if (this.cornerSetting.titleOnDimension === 'column' || this.cornerSetting.titleOnDimension === 'all') {
                         count = this.columnsDefine.length ?? 0;
                         if (!this.hideIndicatorName && this.indicatorsAsCol) {
                             count++;
@@ -82084,7 +82388,8 @@
                     if (this.cornerSetting.titleOnDimension === 'column') {
                         count = 1;
                     }
-                    else if ((this.dataset.records?.length ?? 0) === 0 && this.cornerSetting.titleOnDimension === 'row') {
+                    else if ((this.dataset.records?.length ?? 0) === 0 &&
+                        (this.cornerSetting.titleOnDimension === 'row' || this.cornerSetting.titleOnDimension === 'all')) {
                         count = this.rowsDefine.length ?? 0;
                     }
                 }
@@ -82092,7 +82397,7 @@
                     (this.dataset.records?.length ?? 0) === 0 &&
                     !this.dataset.customColTree &&
                     !this.dataset.customRowTree) {
-                    if (this.cornerSetting.titleOnDimension === 'row') {
+                    if (this.cornerSetting.titleOnDimension === 'row' || this.cornerSetting.titleOnDimension === 'all') {
                         count = this.rowsDefine.length;
                         if (!this.hideIndicatorName && !this.indicatorsAsCol) {
                             count++;
@@ -85715,7 +86020,11 @@
                 const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
                 if (cellDimensionPath) {
                     let indicatorPosition;
-                    const colKeys = cellDimensionPath.colHeaderPaths.map((colPath, index) => {
+                    const colKeys = cellDimensionPath.colHeaderPaths
+                        ?.filter((path) => {
+                        return !path.virtual;
+                    })
+                        .map((colPath, index) => {
                         if (colPath.indicatorKey) {
                             indicatorPosition = {
                                 position: 'col',
@@ -85724,7 +86033,11 @@
                         }
                         return colPath.indicatorKey ?? colPath.value;
                     });
-                    const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath, index) => {
+                    const rowKeys = cellDimensionPath.rowHeaderPaths
+                        ?.filter((path) => {
+                        return !path.virtual;
+                    })
+                        .map((rowPath, index) => {
                         if (rowPath.indicatorKey) {
                             indicatorPosition = {
                                 position: 'row',
@@ -85850,7 +86163,11 @@
             else if (this.dataset) {
                 let indicatorPosition;
                 const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
-                const colKeys = cellDimensionPath.colHeaderPaths.map((colPath, index) => {
+                const colKeys = cellDimensionPath.colHeaderPaths
+                    ?.filter((path) => {
+                    return !path.virtual;
+                })
+                    .map((colPath, index) => {
                     if (colPath.indicatorKey) {
                         indicatorPosition = {
                             position: 'col',
@@ -85859,7 +86176,11 @@
                     }
                     return colPath.indicatorKey ?? colPath.value;
                 });
-                const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath, index) => {
+                const rowKeys = cellDimensionPath.rowHeaderPaths
+                    ?.filter((path) => {
+                    return !path.virtual;
+                })
+                    .map((rowPath, index) => {
                     if (rowPath.indicatorKey) {
                         indicatorPosition = {
                             position: 'row',
@@ -85898,7 +86219,11 @@
             else if (this.dataset) {
                 let indicatorPosition;
                 const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
-                const colKeys = cellDimensionPath.colHeaderPaths.map((colPath, index) => {
+                const colKeys = cellDimensionPath.colHeaderPaths
+                    ?.filter((path) => {
+                    return !path.virtual;
+                })
+                    .map((colPath, index) => {
                     if (colPath.indicatorKey) {
                         indicatorPosition = {
                             position: 'col',
@@ -85907,7 +86232,11 @@
                     }
                     return colPath.indicatorKey ?? colPath.value;
                 });
-                const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath, index) => {
+                const rowKeys = cellDimensionPath.rowHeaderPaths
+                    ?.filter((path) => {
+                    return !path.virtual;
+                })
+                    .map((rowPath, index) => {
                     if (rowPath.indicatorKey) {
                         indicatorPosition = {
                             position: 'row',
@@ -85945,7 +86274,11 @@
             else if (this.dataset) {
                 let indicatorPosition;
                 const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
-                const colKeys = cellDimensionPath.colHeaderPaths.map((colPath, index) => {
+                const colKeys = cellDimensionPath.colHeaderPaths
+                    ?.filter((path) => {
+                    return !path.virtual;
+                })
+                    .map((colPath, index) => {
                     if (colPath.indicatorKey) {
                         indicatorPosition = {
                             position: 'col',
@@ -85954,7 +86287,11 @@
                     }
                     return colPath.indicatorKey ?? colPath.value;
                 });
-                const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath, index) => {
+                const rowKeys = cellDimensionPath.rowHeaderPaths
+                    ?.filter((path) => {
+                    return !path.virtual;
+                })
+                    .map((rowPath, index) => {
                     if (rowPath.indicatorKey) {
                         indicatorPosition = {
                             position: 'row',
@@ -85992,7 +86329,11 @@
             else if (this.dataset) {
                 let indicatorPosition;
                 const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
-                const colKeys = cellDimensionPath.colHeaderPaths.map((colPath, index) => {
+                const colKeys = cellDimensionPath.colHeaderPaths
+                    ?.filter((path) => {
+                    return !path.virtual;
+                })
+                    .map((colPath, index) => {
                     if (colPath.indicatorKey) {
                         indicatorPosition = {
                             position: 'col',
@@ -86001,7 +86342,11 @@
                     }
                     return colPath.indicatorKey ?? colPath.value;
                 });
-                const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath, index) => {
+                const rowKeys = cellDimensionPath.rowHeaderPaths
+                    ?.filter((path) => {
+                    return !path.virtual;
+                })
+                    .map((rowPath, index) => {
                     if (rowPath.indicatorKey) {
                         indicatorPosition = {
                             position: 'row',
@@ -86643,10 +86988,18 @@
                                 cellDimensionPath.rowHeaderPaths[cellDimensionPath.rowHeaderPaths.length - 1].dimensionKey, oldValue, newValue);
                 }
                 else {
-                    const colKeys = cellDimensionPath.colHeaderPaths.map((colPath) => {
+                    const colKeys = cellDimensionPath.colHeaderPaths
+                        ?.filter((path) => {
+                        return !path.virtual;
+                    })
+                        .map((colPath) => {
                         return colPath.indicatorKey ?? colPath.value;
                     });
-                    const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath) => {
+                    const rowKeys = cellDimensionPath.rowHeaderPaths
+                        ?.filter((path) => {
+                        return !path.virtual;
+                    })
+                        .map((rowPath) => {
                         return rowPath.indicatorKey ?? rowPath.value;
                     });
                     this.dataset.changeTreeNodeValue(!this.internalProps.layoutMap.indicatorsAsCol ? rowKeys.slice(0, -1) : rowKeys, this.internalProps.layoutMap.indicatorsAsCol ? colKeys.slice(0, -1) : colKeys, this.internalProps.layoutMap.getIndicatorKey(col, row), newValue);
@@ -88335,7 +88688,7 @@
     }
 
     registerForVrender();
-    const version = "1.4.2-beta.0";
+    const version = "1.4.2";
     function getIcons() {
         return get$2();
     }