k-vtable 1.0.17 → 1.0.19

package/dist/vtable.js

@@ -31098,7 +31098,7 @@
               width: width,
               height: height
             } = item.attribute;
-            contentWidth < startX + width && (startX = 0, startY += height + spaceRow, pages += 1), index > 0 && item.setAttributes({
+            contentWidth < startX + width && index > 0 && (startX = 0, startY += height + spaceRow, pages += 1), index > 0 && item.setAttributes({
               x: startX,
               y: startY
             }), startX += spaceCol + width;
@@ -31109,9 +31109,10 @@
           if (compWidth = this._itemMaxWidth * maxCol + (maxCol - 1) * spaceCol, compHeight = maxHeight, contentWidth = compWidth, comp = this._createPager(compStyle), this._pagerComponent = comp, this._innerView.add(comp), contentHeight = maxHeight - comp.AABBBounds.height() - pagerSpace - renderStartY, contentHeight <= 0) return this._innerView.removeChild(comp), !1;
           itemsContainer.getChildren().forEach((item, index) => {
             const {
+              width: width,
               height: height
             } = item.attribute;
-            contentHeight < startY + height && (startY = 0, startX += this._itemMaxWidth + spaceCol, pages += 1), index > 0 && item.setAttributes({
+            contentHeight < startY + height && index > 0 && (startY = 0, startX += this._itemMaxWidth + spaceCol, pages += 1), index > 0 && item.setAttributes({
               x: startX,
               y: startY
             }), startY += spaceRow + height;
@@ -39425,22 +39426,23 @@
                         }
                     }
                     else {
-                        sourceI = this.currentPagerIndexedData[sourceIndex];
-                        targetI = this.currentPagerIndexedData[targetIndex];
-                        const records = this.records.splice(sourceI, 1);
-                        records.unshift(targetI, 0);
-                        Array.prototype.splice.apply(this.records, records);
+                        this.exchangeRecordData(sourceIndex, targetIndex);
                     }
                     this.restoreTreeHierarchyState();
                     this.updatePagerData();
                 }
                 else {
-                    const records = this.records.splice(sourceIndex, 1);
-                    records.unshift(targetIndex, 0);
-                    Array.prototype.splice.apply(this.records, records);
+                    this.exchangeRecordData(sourceIndex, targetIndex);
                 }
             }
         }
+        exchangeRecordData(sourceIndex, targetIndex) {
+            const sourceI = this.getRecordIndexPaths(sourceIndex);
+            const targetI = this.getRecordIndexPaths(targetIndex);
+            const records = this.records.splice(sourceI, 1);
+            records.unshift(targetI, 0);
+            Array.prototype.splice.apply(this.records, records);
+        }
         restoreTreeHierarchyState() {
             if (this.hierarchyExpandLevel) {
                 for (let i = 0; i < this._sourceLength; i++) {
@@ -46078,8 +46080,17 @@
         if (table.isPivotChart() &&
             row >= table.columnHeaderLevelCount &&
             row < table.rowCount - table.bottomFrozenRowCount) {
-            if (table.internalProps.layoutMap.indicatorsAsCol) {
-                const optimunHeight = table.internalProps.layoutMap.getOptimunHeightForChart(row);
+            let ifNeedComputeRowHeight = table.internalProps.layoutMap.indicatorsAsCol;
+            let isHeatmap = false;
+            if (!table.internalProps.layoutMap.indicatorsAsCol) {
+                const chartSpec = table.internalProps.layoutMap.getChartSpec(table.rowHeaderLevelCount, row);
+                if (chartSpec.type === 'heatmap') {
+                    isHeatmap = true;
+                    ifNeedComputeRowHeight = true;
+                }
+            }
+            if (ifNeedComputeRowHeight) {
+                const optimunHeight = table.internalProps.layoutMap.getOptimunHeightForChart(row, isHeatmap);
                 if (optimunHeight > 0) {
                     return optimunHeight;
                 }
@@ -49105,7 +49116,7 @@
             const formatResult = table.options.specFormat(chart.attribute.spec, chartInstance, chart);
             if (formatResult.needFormatSpec && formatResult.spec) {
                 const spec = formatResult.spec;
-                chartInstance.updateSpecSync(spec);
+                chartInstance.updateSpecSync(spec, false, { reuse: false, morph: false });
                 updateSpec = formatResult.updateSpec ?? true;
             }
         }
@@ -49286,7 +49297,7 @@
                     const formatResult = table.options.specFormat(chart.attribute.spec, activeChartInstance, chart);
                     if (formatResult.needFormatSpec && formatResult.spec) {
                         const spec = formatResult.spec;
-                        activeChartInstance.updateSpecSync(spec);
+                        activeChartInstance.updateSpecSync(spec, false, { reuse: false, morph: false });
                     }
                 }
                 const viewBox = chart.getViewBox();
@@ -50692,6 +50703,19 @@
         type = 'chart';
         numberType = CHART_NUMBER_TYPE;
         contains(chart, point, params) {
+            if (chart.attribute.detectPickChartItem) {
+                const vChart = chart.activeChartInstance;
+                if (!vChart) {
+                    return false;
+                }
+                const vchartStage = vChart.getStage();
+                vchartStage.dirtyBounds?.clear();
+                const pick = vchartStage.pick(point.x, point.y);
+                if (pick.graphic === null && pick.group.name === 'root') {
+                    return false;
+                }
+                return pick;
+            }
             if (!chart.AABBBounds.containsPoint(point)) {
                 return false;
             }
@@ -50898,7 +50922,12 @@
         }
         if (table.isPivotChart() && col >= table.rowHeaderLevelCount && col < table.colCount - table.rightFrozenColCount) {
             if (!table.internalProps.layoutMap.indicatorsAsCol) {
-                const optimunWidth = table.internalProps.layoutMap.getOptimunWidthForChart(col);
+                const chartSpec = table.internalProps.layoutMap.getChartSpec(col, table.columnHeaderLevelCount);
+                let isHeatmap = false;
+                if (chartSpec.type === 'heatmap') {
+                    isHeatmap = true;
+                }
+                const optimunWidth = table.internalProps.layoutMap.getOptimunWidthForChart(col, isHeatmap);
                 if (optimunWidth > 0) {
                     return optimunWidth;
                 }
@@ -53421,26 +53450,41 @@
     function updateAllSelectComponent(scene) {
         const size0 = scene.customSelectedRangeComponents.size;
         let index0 = 0;
+        let firstItem0 = null;
         scene.customSelectedRangeComponents.forEach((selectComp, key) => {
+            if (index0 === 0) {
+                firstItem0 = selectComp;
+            }
             updateComponent(selectComp, key, scene, {
                 size: size0,
-                index: ++index0
+                index: ++index0,
+                firstItem: firstItem0
             });
         });
         const size1 = scene.selectingRangeComponents.size;
         let index1 = 0;
+        let firstItem1 = null;
         scene.selectingRangeComponents.forEach((selectComp, key) => {
+            if (index1 === 0) {
+                firstItem1 = selectComp;
+            }
             updateComponent(selectComp, key, scene, {
                 size: size1,
-                index: ++index1
+                index: ++index1,
+                firstItem: firstItem1
             });
         });
         const size2 = scene.selectedRangeComponents.size;
         let index2 = 0;
+        let firstItem2 = null;
         scene.selectedRangeComponents.forEach((selectComp, key) => {
+            if (index2 === 0) {
+                firstItem2 = selectComp;
+            }
             updateComponent(selectComp, key, scene, {
                 size: size2,
-                index: ++index2
+                index: ++index2,
+                firstItem: firstItem2
             });
         });
     }
@@ -53516,9 +53560,13 @@
                 ? other.size === 1
                     ? 2
                     : other.index === 1
-                        ? [2, 0, 0, 2]
-                        : other.index === other.size
+                        ? selectComp.role === 'rightFrozen'
                             ? [0, 2, 2, 0]
+                            : [2, 0, 0, 2]
+                        : other.index === other.size
+                            ? other.firstItem?.role === 'rightFrozen'
+                                ? [2, 0, 0, 2]
+                                : [0, 2, 2, 0]
                             : 0
                 : 0
         });
@@ -54799,7 +54847,7 @@
         else if (scene.table.options.frozenColCount) {
             scene.component.setRightFrozenColumnShadow(scene.table.colCount - scene.table.rightFrozenColCount);
         }
-        scene.component.setBottonFrozenColumnShadow();
+        scene.component.setBottomFrozenColumnShadow();
         scene.component.setTopFrozenColumnShadow();
         scene.hasFrozen = true;
         scene.frozenColCount = scene.table.frozenColCount;
@@ -54851,7 +54899,7 @@
         else if (scene.table.options.rightFrozenColCount) {
             scene.component.setRightFrozenColumnShadow(scene.table.colCount - scene.table.rightFrozenColCount);
         }
-        scene.component.setBottonFrozenColumnShadow();
+        scene.component.setBottomFrozenColumnShadow();
         scene.component.setTopFrozenColumnShadow();
         scene.hasFrozen = true;
     }
@@ -57931,7 +57979,7 @@
                 return this.table.getRowsHeight(0, row - 1);
             }
             else if (row < this.table.rowCount - this.table.bottomFrozenRowCount) {
-                return this.table.getRowsHeight(this.table.frozenRowCount, row - 1);
+                return this.table.getRowsHeight(this.table.columnHeaderLevelCount, row - 1);
             }
             else if (row < this.table.rowCount) {
                 return this.table.getRowsHeight(this.table.rowCount - this.table.bottomFrozenRowCount, row - 1);
@@ -58249,10 +58297,10 @@
         return table._getLayoutCellId(col, row) === table._getLayoutCellId(range1Col, range1Row);
     }
 
-    function updateSelectPosition(state, col, row, isShift, isCtrl, isSelectAll, makeSelectCellVisible = true, skipBodyMerge = false) {
+    function updateSelectPosition(state, col, row, enableShiftSelectMode, enableCtrlSelectMode, isSelectAll, makeSelectCellVisible = true, skipBodyMerge = false) {
         const { table, interactionState } = state;
         const { scenegraph } = table;
-        const { highlightScope, disableHeader, cellPos, disableCtrlMultiSelect } = state.select;
+        const { cellPos } = state.select;
         state.select.isSelectAll = isSelectAll;
         if (col !== -1 && row !== -1 && makeSelectCellVisible) {
             table._makeVisibleCell(col, row);
@@ -58308,11 +58356,7 @@
             !table.eventManager.isDraging &&
             !table.stateManager.isResizeCol()) {
             const currentRange = state.select.ranges[state.select.ranges.length - 1];
-            if (isShift && currentRange) {
-                if (!isCtrl || disableCtrlMultiSelect) {
-                    cellPos.col = col;
-                    cellPos.row = row;
-                }
+            if (enableShiftSelectMode && currentRange) {
                 if (state.select.headerSelectMode !== 'cell' && table.isColumnHeader(col, row)) {
                     const startCol = Math.min(currentRange.start.col, currentRange.end.col, col);
                     const endCol = Math.max(currentRange.start.col, currentRange.end.col, col);
@@ -58358,12 +58402,15 @@
                 else {
                     currentRange.end = { col, row };
                 }
+                if (!enableShiftSelectMode) {
+                    currentRange.end = currentRange.start;
+                }
                 scenegraph.deleteLastSelectedRangeComponents();
                 scenegraph.updateCellSelectBorder(currentRange);
             }
             else {
                 let extendSelectRange = true;
-                if (cellPos.col !== -1 && cellPos.row !== -1 && (!isCtrl || disableCtrlMultiSelect)) {
+                if (cellPos.col !== -1 && cellPos.row !== -1 && !enableCtrlSelectMode) {
                     state.select.ranges = [];
                     scenegraph.deleteAllSelectBorder();
                 }
@@ -59098,7 +59145,7 @@
         else if (state.table.options.rightFrozenColCount) {
             state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount);
         }
-        state.table.scenegraph.component.setBottonFrozenColumnShadow();
+        state.table.scenegraph.component.setBottomFrozenColumnShadow();
         state.table.scenegraph.component.setTopFrozenColumnShadow();
         state.table.scenegraph.updateNextFrame();
         if (state.table.options.customConfig?.notUpdateInColumnRowMove === true) {
@@ -59240,7 +59287,7 @@
         else if (state.table.options.rightFrozenColCount) {
             state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount);
         }
-        state.table.scenegraph.component.setBottonFrozenColumnShadow();
+        state.table.scenegraph.component.setBottomFrozenColumnShadow();
         state.table.scenegraph.component.setTopFrozenColumnShadow();
         state.table.scenegraph.updateNextFrame();
     }
@@ -60356,6 +60403,7 @@
             this.select.cornerHeaderSelectMode = cornerHeaderSelectMode;
             this.select.highlightInRange = highlightInRange;
             this.select.disableCtrlMultiSelect = this.table.options.keyboardOptions?.ctrlMultiSelect === false;
+            this.select.disableShiftMultiSelect = this.table.options.keyboardOptions?.shiftMultiSelect === false;
         }
         isSelected(col, row) {
             let seled = false;
@@ -60436,7 +60484,7 @@
         updateHoverPos(col, row) {
             updateHoverPosition(this, col, row);
         }
-        updateSelectPos(col, row, isShift = false, isCtrl = false, isSelectAll = false, makeSelectCellVisible = true, skipBodyMerge = false) {
+        updateSelectPos(col, row, enableShiftSelectMode = false, enableCtrlSelectMode = false, isSelectAll = false, makeSelectCellVisible = true, skipBodyMerge = false) {
             if (row !== -1 && row !== -1) {
                 this.select.selecting = true;
             }
@@ -60454,7 +60502,7 @@
             }
             const oldCellPosCol = this.select.cellPos.col;
             const oldCellPosRow = this.select.cellPos.row;
-            updateSelectPosition(this, col, row, isShift, isCtrl, isSelectAll, makeSelectCellVisible, skipBodyMerge);
+            updateSelectPosition(this, col, row, enableShiftSelectMode, enableCtrlSelectMode, isSelectAll, makeSelectCellVisible, skipBodyMerge);
             if (this.table.hasListeners(TABLE_EVENT_TYPE.SELECTED_CHANGED) &&
                 (oldCellPosCol !== col || oldCellPosRow !== row)) {
                 this.table.fireListeners(TABLE_EVENT_TYPE.SELECTED_CHANGED, {
@@ -62842,7 +62890,8 @@
                 if (isCellDisableSelect(table, targetCol, targetRow)) {
                     return;
                 }
-                table.selectCell(targetCol, targetRow, e.shiftKey);
+                const enableShiftSelectMode = table.options.keyboardOptions?.shiftMultiSelect ?? true;
+                table.selectCell(targetCol, targetRow, e.shiftKey && enableShiftSelectMode);
                 if ((table.options.keyboardOptions?.moveEditCellOnArrowKeys ?? false) &&
                     table.editorManager?.editingEditor) {
                     table.editorManager?.completeEdit();
@@ -62867,7 +62916,8 @@
                         if (isCellDisableSelect(table, targetCol, targetRow)) {
                             return;
                         }
-                        table.selectCell(targetCol, targetRow, e.shiftKey);
+                        const enableShiftSelectMode = table.options.keyboardOptions?.shiftMultiSelect ?? true;
+                        table.selectCell(targetCol, targetRow, e.shiftKey && enableShiftSelectMode);
                     }
                     return;
                 }
@@ -62877,7 +62927,8 @@
                     if (isCellDisableSelect(table, targetCol, targetRow)) {
                         return;
                     }
-                    table.selectCell(targetCol, targetRow, e.shiftKey);
+                    const enableShiftSelectMode = table.options.keyboardOptions?.shiftMultiSelect ?? true;
+                    table.selectCell(targetCol, targetRow, e.shiftKey && enableShiftSelectMode);
                 }
                 else if ((table.options.keyboardOptions?.editCellOnEnter ?? true) &&
                     (table.stateManager.select.ranges?.length ?? 0) === 1) {
@@ -63543,10 +63594,10 @@
         });
     }
     function bindGroupCheckboxTreeChange(table) {
-        if (table.internalProps.enableCheckboxCascade !== true) {
-            return;
-        }
         table.on('checkbox_state_change', args => {
+            if (table.internalProps.enableCheckboxCascade !== true) {
+                return;
+            }
             const { col, row, checked, field } = args;
             const isCheckboxAndTree = table.internalProps.columns.some(column => column.tree);
             table.internalProps.enableCheckboxCascade && field !== '_vtable_rowSeries_number';
@@ -63712,10 +63763,10 @@
         });
     }
     function bindHeaderCheckboxChange(table) {
-        if (table.internalProps.enableHeaderCheckboxCascade !== true) {
-            return;
-        }
         table.on('checkbox_state_change', args => {
+            if (table.internalProps.enableHeaderCheckboxCascade !== true) {
+                return;
+            }
             const { col, row, checked, field } = args;
             if (table.isHeader(col, row)) {
                 table.stateManager.setHeaderCheckedState(field, checked);
@@ -63971,7 +64022,9 @@
                     this.table.stateManager.updateSelectPos(-1, -1);
                     return false;
                 }
-                this.table.stateManager.updateSelectPos(this.table.stateManager.select.selectInline === 'row' ? this.table.colCount - 1 : eventArgs.col, this.table.stateManager.select.selectInline === 'col' ? this.table.rowCount - 1 : eventArgs.row, eventArgs.event.shiftKey, eventArgs.event.ctrlKey || eventArgs.event.metaKey, false, isSelectMoving ? false : this.table.options.select?.makeSelectCellVisible ?? true);
+                const shiftMultiSelect = this.table.keyboardOptions?.shiftMultiSelect ?? true;
+                const ctrlMultiSelect = this.table.keyboardOptions?.ctrlMultiSelect ?? true;
+                this.table.stateManager.updateSelectPos(this.table.stateManager.select.selectInline === 'row' ? this.table.colCount - 1 : eventArgs.col, this.table.stateManager.select.selectInline === 'col' ? this.table.rowCount - 1 : eventArgs.row, eventArgs.event.shiftKey && shiftMultiSelect, (eventArgs.event.ctrlKey || eventArgs.event.metaKey) && ctrlMultiSelect, false, isSelectMoving ? false : this.table.options.select?.makeSelectCellVisible ?? true);
                 return true;
             }
             return false;
@@ -64019,10 +64072,13 @@
                             updateCol = eventArgs.col;
                         }
                     }
-                    this.table.stateManager.updateSelectPos(isSelectMoving ? updateCol : currentRange.end.col, isSelectMoving ? updateRow : currentRange.end.row, true, eventArgs.event.ctrlKey || eventArgs.event.metaKey, false, !isSelectMoving);
+                    const ctrlMultiSelect = this.table.keyboardOptions?.ctrlMultiSelect ?? true;
+                    this.table.stateManager.updateSelectPos(isSelectMoving ? updateCol : currentRange.end.col, isSelectMoving ? updateRow : currentRange.end.row, true, (eventArgs.event.ctrlKey || eventArgs.event.metaKey) && ctrlMultiSelect, false, !isSelectMoving);
                 }
                 else {
-                    this.table.stateManager.updateSelectPos(eventArgs.col, eventArgs.row, eventArgs.event.shiftKey, eventArgs.event.ctrlKey || eventArgs.event.metaKey, false, !isSelectMoving);
+                    const shiftMultiSelect = this.table.keyboardOptions?.shiftMultiSelect ?? true;
+                    const ctrlMultiSelect = this.table.keyboardOptions?.ctrlMultiSelect ?? true;
+                    this.table.stateManager.updateSelectPos(eventArgs.col, eventArgs.row, eventArgs.event.shiftKey && shiftMultiSelect, (eventArgs.event.ctrlKey || eventArgs.event.metaKey) && ctrlMultiSelect, false, !isSelectMoving);
                 }
                 return true;
             }
@@ -64202,7 +64258,7 @@
             return false;
         }
         release() {
-            this.gesture.release();
+            this.gesture?.release();
             this.globalEventListeners.forEach(item => {
                 if (item.env === 'document') {
                     document.removeEventListener(item.name, item.callback);
@@ -64385,7 +64441,7 @@
                                 rowValues.push(cell);
                             });
                         });
-                        const changedCellResults = await table.changeCellValues(col, row, values);
+                        const changedCellResults = await table.changeCellValues(col, row, values, true);
                         if (table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA)) {
                             table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
                                 col,
@@ -68174,6 +68230,7 @@
                     }
                 });
                 const axisRange = getRange('bottom', col, row - 1, col, row, col, row, 0, layout);
+                const { chartType } = getAxisOption(col, row - 1, 'bottom', layout);
                 if (!axisRange) {
                     return;
                 }
@@ -68192,12 +68249,20 @@
                         axisOption.zero = false;
                     }
                 }
