k-react-vtable 1.0.18 → 1.0.19

package/dist/react-vtable.js

@@ -31325,7 +31325,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;
@@ -31336,9 +31336,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;
@@ -37628,16 +37629,15 @@
               const sourceIds = this.records.splice(sourceI, 1);
               sourceIds.unshift(targetI, 0), Array.prototype.splice.apply(this.records, sourceIds);
             }
-          } 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);
-          }
+          } else 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);
-        }
+        } else this.exchangeRecordData(sourceIndex, targetIndex);
+      }
+      exchangeRecordData(sourceIndex, targetIndex) {
+        const sourceI = this.getRecordIndexPaths(sourceIndex),
+          targetI = this.getRecordIndexPaths(targetIndex),
+          records = this.records.splice(sourceI, 1);
+        records.unshift(targetI, 0), Array.prototype.splice.apply(this.records, records);
       }
       restoreTreeHierarchyState() {
         var _a, _b;
@@ -42246,12 +42246,19 @@
         if ("number" == typeof customRowHeight) return customRowHeight;
         if ("auto" !== customRowHeight) return table.getDefaultRowHeight(row);
       }
-      if (table.isPivotChart() && row >= table.columnHeaderLevelCount && row < table.rowCount - table.bottomFrozenRowCount) if (table.internalProps.layoutMap.indicatorsAsCol) {
-        const optimunHeight = table.internalProps.layoutMap.getOptimunHeightForChart(row);
-        if (optimunHeight > 0) return optimunHeight;
-      } else {
-        const defaultHeight = table.getDefaultRowHeight(row);
-        if (isNumber$6(defaultHeight)) return defaultHeight;
+      if (table.isPivotChart() && row >= table.columnHeaderLevelCount && row < table.rowCount - table.bottomFrozenRowCount) {
+        let ifNeedComputeRowHeight = table.internalProps.layoutMap.indicatorsAsCol,
+          isHeatmap = !1;
+        if (!table.internalProps.layoutMap.indicatorsAsCol) {
+          "heatmap" === table.internalProps.layoutMap.getChartSpec(table.rowHeaderLevelCount, row).type && (isHeatmap = !0, ifNeedComputeRowHeight = !0);
+        }
+        if (ifNeedComputeRowHeight) {
+          const optimunHeight = table.internalProps.layoutMap.getOptimunHeightForChart(row, isHeatmap);
+          if (optimunHeight > 0) return optimunHeight;
+        } else {
+          const defaultHeight = table.getDefaultRowHeight(row);
+          if (isNumber$6(defaultHeight)) return defaultHeight;
+        }
       }
       for (let col = startCol; col <= endCol; col++) {
         const customHeight = computeCustomRenderHeight(col, row, table);
@@ -44303,7 +44310,10 @@
         const formatResult = table.options.specFormat(chart.attribute.spec, chartInstance, chart);
         if (formatResult.needFormatSpec && formatResult.spec) {
           const spec = formatResult.spec;
-          chartInstance.updateSpecSync(spec), updateSpec = null === (_a = formatResult.updateSpec) || void 0 === _a || _a;
+          chartInstance.updateSpecSync(spec, !1, {
+            reuse: !1,
+            morph: !1
+          }), updateSpec = null === (_a = formatResult.updateSpec) || void 0 === _a || _a;
         }
       }
       if (!updateSpec) if (null == axes || axes.forEach((axis, index) => {
@@ -44459,7 +44469,10 @@
             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, !1, {
+                reuse: !1,
+                morph: !1
+              });
             }
           }
           const viewBox = chart.getViewBox();
@@ -45274,6 +45287,15 @@
         this.type = "chart", this.numberType = CHART_NUMBER_TYPE;
       }
       contains(chart, point, params) {
+        var _a;
+        if (chart.attribute.detectPickChartItem) {
+          const vChart = chart.activeChartInstance;
+          if (!vChart) return !1;
+          const vchartStage = vChart.getStage();
+          null === (_a = vchartStage.dirtyBounds) || void 0 === _a || _a.clear();
+          const pick = vchartStage.pick(point.x, point.y);
+          return (null !== pick.graphic || "root" !== pick.group.name) && pick;
+        }
         return !!chart.AABBBounds.containsPoint(point);
       }
     };
@@ -45355,7 +45377,9 @@
       if (endRow - startRow > 5e3 && (prepareDeltaRow = Math.ceil((endRow - startRow) / 5e3)), table.isPivotChart() && col >= table.rowHeaderLevelCount && col < table.colCount - table.rightFrozenColCount) {
         if (table.internalProps.layoutMap.indicatorsAsCol) return table.defaultColWidth;
         {
-          const optimunWidth = table.internalProps.layoutMap.getOptimunWidthForChart(col);
+          let isHeatmap = !1;
+          "heatmap" === table.internalProps.layoutMap.getChartSpec(col, table.columnHeaderLevelCount).type && (isHeatmap = !0);
+          const optimunWidth = table.internalProps.layoutMap.getOptimunWidthForChart(col, isHeatmap);
           if (optimunWidth > 0) return optimunWidth;
         }
       }
