@visactor/vtable 1.20.1-alpha.1 → 1.20.2-alpha.0

package/dist/vtable.js

@@ -39423,22 +39423,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++) {
@@ -46073,8 +46074,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;
                 }
@@ -49017,7 +49027,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;
             }
         }
@@ -49198,7 +49208,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();
@@ -50545,6 +50555,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;
             }
@@ -50747,7 +50770,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;
                 }
@@ -58033,10 +58061,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);
@@ -58092,11 +58120,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);
@@ -58142,12 +58166,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();
                 }
@@ -60136,6 +60163,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;
@@ -60216,7 +60244,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;
             }
@@ -60234,7 +60262,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, {
@@ -62597,7 +62625,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();
@@ -62622,7 +62651,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;
                 }
@@ -62632,7 +62662,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) {
@@ -63293,10 +63324,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';
@@ -63462,10 +63493,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);
@@ -63721,7 +63752,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;
@@ -63769,10 +63802,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;
             }
@@ -63952,7 +63988,7 @@
             return false;
         }
         release() {
-            this.gesture.release();
+            this.gesture?.release();
             this.globalEventListeners.forEach(item => {
                 if (item.env === 'document') {
                     document.removeEventListener(item.name, item.callback);
@@ -64135,7 +64171,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,
@@ -67924,6 +67960,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;
                 }
@@ -67942,12 +67979,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',
@@ -68007,6 +68052,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;
                 }
@@ -68025,13 +68071,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',
@@ -68050,6 +68104,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;
                 }
@@ -68068,11 +68123,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',
@@ -68320,38 +68383,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;
+                    }
                 }
             }
         }
@@ -69016,7 +69121,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.20.1-alpha.1";
+        version = "1.20.2-alpha.0";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -70592,7 +70697,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);
             }
@@ -70914,9 +71019,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) {
@@ -70990,37 +71095,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;
@@ -73708,7 +73813,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;
                 }
@@ -73725,7 +73834,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;
             }
         }
@@ -73745,7 +73858,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;
                     }
@@ -73760,7 +73877,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;
                 }
             }
@@ -73781,7 +73902,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;
@@ -73862,9 +73992,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',
@@ -73873,7 +74012,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 }
                 }));
@@ -76160,6 +76300,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;
@@ -76436,12 +76579,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) {
@@ -76805,7 +76964,7 @@
                 else {
                     const define = table.getBodyColumnDefine(col, row);
                     const checkboxSeriesNumberStyle = table.getFieldData(define.field, col, row);
-                    if (typeof checkboxSeriesNumberStyle === 'string') {
+                    if (['number', 'string'].includes(typeof checkboxSeriesNumberStyle)) {
                         value = checkboxSeriesNumberStyle;
                     }
                     else if (checkboxSeriesNumberStyle?.text) {
@@ -77694,7 +77853,7 @@
             return this.dataSource.getTableIndex(index);
         }
         release() {
-            this.editorManager.release();
+            this.editorManager?.release();
             super.release();
         }
         expandAllTreeNode() {
@@ -81891,6 +82050,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,
@@ -87189,13 +87349,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;
                         }
@@ -87203,10 +87380,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;
                         }
@@ -87332,8 +87526,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) {
@@ -87352,12 +87551,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) {
@@ -87377,7 +87576,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];
@@ -91432,7 +91631,7 @@
         }
         release() {
             this.internalProps.layoutMap.clearHeaderPathCache();
-            this.editorManager.release();
+            this.editorManager?.release();
             super.release();
         }
     }
@@ -92072,9 +92271,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];
@@ -92083,11 +92287,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];
@@ -92115,7 +92323,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,
@@ -92128,8 +92340,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)
                             };
@@ -92140,11 +92355,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];
@@ -92182,9 +92399,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,
@@ -92283,6 +92501,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);
@@ -93178,7 +93413,7 @@
     }
 
     registerForVrender();
-    const version = "1.20.1-alpha.1";
+    const version = "1.20.2-alpha.0";
     function getIcons() {
         return get$2();
     }