+                let domain = [];
+                if (chartType === 'heatmap') {
+                    const colDimensionKey = layout.getDimensionKeyInChartSpec(col, layout.rowCount - layout.bottomFrozenRowCount - 1, 'xField');
+                    const data = layout.dataset.collectedValues[colDimensionKey] ?? [];
+                    const colPath = layout.getColKeysPath(col, row);
+                    domain = data?.[colPath ?? ''] ?? [];
+                }
                 return merge$1({
                     title: {
                         visible: true,
                         text: indicatorInfo?.title
                     },
-                    range
+                    range,
+                    domain: axisOption?.type === 'linear' ? undefined : Array.from(domain)
                 }, axisOption, {
                     orient: 'bottom',
                     type: axisOption?.type || 'linear',
@@ -68257,6 +68322,7 @@
                     }
                 });
                 const axisRange = getRange('left', col + 1, row, col, row, col, row, 0, layout);
+                const { chartType } = getAxisOption(col + 1, row, 'left', layout);
                 if (!axisRange) {
                     return;
                 }
@@ -68275,13 +68341,21 @@
                         axisOption.zero = false;
                     }
                 }
+                let domain = [];
+                if (chartType === 'heatmap') {
+                    const rowDimensionKey = layout.getDimensionKeyInChartSpec(layout.rowHeaderLevelCount, row, 'yField');
+                    const data = layout.dataset.collectedValues[rowDimensionKey] ?? [];
+                    const rowPath = layout.getRowKeysPath(col, row);
+                    domain = data?.[rowPath ?? ''] ?? [];
+                }
                 return merge$1({
                     title: {
                         visible: true,
                         text: indicatorInfo?.title,
                         autoRotate: true
                     },
-                    range: range
+                    range: range,
+                    domain: axisOption?.type === 'linear' ? undefined : Array.from(domain)
                 }, axisOption, {
                     orient: 'left',
                     type: axisOption?.type || 'linear',
@@ -68300,6 +68374,7 @@
                 row >= layout.columnHeaderLevelCount &&
                 row < layout.rowCount - layout.bottomFrozenRowCount) {
                 const axisRange = getRange('right', col - 1, row, layout.rowHeaderLevelCount - 1, row, col, row, 1, layout);
+                const { chartType } = getAxisOption(col - 1, row, 'right', layout);
                 if (!axisRange) {
                     return;
                 }
@@ -68318,11 +68393,19 @@
                         axisOption.zero = false;
                     }
                 }