@@ -46891,32 +46915,38 @@
 
     function updateAllSelectComponent(scene) {
       const size0 = scene.customSelectedRangeComponents.size;
-      let index0 = 0;
+      let index0 = 0,
+        firstItem0 = null;
       scene.customSelectedRangeComponents.forEach((selectComp, key) => {
-        updateComponent(selectComp, key, scene, {
+        0 === index0 && (firstItem0 = selectComp), updateComponent(selectComp, key, scene, {
           size: size0,
-          index: ++index0
+          index: ++index0,
+          firstItem: firstItem0
         });
       });
       const size1 = scene.selectingRangeComponents.size;
-      let index1 = 0;
+      let index1 = 0,
+        firstItem1 = null;
       scene.selectingRangeComponents.forEach((selectComp, key) => {
-        updateComponent(selectComp, key, scene, {
+        0 === index1 && (firstItem1 = selectComp), updateComponent(selectComp, key, scene, {
           size: size1,
-          index: ++index1
+          index: ++index1,
+          firstItem: firstItem1
         });
       });
       const size2 = scene.selectedRangeComponents.size;
-      let index2 = 0;
+      let index2 = 0,
+        firstItem2 = null;
       scene.selectedRangeComponents.forEach((selectComp, key) => {
-        updateComponent(selectComp, key, scene, {
+        0 === index2 && (firstItem2 = selectComp), updateComponent(selectComp, key, scene, {
           size: size2,
-          index: ++index2
+          index: ++index2,
+          firstItem: firstItem2
         });
       });
     }
     function updateComponent(selectComp, key, scene, other) {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
       const table = scene.table,
         [startColStr, startRowStr, endColStr, endRowStr] = key.split("-"),
         startCol = parseInt(startColStr, 10),
@@ -46956,9 +46986,9 @@
         width: colsWidth,
         height: rowsHeight,
         visible: !0,
-        cornerRadius: other ? 1 === other.size ? 2 : 1 === other.index ? [2, 0, 0, 2] : other.index === other.size ? [0, 2, 2, 0] : 0 : 0
+        cornerRadius: other ? 1 === other.size ? 2 : 1 === other.index ? "rightFrozen" === selectComp.role ? [0, 2, 2, 0] : [2, 0, 0, 2] : other.index === other.size ? "rightFrozen" === (null === (_a = other.firstItem) || void 0 === _a ? void 0 : _a.role) ? [2, 0, 0, 2] : [0, 2, 2, 0] : 0 : 0
       }), selectComp.fillhandle) {
-        const fillHandle = null === (_a = scene.table.options.excelOptions) || void 0 === _a ? void 0 : _a.fillHandle;
+        const fillHandle = null === (_b = scene.table.options.excelOptions) || void 0 === _b ? void 0 : _b.fillHandle;
         let lastCellBound,
           handlerX,
           visible = !0;
@@ -46967,7 +46997,7 @@
           table: scene.table
         })), endCol < table.colCount - 1 ? (lastCellBound = scene.highPerformanceGetCell(endCol, endRow).globalAABBBounds, handlerX = lastCellBound.x2 - scene.tableGroup.attribute.x - 3) : 0 === startCol ? (lastCellBound = scene.highPerformanceGetCell(0, endRow).globalAABBBounds, handlerX = lastCellBound.x1 - scene.tableGroup.attribute.x) : (lastCellBound = scene.highPerformanceGetCell(startCol - 1, endRow).globalAABBBounds, handlerX = lastCellBound.x2 - scene.tableGroup.attribute.x - 3), lastCellBound = endRow < table.rowCount - 1 ? scene.highPerformanceGetCell(endCol, endRow).globalAABBBounds : scene.highPerformanceGetCell(endCol, startRow - 1).globalAABBBounds;
         const handlerY = lastCellBound.y2 - scene.tableGroup.attribute.y - 3;
-        null === (_b = selectComp.fillhandle) || void 0 === _b || _b.setAttributes({
+        null === (_c = selectComp.fillhandle) || void 0 === _c || _c.setAttributes({
           x: handlerX,
           y: handlerY,
           width: 6,
@@ -47000,7 +47030,7 @@
           selectComp.rect.setAttributes({
             x: selectComp.rect.attribute.x + (table.getFrozenColsWidth() - selectComp.rect.attribute.x),
             width: width > 0 ? width : 0
-          }), null === (_c = selectComp.fillhandle) || void 0 === _c || _c.setAttributes({
+          }), null === (_d = selectComp.fillhandle) || void 0 === _d || _d.setAttributes({
             visible: width > 0
           });
         }
@@ -47009,7 +47039,7 @@
           selectComp.rect.setAttributes({
             x: selectComp.rect.attribute.x,
             width: width > 0 ? width : 0
-          }), null === (_d = selectComp.fillhandle) || void 0 === _d || _d.setAttributes({
+          }), null === (_e = selectComp.fillhandle) || void 0 === _e || _e.setAttributes({
             visible: width - colsWidth > 0
           });
         }
@@ -47018,7 +47048,7 @@
           selectComp.rect.setAttributes({
             y: selectComp.rect.attribute.y + (scene.colHeaderGroup.attribute.height - selectComp.rect.attribute.y),
             height: height > 0 ? height : 0
-          }), null === (_e = selectComp.fillhandle) || void 0 === _e || _e.setAttributes({
+          }), null === (_f = selectComp.fillhandle) || void 0 === _f || _f.setAttributes({
             visible: height > 0
           });
         }
@@ -47027,20 +47057,20 @@
           selectComp.rect.setAttributes({
             y: selectComp.rect.attribute.y,
             height: height > 0 ? height : 0
-          }), null === (_f = selectComp.fillhandle) || void 0 === _f || _f.setAttributes({
+          }), null === (_g = selectComp.fillhandle) || void 0 === _g || _g.setAttributes({
             visible: height - rowsHeight > 0
           });
         }
       } else scene.tableGroup.insertAfter(selectComp.rect, "body" === selectComp.role ? scene.bodyGroup : "columnHeader" === selectComp.role ? scene.colHeaderGroup : "rowHeader" === selectComp.role ? scene.rowHeaderGroup : "cornerHeader" === selectComp.role ? scene.cornerHeaderGroup : "rightTopCorner" === selectComp.role ? scene.rightTopCornerGroup : "rightFrozen" === selectComp.role ? scene.rightFrozenGroup : "leftBottomCorner" === selectComp.role ? scene.leftBottomCornerGroup : "bottomFrozen" === selectComp.role ? scene.bottomFrozenGroup : scene.rightBottomCornerGroup);
       let diffSize = 0;
-      "number" == typeof selectComp.rect.attribute.lineWidth && (diffSize = Math.ceil(selectComp.rect.attribute.lineWidth / 2)), endCol === table.colCount - 1 && (Array.isArray(selectComp.rect.attribute.lineWidth) && (diffSize = Math.ceil((null !== (_g = selectComp.rect.attribute.lineWidth[1]) && void 0 !== _g ? _g : 0) / 2)), selectComp.rect.setAttributes({
+      "number" == typeof selectComp.rect.attribute.lineWidth && (diffSize = Math.ceil(selectComp.rect.attribute.lineWidth / 2)), endCol === table.colCount - 1 && (Array.isArray(selectComp.rect.attribute.lineWidth) && (diffSize = Math.ceil((null !== (_h = selectComp.rect.attribute.lineWidth[1]) && void 0 !== _h ? _h : 0) / 2)), selectComp.rect.setAttributes({
         width: selectComp.rect.attribute.width - diffSize
-      })), 0 === startCol && (Array.isArray(selectComp.rect.attribute.lineWidth) && (diffSize = Math.ceil((null !== (_h = selectComp.rect.attribute.lineWidth[3]) && void 0 !== _h ? _h : 0) / 2)), selectComp.rect.setAttributes({
+      })), 0 === startCol && (Array.isArray(selectComp.rect.attribute.lineWidth) && (diffSize = Math.ceil((null !== (_j = selectComp.rect.attribute.lineWidth[3]) && void 0 !== _j ? _j : 0) / 2)), selectComp.rect.setAttributes({
         x: selectComp.rect.attribute.x + diffSize,
         width: selectComp.rect.attribute.width - diffSize
-      })), endRow === table.rowCount - 1 && (Array.isArray(selectComp.rect.attribute.lineWidth) && (diffSize = Math.ceil((null !== (_j = selectComp.rect.attribute.lineWidth[2]) && void 0 !== _j ? _j : 0) / 2)), selectComp.rect.setAttributes({
+      })), endRow === table.rowCount - 1 && (Array.isArray(selectComp.rect.attribute.lineWidth) && (diffSize = Math.ceil((null !== (_k = selectComp.rect.attribute.lineWidth[2]) && void 0 !== _k ? _k : 0) / 2)), selectComp.rect.setAttributes({
         height: selectComp.rect.attribute.height - diffSize
-      })), 0 === startRow && (Array.isArray(selectComp.rect.attribute.lineWidth) && (diffSize = Math.ceil((null !== (_k = selectComp.rect.attribute.lineWidth[0]) && void 0 !== _k ? _k : 0) / 2)), selectComp.rect.setAttributes({
+      })), 0 === startRow && (Array.isArray(selectComp.rect.attribute.lineWidth) && (diffSize = Math.ceil((null !== (_l = selectComp.rect.attribute.lineWidth[0]) && void 0 !== _l ? _l : 0) / 2)), selectComp.rect.setAttributes({
         y: selectComp.rect.attribute.y + diffSize,
         height: selectComp.rect.attribute.height - diffSize
       }));
@@ -49338,7 +49368,7 @@
         return col < this.table.rowHeaderLevelCount ? this.table.getColsWidth(0, col - 1) : col < this.table.colCount - this.table.rightFrozenColCount ? this.table.getColsWidth(this.table.rowHeaderLevelCount, col - 1) : col < this.table.colCount ? this.table.getColsWidth(this.table.colCount - this.table.bottomFrozenRowCount, col - 1) : 0;
       }
       getCellGroupY(row) {
-        return row < this.table.frozenRowCount ? this.table.getRowsHeight(0, row - 1) : row < this.table.rowCount - this.table.bottomFrozenRowCount ? this.table.getRowsHeight(this.table.frozenRowCount, row - 1) : row < this.table.rowCount ? this.table.getRowsHeight(this.table.rowCount - this.table.bottomFrozenRowCount, row - 1) : 0;
+        return row < this.table.frozenRowCount ? this.table.getRowsHeight(0, row - 1) : row < this.table.rowCount - this.table.bottomFrozenRowCount ? this.table.getRowsHeight(this.table.columnHeaderLevelCount, row - 1) : row < this.table.rowCount ? this.table.getRowsHeight(this.table.rowCount - this.table.bottomFrozenRowCount, row - 1) : 0;
       }
       getCellGroupX(col) {
         return col < this.table.rowHeaderLevelCount ? this.table.getColsWidth(0, col - 1) : col < this.table.colCount - this.table.rightFrozenColCount ? this.table.getColsWidth(this.table.rowHeaderLevelCount, col - 1) : col < this.table.colCount ? this.table.getColsWidth(this.table.colCount - this.table.rightFrozenColCount, col - 1) : 0;
@@ -49508,7 +49538,7 @@
       return table._getLayoutCellId(col, row) === table._getLayoutCellId(range1Col, range1Row);
     }
 
-    function updateSelectPosition(state, col, row, isShift, isCtrl, isSelectAll, makeSelectCellVisible = !0, skipBodyMerge = !1) {
+    function updateSelectPosition(state, col, row, enableShiftSelectMode, enableCtrlSelectMode, isSelectAll, makeSelectCellVisible = !0, skipBodyMerge = !1) {
       var _a, _b;
       const {
           table: table,
@@ -49518,10 +49548,7 @@
           scenegraph: scenegraph
         } = table,
         {
-          highlightScope: highlightScope,
-          disableHeader: disableHeader,
-          cellPos: cellPos,
-          disableCtrlMultiSelect: disableCtrlMultiSelect
+          cellPos: cellPos
         } = state.select;
       if (state.select.isSelectAll = isSelectAll, -1 !== col && -1 !== row && makeSelectCellVisible && table._makeVisibleCell(col, row), -1 !== col && -1 !== row && makeSelectCellVisible) if (interactionState === InteractionState.grabing && state.select.ranges.length > 0) {
         const currentRange = state.select.ranges[state.select.ranges.length - 1];
@@ -49611,8 +49638,8 @@
           }
         } else {
           const currentRange = state.select.ranges[state.select.ranges.length - 1];
-          if (isShift && currentRange) {
-            if (isCtrl && !disableCtrlMultiSelect || (cellPos.col = col, cellPos.row = row), "cell" !== state.select.headerSelectMode && table.isColumnHeader(col, row)) {
+          if (enableShiftSelectMode && currentRange) {
+            if ("cell" !== state.select.headerSelectMode && table.isColumnHeader(col, row)) {
               const startCol = Math.min(currentRange.start.col, currentRange.end.col, col),
                 endCol = Math.max(currentRange.start.col, currentRange.end.col, col),
                 startRow = Math.min(currentRange.start.row, currentRange.end.row, row),
@@ -49670,10 +49697,10 @@
               col: col,
               row: row
             };
-            scenegraph.deleteLastSelectedRangeComponents(), scenegraph.updateCellSelectBorder(currentRange);
+            enableShiftSelectMode || (currentRange.end = currentRange.start), scenegraph.deleteLastSelectedRangeComponents(), scenegraph.updateCellSelectBorder(currentRange);
           } else {
             let extendSelectRange = !0;
-            if (-1 === cellPos.col || -1 === cellPos.row || isCtrl && !disableCtrlMultiSelect || (state.select.ranges = [], scenegraph.deleteAllSelectBorder()), "cell" !== state.select.headerSelectMode && table.isColumnHeader(col, row)) {
+            if (-1 === cellPos.col || -1 === cellPos.row || enableCtrlSelectMode || (state.select.ranges = [], scenegraph.deleteAllSelectBorder()), "cell" !== state.select.headerSelectMode && table.isColumnHeader(col, row)) {
               const cellRange = table.getCellRange(col, row);
               "body" === state.select.headerSelectMode ? state.select.ranges.push({
                 start: {
@@ -50818,7 +50845,7 @@
         });
       }
       setSelectState() {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         const {
             headerSelectMode: headerSelectMode,
             disableSelect: disableSelect,
@@ -50833,7 +50860,7 @@
             highlightInRange: !1
           }, this.table.options.select),
           cornerHeaderSelectMode = (null === (_a = this.table.options.select) || void 0 === _a ? void 0 : _a.cornerHeaderSelectMode) ? null === (_b = this.table.options.select) || void 0 === _b ? void 0 : _b.cornerHeaderSelectMode : "body" === (null === (_c = this.table.options.select) || void 0 === _c ? void 0 : _c.headerSelectMode) ? null === (_d = this.table.options.select) || void 0 === _d ? void 0 : _d.headerSelectMode : "all";
-        this.select.highlightScope = !0 === disableSelect ? HighlightScope.none : "cross" === highlightMode ? HighlightScope.cross : "row" === highlightMode ? HighlightScope.row : "column" === highlightMode ? HighlightScope.column : HighlightScope.single, this.select.singleStyle = !disableSelect, this.select.disableHeader = disableHeaderSelect, this.select.headerSelectMode = headerSelectMode, this.select.cornerHeaderSelectMode = cornerHeaderSelectMode, this.select.highlightInRange = highlightInRange, this.select.disableCtrlMultiSelect = !1 === (null === (_e = this.table.options.keyboardOptions) || void 0 === _e ? void 0 : _e.ctrlMultiSelect);
+        this.select.highlightScope = !0 === disableSelect ? HighlightScope.none : "cross" === highlightMode ? HighlightScope.cross : "row" === highlightMode ? HighlightScope.row : "column" === highlightMode ? HighlightScope.column : HighlightScope.single, this.select.singleStyle = !disableSelect, this.select.disableHeader = disableHeaderSelect, this.select.headerSelectMode = headerSelectMode, this.select.cornerHeaderSelectMode = cornerHeaderSelectMode, this.select.highlightInRange = highlightInRange, this.select.disableCtrlMultiSelect = !1 === (null === (_e = this.table.options.keyboardOptions) || void 0 === _e ? void 0 : _e.ctrlMultiSelect), this.select.disableShiftMultiSelect = !1 === (null === (_f = this.table.options.keyboardOptions) || void 0 === _f ? void 0 : _f.shiftMultiSelect);
       }
       isSelected(col, row) {
         let seled = !1;
@@ -50886,11 +50913,11 @@
       updateHoverPos(col, row) {
         updateHoverPosition(this, col, row);
       }
-      updateSelectPos(col, row, isShift = !1, isCtrl = !1, isSelectAll = !1, makeSelectCellVisible = !0, skipBodyMerge = !1) {
+      updateSelectPos(col, row, enableShiftSelectMode = !1, enableCtrlSelectMode = !1, isSelectAll = !1, makeSelectCellVisible = !0, skipBodyMerge = !1) {
         -1 !== row && -1 !== row && (this.select.selecting = !0), col < 0 && (col = -1), row < 0 && (row = -1), col > this.table.colCount - 1 && (col = this.table.colCount - 1), row > this.table.rowCount - 1 && (row = this.table.rowCount - 1);
         const oldCellPosCol = this.select.cellPos.col,
           oldCellPosRow = this.select.cellPos.row;
-        updateSelectPosition(this, col, row, isShift, isCtrl, isSelectAll, makeSelectCellVisible, skipBodyMerge), !this.table.hasListeners(TABLE_EVENT_TYPE.SELECTED_CHANGED) || oldCellPosCol === col && oldCellPosRow === row || this.table.fireListeners(TABLE_EVENT_TYPE.SELECTED_CHANGED, {
+        updateSelectPosition(this, col, row, enableShiftSelectMode, enableCtrlSelectMode, isSelectAll, makeSelectCellVisible, skipBodyMerge), !this.table.hasListeners(TABLE_EVENT_TYPE.SELECTED_CHANGED) || oldCellPosCol === col && oldCellPosRow === row || this.table.fireListeners(TABLE_EVENT_TYPE.SELECTED_CHANGED, {
           ranges: this.select.ranges,
           col: col,
           row: row
@@ -52354,7 +52381,7 @@
       handler.on(table.getElement(), "blur", e => {
         eventManager.dealTableHover();
       }), handler.on(table.getElement(), "keydown", e => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9;
         const beforeKeydownEvent = {
           keyCode: null !== (_a = e.keyCode) && void 0 !== _a ? _a : e.which,
           code: e.code,
@@ -52364,41 +52391,44 @@
           if ((null === (_d = null === (_c = table.options.keyboardOptions) || void 0 === _c ? void 0 : _c.moveEditCellOnArrowKeys) || void 0 === _d || !_d) && (null === (_e = table.editorManager) || void 0 === _e ? void 0 : _e.editingEditor) || !1 === (null === (_f = table.options.keyboardOptions) || void 0 === _f ? void 0 : _f.moveSelectedCellOnArrowKeys)) return;
           let targetCol, targetRow;
           if (e.preventDefault(), e.stopPropagation(), "ArrowUp" === e.key ? e.ctrlKey || e.metaKey ? (targetCol = stateManager.select.cellPos.col, targetRow = 0) : (e.shiftKey, targetCol = stateManager.select.cellPos.col, targetRow = Math.min(table.rowCount - 1, Math.max(0, stateManager.select.cellPos.row - 1))) : "ArrowDown" === e.key ? e.ctrlKey || e.metaKey ? (targetCol = stateManager.select.cellPos.col, targetRow = table.rowCount - 1) : (e.shiftKey, targetCol = stateManager.select.cellPos.col, targetRow = Math.min(table.rowCount - 1, Math.max(0, stateManager.select.cellPos.row + 1))) : "ArrowLeft" === e.key ? e.ctrlKey || e.metaKey ? (targetCol = 0, targetRow = stateManager.select.cellPos.row) : (e.shiftKey, targetRow = stateManager.select.cellPos.row, targetCol = Math.min(table.colCount - 1, Math.max(0, stateManager.select.cellPos.col - 1))) : "ArrowRight" === e.key && (e.ctrlKey || e.metaKey ? (targetCol = table.colCount - 1, targetRow = stateManager.select.cellPos.row) : (e.shiftKey, targetRow = stateManager.select.cellPos.row, targetCol = Math.min(table.colCount - 1, Math.max(0, stateManager.select.cellPos.col + 1)))), isCellDisableSelect(table, targetCol, targetRow)) return;
-          table.selectCell(targetCol, targetRow, e.shiftKey), null !== (_h = null === (_g = table.options.keyboardOptions) || void 0 === _g ? void 0 : _g.moveEditCellOnArrowKeys) && void 0 !== _h && _h && (null === (_j = table.editorManager) || void 0 === _j ? void 0 : _j.editingEditor) && (null === (_k = table.editorManager) || void 0 === _k || _k.completeEdit(), table.getElement().focus(), table.getEditor(targetCol, targetRow) && (null === (_l = table.editorManager) || void 0 === _l || _l.startEditCell(targetCol, targetRow)));
-        } else if ("Escape" === e.key) null === (_m = table.editorManager) || void 0 === _m || _m.cancelEdit(), table.getElement().focus();else if ("Enter" === e.key) {
-          if (null === (_o = table.editorManager) || void 0 === _o ? void 0 : _o.editingEditor) {
-            if (handleKeydownListener(e), null === (_p = table.editorManager) || void 0 === _p || _p.completeEdit(), table.getElement().focus(), !0 === (null === (_q = table.options.keyboardOptions) || void 0 === _q ? void 0 : _q.moveFocusCellOnEnter)) {
+          const enableShiftSelectMode = null === (_h = null === (_g = table.options.keyboardOptions) || void 0 === _g ? void 0 : _g.shiftMultiSelect) || void 0 === _h || _h;
+          table.selectCell(targetCol, targetRow, e.shiftKey && enableShiftSelectMode), null !== (_k = null === (_j = table.options.keyboardOptions) || void 0 === _j ? void 0 : _j.moveEditCellOnArrowKeys) && void 0 !== _k && _k && (null === (_l = table.editorManager) || void 0 === _l ? void 0 : _l.editingEditor) && (null === (_m = table.editorManager) || void 0 === _m || _m.completeEdit(), table.getElement().focus(), table.getEditor(targetCol, targetRow) && (null === (_o = table.editorManager) || void 0 === _o || _o.startEditCell(targetCol, targetRow)));
+        } else if ("Escape" === e.key) null === (_p = table.editorManager) || void 0 === _p || _p.cancelEdit(), table.getElement().focus();else if ("Enter" === e.key) {
+          if (null === (_q = table.editorManager) || void 0 === _q ? void 0 : _q.editingEditor) {
+            if (handleKeydownListener(e), null === (_r = table.editorManager) || void 0 === _r || _r.completeEdit(), table.getElement().focus(), !0 === (null === (_s = table.options.keyboardOptions) || void 0 === _s ? void 0 : _s.moveFocusCellOnEnter)) {
               const targetCol = stateManager.select.cellPos.col,
                 targetRow = Math.min(table.rowCount - 1, Math.max(0, stateManager.select.cellPos.row + 1));
               if (isCellDisableSelect(table, targetCol, targetRow)) return;
-              table.selectCell(targetCol, targetRow, e.shiftKey);
+              const enableShiftSelectMode = null === (_u = null === (_t = table.options.keyboardOptions) || void 0 === _t ? void 0 : _t.shiftMultiSelect) || void 0 === _u || _u;
+              table.selectCell(targetCol, targetRow, e.shiftKey && enableShiftSelectMode);
             }
             return;
           }
-          if (!0 === (null === (_r = table.options.keyboardOptions) || void 0 === _r ? void 0 : _r.moveFocusCellOnEnter)) {
+          if (!0 === (null === (_v = table.options.keyboardOptions) || void 0 === _v ? void 0 : _v.moveFocusCellOnEnter)) {
             const targetCol = stateManager.select.cellPos.col,
               targetRow = Math.min(table.rowCount - 1, Math.max(0, stateManager.select.cellPos.row + 1));
             if (isCellDisableSelect(table, targetCol, targetRow)) return;
-            table.selectCell(targetCol, targetRow, e.shiftKey);
-          } else if ((null === (_t = null === (_s = table.options.keyboardOptions) || void 0 === _s ? void 0 : _s.editCellOnEnter) || void 0 === _t || _t) && 1 === (null !== (_v = null === (_u = table.stateManager.select.ranges) || void 0 === _u ? void 0 : _u.length) && void 0 !== _v ? _v : 0)) {
+            const enableShiftSelectMode = null === (_x = null === (_w = table.options.keyboardOptions) || void 0 === _w ? void 0 : _w.shiftMultiSelect) || void 0 === _x || _x;
+            table.selectCell(targetCol, targetRow, e.shiftKey && enableShiftSelectMode);
+          } else if ((null === (_z = null === (_y = table.options.keyboardOptions) || void 0 === _y ? void 0 : _y.editCellOnEnter) || void 0 === _z || _z) && 1 === (null !== (_1 = null === (_0 = table.stateManager.select.ranges) || void 0 === _0 ? void 0 : _0.length) && void 0 !== _1 ? _1 : 0)) {
             const startCol = table.stateManager.select.ranges[0].start.col,
               startRow = table.stateManager.select.ranges[0].start.row,
               endCol = table.stateManager.select.ranges[0].end.col,
               endRow = table.stateManager.select.ranges[0].end.row;
-            startCol === endCol && startRow === endRow && table.getEditor(startCol, startRow) && (null === (_w = table.editorManager) || void 0 === _w || _w.startEditCell(startCol, startRow));
+            startCol === endCol && startRow === endRow && table.getEditor(startCol, startRow) && (null === (_2 = table.editorManager) || void 0 === _2 || _2.startEditCell(startCol, startRow));
           }
         } else if ("Tab" === e.key) {
-          if ((null === (_y = null === (_x = table.options.keyboardOptions) || void 0 === _x ? void 0 : _x.moveFocusCellOnTab) || void 0 === _y || _y) && stateManager.select.cellPos.col >= 0 && stateManager.select.cellPos.row >= 0) {
+          if ((null === (_4 = null === (_3 = table.options.keyboardOptions) || void 0 === _3 ? void 0 : _3.moveFocusCellOnTab) || void 0 === _4 || _4) && stateManager.select.cellPos.col >= 0 && stateManager.select.cellPos.row >= 0) {
             if (stateManager.select.cellPos.col === table.colCount - 1 && stateManager.select.cellPos.row === table.rowCount - 1) return;
             let targetCol, targetRow;
             if (e.preventDefault(), stateManager.select.cellPos.col === table.colCount - 1 ? (targetRow = Math.min(table.rowCount - 1, stateManager.select.cellPos.row + 1), targetCol = table.rowHeaderLevelCount) : (targetRow = stateManager.select.cellPos.row, targetCol = stateManager.select.cellPos.col + 1), isCellDisableSelect(table, targetCol, targetRow)) return;
-            table.selectCell(targetCol, targetRow), (null === (_z = table.editorManager) || void 0 === _z ? void 0 : _z.editingEditor) && (null === (_0 = table.editorManager) || void 0 === _0 || _0.completeEdit(), table.getElement().focus(), table.getEditor(targetCol, targetRow) && (null === (_1 = table.editorManager) || void 0 === _1 || _1.startEditCell(targetCol, targetRow)));
+            table.selectCell(targetCol, targetRow), (null === (_5 = table.editorManager) || void 0 === _5 ? void 0 : _5.editingEditor) && (null === (_6 = table.editorManager) || void 0 === _6 || _6.completeEdit(), table.getElement().focus(), table.getEditor(targetCol, targetRow) && (null === (_7 = table.editorManager) || void 0 === _7 || _7.startEditCell(targetCol, targetRow)));
           }
         } else if (!e.ctrlKey && !e.metaKey) {
           const editCellTrigger = table.options.editCellTrigger;
-          if (("keydown" === editCellTrigger || Array.isArray(editCellTrigger) && editCellTrigger.includes("keydown")) && !(null === (_2 = table.editorManager) || void 0 === _2 ? void 0 : _2.editingEditor)) {
+          if (("keydown" === editCellTrigger || Array.isArray(editCellTrigger) && editCellTrigger.includes("keydown")) && !(null === (_8 = table.editorManager) || void 0 === _8 ? void 0 : _8.editingEditor)) {
             const allowedKeys = /^[a-zA-Z0-9+\-*\/%=.,\s]$/;
-            e.key.match(allowedKeys) && (table.editorManager && (table.editorManager.beginTriggerEditCellMode = "keydown"), null === (_3 = table.editorManager) || void 0 === _3 || _3.startEditCell(stateManager.select.cellPos.col, stateManager.select.cellPos.row, ""));
+            e.key.match(allowedKeys) && (table.editorManager && (table.editorManager.beginTriggerEditCellMode = "keydown"), null === (_9 = table.editorManager) || void 0 === _9 || _9.startEditCell(stateManager.select.cellPos.col, stateManager.select.cellPos.row, ""));
           }
         }
         handleKeydownListener(e);
@@ -52715,8 +52745,9 @@
       });
     }
     function bindGroupCheckboxTreeChange(table) {
-      !0 === table.internalProps.enableCheckboxCascade && table.on("checkbox_state_change", args => {
+      table.on("checkbox_state_change", args => {
         var _a;
+        if (!0 !== table.internalProps.enableCheckboxCascade) return;
         const {
             col: col,
             row: row,
@@ -52824,7 +52855,8 @@
       });
     }
     function bindHeaderCheckboxChange(table) {
-      !0 === table.internalProps.enableHeaderCheckboxCascade && table.on("checkbox_state_change", args => {
+      table.on("checkbox_state_change", args => {
+        if (!0 !== table.internalProps.enableHeaderCheckboxCascade) return;
         const {
           col: col,
           row: row,
@@ -52982,7 +53014,7 @@
       }
       dealMenuHover(eventArgsSet) {}
       dealTableSelect(eventArgsSet, isSelectMoving) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         if (!eventArgsSet) return this.table.stateManager.updateSelectPos(-1, -1), !1;
         const {
           eventArgs: eventArgs
@@ -52997,12 +53029,15 @@
             }
             return !1;
           }
-          return !this.table.isPivotChart() || "axis-label" !== (null === (_b = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _b ? void 0 : _b.target.name) && "chart" !== (null === (_c = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _c ? void 0 : _c.target.type) ? (this.table.stateManager.updateSelectPos("row" === this.table.stateManager.select.selectInline ? this.table.colCount - 1 : eventArgs.col, "col" === this.table.stateManager.select.selectInline ? this.table.rowCount - 1 : eventArgs.row, eventArgs.event.shiftKey, eventArgs.event.ctrlKey || eventArgs.event.metaKey, !1, !isSelectMoving && (null === (_e = null === (_d = this.table.options.select) || void 0 === _d ? void 0 : _d.makeSelectCellVisible) || void 0 === _e || _e)), !0) : (this.table.stateManager.updateSelectPos(-1, -1), !1);
+          if (this.table.isPivotChart() && ("axis-label" === (null === (_b = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _b ? void 0 : _b.target.name) || "chart" === (null === (_c = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _c ? void 0 : _c.target.type))) return this.table.stateManager.updateSelectPos(-1, -1), !1;
+          const shiftMultiSelect = null === (_e = null === (_d = this.table.keyboardOptions) || void 0 === _d ? void 0 : _d.shiftMultiSelect) || void 0 === _e || _e,
+            ctrlMultiSelect = null === (_g = null === (_f = this.table.keyboardOptions) || void 0 === _f ? void 0 : _f.ctrlMultiSelect) || void 0 === _g || _g;
+          return this.table.stateManager.updateSelectPos("row" === this.table.stateManager.select.selectInline ? this.table.colCount - 1 : eventArgs.col, "col" === this.table.stateManager.select.selectInline ? this.table.rowCount - 1 : eventArgs.row, eventArgs.event.shiftKey && shiftMultiSelect, (eventArgs.event.ctrlKey || eventArgs.event.metaKey) && ctrlMultiSelect, !1, !isSelectMoving && (null === (_j = null === (_h = this.table.options.select) || void 0 === _h ? void 0 : _h.makeSelectCellVisible) || void 0 === _j || _j)), !0;
         }
         return !1;
       }
       dealFillSelect(eventArgsSet, isSelectMoving) {
-        var _a, _b;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         const {
           eventArgs: eventArgs
         } = eventArgsSet;
@@ -53010,8 +53045,14 @@
           if ((null === (_b = null === (_a = this.table.stateManager.select) || void 0 === _a ? void 0 : _a.ranges) || void 0 === _b ? void 0 : _b.length) && this.table.stateManager.isFillHandle()) {
             let updateRow, updateCol;
             const currentRange = this.table.stateManager.select.ranges[this.table.stateManager.select.ranges.length - 1];
-            isSelectMoving && (isValid$5(this.table.stateManager.fillHandle.directionRow) || (Math.abs(this.table.stateManager.fillHandle.startY - eventArgsSet.abstractPos.y) >= Math.abs(this.table.stateManager.fillHandle.startX - eventArgsSet.abstractPos.x) ? this.table.stateManager.fillHandle.directionRow = !0 : this.table.stateManager.fillHandle.directionRow = !1), Math.abs(this.table.stateManager.fillHandle.startY - eventArgsSet.abstractPos.y) >= Math.abs(this.table.stateManager.fillHandle.startX - eventArgsSet.abstractPos.x) ? this.table.stateManager.fillHandle.startY - eventArgsSet.abstractPos.y > 0 ? this.table.stateManager.fillHandle.direction = "top" : this.table.stateManager.fillHandle.direction = "bottom" : this.table.stateManager.fillHandle.startX - eventArgsSet.abstractPos.x > 0 ? this.table.stateManager.fillHandle.direction = "left" : this.table.stateManager.fillHandle.direction = "right", this.table.stateManager.fillHandle.directionRow ? (updateRow = eventArgs.row, updateCol = currentRange.end.col) : (updateRow = currentRange.end.row, updateCol = eventArgs.col)), this.table.stateManager.updateSelectPos(isSelectMoving ? updateCol : currentRange.end.col, isSelectMoving ? updateRow : currentRange.end.row, !0, eventArgs.event.ctrlKey || eventArgs.event.metaKey, !1, !isSelectMoving);
-          } else this.table.stateManager.updateSelectPos(eventArgs.col, eventArgs.row, eventArgs.event.shiftKey, eventArgs.event.ctrlKey || eventArgs.event.metaKey, !1, !isSelectMoving);
+            isSelectMoving && (isValid$5(this.table.stateManager.fillHandle.directionRow) || (Math.abs(this.table.stateManager.fillHandle.startY - eventArgsSet.abstractPos.y) >= Math.abs(this.table.stateManager.fillHandle.startX - eventArgsSet.abstractPos.x) ? this.table.stateManager.fillHandle.directionRow = !0 : this.table.stateManager.fillHandle.directionRow = !1), Math.abs(this.table.stateManager.fillHandle.startY - eventArgsSet.abstractPos.y) >= Math.abs(this.table.stateManager.fillHandle.startX - eventArgsSet.abstractPos.x) ? this.table.stateManager.fillHandle.startY - eventArgsSet.abstractPos.y > 0 ? this.table.stateManager.fillHandle.direction = "top" : this.table.stateManager.fillHandle.direction = "bottom" : this.table.stateManager.fillHandle.startX - eventArgsSet.abstractPos.x > 0 ? this.table.stateManager.fillHandle.direction = "left" : this.table.stateManager.fillHandle.direction = "right", this.table.stateManager.fillHandle.directionRow ? (updateRow = eventArgs.row, updateCol = currentRange.end.col) : (updateRow = currentRange.end.row, updateCol = eventArgs.col));
+            const ctrlMultiSelect = null === (_d = null === (_c = this.table.keyboardOptions) || void 0 === _c ? void 0 : _c.ctrlMultiSelect) || void 0 === _d || _d;
+            this.table.stateManager.updateSelectPos(isSelectMoving ? updateCol : currentRange.end.col, isSelectMoving ? updateRow : currentRange.end.row, !0, (eventArgs.event.ctrlKey || eventArgs.event.metaKey) && ctrlMultiSelect, !1, !isSelectMoving);
+          } else {
+            const shiftMultiSelect = null === (_f = null === (_e = this.table.keyboardOptions) || void 0 === _e ? void 0 : _e.shiftMultiSelect) || void 0 === _f || _f,
+              ctrlMultiSelect = null === (_h = null === (_g = this.table.keyboardOptions) || void 0 === _g ? void 0 : _g.ctrlMultiSelect) || void 0 === _h || _h;
+            this.table.stateManager.updateSelectPos(eventArgs.col, eventArgs.row, eventArgs.event.shiftKey && shiftMultiSelect, (eventArgs.event.ctrlKey || eventArgs.event.metaKey) && ctrlMultiSelect, !1, !isSelectMoving);
+          }
           return !0;
         }
         return !1;
@@ -53154,7 +53195,8 @@
         return !1;
       }
       release() {
-        this.gesture.release(), this.globalEventListeners.forEach(item => {
+        var _a;
+        null === (_a = this.gesture) || void 0 === _a || _a.release(), this.globalEventListeners.forEach(item => {
           "document" === item.env ? document.removeEventListener(item.name, item.callback) : "body" === item.env ? document.body.removeEventListener(item.name, item.callback) : "window" === item.env ? window.removeEventListener(item.name, item.callback) : "vglobal" === item.env && vglobal.removeEventListener(item.name, item.callback);
         }), this.globalEventListeners = [];
       }
@@ -53243,7 +53285,7 @@
                   cellIndex === cells.length - 1 && (cell = cell.trim()), rowValues.push(cell);
                 });
               });
-              const changedCellResults = yield table.changeCellValues(col, row, values);
+              const changedCellResults = yield table.changeCellValues(col, row, values, !0);
               table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA) && table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
                 col: col,
                 row: row,
@@ -55674,7 +55716,7 @@
     }
 
     function getAxisConfigInPivotChart(col, row, layout) {
-      var _a, _b, _c, _d, _e, _f, _g;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
       if (layout._table.isPivotChart()) if (layout.indicatorsAsCol) {
         if (layout.hasTwoIndicatorAxes && row === layout.columnHeaderLevelCount - 1 && col >= layout.rowHeaderLevelCount && col < layout.colCount - layout.rightFrozenColCount) {
           const axisRange = getRange("top", col, row + 1, col, layout.columnHeaderLevelCount - 1, col, row, 1, layout);
@@ -55713,7 +55755,10 @@
             const info = layout.getIndicatorInfo(key);
             info && (indicatorInfo = info);
           });
-          const axisRange = getRange("bottom", col, row - 1, col, row, col, row, 0, layout);
+          const axisRange = getRange("bottom", col, row - 1, col, row, col, row, 0, layout),
+            {
+              chartType: chartType
+            } = getAxisOption(col, row - 1, "bottom", layout);
           if (!axisRange) return;
           const chartCellStyle = layout._table._getCellStyle(col, row - 1),
             padding = getQuadProps(getProp("padding", chartCellStyle, col, row - 1, layout._table)),
@@ -55726,12 +55771,21 @@
               targetRange: targetRange,
               theme: theme
             } = axisRange;
-          return isNumber$6(null == axisOption ? void 0 : axisOption.min) && (range.min = axisOption.min, range.min > 0 && (axisOption.zero = !1)), isNumber$6(null == axisOption ? void 0 : axisOption.max) && (range.max = axisOption.max, range.max < 0 && (axisOption.zero = !1)), merge$2({
+          isNumber$6(null == axisOption ? void 0 : axisOption.min) && (range.min = axisOption.min, range.min > 0 && (axisOption.zero = !1)), isNumber$6(null == axisOption ? void 0 : axisOption.max) && (range.max = axisOption.max, range.max < 0 && (axisOption.zero = !1));
+          let domain = [];
+          if ("heatmap" === chartType) {
+            const colDimensionKey = layout.getDimensionKeyInChartSpec(col, layout.rowCount - layout.bottomFrozenRowCount - 1, "xField"),
+              data = null !== (_a = layout.dataset.collectedValues[colDimensionKey]) && void 0 !== _a ? _a : [],
+              colPath = layout.getColKeysPath(col, row);
+            domain = null !== (_b = null == data ? void 0 : data[null != colPath ? colPath : ""]) && void 0 !== _b ? _b : [];
+          }
+          return merge$2({
             title: {
               visible: !0,
               text: null == indicatorInfo ? void 0 : indicatorInfo.title
             },
-            range: range
+            range: range,
+            domain: "linear" === (null == axisOption ? void 0 : axisOption.type) ? void 0 : Array.from(domain)
           }, axisOption, {
             orient: "bottom",
             type: (null == axisOption ? void 0 : axisOption.type) || "linear",
@@ -55749,9 +55803,9 @@
         if (col === layout.rowHeaderLevelCount - 1 && row >= layout.columnHeaderLevelCount && row < layout.rowCount - layout.bottomFrozenRowCount) {
           let rowDimensionKey = layout.getDimensionKeyInChartSpec(layout.rowHeaderLevelCount, row);
           isArray$9(rowDimensionKey) && (rowDimensionKey = rowDimensionKey[0]);
-          const data = null !== (_a = layout.dataset.collectedValues[rowDimensionKey]) && void 0 !== _a ? _a : [],
+          const data = null !== (_c = layout.dataset.collectedValues[rowDimensionKey]) && void 0 !== _c ? _c : [],
             rowPath = layout.getRowKeysPath(col, row),
-            domain = null !== (_b = data[null != rowPath ? rowPath : ""]) && void 0 !== _b ? _b : [],
+            domain = null !== (_d = data[null != rowPath ? rowPath : ""]) && void 0 !== _d ? _d : [],
             {
               axisOption: axisOption,
               theme: theme,
@@ -55769,9 +55823,9 @@
             }
           }, axisOption, {
             orient: "left",
-            type: null !== (_c = null == axisOption ? void 0 : axisOption.type) && void 0 !== _c ? _c : "band",
+            type: null !== (_e = null == axisOption ? void 0 : axisOption.type) && void 0 !== _e ? _e : "band",
             __vtableChartTheme: theme,
-            inverse: transformInverse(axisOption, "horizontal" === (null !== (_d = null == spec ? void 0 : spec.direction) && void 0 !== _d ? _d : "scatter" === chartType ? "vertical" : "horizontal")),
+            inverse: transformInverse(axisOption, "horizontal" === (null !== (_f = null == spec ? void 0 : spec.direction) && void 0 !== _f ? _f : "scatter" === chartType ? "vertical" : "horizontal")),
             __vtablePadding: padding
           });
         }
@@ -55783,7 +55837,10 @@
             const info = layout.getIndicatorInfo(key);
             info && (indicatorInfo = info);
           });
-          const axisRange = getRange("left", col + 1, row, col, row, col, row, 0, layout);
+          const axisRange = getRange("left", col + 1, row, col, row, col, row, 0, layout),
+            {
+              chartType: chartType
+            } = getAxisOption(col + 1, row, "left", layout);
           if (!axisRange) return;
           const chartCellStyle = layout._table._getCellStyle(col + 1, row),
             padding = getQuadProps(getProp("padding", chartCellStyle, col + 1, row, layout._table)),
@@ -55796,13 +55853,22 @@
               targetRange: targetRange,
               theme: theme
             } = axisRange;
-          return isNumber$6(null == axisOption ? void 0 : axisOption.min) && (range.min = axisOption.min, range.min > 0 && (axisOption.zero = !1)), isNumber$6(null == axisOption ? void 0 : axisOption.max) && (range.max = axisOption.max, range.max < 0 && (axisOption.zero = !1)), merge$2({
+          isNumber$6(null == axisOption ? void 0 : axisOption.min) && (range.min = axisOption.min, range.min > 0 && (axisOption.zero = !1)), isNumber$6(null == axisOption ? void 0 : axisOption.max) && (range.max = axisOption.max, range.max < 0 && (axisOption.zero = !1));
+          let domain = [];
+          if ("heatmap" === chartType) {
+            const rowDimensionKey = layout.getDimensionKeyInChartSpec(layout.rowHeaderLevelCount, row, "yField"),
+              data = null !== (_g = layout.dataset.collectedValues[rowDimensionKey]) && void 0 !== _g ? _g : [],
+              rowPath = layout.getRowKeysPath(col, row);
+            domain = null !== (_h = null == data ? void 0 : data[null != rowPath ? rowPath : ""]) && void 0 !== _h ? _h : [];
+          }
+          return merge$2({
             title: {
               visible: !0,
               text: null == indicatorInfo ? void 0 : indicatorInfo.title,
               autoRotate: !0
             },
-            range: range
+            range: range,
+            domain: "linear" === (null == axisOption ? void 0 : axisOption.type) ? void 0 : Array.from(domain)
           }, axisOption, {
             orient: "left",
             type: (null == axisOption ? void 0 : axisOption.type) || "linear",
@@ -55818,7 +55884,10 @@
           });
         }
         if (col === layout.colCount - layout.rightFrozenColCount && row >= layout.columnHeaderLevelCount && row < layout.rowCount - layout.bottomFrozenRowCount) {
-          const axisRange = getRange("right", col - 1, row, layout.rowHeaderLevelCount - 1, row, col, row, 1, layout);
+          const axisRange = getRange("right", col - 1, row, layout.rowHeaderLevelCount - 1, row, col, row, 1, layout),
+            {
+              chartType: chartType
+            } = getAxisOption(col - 1, row, "right", layout);
           if (!axisRange) return;
           const chartCellStyle = layout._table._getCellStyle(col - 1, row),
             padding = getQuadProps(getProp("padding", chartCellStyle, col - 1, row, layout._table)),
@@ -55831,11 +55900,20 @@
               targetRange: targetRange,
               theme: theme
             } = axisRange;
-          return isNumber$6(null == axisOption ? void 0 : axisOption.min) && (range.min = axisOption.min, range.min > 0 && (axisOption.zero = !1)), isNumber$6(null == axisOption ? void 0 : axisOption.max) && (range.max = axisOption.max, range.max < 0 && (axisOption.zero = !1)), merge$2({
+          isNumber$6(null == axisOption ? void 0 : axisOption.min) && (range.min = axisOption.min, range.min > 0 && (axisOption.zero = !1)), isNumber$6(null == axisOption ? void 0 : axisOption.max) && (range.max = axisOption.max, range.max < 0 && (axisOption.zero = !1));
+          let domain = [];
+          if ("heatmap" === chartType) {
+            const rowDimensionKey = layout.getDimensionKeyInChartSpec(layout.colCount - layout.rightFrozenColCount - 1, row, "yField"),
+              data = null !== (_j = layout.dataset.collectedValues[rowDimensionKey]) && void 0 !== _j ? _j : [],
+              rowPath = layout.getRowKeysPath(col, row);
+            domain = null !== (_k = null == data ? void 0 : data[null != rowPath ? rowPath : ""]) && void 0 !== _k ? _k : [];
+          }
+          return merge$2({
             range: range,
             title: {
               autoRotate: !0
-            }
+            },
+            domain: "linear" === (null == axisOption ? void 0 : axisOption.type) ? void 0 : Array.from(domain)
           }, axisOption, {
             orient: "right",
             type: (null == axisOption ? void 0 : axisOption.type) || "linear",
@@ -55853,9 +55931,9 @@
         if (row === layout.rowCount - layout.bottomFrozenRowCount && col >= layout.rowHeaderLevelCount && col < layout.colCount - layout.rightFrozenColCount) {
           let columnDimensionKey = layout.getDimensionKeyInChartSpec(col, layout.columnHeaderLevelCount);
           isArray$9(columnDimensionKey) && (columnDimensionKey = columnDimensionKey[0]);
-          const data = null !== (_e = layout.dataset.collectedValues[columnDimensionKey]) && void 0 !== _e ? _e : [],
+          const data = null !== (_l = layout.dataset.collectedValues[columnDimensionKey]) && void 0 !== _l ? _l : [],
             colPath = layout.getColKeysPath(col, row),
-            domain = null !== (_f = null == data ? void 0 : data[null != colPath ? colPath : ""]) && void 0 !== _f ? _f : [],
+            domain = null !== (_m = null == data ? void 0 : data[null != colPath ? colPath : ""]) && void 0 !== _m ? _m : [],
             {
               axisOption: axisOption,
               isPercent: isPercent,
@@ -55870,7 +55948,7 @@
             range: "linear" === (null == axisOption ? void 0 : axisOption.type) ? domain : void 0
           }, axisOption, {
             orient: "bottom",
-            type: null !== (_g = null == axisOption ? void 0 : axisOption.type) && void 0 !== _g ? _g : "band",
+            type: null !== (_o = null == axisOption ? void 0 : axisOption.type) && void 0 !== _o ? _o : "band",
             __vtableChartTheme: theme,
             __vtablePadding: padding
           });
@@ -55997,20 +56075,44 @@
       Direction.vertical = "vertical", Direction.horizontal = "horizontal";
     }(Direction || (Direction = {}));
     function hasLinearAxis(spec, tableAxesConfig, isHorizontal, isThisXAxis) {
-      if (!isArray$9(spec.axes) || 0 === spec.axes.length) return isHorizontal && isThisXAxis || !isHorizontal && !isThisXAxis;
-      for (let i = 0; i < spec.axes.length; i++) {
+      if (!(isArray$9(spec.axes) && 0 !== spec.axes.length || isArray$9(tableAxesConfig) && 0 !== tableAxesConfig.length)) return isHorizontal && isThisXAxis || !isHorizontal && !isThisXAxis;
+      if (isArray$9(spec.axes) && spec.axes.length > 0) for (let i = 0; i < spec.axes.length; i++) {
         const axisSpec = spec.axes[i];
-        if (!isHorizontal && isThisXAxis && "bottom" === axisSpec.orient && "linear" === axisSpec.type) return !0;
-        if (isHorizontal && isThisXAxis && "bottom" === axisSpec.orient && "linear" !== axisSpec.type) return !0;
-        if (!isHorizontal && !isThisXAxis && "left" === axisSpec.orient && "linear" !== axisSpec.type) return !0;
-        if (isHorizontal && !isThisXAxis && "left" === axisSpec.orient && "linear" === axisSpec.type) return !0;
+        if (!isHorizontal && isThisXAxis && "bottom" === axisSpec.orient) {
+          if ("heatmap" === spec.type) return "linear" === axisSpec.type;
+          if ("linear" === axisSpec.type) return !0;
+        }
+        if (isHorizontal && isThisXAxis && "bottom" === axisSpec.orient) {
+          if ("heatmap" === spec.type) return "linear" === axisSpec.type;
+          if ("linear" !== axisSpec.type) return !0;
+        }
+        if (!isHorizontal && !isThisXAxis && "left" === axisSpec.orient) {
+          if ("heatmap" === spec.type) return "linear" === axisSpec.type;
+          if ("linear" !== axisSpec.type) return !0;
+        }
+        if (isHorizontal && !isThisXAxis && "left" === axisSpec.orient) {
+          if ("heatmap" === spec.type) return "linear" === axisSpec.type;
+          if ("linear" === axisSpec.type) return !0;
+        }
       }
       if (isArray$9(tableAxesConfig) && tableAxesConfig.length > 0) for (let i = 0; i < tableAxesConfig.length; i++) {
         const axisSpec = tableAxesConfig[i];
-        if (!isHorizontal && isThisXAxis && "bottom" === axisSpec.orient && "linear" === axisSpec.type) return !0;
-        if (isHorizontal && isThisXAxis && "bottom" === axisSpec.orient && "linear" !== axisSpec.type) return !0;
-        if (!isHorizontal && !isThisXAxis && "left" === axisSpec.orient && "linear" !== axisSpec.type) return !0;
-        if (isHorizontal && !isThisXAxis && "left" === axisSpec.orient && "linear" === axisSpec.type) return !0;
+        if (!isHorizontal && isThisXAxis && "bottom" === axisSpec.orient) {
+          if ("heatmap" === spec.type) return "linear" === axisSpec.type;
+          if ("linear" === axisSpec.type) return !0;
+        }
+        if (isHorizontal && isThisXAxis && "bottom" === axisSpec.orient) {
+          if ("heatmap" === spec.type) return "linear" === axisSpec.type;
+          if ("linear" !== axisSpec.type) return !0;
+        }
+        if (!isHorizontal && !isThisXAxis && "left" === axisSpec.orient) {
+          if ("heatmap" === spec.type) return "linear" === axisSpec.type;
+          if ("linear" !== axisSpec.type) return !0;
+        }
+        if (isHorizontal && !isThisXAxis && "left" === axisSpec.orient) {
+          if ("heatmap" === spec.type) return "linear" === axisSpec.type;
+          if ("linear" === axisSpec.type) return !0;
+        }
       }
       return isHorizontal && isThisXAxis || !isHorizontal && !isThisXAxis;
     }
@@ -56429,7 +56531,7 @@
       }
       constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.0.18", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.0.19", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         this.pluginManager = new PluginManager(this, options), this.fireListeners(TABLE_EVENT_TYPE.BEFORE_INIT, {
           options: options,
           container: container
@@ -56511,8 +56613,8 @@
         if (internalProps.calcWidthContext = {
           _: internalProps,
           get full() {
-            var _a;
-            return "node" === Env.mode ? that.canvasWidth / (null != pixelRatio ? pixelRatio : 1) : this._.canvas.width / (null !== (_a = this._.context.pixelRatio) && void 0 !== _a ? _a : window.devicePixelRatio);
+            var _a, _b;
+            return "node" === Env.mode ? that.canvasWidth / (null != pixelRatio ? pixelRatio : 1) : this._.canvas.width / (null !== (_b = null !== (_a = this._.context.pixelRatio) && void 0 !== _a ? _a : that.internalProps.pixelRatio) && void 0 !== _b ? _b : window.devicePixelRatio);
           }
         }, internalProps.cellTextOverflows = {}, internalProps.focusedTable = !1, internalProps.theme = themes.of(null !== (_r = options.theme) && void 0 !== _r ? _r : themes.DEFAULT), internalProps.theme.isPivot = this.isPivotTable(), setIconColor(internalProps.theme.functionalIconsStyle), container ? (clearDOM && (container.innerHTML = ""), container.appendChild(internalProps.element), this._updateSize()) : this._updateSize(), internalProps.bodyHelper = new BodyHelper(this), internalProps.headerHelper = new HeaderHelper(this), internalProps.rowSeriesNumberHelper = new RowSeriesNumberHelper(this), internalProps.autoWrapText = options.autoWrapText, internalProps.enableLineBreak = options.enableLineBreak, internalProps.allowFrozenColCount = null !== (_s = options.allowFrozenColCount) && void 0 !== _s ? _s : 0, internalProps.limitMaxAutoWidth = null !== (_t = options.limitMaxAutoWidth) && void 0 !== _t ? _t : 450, internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, this.scenegraph = new Scenegraph(this), this.stateManager = new StateManager(this), this.eventManager = new EventManager(this), this.animationManager = new TableAnimationManager(this), options.legends) {
           internalProps.legends = [];
@@ -56806,12 +56908,13 @@
         var _a;
         if (pixelRatio !== (null === (_a = this.internalProps) || void 0 === _a ? void 0 : _a.pixelRatio)) {
           this.internalProps.pixelRatio = pixelRatio;
-          const canvasWidth = this.canvasWidth;
+          const that = this,
+            canvasWidth = this.canvasWidth;
           this.internalProps.calcWidthContext = {
             _: this.internalProps,
             get full() {
-              var _a;
-              return "node" === Env.mode ? canvasWidth / (null != pixelRatio ? pixelRatio : 1) : this._.canvas.width / (null !== (_a = this._.context.pixelRatio) && void 0 !== _a ? _a : window.devicePixelRatio);
+              var _a, _b;
+              return "node" === Env.mode ? canvasWidth / (null != pixelRatio ? pixelRatio : 1) : this._.canvas.width / (null !== (_b = null !== (_a = this._.context.pixelRatio) && void 0 !== _a ? _a : that.internalProps.pixelRatio) && void 0 !== _b ? _b : window.devicePixelRatio);
             }
           }, this.scenegraph.setPixelRatio(pixelRatio);
         }
@@ -57349,7 +57452,7 @@
         this.release();
       }
       release() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
         const internalProps = this.internalProps;
         if (this.isReleased) return;
         null === (_b = null === (_a = internalProps.tooltipHandler) || void 0 === _a ? void 0 : _a.release) || void 0 === _b || _b.call(_a), null === (_d = null === (_c = internalProps.menuHandler) || void 0 === _c ? void 0 : _c.release) || void 0 === _d || _d.call(_c), null === (_e = super.release) || void 0 === _e || _e.call(this), this.pluginManager.release(), null === (_g = null === (_f = internalProps.handler) || void 0 === _f ? void 0 : _f.release) || void 0 === _g || _g.call(_f), this.eventManager.release(), null === (_j = null === (_h = internalProps.focusControl) || void 0 === _h ? void 0 : _h.release) || void 0 === _j || _j.call(_h), null === (_k = internalProps.legends) || void 0 === _k || _k.forEach(legend => {
@@ -57358,10 +57461,8 @@
           var _a;
           return null === (_a = null == releaseObj ? void 0 : releaseObj.release) || void 0 === _a ? void 0 : _a.call(releaseObj);
         }), internalProps.releaseList = null), this.scenegraph.stage.release(), this.scenegraph.proxy.release(), internalProps.focusControl.release();
-        const {
-          parentElement: parentElement
-        } = internalProps.element;
-        parentElement && !this.options.canvas && parentElement.removeChild(internalProps.element), null === (_q = null === (_p = null === (_o = this.editorManager) || void 0 === _o ? void 0 : _o.editingEditor) || void 0 === _p ? void 0 : _p.onEnd) || void 0 === _q || _q.call(_p), this.isReleased = !0, this.scenegraph = null, this.internalProps = null, null === (_r = this.reactCustomLayout) || void 0 === _r || _r.clearCache(), clearChartRenderQueue();
+        const parentElement = null === (_o = internalProps.element) || void 0 === _o ? void 0 : _o.parentElement;
+        parentElement && !this.options.canvas && parentElement.removeChild(internalProps.element), null === (_r = null === (_q = null === (_p = this.editorManager) || void 0 === _p ? void 0 : _p.editingEditor) || void 0 === _q ? void 0 : _q.onEnd) || void 0 === _r || _r.call(_q), this.isReleased = !0, this.scenegraph = null, this.internalProps = null, null === (_s = this.reactCustomLayout) || void 0 === _s || _s.clearCache(), clearChartRenderQueue();
       }
       fireListeners(type, event) {
         return super.fireListeners(type, event);
@@ -57561,10 +57662,10 @@
       clearSelected() {
         this.stateManager.updateSelectPos(-1, -1);
       }
-      selectCell(col, row, isShift, isCtrl, makeSelectCellVisible, skipBodyMerge = !1) {
+      selectCell(col, row, enableShiftSelectMode, enableCtrlSelectMode, makeSelectCellVisible, skipBodyMerge = !1) {
         var _a, _b, _c;
         const isHasSelected = !!(null === (_a = this.stateManager.select.ranges) || void 0 === _a ? void 0 : _a.length);
-        this.stateManager.updateSelectPos(col, row, isShift, isCtrl, !1, null === (_c = null != makeSelectCellVisible ? makeSelectCellVisible : null === (_b = this.options.select) || void 0 === _b ? void 0 : _b.makeSelectCellVisible) || void 0 === _c || _c, skipBodyMerge), this.stateManager.endSelectCells(!0, isHasSelected);
+        this.stateManager.updateSelectPos(col, row, enableShiftSelectMode, enableCtrlSelectMode, !1, null === (_c = null != makeSelectCellVisible ? makeSelectCellVisible : null === (_b = this.options.select) || void 0 === _b ? void 0 : _b.makeSelectCellVisible) || void 0 === _c || _c, skipBodyMerge), this.stateManager.endSelectCells(!0, isHasSelected);
       }
       selectCells(cellRanges) {
         const {
@@ -57630,30 +57731,30 @@
           }
         }]);
       }
-      startDragSelectCol(colIndex, isCtrl, isShift) {
+      startDragSelectCol(colIndex, enableCtrlSelectMode, enableShiftSelectMode) {
         var _a, _b, _c, _d, _e, _f;
         const lastSelectRange = this.stateManager.select.ranges[this.stateManager.select.ranges.length - 1],
-          startCol = isShift && (null === (_a = null == lastSelectRange ? void 0 : lastSelectRange.start) || void 0 === _a ? void 0 : _a.col) ? null === (_b = null == lastSelectRange ? void 0 : lastSelectRange.start) || void 0 === _b ? void 0 : _b.col : colIndex,
+          startCol = enableShiftSelectMode && (null === (_a = null == lastSelectRange ? void 0 : lastSelectRange.start) || void 0 === _a ? void 0 : _a.col) ? null === (_b = null == lastSelectRange ? void 0 : lastSelectRange.start) || void 0 === _b ? void 0 : _b.col : colIndex,
           endCol = colIndex,
           endRow = this.rowCount - 1;
-        this.stateManager.updateSelectPos(startCol, 0, isShift, isCtrl, !1, null === (_d = null === (_c = this.options.select) || void 0 === _c ? void 0 : _c.makeSelectCellVisible) || void 0 === _d || _d, !0), this.stateManager.updateInteractionState(InteractionState.grabing), this.stateManager.updateSelectPos(endCol, endRow, isShift, isCtrl, !1, null === (_f = null === (_e = this.options.select) || void 0 === _e ? void 0 : _e.makeSelectCellVisible) || void 0 === _f || _f, !0);
+        this.stateManager.updateSelectPos(startCol, 0, enableShiftSelectMode, enableCtrlSelectMode, !1, null === (_d = null === (_c = this.options.select) || void 0 === _c ? void 0 : _c.makeSelectCellVisible) || void 0 === _d || _d, !0), this.stateManager.updateInteractionState(InteractionState.grabing), this.stateManager.updateSelectPos(endCol, endRow, enableShiftSelectMode, enableCtrlSelectMode, !1, null === (_f = null === (_e = this.options.select) || void 0 === _e ? void 0 : _e.makeSelectCellVisible) || void 0 === _f || _f, !0);
       }
-      dragSelectCol(colIndex, isCtrl) {
+      dragSelectCol(colIndex, enableCtrlSelectMode) {
         var _a, _b;
         const currentSelectRanges = this.stateManager.select.ranges,
           lastSelectRange = currentSelectRanges[currentSelectRanges.length - 1];
-        lastSelectRange && (lastSelectRange.end.col = colIndex), this.stateManager.updateSelectPos(colIndex, this.rowCount - 1, !1, isCtrl, !1, null === (_b = null === (_a = this.options.select) || void 0 === _a ? void 0 : _a.makeSelectCellVisible) || void 0 === _b || _b, !0);
+        lastSelectRange && (lastSelectRange.end.col = colIndex), this.stateManager.updateSelectPos(colIndex, this.rowCount - 1, !1, enableCtrlSelectMode, !1, null === (_b = null === (_a = this.options.select) || void 0 === _a ? void 0 : _a.makeSelectCellVisible) || void 0 === _b || _b, !0);
       }
       endDragSelect() {
         this.stateManager.updateInteractionState(InteractionState.default), this.stateManager.endSelectCells(!1, !1);
       }
-      startDragSelectRow(rowIndex, isCtrl, isShift) {
+      startDragSelectRow(rowIndex, enableCtrlSelectMode, isShift) {
         var _a, _b, _c, _d, _e, _f;
         const lastSelectRange = this.stateManager.select.ranges[this.stateManager.select.ranges.length - 1],
           startRow = isShift && (null === (_a = null == lastSelectRange ? void 0 : lastSelectRange.start) || void 0 === _a ? void 0 : _a.row) ? null === (_b = null == lastSelectRange ? void 0 : lastSelectRange.start) || void 0 === _b ? void 0 : _b.row : rowIndex,
           endCol = this.colCount - 1,
           endRow = rowIndex;
-        this.stateManager.updateSelectPos(0, startRow, isShift, isCtrl, !1, null === (_d = null === (_c = this.options.select) || void 0 === _c ? void 0 : _c.makeSelectCellVisible) || void 0 === _d || _d, !0), this.stateManager.updateInteractionState(InteractionState.grabing), this.stateManager.updateSelectPos(endCol, endRow, isShift, isCtrl, !1, null === (_f = null === (_e = this.options.select) || void 0 === _e ? void 0 : _e.makeSelectCellVisible) || void 0 === _f || _f, !0);
+        this.stateManager.updateSelectPos(0, startRow, isShift, enableCtrlSelectMode, !1, null === (_d = null === (_c = this.options.select) || void 0 === _c ? void 0 : _c.makeSelectCellVisible) || void 0 === _d || _d, !0), this.stateManager.updateInteractionState(InteractionState.grabing), this.stateManager.updateSelectPos(endCol, endRow, isShift, enableCtrlSelectMode, !1, null === (_f = null === (_e = this.options.select) || void 0 === _e ? void 0 : _e.makeSelectCellVisible) || void 0 === _f || _f, !0);
       }
       dragSelectRow(rowIndex, isCtrl) {
         var _a, _b;
@@ -59877,7 +59978,7 @@
       let isHasCartesianChart = !1;
       for (let i = 0; i < indicatorsDefine.length; i++) {
         const columnObj = indicatorsDefine[i];
-        if (columnObj.chartSpec && "wordCloud" !== columnObj.chartSpec.type && "radar" !== columnObj.chartSpec.type && "gauge" !== columnObj.chartSpec.type && "pie" !== columnObj.chartSpec.type && "funnel" !== columnObj.chartSpec.type && "rose" !== columnObj.chartSpec.type) {
+        if (columnObj.chartSpec && "wordCloud" !== columnObj.chartSpec.type && "radar" !== columnObj.chartSpec.type && "gauge" !== columnObj.chartSpec.type && "pie" !== columnObj.chartSpec.type && "funnel" !== columnObj.chartSpec.type && "rose" !== columnObj.chartSpec.type && "sunburst" !== columnObj.chartSpec.type && "treemap" !== columnObj.chartSpec.type && "sankey" !== columnObj.chartSpec.type && "circlePacking" !== columnObj.chartSpec.type) {
           isHasCartesianChart = !0;
           break;
         }
@@ -59887,19 +59988,19 @@
     function isCartesianChart(col, row, layout) {
       let isHasCartesianChart = !0;
       const chartSpec = layout.getRawChartSpec(col, row);
-      return chartSpec && "pie" !== chartSpec.type && "radar" !== chartSpec.type && "gauge" !== chartSpec.type && "wordCloud" !== chartSpec.type && "funnel" !== chartSpec.type && "rose" !== chartSpec.type || (isHasCartesianChart = !1), isHasCartesianChart;
+      return chartSpec && "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.type || (isHasCartesianChart = !1), isHasCartesianChart;
     }
     function isHasCartesianChartInline(col, row, checkDirection, layout) {
       let isHasCartesianChart = !1;
       if (layout.indicatorsAsCol && "row" === checkDirection || !layout.indicatorsAsCol && "col" === checkDirection) for (let i = 0; i < layout.indicatorsDefine.length; i++) {
         const columnObj = layout.indicatorsDefine[i];
-        if (columnObj.chartSpec && "pie" !== columnObj.chartSpec.type && "wordCloud" !== columnObj.chartSpec.type && "radar" !== columnObj.chartSpec.type && "gauge" !== columnObj.chartSpec.type && "funnel" !== columnObj.chartSpec.type && "rose" !== columnObj.chartSpec.type) {
+        if (columnObj.chartSpec && "pie" !== columnObj.chartSpec.type && "wordCloud" !== columnObj.chartSpec.type && "radar" !== columnObj.chartSpec.type && "gauge" !== columnObj.chartSpec.type && "funnel" !== columnObj.chartSpec.type && "rose" !== columnObj.chartSpec.type && "sunburst" !== columnObj.chartSpec.type && "treemap" !== columnObj.chartSpec.type && "sankey" !== columnObj.chartSpec.type && "circlePacking" !== columnObj.chartSpec.type) {
           isHasCartesianChart = !0;
           break;
         }
       } else {
         const chartSpec = layout.getRawChartSpec(col, row);
-        chartSpec ? "pie" !== chartSpec.type && "radar" !== chartSpec.type && "gauge" !== chartSpec.type && "wordCloud" !== chartSpec.type && "funnel" !== chartSpec.type && "rose" !== chartSpec.type && (isHasCartesianChart = !0) : isHasCartesianChart = !1;
+        chartSpec ? "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.type && (isHasCartesianChart = !0) : isHasCartesianChart = !1;
       }
       return isHasCartesianChart;
     }
@@ -59907,7 +60008,7 @@
       let chartSpec = layout.getRawChartSpec(col, row);
       return chartSpec ? layout._table.isPivotChart() ? (chartSpec = cloneDeepSpec(chartSpec), chartSpec.sortDataByAxis = !0, isArray$9(chartSpec.series) && chartSpec.series.forEach(serie => {
         serie.sortDataByAxis = !0;
-      }), "gauge" !== chartSpec.type && "rose" !== chartSpec.type && "radar" !== chartSpec.type && (chartSpec.axes = layout.getChartAxes(col, row)), chartSpec.padding = 0, chartSpec.dataZoom = [], chartSpec) : chartSpec : null;
+      }), "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.type && (chartSpec.axes = layout.getChartAxes(col, row)), chartSpec.padding = 0, chartSpec.dataZoom = [], chartSpec) : chartSpec : null;
     }
     function getChartAxes(col, row, layout) {
       var _a, _b, _c;
@@ -59992,19 +60093,32 @@
         const indicatorKeys = layout.getIndicatorKeyInChartSpec(col, row),
           rowPath = layout.getRowKeysPath(col, row);
         indicatorKeys.forEach((key, index) => {
+          var _a, _b;
           const {
             range: range,
             targetTicks: targetTicks,
             targetRange: targetRange,
             axisOption: axisOption
           } = getAxisRangeAndTicks(col, row, index, 0 === index ? "left" : "right", 0 === index ? "right" : "left", indicatorKeys, rowPath, layout);
-          isNumber$6(null == axisOption ? void 0 : axisOption.min) && (range.min = axisOption.min), isNumber$6(null == axisOption ? void 0 : axisOption.max) && (range.max = axisOption.max), hasSameAxis(axisOption, axes) || axes.push(merge$2({
+          if (isNumber$6(null == axisOption ? void 0 : axisOption.min) && (range.min = axisOption.min), isNumber$6(null == axisOption ? void 0 : axisOption.max) && (range.max = axisOption.max), hasSameAxis(axisOption, axes)) return;
+          const {
+            chartType: chartType
+          } = getAxisOption(col, row, 0 === index ? "left" : "right", layout);
+          let domain = [];
+          if ("heatmap" === chartType) {
+            const rowDimensionKey = layout.getDimensionKeyInChartSpec(layout.rowHeaderLevelCount, row, "yField"),
+              data = null !== (_a = layout.dataset.collectedValues[rowDimensionKey]) && void 0 !== _a ? _a : [],
+              rowPath = layout.getRowKeysPath(col, row);
+            domain = null !== (_b = null == data ? void 0 : data[null != rowPath ? rowPath : ""]) && void 0 !== _b ? _b : [];
+          }
+          axes.push(merge$2({
             range: range,
             label: {
               style: {
                 fontSize: DEFAULT_TEXT_FONT_SIZE
               }
-            }
+            },
+            domain: "linear" === (null == axisOption ? void 0 : axisOption.type) ? void 0 : Array.from(domain)
           }, axisOption, {
             type: (null == axisOption ? void 0 : axisOption.type) || "linear",
             orient: 0 === index ? "left" : "right",
@@ -60020,7 +60134,8 @@
             },
             seriesIndex: (null == axisOption ? void 0 : axisOption.seriesId) ? void 0 : index,
             tick: {
-              tickMode: getTickModeFunction(targetTicks, targetRange, range, index)
+              tickMode: getTickModeFunction(targetTicks, targetRange, range, index),
+              visible: !1
             },
             sync: {
               axisId: NO_AXISID_FRO_VTABLE
@@ -61487,6 +61602,7 @@
       } else if (table.sortState) table.dataSource.deleteRecordsForSorted(recordIndexs), sortRecords(table), table.refreshRowColCount(), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph();else {
         const deletedRecordIndexs = table.dataSource.deleteRecords(recordIndexs);
         if (0 === deletedRecordIndexs.length) 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,
@@ -61690,10 +61806,22 @@
           checkedState.delete(originKey), targetKey && checkedState.set(targetKey, value);
         });
       } else {
-        for (let key = checkedState.size - 1; key >= recordIndex; key--) {
-          const record = checkedState.get(key.toString());
-          checkedState.delete(key.toString()), checkedState.set((key - count).toString(), record);
-        }
+        const toDelete = [],
+          toUpdate = [];
+        checkedState.forEach((value, key) => {
+          const dataIndex = Number(key);
+          !isNaN(dataIndex) && dataIndex >= recordIndex && (dataIndex === recordIndex ? toDelete.push(key) : dataIndex > recordIndex && toUpdate.push({
+            originKey: key,
+            targetKey: (dataIndex - count).toString(),
+            value: value
+          }));
+        }), toDelete.forEach(key => checkedState.delete(key)), toUpdate.forEach(({
+          originKey: originKey,
+          targetKey: targetKey,
+          value: value
+        }) => {
+          checkedState.delete(originKey), checkedState.set(targetKey, value);
+        });
       }
     }
     function adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, count) {
@@ -62489,7 +62617,8 @@
         return Array.isArray(index) && 1 === index.length && (index = index[0]), this.dataSource.getTableIndex(index);
       }
       release() {
-        this.editorManager.release(), super.release();
+        var _a;
+        null === (_a = this.editorManager) || void 0 === _a || _a.release(), super.release();
       }
       expandAllTreeNode() {
         if (!this._hasHierarchyTreeHeader()) return;
@@ -65582,7 +65711,7 @@
     };
 
     function createChartCellGroup(cellGroup, columnGroup, xOrigin, yOrigin, col, row, width, height, padding, dataValue, chartModule, chartSpec, chartInstance, dataId, table, cellTheme, isShareChartSpec, isAsync, isNoChartDataRenderNothing) {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
       const ClassType = get$1()[chartModule],
         headerStyle = table._getCellStyle(col, row),
         functionalPadding = getFunctionalProp("padding", headerStyle, col, row, table);
@@ -65637,6 +65766,7 @@
           data: table.getCellValue(col, row) || [],
           cellPadding: padding,
           dpr: table.internalProps.pixelRatio,
+          detectPickChartItem: null === (_1 = table.options.customConfig) || void 0 === _1 ? void 0 : _1.detectPickChartItem,
           axes: table.isPivotChart() ? table.internalProps.layoutMap.getChartAxes(col, row) : [],
           tableChartOption: table.options.chartOption,
           col: col,
@@ -68907,15 +69037,23 @@
       clearCellRangeMap() {
         this._largeCellRangeCache.length = 0, this._CellHeaderPathMap = new Map();
       }
-      getDimensionKeyInChartSpec(_col, _row) {
-        var _a, _b, _c, _d, _e, _f;
+      getDimensionKeyInChartSpec(_col, _row, type) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
         let dimensionKey;
-        if (!1 === this.indicatorsAsCol) for (let i = 0; i < this.indicatorsDefine.length; i++) {
-          const chartSpec = this.indicatorsDefine[i].chartSpec;
-          if (chartSpec && (dimensionKey = null !== (_a = chartSpec.xField) && void 0 !== _a ? _a : null === (_c = null === (_b = null == chartSpec ? void 0 : chartSpec.series) || void 0 === _b ? void 0 : _b[0]) || void 0 === _c ? void 0 : _c.xField, dimensionKey)) return dimensionKey;
-        } else for (let i = 0; i < this.indicatorsDefine.length; i++) {
-          const chartSpec = this.indicatorsDefine[i].chartSpec;
-          if (chartSpec && (dimensionKey = null !== (_d = chartSpec.yField) && void 0 !== _d ? _d : null === (_f = null === (_e = null == chartSpec ? void 0 : chartSpec.series) || void 0 === _e ? void 0 : _e[0]) || void 0 === _f ? void 0 : _f.yField, dimensionKey)) return dimensionKey;
+        if (!1 === this.indicatorsAsCol) {
+          const chartSpec = this.getRawChartSpec(_col, _row);
+          if (chartSpec && (dimensionKey = "yField" === type ? null !== (_a = chartSpec.yField) && void 0 !== _a ? _a : null === (_c = null === (_b = null == chartSpec ? void 0 : chartSpec.series) || void 0 === _b ? void 0 : _b[0]) || void 0 === _c ? void 0 : _c.yField : "histogram" === chartSpec.type ? chartSpec.x2Field : null !== (_d = chartSpec.xField) && void 0 !== _d ? _d : null === (_f = null === (_e = null == chartSpec ? void 0 : chartSpec.series) || void 0 === _e ? void 0 : _e[0]) || void 0 === _f ? void 0 : _f.xField, dimensionKey)) return dimensionKey;
+          for (let i = 0; i < this.indicatorsDefine.length; i++) {
+            const chartSpec = this.indicatorsDefine[i].chartSpec;
+            if (chartSpec && (dimensionKey = "yField" === type ? null !== (_g = chartSpec.yField) && void 0 !== _g ? _g : null === (_j = null === (_h = null == chartSpec ? void 0 : chartSpec.series) || void 0 === _h ? void 0 : _h[0]) || void 0 === _j ? void 0 : _j.yField : "histogram" === chartSpec.type ? chartSpec.x2Field : null !== (_k = chartSpec.xField) && void 0 !== _k ? _k : null === (_m = null === (_l = null == chartSpec ? void 0 : chartSpec.series) || void 0 === _l ? void 0 : _l[0]) || void 0 === _m ? void 0 : _m.xField, dimensionKey)) return dimensionKey;
+          }
+        } else {
+          const chartSpec = this.getRawChartSpec(_col, _row);
+          if (chartSpec && (dimensionKey = "xField" === type ? "histogram" === chartSpec.type ? chartSpec.x2Field : null !== (_o = chartSpec.xField) && void 0 !== _o ? _o : null === (_q = null === (_p = null == chartSpec ? void 0 : chartSpec.series) || void 0 === _p ? void 0 : _p[0]) || void 0 === _q ? void 0 : _q.xField : null !== (_r = chartSpec.yField) && void 0 !== _r ? _r : null === (_t = null === (_s = null == chartSpec ? void 0 : chartSpec.series) || void 0 === _s ? void 0 : _s[0]) || void 0 === _t ? void 0 : _t.yField, dimensionKey)) return dimensionKey;
+          for (let i = 0; i < this.indicatorsDefine.length; i++) {
+            const chartSpec = this.indicatorsDefine[i].chartSpec;
+            if (chartSpec && (dimensionKey = "xField" === type ? "histogram" === chartSpec.type ? chartSpec.x2Field : null !== (_u = chartSpec.xField) && void 0 !== _u ? _u : null === (_w = null === (_v = null == chartSpec ? void 0 : chartSpec.series) || void 0 === _v ? void 0 : _v[0]) || void 0 === _w ? void 0 : _w.xField : null !== (_x = chartSpec.yField) && void 0 !== _x ? _x : null === (_z = null === (_y = null == chartSpec ? void 0 : chartSpec.series) || void 0 === _y ? void 0 : _y[0]) || void 0 === _z ? void 0 : _z.yField, dimensionKey)) return dimensionKey;
+          }
         }
         return null;
       }
@@ -68988,22 +69126,23 @@
         }
         return null;
       }
-      getOptimunHeightForChart(row) {
+      getOptimunHeightForChart(row, isHeatmap) {
         var _a, _b, _c, _d, _e;
         const path = this.getCellHeaderPaths(this.rowHeaderLevelCount, row).rowHeaderPaths;
         let collectedValues, height;
+        isHeatmap && path[path.length - 1].indicatorKey && path.pop();
         for (const key in this.dataset.collectValuesBy) if ("yField" === this.dataset.collectValuesBy[key].type && !this.dataset.collectValuesBy[key].range) {
           collectedValues = null === (_a = this.dataset.collectedValues[key]) || void 0 === _a ? void 0 : _a[path.map(pathObj => pathObj.value).join(this.dataset.stringJoinChar)];
           break;
         }
         if (this._chartItemBandSize) height = scaleWholeRangeSize(null !== (_b = null == collectedValues ? void 0 : collectedValues.length) && void 0 !== _b ? _b : 0, this._chartItemBandSize, this._chartPaddingInner, this._chartPaddingOuter);else {
           const barWidth = this._chartItemSpanSize || 25;
-          height = (null !== (_c = null == collectedValues ? void 0 : collectedValues.length) && void 0 !== _c ? _c : 0) * (barWidth + barWidth / 3);
+          height = (null !== (_c = null == collectedValues ? void 0 : collectedValues.length) && void 0 !== _c ? _c : 0) * (barWidth + (isHeatmap ? 0 : barWidth / 3));
         }
         const padding = getQuadProps(null !== (_e = null !== (_d = this._chartPadding) && void 0 !== _d ? _d : this._table.theme.bodyStyle.padding) && void 0 !== _e ? _e : 0);
         return height + padding[0] + padding[2];
       }
-      getOptimunWidthForChart(col) {
+      getOptimunWidthForChart(col, isHeatmap) {
         var _a, _b, _c, _d, _e;
         const path = this.getCellHeaderPaths(col, this.columnHeaderLevelCount).colHeaderPaths;
         let collectedValues, width;
@@ -69013,7 +69152,7 @@
         }
         if (this._chartItemBandSize) width = scaleWholeRangeSize(null !== (_b = null == collectedValues ? void 0 : collectedValues.length) && void 0 !== _b ? _b : 0, this._chartItemBandSize, this._chartPaddingInner, this._chartPaddingOuter);else {
           const barWidth = this._chartItemSpanSize || 25;
-          width = (null !== (_c = null == collectedValues ? void 0 : collectedValues.length) && void 0 !== _c ? _c : 0) * (barWidth + barWidth / 3);
+          width = (null !== (_c = null == collectedValues ? void 0 : collectedValues.length) && void 0 !== _c ? _c : 0) * (barWidth + (isHeatmap ? 0 : barWidth / 3));
         }
         const padding = getQuadProps(null !== (_e = null !== (_d = this._chartPadding) && void 0 !== _d ? _d : this._table.theme.bodyStyle.padding) && void 0 !== _e ? _e : 0);
         return width + padding[1] + padding[3];
@@ -69432,7 +69571,7 @@
           this.filteredRecords || (this.filteredRecords = []);
           for (let i = 0, len = this.records.length; i < len; i++) {
             const record = this.records[i];
-            isNeedFilter && !this.filterRecord(record) || (this.filteredRecords.push(record), this.processRecord(record));
+            isNeedFilter && !this.filterRecord(record) || (this.filteredRecords.push(record), record && this.processRecord(record));
           }
         } else {
           this.filteredRecords || (this.filteredRecords = {});
@@ -71141,7 +71280,8 @@
         }));
       }
       release() {
-        this.internalProps.layoutMap.clearHeaderPathCache(), this.editorManager.release(), super.release();
+        var _a;
+        this.internalProps.layoutMap.clearHeaderPathCache(), null === (_a = this.editorManager) || void 0 === _a || _a.release(), super.release();
       }
     };
 
@@ -71158,7 +71298,7 @@
         let columnDimensionTree, rowDimensionTree;
         super(container, options), this.layoutNodeId = {
           seqId: 0
-        }, this._selectedDataItemsInChart = [], this._selectedDimensionInChart = [], this._chartEventMap = {}, (options = this.options).layout && Object.assign(options, options.layout), this.internalProps.columns = cloneDeep$1(options.columns), this.internalProps.rows = cloneDeep$1(options.rows), this.internalProps.indicators = cloneDeepSpec(options.indicators), this.internalProps.columnTree = !options.indicatorsAsCol || (null === (_a = options.columns) || void 0 === _a ? void 0 : _a.length) || options.columnTree ? cloneDeep$1(options.columnTree) : [], this.internalProps.rowTree = options.indicatorsAsCol || (null === (_b = options.rows) || void 0 === _b ? void 0 : _b.length) || options.rowTree ? cloneDeep$1(options.rowTree) : [], this.internalProps.records = options.records, this.setCustomStateNameToSpec(), this.internalProps.columnResizeType = null !== (_e = null !== (_d = null === (_c = options.resize) || void 0 === _c ? void 0 : _c.columnResizeType) && void 0 !== _d ? _d : options.columnResizeType) && void 0 !== _e ? _e : "column", this.internalProps.rowResizeType = null !== (_h = null !== (_g = null === (_f = options.resize) || void 0 === _f ? void 0 : _f.rowResizeType) && void 0 !== _g ? _g : options.rowResizeType) && void 0 !== _h ? _h : "row", this.internalProps.dataConfig = {
+        }, this._selectedDataItemsInChart = [], this._selectedDimensionInChart = [], this._chartEventMap = {}, this._throttleTimer = null, this._latestFilterRules = null, (options = this.options).layout && Object.assign(options, options.layout), this.internalProps.columns = cloneDeep$1(options.columns), this.internalProps.rows = cloneDeep$1(options.rows), this.internalProps.indicators = cloneDeepSpec(options.indicators), this.internalProps.columnTree = !options.indicatorsAsCol || (null === (_a = options.columns) || void 0 === _a ? void 0 : _a.length) || options.columnTree ? cloneDeep$1(options.columnTree) : [], this.internalProps.rowTree = options.indicatorsAsCol || (null === (_b = options.rows) || void 0 === _b ? void 0 : _b.length) || options.rowTree ? cloneDeep$1(options.rowTree) : [], this.internalProps.records = options.records, this.setCustomStateNameToSpec(), this.internalProps.columnResizeType = null !== (_e = null !== (_d = null === (_c = options.resize) || void 0 === _c ? void 0 : _c.columnResizeType) && void 0 !== _d ? _d : options.columnResizeType) && void 0 !== _e ? _e : "column", this.internalProps.rowResizeType = null !== (_h = null !== (_g = null === (_f = options.resize) || void 0 === _f ? void 0 : _f.rowResizeType) && void 0 !== _g ? _g : options.rowResizeType) && void 0 !== _h ? _h : "row", this.internalProps.dataConfig = {
           isPivotChart: !0
         }, this.internalProps.columnWidthConfig = options.columnWidthConfig, this.internalProps.columnWidthConfigForRowHeader = options.columnWidthConfigForRowHeader, this._axes = isArray$9(options.axes) ? options.axes : [], options.columnTree && (!1 !== options.indicatorsAsCol && (this.internalProps.columnTree = supplementIndicatorNodesForCustomTree(this.internalProps.columnTree, options.indicators)), columnDimensionTree = new DimensionTree(null !== (_j = this.internalProps.columnTree) && void 0 !== _j ? _j : [], this.layoutNodeId)), options.rowTree && (!1 === options.indicatorsAsCol && (this.internalProps.rowTree = supplementIndicatorNodesForCustomTree(this.internalProps.rowTree, options.indicators)), rowDimensionTree = new DimensionTree(null !== (_k = this.internalProps.rowTree) && void 0 !== _k ? _k : [], this.layoutNodeId));
         const rowKeys = (null === (_l = null == rowDimensionTree ? void 0 : rowDimensionTree.dimensionKeys) || void 0 === _l ? void 0 : _l.count) ? rowDimensionTree.dimensionKeys.valueArr() : null !== (_o = null === (_m = options.rows) || void 0 === _m ? void 0 : _m.reduce((keys, rowObj) => ("string" == typeof rowObj ? keys.push(rowObj) : keys.push(rowObj.dimensionKey), keys), [])) && void 0 !== _o ? _o : [],
@@ -71481,20 +71621,20 @@
         };
       }
       _generateCollectValuesConfig(columnKeys, rowKeys) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
         columnKeys = columnKeys.filter(key => key !== IndicatorDimensionKeyPlaceholder), rowKeys = rowKeys.filter(key => key !== IndicatorDimensionKeyPlaceholder);
         const indicators = this.internalProps.indicators,
           collectValuesBy = {};
         for (let i = 0, len = null == indicators ? void 0 : indicators.length; i < len; i++) if ("string" != typeof indicators[i] && indicators[i].chartSpec) {
-          if ("pie" === (null === (_a = indicators[i].chartSpec) || void 0 === _a ? void 0 : _a.type) || "rose" === (null === (_b = indicators[i].chartSpec) || void 0 === _b ? void 0 : _b.type) || "radar" === (null === (_c = indicators[i].chartSpec) || void 0 === _c ? void 0 : _c.type) || "gauge" === (null === (_d = indicators[i].chartSpec) || void 0 === _d ? void 0 : _d.type) || "wordCloud" === (null === (_e = indicators[i].chartSpec) || void 0 === _e ? void 0 : _e.type)) continue;
+          if ("pie" === (null === (_a = indicators[i].chartSpec) || void 0 === _a ? void 0 : _a.type) || "rose" === (null === (_b = indicators[i].chartSpec) || void 0 === _b ? void 0 : _b.type) || "funnel" === (null === (_c = indicators[i].chartSpec) || void 0 === _c ? void 0 : _c.type) || "radar" === (null === (_d = indicators[i].chartSpec) || void 0 === _d ? void 0 : _d.type) || "gauge" === (null === (_e = indicators[i].chartSpec) || void 0 === _e ? void 0 : _e.type) || "wordCloud" === (null === (_f = indicators[i].chartSpec) || void 0 === _f ? void 0 : _f.type) || "sunburst" === (null === (_g = indicators[i].chartSpec) || void 0 === _g ? void 0 : _g.type) || "treemap" === (null === (_h = indicators[i].chartSpec) || void 0 === _h ? void 0 : _h.type) || "sankey" === (null === (_j = indicators[i].chartSpec) || void 0 === _j ? void 0 : _j.type) || "circlePacking" === (null === (_k = indicators[i].chartSpec) || void 0 === _k ? void 0 : _k.type)) continue;
           const indicatorDefine = indicators[i],
             indicatorSpec = indicatorDefine.chartSpec;
           if (!1 === this.options.indicatorsAsCol) {
-            if (!1 !== (null == indicatorSpec ? void 0 : indicatorSpec.stack) && ("bar" === (null == indicatorSpec ? void 0 : indicatorSpec.type) || "area" === (null == indicatorSpec ? void 0 : indicatorSpec.type)) && (indicatorSpec.stack = !0), collectValuesBy[indicatorDefine.indicatorKey] = {
+            if (!1 !== (null == indicatorSpec ? void 0 : indicatorSpec.stack) && ("bar" === (null == indicatorSpec ? void 0 : indicatorSpec.type) || "area" === (null == indicatorSpec ? void 0 : indicatorSpec.type)) && (indicatorSpec.stack = !0), "heatmap" !== (null == indicatorSpec ? void 0 : indicatorSpec.type) && (collectValuesBy[indicatorDefine.indicatorKey] = {
               by: rowKeys,
               range: !0,
-              sumBy: (null == indicatorSpec ? void 0 : indicatorSpec.stack) && columnKeys.concat(null == indicatorSpec ? void 0 : indicatorSpec.xField)
-            }, indicatorSpec.series) indicatorSpec.series.forEach(chartSeries => {
+              sumBy: "histogram" === indicatorSpec.type ? columnKeys.concat(null == indicatorSpec ? void 0 : indicatorSpec.xField, null == indicatorSpec ? void 0 : indicatorSpec.x2Field) : (null == indicatorSpec ? void 0 : indicatorSpec.stack) && columnKeys.concat(null == indicatorSpec ? void 0 : indicatorSpec.xField)
+            }), indicatorSpec.series) indicatorSpec.series.forEach(chartSeries => {
               var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
               const xField = "string" == typeof chartSeries.xField ? chartSeries.xField : chartSeries.xField[0];
               collectValuesBy[xField] = {
@@ -71512,29 +71652,30 @@
                 extendRange: parseMarkLineGetExtendRange(indicatorSpec.markLine)
               };
             });else {
-              const xField = "string" == typeof indicatorSpec.xField ? indicatorSpec.xField : indicatorSpec.xField[0];
+              const xField = "histogram" === indicatorSpec.type ? indicatorSpec.x2Field : "string" == typeof indicatorSpec.xField ? indicatorSpec.xField : indicatorSpec.xField[0];
               collectValuesBy[xField] = {
                 by: columnKeys,
                 type: "horizontal" !== indicatorSpec.direction ? "xField" : void 0,
                 range: hasLinearAxis(indicatorSpec, this._axes, "horizontal" === indicatorSpec.direction, !0),
-                sortBy: "horizontal" !== indicatorSpec.direction ? null === (_h = null === (_g = null === (_f = null == indicatorSpec ? void 0 : indicatorSpec.data) || void 0 === _f ? void 0 : _f.fields) || void 0 === _g ? void 0 : _g[xField]) || void 0 === _h ? void 0 : _h.domain : void 0
+                sortBy: "horizontal" !== indicatorSpec.direction ? null === (_o = null === (_m = null === (_l = null == indicatorSpec ? void 0 : indicatorSpec.data) || void 0 === _l ? void 0 : _l.fields) || void 0 === _m ? void 0 : _m[xField]) || void 0 === _o ? void 0 : _o.domain : void 0
               }, !1 !== (null == indicatorSpec ? void 0 : indicatorSpec.stack) && ("bar" === (null == indicatorSpec ? void 0 : indicatorSpec.type) || "area" === (null == indicatorSpec ? void 0 : indicatorSpec.type)) && (indicatorSpec.stack = !0);
               const yField = indicatorSpec.yField;
               collectValuesBy[yField] = {
                 by: rowKeys,
-                range: "horizontal" !== indicatorSpec.direction,
-                sumBy: indicatorSpec.stack && columnKeys.concat(null == indicatorSpec ? void 0 : indicatorSpec.xField),
-                sortBy: "horizontal" === indicatorSpec.direction ? null === (_l = null === (_k = null === (_j = null == indicatorSpec ? void 0 : indicatorSpec.data) || void 0 === _j ? void 0 : _j.fields) || void 0 === _k ? void 0 : _k[yField]) || void 0 === _l ? void 0 : _l.domain : void 0,
+                type: "horizontal" !== indicatorSpec.direction ? "yField" : void 0,
+                range: hasLinearAxis(indicatorSpec, this._axes, "horizontal" === indicatorSpec.direction, !1),
+                sumBy: "histogram" === indicatorSpec.type ? columnKeys.concat(null == indicatorSpec ? void 0 : indicatorSpec.xField, null == indicatorSpec ? void 0 : indicatorSpec.x2Field) : indicatorSpec.stack && columnKeys.concat(null == indicatorSpec ? void 0 : indicatorSpec.xField),
+                sortBy: "horizontal" === indicatorSpec.direction ? null === (_r = null === (_q = null === (_p = null == indicatorSpec ? void 0 : indicatorSpec.data) || void 0 === _p ? void 0 : _p.fields) || void 0 === _q ? void 0 : _q[yField]) || void 0 === _r ? void 0 : _r.domain : void 0,
                 extendRange: parseMarkLineGetExtendRange(indicatorSpec.markLine)
               };
             }
           } else {
             const indicatorDefine = indicators[i];
-            if (!1 !== (null == indicatorSpec ? void 0 : indicatorSpec.stack) && ("bar" === (null == indicatorSpec ? void 0 : indicatorSpec.type) || "area" === (null == indicatorSpec ? void 0 : indicatorSpec.type)) && (indicatorSpec.stack = !0), collectValuesBy[indicatorDefine.indicatorKey] = {
+            if (!1 !== (null == indicatorSpec ? void 0 : indicatorSpec.stack) && ("bar" === (null == indicatorSpec ? void 0 : indicatorSpec.type) || "area" === (null == indicatorSpec ? void 0 : indicatorSpec.type)) && (indicatorSpec.stack = !0), "heatmap" !== (null == indicatorSpec ? void 0 : indicatorSpec.type) && (collectValuesBy[indicatorDefine.indicatorKey] = {
               by: columnKeys,
               range: !0,
               sumBy: (null == indicatorSpec ? void 0 : indicatorSpec.stack) && rowKeys.concat(null == indicatorSpec ? void 0 : indicatorSpec.yField)
-            }, indicatorSpec.series) indicatorSpec.series.forEach(chartSeries => {
+            }), indicatorSpec.series) indicatorSpec.series.forEach(chartSeries => {
               var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
               const yField = "string" == typeof chartSeries.yField ? chartSeries.yField : chartSeries.yField[0];
               collectValuesBy[yField] = {
@@ -71557,14 +71698,15 @@
                 by: rowKeys,
                 type: "horizontal" === indicatorSpec.direction ? "yField" : void 0,
                 range: hasLinearAxis(indicatorSpec, this._axes, "horizontal" === indicatorSpec.direction, !1),
-                sortBy: "horizontal" === indicatorSpec.direction ? null === (_p = null === (_o = null === (_m = null == indicatorSpec ? void 0 : indicatorSpec.data) || void 0 === _m ? void 0 : _m.fields) || void 0 === _o ? void 0 : _o[yField]) || void 0 === _p ? void 0 : _p.domain : void 0
+                sortBy: "horizontal" === indicatorSpec.direction ? null === (_u = null === (_t = null === (_s = null == indicatorSpec ? void 0 : indicatorSpec.data) || void 0 === _s ? void 0 : _s.fields) || void 0 === _t ? void 0 : _t[yField]) || void 0 === _u ? void 0 : _u.domain : void 0
               }, !1 !== (null == indicatorSpec ? void 0 : indicatorSpec.stack) && ("bar" === (null == indicatorSpec ? void 0 : indicatorSpec.type) || "area" === (null == indicatorSpec ? void 0 : indicatorSpec.type)) && (indicatorSpec.stack = !0);
-              const xField = indicatorSpec.xField;
+              const xField = "histogram" === indicatorSpec.type ? indicatorSpec.x2Field : indicatorSpec.xField;
               collectValuesBy[xField] = {
                 by: columnKeys,
+                type: "horizontal" === indicatorSpec.direction ? "xField" : void 0,
                 range: hasLinearAxis(indicatorSpec, this._axes, "horizontal" === indicatorSpec.direction, !0),
                 sumBy: indicatorSpec.stack && rowKeys.concat(null == indicatorSpec ? void 0 : indicatorSpec.yField),
-                sortBy: "horizontal" !== indicatorSpec.direction ? null === (_s = null === (_r = null === (_q = null == indicatorSpec ? void 0 : indicatorSpec.data) || void 0 === _q ? void 0 : _q.fields) || void 0 === _r ? void 0 : _r[xField]) || void 0 === _s ? void 0 : _s.domain : void 0,
+                sortBy: "horizontal" !== indicatorSpec.direction ? null === (_x = null === (_w = null === (_v = null == indicatorSpec ? void 0 : indicatorSpec.data) || void 0 === _v ? void 0 : _v.fields) || void 0 === _w ? void 0 : _w[xField]) || void 0 === _x ? void 0 : _x.domain : void 0,
                 extendRange: parseMarkLineGetExtendRange(indicatorSpec.markLine)
               };
             }
@@ -71617,6 +71759,14 @@
         });
       }
       updateFilterRules(filterRules) {
+        this._throttledUpdateFilterRules(filterRules);
+      }
+      _throttledUpdateFilterRules(filterRules) {
+        this._latestFilterRules = filterRules, null === this._throttleTimer && (this._executeFilterUpdate(filterRules), this._throttleTimer = window.setTimeout(() => {
+          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), updateChartData(this.scenegraph), this.render();
       }
       clearChartCacheImage(col, row) {
@@ -79854,7 +80004,7 @@
     const Checkbox = React.forwardRef(CheckboxComponent);
     Checkbox.displayName = 'Checkbox';
 
-    const version = "1.0.18";
+    const version = "1.0.19";
 
     exports.Arc = Arc;
     exports.Avatar = Avatar;