@visactor/vtable 0.24.2-alpha.2 → 0.24.2-alpha.3

package/dist/vtable.js

@@ -43493,9 +43493,9 @@
         const isPart = Array.isArray(part);
         const isSplitDraw = Array.isArray(strokeArrayColor) || widthInfo.isSplitDraw;
         context.setStrokeStyle(group, group.attribute, x, y, groupAttribute);
-        const { lineDash = groupAttribute.lineDash } = group.attribute;
+        const lineDash = context.getLineDash();
         let isDash = false;
-        if (lineDash.length && lineDash.some((dash) => Array.isArray(dash))) {
+        if (lineDash.length) {
             isDash = true;
         }
         context.beginPath();
@@ -43521,9 +43521,6 @@
                     context.lineWidth = strokeArrayWidth[0];
                 }
                 context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a;
-                if (isDash) {
-                    context.setLineDash(lineDash[0] ?? []);
-                }
                 context.stroke();
                 context.beginPath();
                 context.moveTo(x + width, y);
@@ -43553,9 +43550,6 @@
                     context.lineWidth = strokeArrayWidth[1];
                 }
                 context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d;
-                if (isDash) {
-                    context.setLineDash(lineDash[1] ?? []);
-                }
                 context.stroke();
                 context.beginPath();
                 context.moveTo(x + width, y + height);
@@ -43585,9 +43579,6 @@
                     context.lineWidth = strokeArrayWidth[2];
                 }
                 context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a;
-                if (isDash) {
-                    context.setLineDash(lineDash[2] ?? []);
-                }
                 context.stroke();
                 context.beginPath();
                 context.moveTo(x, y + height);
@@ -43617,9 +43608,6 @@
                     context.lineWidth = strokeArrayWidth[3];
                 }
                 context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d;
-                if (isDash) {
-                    context.setLineDash(lineDash[3] ?? []);
-                }
                 context.stroke();
                 context.beginPath();
                 context.moveTo(x, y);
@@ -43635,7 +43623,6 @@
             context.stroke();
         }
         context.lineDashOffset = 0;