+                let domain = [];
+                if (chartType === 'heatmap') {
+                    const rowDimensionKey = layout.getDimensionKeyInChartSpec(layout.colCount - layout.rightFrozenColCount - 1, row, 'yField');
+                    const data = layout.dataset.collectedValues[rowDimensionKey] ?? [];
+                    const rowPath = layout.getRowKeysPath(col, row);
+                    domain = data?.[rowPath ?? ''] ?? [];
+                }
                 return merge$1({
                     range: range,
                     title: {
                         autoRotate: true
-                    }
+                    },
+                    domain: axisOption?.type === 'linear' ? undefined : Array.from(domain)
                 }, axisOption, {
                     orient: 'right',
                     type: axisOption?.type || 'linear',
@@ -68570,38 +68653,80 @@
         return orient === 'bottom' || orient === 'top';
     }
     function hasLinearAxis(spec, tableAxesConfig, isHorizontal, isThisXAxis) {
-        if (!isArray$7(spec.axes) || spec.axes.length === 0) {
+        if ((!isArray$7(spec.axes) || spec.axes.length === 0) && (!isArray$7(tableAxesConfig) || tableAxesConfig.length === 0)) {
             return (isHorizontal && isThisXAxis) || (!isHorizontal && !isThisXAxis);
         }
-        for (let i = 0; i < spec.axes.length; i++) {
-            const axisSpec = spec.axes[i];
-            if (!isHorizontal && isThisXAxis && axisSpec.orient === 'bottom' && axisSpec.type === 'linear') {
-                return true;
-            }
-            if (isHorizontal && isThisXAxis && axisSpec.orient === 'bottom' && axisSpec.type !== 'linear') {
-                return true;
-            }
-            if (!isHorizontal && !isThisXAxis && axisSpec.orient === 'left' && axisSpec.type !== 'linear') {
-                return true;
-            }
-            if (isHorizontal && !isThisXAxis && axisSpec.orient === 'left' && axisSpec.type === 'linear') {
-                return true;
+        if (isArray$7(spec.axes) && spec.axes.length > 0) {
+            for (let i = 0; i < spec.axes.length; i++) {
+                const axisSpec = spec.axes[i];
+                if (!isHorizontal && isThisXAxis && axisSpec.orient === 'bottom') {
+                    if (spec.type === 'heatmap') {
+                        return axisSpec.type === 'linear';
+                    }
+                    if (axisSpec.type === 'linear') {
+                        return true;
+                    }
+                }
+                if (isHorizontal && isThisXAxis && axisSpec.orient === 'bottom') {
+                    if (spec.type === 'heatmap') {
+                        return axisSpec.type === 'linear';
+                    }
+                    if (axisSpec.type !== 'linear') {
+                        return true;
+                    }
+                }
+                if (!isHorizontal && !isThisXAxis && axisSpec.orient === 'left') {
+                    if (spec.type === 'heatmap') {
+                        return axisSpec.type === 'linear';
+                    }
+                    if (axisSpec.type !== 'linear') {
+                        return true;
+                    }
+                }
+                if (isHorizontal && !isThisXAxis && axisSpec.orient === 'left') {
+                    if (spec.type === 'heatmap') {
+                        return axisSpec.type === 'linear';
+                    }
+                    if (axisSpec.type === 'linear') {
+                        return true;
+                    }
+                }
             }
         }
         if (isArray$7(tableAxesConfig) && tableAxesConfig.length > 0) {
             for (let i = 0; i < tableAxesConfig.length; i++) {
                 const axisSpec = tableAxesConfig[i];
-                if (!isHorizontal && isThisXAxis && axisSpec.orient === 'bottom' && axisSpec.type === 'linear') {
-                    return true;
+                if (!isHorizontal && isThisXAxis && axisSpec.orient === 'bottom') {
+                    if (spec.type === 'heatmap') {
+                        return axisSpec.type === 'linear';
+                    }
+                    if (axisSpec.type === 'linear') {
+                        return true;
+                    }
                 }
-                if (isHorizontal && isThisXAxis && axisSpec.orient === 'bottom' && axisSpec.type !== 'linear') {
-                    return true;
+                if (isHorizontal && isThisXAxis && axisSpec.orient === 'bottom') {
+                    if (spec.type === 'heatmap') {
+                        return axisSpec.type === 'linear';
+                    }
+                    if (axisSpec.type !== 'linear') {
+                        return true;
+                    }
                 }
-                if (!isHorizontal && !isThisXAxis && axisSpec.orient === 'left' && axisSpec.type !== 'linear') {
-                    return true;
+                if (!isHorizontal && !isThisXAxis && axisSpec.orient === 'left') {
+                    if (spec.type === 'heatmap') {
+                        return axisSpec.type === 'linear';
+                    }
+                    if (axisSpec.type !== 'linear') {
+                        return true;
+                    }
                 }
-                if (isHorizontal && !isThisXAxis && axisSpec.orient === 'left' && axisSpec.type === 'linear') {
-                    return true;
+                if (isHorizontal && !isThisXAxis && axisSpec.orient === 'left') {
+                    if (spec.type === 'heatmap') {
+                        return axisSpec.type === 'linear';
+                    }
+                    if (axisSpec.type === 'linear') {
+                        return true;
+                    }
                 }
             }
         }
@@ -69266,7 +69391,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.0.17";
+        version = "1.0.19";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -69428,7 +69553,8 @@
                     if (Env.mode === 'node') {
                         return that.canvasWidth / (pixelRatio ?? 1);
                     }
-                    return this._.canvas.width / (this._.context.pixelRatio ?? window.devicePixelRatio);
+                    return (this._.canvas.width /
+                        (this._.context.pixelRatio ?? that.internalProps.pixelRatio ?? window.devicePixelRatio));
                 }
             };
             internalProps.cellTextOverflows = {};
@@ -69877,6 +70003,7 @@
         setPixelRatio(pixelRatio) {
             if (pixelRatio !== this.internalProps?.pixelRatio) {
                 this.internalProps.pixelRatio = pixelRatio;
+                const that = this;
                 const canvasWidth = this.canvasWidth;
                 this.internalProps.calcWidthContext = {
                     _: this.internalProps,
@@ -69884,7 +70011,8 @@
                         if (Env.mode === 'node') {
                             return canvasWidth / (pixelRatio ?? 1);
                         }
-                        return this._.canvas.width / (this._.context.pixelRatio ?? window.devicePixelRatio);
+                        return (this._.canvas.width /
+                            (this._.context.pixelRatio ?? that.internalProps.pixelRatio ?? window.devicePixelRatio));
                     }
                 };
                 this.scenegraph.setPixelRatio(pixelRatio);
@@ -70841,7 +70969,7 @@
             this.scenegraph.stage.release();
             this.scenegraph.proxy.release();
             internalProps.focusControl.release();
-            const { parentElement } = internalProps.element;
+            const parentElement = internalProps.element?.parentElement;
             if (parentElement && !this.options.canvas) {
                 parentElement.removeChild(internalProps.element);
             }
@@ -71163,9 +71291,9 @@
         clearSelected() {
             this.stateManager.updateSelectPos(-1, -1);
         }
-        selectCell(col, row, isShift, isCtrl, makeSelectCellVisible, skipBodyMerge = false) {
+        selectCell(col, row, enableShiftSelectMode, enableCtrlSelectMode, makeSelectCellVisible, skipBodyMerge = false) {
             const isHasSelected = !!this.stateManager.select.ranges?.length;
-            this.stateManager.updateSelectPos(col, row, isShift, isCtrl, false, makeSelectCellVisible ?? this.options.select?.makeSelectCellVisible ?? true, skipBodyMerge);
+            this.stateManager.updateSelectPos(col, row, enableShiftSelectMode, enableCtrlSelectMode, false, makeSelectCellVisible ?? this.options.select?.makeSelectCellVisible ?? true, skipBodyMerge);
             this.stateManager.endSelectCells(true, isHasSelected);
         }
         selectCells(cellRanges) {
@@ -71239,37 +71367,37 @@
                 ]);
             }
         }
-        startDragSelectCol(colIndex, isCtrl, isShift) {
+        startDragSelectCol(colIndex, enableCtrlSelectMode, enableShiftSelectMode) {
             const lastSelectRange = this.stateManager.select.ranges[this.stateManager.select.ranges.length - 1];
-            const startCol = isShift && lastSelectRange?.start?.col ? lastSelectRange?.start?.col : colIndex;
+            const startCol = enableShiftSelectMode && lastSelectRange?.start?.col ? lastSelectRange?.start?.col : colIndex;
             const startRow = 0;
             const endCol = colIndex;
             const endRow = this.rowCount - 1;
-            this.stateManager.updateSelectPos(startCol, startRow, isShift, isCtrl, false, this.options.select?.makeSelectCellVisible ?? true, true);
+            this.stateManager.updateSelectPos(startCol, startRow, enableShiftSelectMode, enableCtrlSelectMode, false, this.options.select?.makeSelectCellVisible ?? true, true);
             this.stateManager.updateInteractionState(InteractionState.grabing);
-            this.stateManager.updateSelectPos(endCol, endRow, isShift, isCtrl, false, this.options.select?.makeSelectCellVisible ?? true, true);
+            this.stateManager.updateSelectPos(endCol, endRow, enableShiftSelectMode, enableCtrlSelectMode, false, this.options.select?.makeSelectCellVisible ?? true, true);
         }
-        dragSelectCol(colIndex, isCtrl) {
+        dragSelectCol(colIndex, enableCtrlSelectMode) {
             const currentSelectRanges = this.stateManager.select.ranges;
             const lastSelectRange = currentSelectRanges[currentSelectRanges.length - 1];
             if (lastSelectRange) {
                 lastSelectRange.end.col = colIndex;
             }
-            this.stateManager.updateSelectPos(colIndex, this.rowCount - 1, false, isCtrl, false, this.options.select?.makeSelectCellVisible ?? true, true);
+            this.stateManager.updateSelectPos(colIndex, this.rowCount - 1, false, enableCtrlSelectMode, false, this.options.select?.makeSelectCellVisible ?? true, true);
         }
         endDragSelect() {
             this.stateManager.updateInteractionState(InteractionState.default);
             this.stateManager.endSelectCells(false, false);
         }
-        startDragSelectRow(rowIndex, isCtrl, isShift) {
+        startDragSelectRow(rowIndex, enableCtrlSelectMode, isShift) {
             const lastSelectRange = this.stateManager.select.ranges[this.stateManager.select.ranges.length - 1];
             const startCol = 0;
             const startRow = isShift && lastSelectRange?.start?.row ? lastSelectRange?.start?.row : rowIndex;
             const endCol = this.colCount - 1;
             const endRow = rowIndex;
-            this.stateManager.updateSelectPos(startCol, startRow, isShift, isCtrl, false, this.options.select?.makeSelectCellVisible ?? true, true);
+            this.stateManager.updateSelectPos(startCol, startRow, isShift, enableCtrlSelectMode, false, this.options.select?.makeSelectCellVisible ?? true, true);
             this.stateManager.updateInteractionState(InteractionState.grabing);
-            this.stateManager.updateSelectPos(endCol, endRow, isShift, isCtrl, false, this.options.select?.makeSelectCellVisible ?? true, true);
+            this.stateManager.updateSelectPos(endCol, endRow, isShift, enableCtrlSelectMode, false, this.options.select?.makeSelectCellVisible ?? true, true);
         }
         dragSelectRow(rowIndex, isCtrl) {
             const currentSelectRanges = this.stateManager.select.ranges;
@@ -73957,7 +74085,11 @@
                     columnObj.chartSpec.type !== 'gauge' &&
                     columnObj.chartSpec.type !== 'pie' &&
                     columnObj.chartSpec.type !== 'funnel' &&
-                    columnObj.chartSpec.type !== 'rose') {
+                    columnObj.chartSpec.type !== 'rose' &&
+                    columnObj.chartSpec.type !== 'sunburst' &&
+                    columnObj.chartSpec.type !== 'treemap' &&
+                    columnObj.chartSpec.type !== 'sankey' &&
+                    columnObj.chartSpec.type !== 'circlePacking') {
                     isHasCartesianChart = true;
                     break;
                 }
@@ -73974,7 +74106,11 @@
                 chartSpec.type === 'gauge' ||
                 chartSpec.type === 'wordCloud' ||
                 chartSpec.type === 'funnel' ||
-                chartSpec.type === 'rose') {
+                chartSpec.type === 'rose' ||
+                chartSpec.type === 'sunburst' ||
+                chartSpec.type === 'treemap' ||
+                chartSpec.type === 'sankey' ||
+                chartSpec.type === 'circlePacking') {
                 isHasCartesianChart = false;
             }
         }
@@ -73994,7 +74130,11 @@
                         columnObj.chartSpec.type !== 'radar' &&
                         columnObj.chartSpec.type !== 'gauge' &&
                         columnObj.chartSpec.type !== 'funnel' &&
-                        columnObj.chartSpec.type !== 'rose') {
+                        columnObj.chartSpec.type !== 'rose' &&
+                        columnObj.chartSpec.type !== 'sunburst' &&
+                        columnObj.chartSpec.type !== 'treemap' &&
+                        columnObj.chartSpec.type !== 'sankey' &&
+                        columnObj.chartSpec.type !== 'circlePacking') {
                         isHasCartesianChart = true;
                         break;
                     }
@@ -74009,7 +74149,11 @@
                     chartSpec.type !== 'gauge' &&
                     chartSpec.type !== 'wordCloud' &&
                     chartSpec.type !== 'funnel' &&
-                    chartSpec.type !== 'rose') {
+                    chartSpec.type !== 'rose' &&
+                    chartSpec.type !== 'sunburst' &&
+                    chartSpec.type !== 'treemap' &&
+                    chartSpec.type !== 'sankey' &&
+                    chartSpec.type !== 'circlePacking') {
                     isHasCartesianChart = true;
                 }
             }
@@ -74030,7 +74174,16 @@
                         serie.sortDataByAxis = true;
                     });
                 }
-                if (chartSpec.type !== 'gauge' && chartSpec.type !== 'rose' && chartSpec.type !== 'radar') {
+                if (chartSpec.type !== 'pie' &&
+                    chartSpec.type !== 'radar' &&
+                    chartSpec.type !== 'gauge' &&
+                    chartSpec.type !== 'wordCloud' &&
+                    chartSpec.type !== 'funnel' &&
+                    chartSpec.type !== 'rose' &&
+                    chartSpec.type !== 'sunburst' &&
+                    chartSpec.type !== 'treemap' &&
+                    chartSpec.type !== 'sankey' &&
+                    chartSpec.type !== 'circlePacking') {
                     chartSpec.axes = layout.getChartAxes(col, row);
                 }
                 chartSpec.padding = 0;
@@ -74111,9 +74264,18 @@
                 if (hasSameAxis(axisOption, axes)) {
                     return;
                 }
+                const { chartType } = getAxisOption(col, row, index === 0 ? 'left' : 'right', layout);
+                let domain = [];
+                if (chartType === 'heatmap') {
+                    const rowDimensionKey = layout.getDimensionKeyInChartSpec(layout.rowHeaderLevelCount, row, 'yField');
+                    const data = layout.dataset.collectedValues[rowDimensionKey] ?? [];
+                    const rowPath = layout.getRowKeysPath(col, row);
+                    domain = data?.[rowPath ?? ''] ?? [];
+                }
                 axes.push(merge$1({
                     range,
-                    label: { style: { fontSize: DEFAULT_TEXT_FONT_SIZE } }
+                    label: { style: { fontSize: DEFAULT_TEXT_FONT_SIZE } },
+                    domain: axisOption?.type === 'linear' ? undefined : Array.from(domain)
                 }, axisOption, {
                     type: axisOption?.type || 'linear',
                     orient: index === 0 ? 'left' : 'right',
@@ -74122,7 +74284,8 @@
                     domainLine: { visible: false },
                     seriesIndex: axisOption?.seriesId ? undefined : index,
                     tick: {
-                        tickMode: getTickModeFunction(targetTicks, targetRange, range, index)
+                        tickMode: getTickModeFunction(targetTicks, targetRange, range, index),
+                        visible: false
                     },
                     sync: { axisId: NO_AXISID_FRO_VTABLE }
                 }));
@@ -76412,6 +76575,9 @@
                 if (deletedRecordIndexs.length === 0) {
                     return;
                 }
+                for (let index = 0; index < deletedRecordIndexs.length; index++) {
+                    adjustCheckBoxStateMapWithDeleteRecordIndex(table, deletedRecordIndexs[index], 1);
+                }
                 const oldRowCount = table.transpose ? table.colCount : table.rowCount;
                 table.refreshRowColCount();
                 const newRowCount = table.transpose ? table.colCount : table.rowCount;
@@ -76688,12 +76854,28 @@
             });
         }
         else {
-            const length = checkedState.size;
-            for (let key = length - 1; key >= recordIndex; key--) {
-                const record = checkedState.get(key.toString());
-                checkedState.delete(key.toString());
-                checkedState.set((key - count).toString(), record);
-            }
+            const toDelete = [];
+            const toUpdate = [];
+            checkedState.forEach((value, key) => {
+                const dataIndex = Number(key);
+                if (!isNaN(dataIndex) && dataIndex >= recordIndex) {
+                    if (dataIndex === recordIndex) {
+                        toDelete.push(key);
+                    }
+                    else if (dataIndex > recordIndex) {
+                        toUpdate.push({
+                            originKey: key,
+                            targetKey: (dataIndex - count).toString(),
+                            value
+                        });
+                    }
+                }
+            });
+            toDelete.forEach(key => checkedState.delete(key));
+            toUpdate.forEach(({ originKey, targetKey, value }) => {
+                checkedState.delete(originKey);
+                checkedState.set(targetKey, value);
+            });
         }
     }
     function adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, count) {
@@ -77946,7 +78128,7 @@
             return this.dataSource.getTableIndex(index);
         }
         release() {
-            this.editorManager.release();
+            this.editorManager?.release();
             super.release();
         }
         expandAllTreeNode() {
@@ -82143,6 +82325,7 @@
                 data: table.getCellValue(col, row) || [],
                 cellPadding: padding,
                 dpr: table.internalProps.pixelRatio,
+                detectPickChartItem: table.options.customConfig?.detectPickChartItem,
                 axes: table.isPivotChart() ? table.internalProps.layoutMap.getChartAxes(col, row) : [],
                 tableChartOption: table.options.chartOption,
                 col,
@@ -87441,13 +87624,30 @@
             this._largeCellRangeCache.length = 0;
             this._CellHeaderPathMap = new Map();
         }