-        context.setLineDash([]);
     }
     let DashGroupBeforeRenderContribution = class DashGroupBeforeRenderContribution {
         time = BaseRenderContributionTime.beforeFillStroke;
@@ -43711,28 +43698,22 @@
             context.moveTo(x, y);
             context.lineTo(x + widthForStroke, y);
             context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a;
-            context.setLineDash(lineDash[0] ?? []);
             context.stroke();
             context.beginPath();
             context.moveTo(x + widthForStroke, y);
             context.lineTo(x + widthForStroke, y + heightForStroke);
             context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d;
-            context.setLineDash(lineDash[1] ?? []);
             context.stroke();
             context.beginPath();
             context.moveTo(x, y + heightForStroke);
             context.lineTo(x + widthForStroke, y + heightForStroke);
             context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a;
-            context.setLineDash(lineDash[2] ?? []);
             context.stroke();
             context.beginPath();
             context.moveTo(x, y);
             context.lineTo(x, y + heightForStroke);
             context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d;
-            context.setLineDash(lineDash[3] ?? []);
             context.stroke();
-            context.lineDashOffset = 0;
-            context.setLineDash([]);
         }
     };
     DashGroupAfterRenderContribution = __decorate([
@@ -44977,10 +44958,7 @@
         }
         distCol - table.rightFrozenColCount >= table.frozenColCount &&
             createColGroup(bodyGroup, xOrigin, yOrigin, table.frozenColCount, distCol - table.rightFrozenColCount, table.columnHeaderLevelCount, distRow - table.bottomFrozenRowCount, 'body', table);
-        if (!bodyGroup.firstChild &&
-            !colHeaderGroup.firstChild &&
-            !cornerHeaderGroup.firstChild &&
-            !rowHeaderGroup.firstChild) {
+        if (!bodyGroup.firstChild && !colHeaderGroup.firstChild) {
             proxy.currentRow = proxy.totalRow;
             proxy.rowEnd = proxy.currentRow;
             proxy.rowUpdatePos = proxy.rowEnd + 1;
@@ -44991,17 +44969,12 @@
             proxy.referenceCol = proxy.colStart + Math.floor((proxy.colEnd - proxy.colStart) / 2);
         }
         else {
-            proxy.currentRow =
-                bodyGroup.firstChild?.rowNumber ?? rowHeaderGroup.firstChild?.rowNumber ?? proxy.totalRow;
+            proxy.currentRow = bodyGroup.firstChild?.rowNumber ?? proxy.totalRow;
             proxy.rowEnd = proxy.currentRow;
             proxy.rowUpdatePos = proxy.rowEnd + 1;
             proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2);
             proxy.currentCol =
-                bodyGroup.lastChild?.col ??
-                    colHeaderGroup.lastChild?.col ??
-                    rowHeaderGroup.lastChild?.col ??
-                    cornerHeaderGroup.lastChild?.col ??
-                    proxy.totalCol;
+                bodyGroup.lastChild?.col ?? colHeaderGroup.lastChild?.col ?? proxy.totalCol;
             proxy.colEnd = proxy.currentCol;
             proxy.colUpdatePos = proxy.colEnd + 1;
             proxy.referenceCol = proxy.colStart + Math.floor((proxy.colEnd - proxy.colStart) / 2);
@@ -46192,9 +46165,8 @@
                 this.updateDeltaY(y);
                 this.updateBody(y - this.deltaY);
             }
-            else if ((!this.table.scenegraph.bodyGroup.firstChild || this.table.scenegraph.bodyGroup.firstChild.childrenCount === 0) &&
-                (!this.table.scenegraph.rowHeaderGroup.firstChild ||
-                    this.table.scenegraph.rowHeaderGroup.firstChild.childrenCount === 0)) {
+            else if (!this.table.scenegraph.bodyGroup.firstChild ||
+                this.table.scenegraph.bodyGroup.firstChild.childrenCount === 0) {
                 this.updateDeltaY(y);
                 this.updateBody(y - this.deltaY);
             }
@@ -46355,10 +46327,7 @@
                 }
             }
             else if (isValid$3(screenTopY) && isValid$3(screenTopRow)) {
-                let cellGroup = this.table.scenegraph.highPerformanceGetCell(this.colStart, screenTopRow, true);
-                if (cellGroup.role !== 'cell') {
-                    cellGroup = this.table.scenegraph.highPerformanceGetCell(0, screenTopRow, true);
-                }
+                const cellGroup = this.table.scenegraph.highPerformanceGetCell(this.colStart, screenTopRow, true);
                 const bodyY = y - this.deltaY;
                 const distRowYOffset = screenTopY - bodyY;
                 const currentRowYOffset = cellGroup.attribute.y - bodyY + this.table.getFrozenRowsHeight();
@@ -46896,18 +46865,18 @@
     }
     function hideCellSelectBorder(scene) {
         scene.selectingRangeComponents.forEach((selectComp, key) => {
-            selectComp.rect.setAttribute('opacity', 0);
+            selectComp.rect.setAttribute('visible', false);
         });
         scene.selectedRangeComponents.forEach((selectComp, key) => {
-            selectComp.rect.setAttribute('opacity', 0);
+            selectComp.rect.setAttribute('visible', false);
         });
     }
     function restoreCellSelectBorder(scene) {
         scene.selectingRangeComponents.forEach((selectComp, key) => {
-            selectComp.rect.setAttribute('opacity', 1);
+            selectComp.rect.setAttribute('visible', false);
         });
         scene.selectedRangeComponents.forEach((selectComp, key) => {
-            selectComp.rect.setAttribute('opacity', 1);
+            selectComp.rect.setAttribute('visible', false);
         });
     }
 
@@ -48952,7 +48921,6 @@
             return { width, height };
         }
         updateNextFrame() {
-            this.updateContainerSync();
             this.resetAllSelectComponent();
             this.stage.renderNextFrame();
         }
@@ -49397,9 +49365,6 @@
             else if (this.table.options.frozenColCount) {
                 this.component.setFrozenColumnShadow(this.table.frozenColCount - 1);
             }
-            else {
-                this.component.setFrozenColumnShadow(-1);
-            }
             this.table.stateManager.checkFrozen();
             this.updateContainer();
             this.createFrameBorder();
@@ -49617,25 +49582,22 @@
                 if (!this._needUpdateContainer) {
                     this._needUpdateContainer = true;
                     setTimeout(() => {
-                        this.updateContainerSync();
+                        this.updateContainerAttrWidthAndX();
+                        this.updateTableSize();
+                        this.component.updateScrollBar();
+                        this.updateNextFrame();
+                        this._needUpdateContainer = false;
                     }, 0);
                 }
             }
             else {
-                this._needUpdateContainer = true;
-                this.updateContainerSync();
+                this.updateContainerAttrWidthAndX();
+                this.updateTableSize();
+                this.component.updateScrollBar();
+                this.updateNextFrame();
+                this._needUpdateContainer = false;
             }
         }
-        updateContainerSync() {
-            if (!this._needUpdateContainer) {
-                return;
-            }
-            this.updateContainerAttrWidthAndX();
-            this.updateTableSize();
-            this.component.updateScrollBar();
-            this._needUpdateContainer = false;
-            this.updateNextFrame();
-        }
         updateCellContentWhileResize(col, row) {
             const type = this.table.getBodyColumnType(col, row);
             const cellGroup = this.getCell(col, row);
@@ -57517,7 +57479,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.24.2-alpha.2";
+        version = "0.24.2-alpha.3";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -59913,37 +59875,11 @@
             if (col < this.frozenColCount && row < this.frozenRowCount) {
                 return true;
             }
-            const colHeaderRangeRect = this.getCellRangeRelativeRect({
-                start: {
-                    col: 0,
-                    row: 0
-                },
-                end: {
-                    col: this.colCount - 1,
-                    row: this.columnHeaderLevelCount
-                }
-            });
-            const rowHeaderRangeRect = this.getCellRangeRelativeRect({
-                start: {
-                    col: 0,
-                    row: 0
-                },
-                end: {
-                    col: this.rowHeaderLevelCount,
-                    row: this.rowCount - 1
-                }
-            });
             if (rect.top >= drawRange.top &&
                 rect.bottom <= drawRange.bottom &&
                 rect.left >= drawRange.left &&
                 rect.right <= drawRange.right) {
-                if (this.isHeader(col, row)) {
-                    return true;
-                }
-                else if (drawRange.top >= colHeaderRangeRect.bottom &&
-                    drawRange.left >= rowHeaderRangeRect.right) {
-                    return true;
-                }
+                return true;
             }
             return false;
         }
@@ -59973,8 +59909,6 @@
             }
             const { col: hoverCol, row: hoverRow } = this.stateManager.hover.cellPos;
             this.stateManager.updateHoverPos(-1, -1);
-            this.scenegraph.component.hideVerticalScrollBar();
-            this.scenegraph.component.hideHorizontalScrollBar();
             this.scenegraph.renderSceneGraph();
             const c = this.scenegraph.stage.toCanvas(false, new AABBBounds().set(cellRect.left + this.tableX + 1, cellRect.top + this.tableY + 1, cellRect.right + this.tableX, cellRect.bottom + this.tableY));
             if (!isInView) {
@@ -60002,24 +59936,12 @@
                 start: { col: minCol, row: minRow },
                 end: { col: maxCol, row: maxRow }
             });