-        getDimensionKeyInChartSpec(_col, _row) {
+        getDimensionKeyInChartSpec(_col, _row, type) {
             let dimensionKey;
             if (this.indicatorsAsCol === false) {
+                const chartSpec = this.getRawChartSpec(_col, _row);
+                if (chartSpec) {
+                    dimensionKey =
+                        type === 'yField'
+                            ? chartSpec.yField ?? chartSpec?.series?.[0]?.yField
+                            : chartSpec.type === 'histogram'
+                                ? chartSpec.x2Field
+                                : chartSpec.xField ?? chartSpec?.series?.[0]?.xField;
+                    if (dimensionKey) {
+                        return dimensionKey;
+                    }
+                }
                 for (let i = 0; i < this.indicatorsDefine.length; i++) {
                     const chartSpec = this.indicatorsDefine[i].chartSpec;
                     if (chartSpec) {
-                        dimensionKey = chartSpec.xField ?? chartSpec?.series?.[0]?.xField;
+                        dimensionKey =
+                            type === 'yField'
+                                ? chartSpec.yField ?? chartSpec?.series?.[0]?.yField
+                                : chartSpec.type === 'histogram'
+                                    ? chartSpec.x2Field
+                                    : chartSpec.xField ?? chartSpec?.series?.[0]?.xField;
                         if (dimensionKey) {
                             return dimensionKey;
                         }
@@ -87455,10 +87655,27 @@
                 }
             }
             else {
+                const chartSpec = this.getRawChartSpec(_col, _row);
+                if (chartSpec) {
+                    dimensionKey =
+                        type === 'xField'
+                            ? chartSpec.type === 'histogram'
+                                ? chartSpec.x2Field
+                                : chartSpec.xField ?? chartSpec?.series?.[0]?.xField
+                            : chartSpec.yField ?? chartSpec?.series?.[0]?.yField;
+                    if (dimensionKey) {
+                        return dimensionKey;
+                    }
+                }
                 for (let i = 0; i < this.indicatorsDefine.length; i++) {
                     const chartSpec = this.indicatorsDefine[i].chartSpec;
                     if (chartSpec) {
-                        dimensionKey = chartSpec.yField ?? chartSpec?.series?.[0]?.yField;
+                        dimensionKey =
+                            type === 'xField'
+                                ? chartSpec.type === 'histogram'
+                                    ? chartSpec.x2Field
+                                    : chartSpec.xField ?? chartSpec?.series?.[0]?.xField
+                                : chartSpec.yField ?? chartSpec?.series?.[0]?.yField;
                         if (dimensionKey) {
                             return dimensionKey;
                         }
@@ -87584,8 +87801,13 @@
             }
             return null;
         }
-        getOptimunHeightForChart(row) {
+        getOptimunHeightForChart(row, isHeatmap) {
             const path = this.getCellHeaderPaths(this.rowHeaderLevelCount, row).rowHeaderPaths;
+            if (isHeatmap) {
+                if (path[path.length - 1].indicatorKey) {
+                    path.pop();
+                }
+            }
             let collectedValues;
             for (const key in this.dataset.collectValuesBy) {
                 if (this.dataset.collectValuesBy[key].type === 'yField' && !this.dataset.collectValuesBy[key].range) {
@@ -87604,12 +87826,12 @@
             }
             else {
                 const barWidth = this._chartItemSpanSize || 25;
-                height = (collectedValues?.length ?? 0) * (barWidth + barWidth / 3);
+                height = (collectedValues?.length ?? 0) * (barWidth + (isHeatmap ? 0 : barWidth / 3));
             }
             const padding = getQuadProps(this._chartPadding ?? this._table.theme.bodyStyle.padding ?? 0);
             return height + padding[0] + padding[2];
         }
-        getOptimunWidthForChart(col) {
+        getOptimunWidthForChart(col, isHeatmap) {
             const path = this.getCellHeaderPaths(col, this.columnHeaderLevelCount).colHeaderPaths;
             let collectedValues;
             for (const key in this.dataset.collectValuesBy) {
@@ -87629,7 +87851,7 @@
             }
             else {
                 const barWidth = this._chartItemSpanSize || 25;
-                width = (collectedValues?.length ?? 0) * (barWidth + barWidth / 3);
+                width = (collectedValues?.length ?? 0) * (barWidth + (isHeatmap ? 0 : barWidth / 3));
             }
             const padding = getQuadProps(this._chartPadding ?? this._table.theme.bodyStyle.padding ?? 0);
             return width + padding[1] + padding[3];
@@ -88619,7 +88841,7 @@
                     const record = this.records[i];
                     if (!isNeedFilter || this.filterRecord(record)) {
                         this.filteredRecords.push(record);
-                        this.processRecord(record);
+                        record && this.processRecord(record);
                     }
                 }
             }
@@ -91684,7 +91906,7 @@
         }
         release() {
             this.internalProps.layoutMap.clearHeaderPathCache();
-            this.editorManager.release();
+            this.editorManager?.release();
             super.release();
         }
     }
@@ -92324,9 +92546,14 @@
                 if (typeof indicators[i] !== 'string' && indicators[i].chartSpec) {
                     if (indicators[i].chartSpec?.type === 'pie' ||
                         indicators[i].chartSpec?.type === 'rose' ||
+                        indicators[i].chartSpec?.type === 'funnel' ||
                         indicators[i].chartSpec?.type === 'radar' ||
                         indicators[i].chartSpec?.type === 'gauge' ||
-                        indicators[i].chartSpec?.type === 'wordCloud') {
+                        indicators[i].chartSpec?.type === 'wordCloud' ||
+                        indicators[i].chartSpec?.type === 'sunburst' ||
+                        indicators[i].chartSpec?.type === 'treemap' ||
+                        indicators[i].chartSpec?.type === 'sankey' ||
+                        indicators[i].chartSpec?.type === 'circlePacking') {
                         continue;
                     }
                     const indicatorDefine = indicators[i];
@@ -92335,11 +92562,15 @@
                         indicatorSpec?.stack !== false &&
                             (indicatorSpec?.type === 'bar' || indicatorSpec?.type === 'area') &&
                             (indicatorSpec.stack = true);
-                        collectValuesBy[indicatorDefine.indicatorKey] = {
-                            by: rowKeys,
-                            range: true,
-                            sumBy: indicatorSpec?.stack && columnKeys.concat(indicatorSpec?.xField)
-                        };
+                        if (indicatorSpec?.type !== 'heatmap') {
+                            collectValuesBy[indicatorDefine.indicatorKey] = {
+                                by: rowKeys,
+                                range: true,
+                                sumBy: indicatorSpec.type === 'histogram'
+                                    ? columnKeys.concat(indicatorSpec?.xField, indicatorSpec?.x2Field)
+                                    : indicatorSpec?.stack && columnKeys.concat(indicatorSpec?.xField)
+                            };
+                        }
                         if (indicatorSpec.series) {
                             indicatorSpec.series.forEach((chartSeries) => {
                                 const xField = typeof chartSeries.xField === 'string' ? chartSeries.xField : chartSeries.xField[0];
@@ -92367,7 +92598,11 @@
                             });
                         }
                         else {
-                            const xField = typeof indicatorSpec.xField === 'string' ? indicatorSpec.xField : indicatorSpec.xField[0];
+                            const xField = indicatorSpec.type === 'histogram'
+                                ? indicatorSpec.x2Field
+                                : typeof indicatorSpec.xField === 'string'
+                                    ? indicatorSpec.xField
+                                    : indicatorSpec.xField[0];
                             collectValuesBy[xField] = {
                                 by: columnKeys,
                                 type: indicatorSpec.direction !== 'horizontal' ? 'xField' : undefined,
@@ -92380,8 +92615,11 @@
                             const yField = indicatorSpec.yField;
                             collectValuesBy[yField] = {
                                 by: rowKeys,
-                                range: indicatorSpec.direction !== 'horizontal',
-                                sumBy: indicatorSpec.stack && columnKeys.concat(indicatorSpec?.xField),
+                                type: indicatorSpec.direction !== 'horizontal' ? 'yField' : undefined,
+                                range: hasLinearAxis(indicatorSpec, this._axes, indicatorSpec.direction === 'horizontal', false),
+                                sumBy: indicatorSpec.type === 'histogram'
+                                    ? columnKeys.concat(indicatorSpec?.xField, indicatorSpec?.x2Field)
+                                    : indicatorSpec.stack && columnKeys.concat(indicatorSpec?.xField),
                                 sortBy: indicatorSpec.direction === 'horizontal' ? indicatorSpec?.data?.fields?.[yField]?.domain : undefined,
                                 extendRange: parseMarkLineGetExtendRange(indicatorSpec.markLine)
                             };
@@ -92392,11 +92630,13 @@
                         indicatorSpec?.stack !== false &&
                             (indicatorSpec?.type === 'bar' || indicatorSpec?.type === 'area') &&
                             (indicatorSpec.stack = true);
-                        collectValuesBy[indicatorDefine.indicatorKey] = {
-                            by: columnKeys,
-                            range: true,
-                            sumBy: indicatorSpec?.stack && rowKeys.concat(indicatorSpec?.yField)
-                        };
+                        if (indicatorSpec?.type !== 'heatmap') {
+                            collectValuesBy[indicatorDefine.indicatorKey] = {
+                                by: columnKeys,
+                                range: true,
+                                sumBy: indicatorSpec?.stack && rowKeys.concat(indicatorSpec?.yField)
+                            };
+                        }
                         if (indicatorSpec.series) {
                             indicatorSpec.series.forEach((chartSeries) => {
                                 const yField = typeof chartSeries.yField === 'string' ? chartSeries.yField : chartSeries.yField[0];
@@ -92434,9 +92674,10 @@
                             indicatorSpec?.stack !== false &&
                                 (indicatorSpec?.type === 'bar' || indicatorSpec?.type === 'area') &&
                                 (indicatorSpec.stack = true);
-                            const xField = indicatorSpec.xField;
+                            const xField = indicatorSpec.type === 'histogram' ? indicatorSpec.x2Field : indicatorSpec.xField;
                             collectValuesBy[xField] = {
                                 by: columnKeys,
+                                type: indicatorSpec.direction === 'horizontal' ? 'xField' : undefined,
                                 range: hasLinearAxis(indicatorSpec, this._axes, indicatorSpec.direction === 'horizontal', true),
                                 sumBy: indicatorSpec.stack && rowKeys.concat(indicatorSpec?.yField),
                                 sortBy: indicatorSpec.direction !== 'horizontal' ? indicatorSpec?.data?.fields?.[xField]?.domain : undefined,
@@ -92535,6 +92776,23 @@
             });
         }
         updateFilterRules(filterRules) {
+            this._throttledUpdateFilterRules(filterRules);
+        }
+        _throttleTimer = null;
+        _latestFilterRules = null;
+        _throttledUpdateFilterRules(filterRules) {
+            this._latestFilterRules = filterRules;
+            if (this._throttleTimer === null) {
+                this._executeFilterUpdate(filterRules);
+                this._throttleTimer = window.setTimeout(() => {
+                    if (this._latestFilterRules !== filterRules) {
+                        this._executeFilterUpdate(this._latestFilterRules);
+                    }
+                    this._throttleTimer = null;
+                }, 200);
+            }
+        }
+        _executeFilterUpdate(filterRules) {
             this.internalProps.dataConfig.filterRules = filterRules;
             this.dataset.updateFilterRules(filterRules);
             clearChartCacheImage(this.scenegraph);
@@ -93430,7 +93688,7 @@
     }
 
     registerForVrender();
-    const version = "1.0.17";
+    const version = "1.0.19";
     function getIcons() {
         return get$2();
     }
@@ -93474,7 +93732,7 @@
     exports.getTargetCell = getTargetCell;
     exports.graphicUtil = graphicUtil;
     exports.jsx = jsx;
-    exports.plugins = index$1;
+    exports.pluginsDefinition = index$1;
     exports.register = register$1;
     exports.registerAnimation = registerAnimation;
     exports.registerAxis = registerAxis;