-            if (this.stateManager.select?.ranges?.length > 0) {
-                hideCellSelectBorder(this.scenegraph);
-            }
-            const { col: hoverCol, row: hoverRow } = this.stateManager.hover.cellPos;
-            this.stateManager.updateHoverPos(-1, -1);
-            this.scenegraph.component.hideVerticalScrollBar();
-            this.scenegraph.component.hideHorizontalScrollBar();
-            this.scenegraph.renderSceneGraph();
             const c = this.scenegraph.stage.toCanvas(false, new AABBBounds().set(cellRect.left + this.tableX + 1, cellRect.top + this.tableY + 1, cellRect.right + this.tableX, cellRect.bottom + this.tableY));
             const base64Image = c.toDataURL();
             if (!isInView || !isMaxCellInView) {
                 this.setScrollTop(scrollTop);
                 this.setScrollLeft(scrollLeft);
             }
-            if (this.stateManager.select?.ranges?.length > 0) {
-                restoreCellSelectBorder(this.scenegraph);
-            }
-            this.stateManager.updateHoverPos(hoverCol, hoverRow);
             return base64Image;
         }
         exportCanvas() {
@@ -62521,9 +62443,6 @@
             });
         }
         startEditCell(col, row) {
-            if (this.table.isPivotTable() && this.table.isHeader(col, row)) {
-                return;
-            }
             const editor = this.table.getEditor(col, row);
             if (editor) {
                 if (this.table.getCustomRender(col, row) || this.table.getCustomLayout(col, row)) {
@@ -65892,9 +65811,14 @@
                 let isCol = false;
                 for (let j = 0; j < colArr.length; j++) {
                     const dimension = colArr[j];
-                    if (((isValid$3(highlightDimension.dimensionKey) && dimension.dimensionKey === highlightDimension.dimensionKey) ||
-                        (isValid$3(highlightDimension.indicatorKey) && dimension.indicatorKey === highlightDimension.indicatorKey)) &&
-                        dimension.value === highlightDimension.value) {
+                    if ((isValid$3(highlightDimension.dimensionKey) &&
+                        dimension.dimensionKey === highlightDimension.dimensionKey &&
+                        dimension.value === highlightDimension.value) ||
+                        (isValid$3(highlightDimension.indicatorKey) &&
+                            dimension.indicatorKey === highlightDimension.indicatorKey &&
+                            (dimension.value === highlightDimension.value ||
+                                !isValid$3(highlightDimension.value) ||
+                                !isValid$3(dimension.value)))) {
                         colArr = dimension.children;
                         colDimension = dimension;
                         isCol = true;
@@ -65906,9 +65830,14 @@
                 }
                 for (let k = 0; k < rowArr.length; k++) {
                     const dimension = rowArr[k];
-                    if (((isValid$3(highlightDimension.dimensionKey) && dimension.dimensionKey === highlightDimension.dimensionKey) ||
-                        (isValid$3(highlightDimension.indicatorKey) && dimension.indicatorKey === highlightDimension.indicatorKey)) &&
-                        dimension.value === highlightDimension.value) {
+                    if ((isValid$3(highlightDimension.dimensionKey) &&
+                        dimension.dimensionKey === highlightDimension.dimensionKey &&
+                        dimension.value === highlightDimension.value) ||
+                        (isValid$3(highlightDimension.indicatorKey) &&
+                            dimension.indicatorKey === highlightDimension.indicatorKey &&
+                            (dimension.value === highlightDimension.value ||
+                                !isValid$3(highlightDimension.value) ||
+                                !isValid$3(dimension.value)))) {
                         rowArr = dimension.children;
                         rowDimension = dimension;
                         break;
@@ -66306,6 +66235,19 @@
             }
             return undefined;
         }
+        changeTreeNodeTitle(col, row, value) {
+            const headerPaths = this.getCellHeaderPaths(col, row);
+            if (headerPaths.rowHeaderPaths.length > 0) {
+                const headerTreeNode = this.getHeadNode(headerPaths.rowHeaderPaths.slice(0, headerPaths.rowHeaderPaths.length));
+                headerTreeNode.value = value;
+            }
+            else if (headerPaths.colHeaderPaths.length > 0) {
+                const headerTreeNode = this.getHeadNode(headerPaths.colHeaderPaths.slice(0, headerPaths.colHeaderPaths.length));
+                headerTreeNode.value = value;
+            }
+            const id = this.getCellId(col, row);
+            this._headerObjectMap[id].title = value;
+        }
     }
     function scaleWholeRangeSize(count, bandwidth, paddingInner, paddingOuter) {
         if (paddingInner === 1) {
@@ -66331,7 +66273,7 @@
         dataConfig;
         records;
         tree = {};
-        changedTree = {};
+        beforeChangedTree = {};
         colFlatKeys = {};
         rowFlatKeys = {};
         stringJoinChar = String.fromCharCode(0);
@@ -66417,7 +66359,7 @@
                 }
             });
         }
-        getTreeNode(rowKey = [], colKey = [], indicator, considerChangedValue = true) {
+        getTreeNode(rowKey = [], colKey = [], indicator, ifChangedValue = true) {
             let flatRowKey;
             let flatColKey;
             if (typeof rowKey === 'string') {
@@ -66448,10 +66390,16 @@
                 isHasIndicator && colKey.push(indicator);
                 flatColKey = colKey.join(this.stringJoinChar);
             }
-            if (considerChangedValue && isValid$3(this.changedTree[flatRowKey]?.[flatColKey])) {
-                return { value: this.changedTree[flatRowKey][flatColKey], record: this.tree?.[flatRowKey]?.[flatColKey]?.record };
+            if (ifChangedValue) {
+                return this.tree?.[flatRowKey]?.[flatColKey] ?? undefined;
             }
-            return this.tree?.[flatRowKey]?.[flatColKey] ?? undefined;
+            if (isValid$3(this.beforeChangedTree[flatRowKey]?.[flatColKey])) {
+                return {
+                    value: this.beforeChangedTree[flatRowKey][flatColKey].value,
+                    record: this.beforeChangedTree[flatRowKey][flatColKey].record
+                };
+            }
+            return undefined;
         }
         changeTreeNodeValue(rowKey = [], colKey = [], indicator, newValue) {
             let flatRowKey;
@@ -66484,14 +66432,46 @@
                 isHasIndicator && colKey.push(indicator);
                 flatColKey = colKey.join(this.stringJoinChar);
             }
-            if (this.changedTree[flatRowKey]) {
-                this.changedTree[flatRowKey][flatColKey] = newValue;
+            const oldValue = this.tree[flatRowKey]?.[flatColKey]?.value;
+            const oldRecord = Object.assign({}, this.tree[flatRowKey]?.[flatColKey]?.record);
+            if (this.tree[flatRowKey]?.[flatColKey]?.record) {
+                this.tree[flatRowKey][flatColKey].record[indicator] = newValue;
+                this.tree[flatRowKey][flatColKey].value = newValue;
             }
             else {
-                this.changedTree[flatRowKey] = {};
-                this.changedTree[flatRowKey][flatColKey] = newValue;
+                if (!this.tree[flatRowKey]) {
+                    this.tree[flatRowKey] = {};
+                }
+                this.tree[flatRowKey][flatColKey] = {
+                    record: this._buildRecord(rowKey, colKey, indicator, newValue),
+                    value: newValue
+                };
+            }
+            if (!this.beforeChangedTree[flatRowKey]?.[flatColKey]) {
+                this.beforeChangedTree[flatRowKey] = {};
+                this.beforeChangedTree[flatRowKey][flatColKey] = { record: undefined, value: undefined };
+                this.beforeChangedTree[flatRowKey][flatColKey].record = oldRecord;
+                this.beforeChangedTree[flatRowKey][flatColKey].value = oldValue;
             }
         }
+        _buildRecord(rowKey = [], colKey = [], indicator, value) {
+            const record = {};
+            const rowDimensions = this.dataConfig.rows;
+            const colDimensions = this.dataConfig.columns;
+            rowDimensions.forEach((dimension, index) => {
+                if (dimension !== this.dataConfig.indicatorDimensionKey) {
+                    record[dimension] = rowKey[index];
+                }
+            });
+            colDimensions.forEach((dimension, index) => {
+                if (dimension !== this.dataConfig.indicatorDimensionKey) {
+                    record[dimension] = colKey[index];
+                }
+            });
+            record[indicator] = value;
+            this.records.push(record);
+            return record;
+        }
         addRecords(records) {
             for (let i = 0, len = records.length; i < len; i++) {
                 const record = records[i];
@@ -66499,6 +66479,26 @@
             }
             this.records.push(records);
         }
+        changeRecordFieldValue(fieldName, oldValue, value) {
+            let isIndicatorName = false;
+            for (let i = 0; i < this.dataConfig.indicators.length; i++) {
+                if (this.dataConfig.indicators[i] === fieldName) {
+                    isIndicatorName = true;
+                }
+            }
+            if (!isIndicatorName) {
+                for (let i = 0, len = this.records.length; i < len; i++) {
+                    const record = this.records[i];
+                    if (record[fieldName] === oldValue) {
+                        record[fieldName] = value;
+                    }
+                }
+                this.rowFlatKeys = {};
+                this.colFlatKeys = {};
+                this.tree = {};
+                this.processRecords();
+            }
+        }
     }
 
     class Dataset {
@@ -67564,6 +67564,38 @@
                 this.changedTree[flatRowKey][flatColKey][indicatorIndex] = newValue;
             }
         }
+        changeRecordFieldValue(fieldName, oldValue, value) {
+            let isIndicatorName = false;
+            for (let i = 0; i < this.indicatorKeys.length; i++) {
+                if (this.indicatorKeys[i] === fieldName) {
+                    isIndicatorName = true;
+                }
+            }
+            if (!isIndicatorName) {
+                if (Array.isArray(this.records)) {
+                    for (let i = 0, len = this.records.length; i < len; i++) {
+                        const record = this.records[i];
+                        if (record[fieldName] === oldValue) {
+                            record[fieldName] = value;
+                        }
+                    }
+                }
+                else {
+                    for (const key in this.records) {
+                        for (let i = 0, len = this.records[key].length; i < len; i++) {
+                            const record = this.records[key][i];
+                            if (record[fieldName] === oldValue) {
+                                record[fieldName] = value;
+                            }
+                        }
+                    }
+                }
+                this.rowFlatKeys = {};
+                this.colFlatKeys = {};
+                this.tree = {};
+                this.processRecords();
+            }
+        }
     }
     function arraySortByAnotherArray(array, sortArray) {
         return array.sort((a, b) => {
@@ -68088,7 +68120,7 @@
                 const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath) => {
                     return rowPath.indicatorKey ?? rowPath.value;
                 });
-                const treeNode = this.flatDataToObjects.getTreeNode(rowKeys, colKeys, this.internalProps.layoutMap.getBody(col, row).indicatorKey, false);
+                const treeNode = this.flatDataToObjects.getTreeNode(rowKeys, colKeys, this.internalProps.layoutMap.getBody(col, row).indicatorKey);
                 return treeNode?.record;
             }
             const rowIndex = this.getBodyIndexByRow(row);
@@ -68097,7 +68129,36 @@
             return dataValue;
         }
         getCellRawRecord(col, row) {
-            return this.getCellOriginRecord(col, row);
+            const table = this;
+            if (table.internalProps.layoutMap.isHeader(col, row)) {
+                return undefined;
+            }
+            if (this.dataset) {
+                const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
+                const colKeys = cellDimensionPath.colHeaderPaths.map((colPath) => {
+                    return colPath.indicatorKey ?? colPath.value;
+                });
+                const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath) => {
+                    return rowPath.indicatorKey ?? rowPath.value;
+                });
+                const aggregator = this.dataset.getAggregator(!this.internalProps.layoutMap.indicatorsAsCol ? rowKeys.slice(0, -1) : rowKeys, this.internalProps.layoutMap.indicatorsAsCol ? colKeys.slice(0, -1) : colKeys, this.internalProps.layoutMap.getIndicatorKey(col, row));
+                return aggregator.records;
+            }
+            else if (this.flatDataToObjects) {
+                const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
+                const colKeys = cellDimensionPath.colHeaderPaths.map((colPath) => {
+                    return colPath.indicatorKey ?? colPath.value;
+                });
+                const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath) => {
+                    return rowPath.indicatorKey ?? rowPath.value;
+                });
+                const treeNode = this.flatDataToObjects.getTreeNode(rowKeys, colKeys, this.internalProps.layoutMap.getBody(col, row).indicatorKey, false);
+                return treeNode?.record;
+            }
+            const rowIndex = this.getBodyIndexByRow(row);
+            const colIndex = this.getBodyIndexByCol(col);
+            const dataValue = this.records[rowIndex]?.[colIndex];
+            return dataValue;
         }
         updateSortRules(sortRules) {
             this.internalProps.dataConfig.sortRules = sortRules;
@@ -68330,8 +68391,15 @@
             this.editorManager.completeEdit();
         }
         getEditor(col, row) {
-            const define = this.getBodyColumnDefine(col, row);
-            let editorDefine = define?.editor ?? this.options.editor;
+            let editorDefine;
+            if (this.isHeader(col, row) && !this.isCornerHeader(col, row)) {
+                const define = this.getHeaderDefine(col, row);
+                editorDefine = define?.headerEditor ?? this.options.headerEditor;
+            }
+            else {
+                const define = this.getBodyColumnDefine(col, row);
+                editorDefine = define?.editor ?? this.options.editor;
+            }
             if (typeof editorDefine === 'function') {
                 const arg = {
                     col,
@@ -68365,12 +68433,18 @@
         changeCellValue(col, row, value, workOnEditableCell = false) {
             if ((workOnEditableCell && this.isHasEditorDefine(col, row)) || workOnEditableCell === false) {
                 let newValue = value;
+                const oldValue = this.getCellOriginValue(col, row);
                 const rawValue = this.getCellRawValue(col, row);
                 if (typeof rawValue === 'number' && isAllDigits(value)) {
                     newValue = parseFloat(value);
                 }
-                this._changeCellValueToDataSet(col, row, newValue);
-                this.scenegraph.updateCellContent(col, row);
+                this._changeCellValueToDataSet(col, row, oldValue, newValue);
+                const range = this.getCellRange(col, row);
+                for (let sCol = range.start.col; sCol <= range.end.col; sCol++) {
+                    for (let sRow = range.start.row; sRow <= range.end.row; sRow++) {
+                        this.scenegraph.updateCellContent(sCol, sRow);
+                    }
+                }
                 if (this.widthMode === 'adaptive' || (this.autoFillWidth && this.getAllColsWidth() <= this.tableNoFrameWidth)) {
                     if (this.internalProps._widthResizedColMap.size === 0) {
                         this.scenegraph.recalculateColWidths();
@@ -68420,11 +68494,12 @@
                         workOnEditableCell === false) {
                         const value = rowValues[j];
                         let newValue = value;
+                        const oldValue = this.getCellOriginValue(startCol + j, startRow + i);
                         const rawValue = this.getCellRawValue(startCol + j, startRow + i);
                         if (typeof rawValue === 'number' && isAllDigits(value)) {
                             newValue = parseFloat(value);
                         }
-                        this._changeCellValueToDataSet(startCol + j, startRow + i, newValue);
+                        this._changeCellValueToDataSet(startCol + j, startRow + i, oldValue, newValue);
                         this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, {
                             col: startCol + j,
                             row: startRow + i,
@@ -68476,26 +68551,48 @@
             }
             this.scenegraph.updateNextFrame();
         }
-        _changeCellValueToDataSet(col, row, newValue) {
+        _changeCellValueToDataSet(col, row, oldValue, newValue) {
             if (this.dataset) {
                 const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
-                const colKeys = cellDimensionPath.colHeaderPaths.map((colPath) => {
-                    return colPath.indicatorKey ?? colPath.value;
-                });
-                const rowKeys = cellDimensionPath.rowHeaderPaths.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);
+                if (this.isHeader(col, row)) {
+                    this.internalProps.layoutMap.changeTreeNodeTitle(col, row, newValue);
+                    !this.isCornerHeader(col, row) &&
+                        this.dataset.changeRecordFieldValue(cellDimensionPath.colHeaderPaths?.length
+                            ? cellDimensionPath.colHeaderPaths[cellDimensionPath.colHeaderPaths.length - 1].indicatorKey ??
+                                cellDimensionPath.colHeaderPaths[cellDimensionPath.colHeaderPaths.length - 1].dimensionKey
+                            : cellDimensionPath.rowHeaderPaths[cellDimensionPath.rowHeaderPaths.length - 1].indicatorKey ??
+                                cellDimensionPath.rowHeaderPaths[cellDimensionPath.rowHeaderPaths.length - 1].dimensionKey, oldValue, newValue);
+                }
+                else {
+                    const colKeys = cellDimensionPath.colHeaderPaths.map((colPath) => {
+                        return colPath.indicatorKey ?? colPath.value;
+                    });
+                    const rowKeys = cellDimensionPath.rowHeaderPaths.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);
+                }
             }
             else if (this.flatDataToObjects) {
                 const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
-                const colKeys = cellDimensionPath.colHeaderPaths.map((colPath) => {
-                    return colPath.indicatorKey ?? colPath.value;
-                });
-                const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath) => {
-                    return rowPath.indicatorKey ?? rowPath.value;
-                });
-                this.flatDataToObjects.changeTreeNodeValue(rowKeys, colKeys, this.internalProps.layoutMap.getBody(col, row).indicatorKey, newValue);
+                if (this.isHeader(col, row)) {
+                    this.internalProps.layoutMap.changeTreeNodeTitle(col, row, newValue);
+                    !this.isCornerHeader(col, row) &&
+                        this.flatDataToObjects.changeRecordFieldValue(cellDimensionPath.colHeaderPaths?.length
+                            ? cellDimensionPath.colHeaderPaths[cellDimensionPath.colHeaderPaths.length - 1].indicatorKey ??
+                                cellDimensionPath.colHeaderPaths[cellDimensionPath.colHeaderPaths.length - 1].dimensionKey
+                            : cellDimensionPath.rowHeaderPaths[cellDimensionPath.rowHeaderPaths.length - 1].indicatorKey ??
+                                cellDimensionPath.rowHeaderPaths[cellDimensionPath.rowHeaderPaths.length - 1].dimensionKey, oldValue, newValue);
+                }
+                else {
+                    const colKeys = cellDimensionPath.colHeaderPaths.map((colPath) => {
+                        return colPath.indicatorKey ?? colPath.value;
+                    });
+                    const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath) => {
+                        return rowPath.indicatorKey ?? rowPath.value;
+                    });
+                    this.flatDataToObjects.changeTreeNodeValue(rowKeys, colKeys, this.internalProps.layoutMap.getBody(col, row).indicatorKey, newValue);
+                }
             }
             else {
                 const rowIndex = this.getBodyIndexByRow(row);
@@ -69924,7 +70021,7 @@
     }
 
     registerForVrender();
-    const version = "0.24.2-alpha.2";
+    const version = "0.24.2-alpha.3";
     function getIcons() {
         return get$2();
     }