@visactor/vtable 1.22.7-alpha.0 → 1.22.7-alpha.1

package/dist/vtable.js

@@ -9498,7 +9498,7 @@
             }
           }]), noAnimateAttrs && this.setAttributesAndPreventAnimate(noAnimateAttrs, !1, {
             type: AttributeUpdateType.STATE
-          }), this.finalAttribute && Object.assign(this.finalAttribute, attrs);
+          });
         } else this.stopStateAnimates(), this.setAttributesAndPreventAnimate(attrs, !1, {
           type: AttributeUpdateType.STATE
         }), this.finalAttribute && Object.assign(this.finalAttribute, attrs);
@@ -9524,7 +9524,7 @@
       getNormalAttribute(key) {
         var _a, _b;
         const value = this.attribute[key];
-        return this.animates && this.animates.size ? null === (_a = this.finalAttribute) || void 0 === _a ? void 0 : _a[key] : null != value ? value : null === (_b = this.finalAttribute) || void 0 === _b ? void 0 : _b[key];
+        return this.animates ? null === (_a = this.finalAttribute) || void 0 === _a ? void 0 : _a[key] : null != value ? value : null === (_b = this.finalAttribute) || void 0 === _b ? void 0 : _b[key];
       }
       clearStates(hasAnimation) {
         this.hasState() && this.normalAttrs ? (this.currentStates = [], this.applyStateAttrs(this.normalAttrs, this.currentStates, hasAnimation, !0)) : this.currentStates = [], this.normalAttrs = null;
@@ -36463,7 +36463,9 @@
         DELETE_RECORD: 'delete_record',
         UPDATE_RECORD: 'update_record',
         ADD_COLUMN: 'add_column',
-        DELETE_COLUMN: 'delete_column'
+        DELETE_COLUMN: 'delete_column',
+        FILTER_MENU_SHOW: 'filter_menu_show',
+        FILTER_MENU_HIDE: 'filter_menu_hide'
     };
 
     const judgeType = (value) => {
@@ -45455,8 +45457,8 @@
         const type = isVtableMerge || isCustomMerge
             ? 'text'
             : table.isHeader(col, row)
-                ? table._getHeaderLayoutMap(col, row).headerType ?? 'text'
-                : table.getBodyColumnType(col, row) ?? 'text';
+                ? (table._getHeaderLayoutMap(col, row).headerType ?? 'text')
+                : (table.getBodyColumnType(col, row) ?? 'text');
         const padding = cellTheme._vtable.padding;
         const textAlign = cellTheme.text.textAlign;
         const textBaseline = cellTheme.text.textBaseline;
@@ -47129,8 +47131,8 @@
         const type = isVtableMerge || isCustomMerge
             ? 'text'
             : scene.table.isHeader(col, row)
-                ? scene.table._getHeaderLayoutMap(col, row).headerType ?? 'text'
-                : scene.table.getBodyColumnType(col, row) ?? 'text';
+                ? (scene.table._getHeaderLayoutMap(col, row).headerType ?? 'text')
+                : (scene.table.getBodyColumnType(col, row) ?? 'text');
         let isHeightChange = false;
         if (type === 'progressbar') {
             const columnDefine = scene.table.getBodyColumnDefine(col, row);
@@ -49026,76 +49028,57 @@
                     chartInstanceListColumnByColumnDirection[col][i] = chartNode.activeChartInstance;
                 }
             }
-            setTimeout(() => {
-                if (chartInstanceListColumnByColumnDirection[col]?.[i]) {
-                    const chartDimensionLinkage = table.options.chartDimensionLinkage;
-                    let isShowTooltip = !isScatter;
-                    if (!isScatter && typeof chartDimensionLinkage === 'object') {
-                        isShowTooltip = chartDimensionLinkage.showTooltip ?? true;
-                        if (i === rowEnd && isShowTooltip) {
-                            const heightLimitToShowTooltipForEdgeRow = chartDimensionLinkage.heightLimitToShowTooltipForEdgeRow;
-                            const { rowEnd: rowEnd1 } = table.getBodyVisibleRowRange(0, -heightLimitToShowTooltipForEdgeRow);
-                            if (rowEnd1 === rowEnd) {
-                                isShowTooltip = true;
-                            }
-                            else {
-                                const { rowEnd: rowEnd2 } = table.getBodyVisibleRowRange(0, 5);
-                                if (rowEnd2 !== rowEnd) {
+            if (table.stateManager.hover.cellPos.col !== col || table.stateManager.hover.cellPos.row !== i) {
+                setTimeout(() => {
+                    if (chartInstanceListColumnByColumnDirection[col]?.[i]) {
+                        const absolutePosition = table.getCellRelativeRect(col, i);
+                        const chartDimensionLinkage = table.options.chartDimensionLinkage;
+                        let isShowTooltip = !isScatter;
+                        if (!isScatter && typeof chartDimensionLinkage === 'object') {
+                            isShowTooltip = chartDimensionLinkage.showTooltip ?? true;
+                            if (i === rowEnd && isShowTooltip) {
+                                const heightLimitToShowTooltipForLastRow = chartDimensionLinkage.heightLimitToShowTooltipForLastRow;
+                                const { rowEnd: rowEnd1 } = table.getBodyVisibleRowRange(-heightLimitToShowTooltipForLastRow);
+                                if (rowEnd1 === rowEnd) {
                                     isShowTooltip = true;
                                 }
                                 else {
-                                    isShowTooltip = false;
+                                    const { rowEnd: rowEnd2 } = table.getBodyVisibleRowRange(5);
+                                    if (rowEnd2 !== rowEnd) {
+                                        isShowTooltip = true;
+                                    }
+                                    else {
+                                        isShowTooltip = false;
+                                    }
                                 }
                             }
                         }
-                        else if (i === rowStart && isShowTooltip) {
-                            const heightLimitToShowTooltipForEdgeRow = chartDimensionLinkage.heightLimitToShowTooltipForEdgeRow;
-                            const { rowStart: rowStart1 } = table.getBodyVisibleRowRange(heightLimitToShowTooltipForEdgeRow, 0);
-                            if (rowStart1 === rowStart) {
-                                isShowTooltip = true;
-                            }
-                            else {
-                                const { rowStart: rowStart2 } = table.getBodyVisibleRowRange(0, -5);
-                                if (rowStart2 !== rowStart) {
-                                    isShowTooltip = true;
-                                }
-                                else {
-                                    isShowTooltip = false;
+                        if (isScatter) {
+                            chartInstanceListColumnByColumnDirection[col][i].showCrosshair?.((axis) => {
+                                if (axis.layoutOrient === 'left') {
+                                    return positionValueOrYValue;
                                 }
-                            }
-                        }
-                    }
-                    if (isScatter) {
-                        chartInstanceListColumnByColumnDirection[col][i].showCrosshair?.((axis) => {
-                            if (axis.layoutOrient === 'left') {
-                                return positionValueOrYValue;
-                            }
-                            return dimensionValueOrXValue;
-                        });
-                    }
-                    else {
-                        const bodyBoundryTop = table.frozenRowCount
-                            ? table.getCellRelativeRect(col, table.frozenRowCount - 1).bottom
-                            : 0;
-                        const absolutePositionTop = Math.max(bodyBoundryTop, table.getCellRelativeRect(col, i).top);
-                        if (hideTooltip) {
-                            if (table.stateManager.hover.cellPos.col !== col || table.stateManager.hover.cellPos.row !== i) {
-                                chartInstanceListColumnByColumnDirection[col][i].hideTooltip();
-                            }
-                            chartInstanceListColumnByColumnDirection[col][i].setDimensionIndex(dimensionValueOrXValue, {
-                                tooltip: false,
-                                showTooltipOption: { x: canvasXY.x, y: absolutePositionTop, activeType: 'dimension' }
+                                return dimensionValueOrXValue;
                             });
                         }
                         else {
-                            chartInstanceListColumnByColumnDirection[col][i].setDimensionIndex(dimensionValueOrXValue, {
-                                tooltip: isShowTooltip,
-                                showTooltipOption: { x: canvasXY.x, y: absolutePositionTop, activeType: 'dimension' }
-                            });
+                            if (hideTooltip) {
+                                chartInstanceListColumnByColumnDirection[col][i].hideTooltip();
+                                chartInstanceListColumnByColumnDirection[col][i].setDimensionIndex(dimensionValueOrXValue, {
+                                    tooltip: false,
+                                    showTooltipOption: { x: canvasXY.x, y: absolutePosition.top + 3, activeType: 'dimension' }
+                                });
+                            }
+                            else {
+                                chartInstanceListColumnByColumnDirection[col][i].setDimensionIndex(dimensionValueOrXValue, {
+                                    tooltip: isShowTooltip,
+                                    showTooltipOption: { x: canvasXY.x, y: absolutePosition.top + 3, activeType: 'dimension' }
+                                });
+                            }
                         }
                     }
-                }
-            }, 0);
+                }, 0);
+            }
             table.scenegraph.updateNextFrame();
         }
     }
@@ -49141,76 +49124,57 @@
                     chartInstanceListRowByRowDirection[row][i] = chartNode.activeChartInstance;
                 }
             }
-            setTimeout(() => {
-                if (chartInstanceListRowByRowDirection[row]?.[i]) {
-                    const chartDimensionLinkage = table.options.chartDimensionLinkage;
-                    let isShowTooltip = !isScatter;
-                    if (!isScatter && typeof chartDimensionLinkage === 'object') {
-                        isShowTooltip = chartDimensionLinkage.showTooltip ?? true;
-                        if (i === colEnd && isShowTooltip) {
-                            const widthLimitToShowTooltipForEdgeColumn = chartDimensionLinkage.widthLimitToShowTooltipForEdgeColumn;
-                            const { colEnd: colEnd1 } = table.getBodyVisibleColRange(0, -widthLimitToShowTooltipForEdgeColumn);
-                            if (colEnd1 === colEnd) {
-                                isShowTooltip = true;
-                            }
-                            else {
-                                const { colEnd: colEnd2 } = table.getBodyVisibleColRange(0, 5);
-                                if (colEnd2 !== colEnd) {
+            if (table.stateManager.hover.cellPos.col !== i || table.stateManager.hover.cellPos.row !== row) {
+                setTimeout(() => {
+                    if (chartInstanceListRowByRowDirection[row]?.[i]) {
+                        const absolutePosition = table.getCellRelativeRect(i, row);
+                        const chartDimensionLinkage = table.options.chartDimensionLinkage;
+                        let isShowTooltip = !isScatter;
+                        if (!isScatter && typeof chartDimensionLinkage === 'object') {
+                            isShowTooltip = chartDimensionLinkage.showTooltip ?? true;
+                            if (i === colEnd && isShowTooltip) {
+                                const widthLimitToShowTooltipForLastColumn = chartDimensionLinkage.widthLimitToShowTooltipForLastColumn;
+                                const { colEnd: colEnd1 } = table.getBodyVisibleColRange(-widthLimitToShowTooltipForLastColumn);
+                                if (colEnd1 === colEnd) {
                                     isShowTooltip = true;
                                 }
                                 else {
-                                    isShowTooltip = false;
+                                    const { colEnd: colEnd2 } = table.getBodyVisibleColRange(5);
+                                    if (colEnd2 !== colEnd) {
+                                        isShowTooltip = true;
+                                    }
+                                    else {
+                                        isShowTooltip = false;
+                                    }
                                 }
                             }
                         }
-                        else if (i === colStart && isShowTooltip) {
-                            const widthLimitToShowTooltipForEdgeColumn = chartDimensionLinkage.widthLimitToShowTooltipForEdgeColumn;
-                            const { colStart: colStart1 } = table.getBodyVisibleColRange(widthLimitToShowTooltipForEdgeColumn, 0);
-                            if (colStart1 === colStart) {
-                                isShowTooltip = true;
-                            }
-                            else {
-                                const { colStart: colStart2 } = table.getBodyVisibleColRange(0, -5);
-                                if (colStart2 !== colStart) {
-                                    isShowTooltip = true;
-                                }
-                                else {
-                                    isShowTooltip = false;
+                        if (isScatter) {
+                            chartInstanceListRowByRowDirection[row][i].showCrosshair?.((axis) => {
+                                if (axis.layoutOrient === 'left') {
+                                    return positionValueOrYValue;
                                 }
-                            }
-                        }
-                    }
-                    if (isScatter) {
-                        chartInstanceListRowByRowDirection[row][i].showCrosshair?.((axis) => {
-                            if (axis.layoutOrient === 'left') {
-                                return positionValueOrYValue;
-                            }
-                            return dimensionValueOrXValue;
-                        });
-                    }
-                    else {
-                        const bodyBoundryLeft = table.frozenColCount
-                            ? table.getCellRelativeRect(table.frozenColCount - 1, row).right
-                            : 0;
-                        const absolutePositionLeft = Math.max(bodyBoundryLeft, table.getCellRelativeRect(i, row).left);
-                        if (hideTooltip) {
-                            if (table.stateManager.hover.cellPos.col !== i || table.stateManager.hover.cellPos.row !== row) {
-                                chartInstanceListRowByRowDirection[row][i].hideTooltip();
-                            }
-                            chartInstanceListRowByRowDirection[row][i].setDimensionIndex(dimensionValueOrXValue, {
-                                tooltip: false,
-                                showTooltipOption: { x: absolutePositionLeft, y: canvasXY.y, activeType: 'dimension' }
+                                return dimensionValueOrXValue;
                             });
                         }
                         else {
-                            chartInstanceListRowByRowDirection[row][i].setDimensionIndex(dimensionValueOrXValue, {
-                                tooltip: isShowTooltip,
-                                showTooltipOption: { x: absolutePositionLeft, y: canvasXY.y, activeType: 'dimension' }
-                            });
+                            if (hideTooltip) {
+                                chartInstanceListRowByRowDirection[row][i].hideTooltip();
+                                chartInstanceListRowByRowDirection[row][i].setDimensionIndex(dimensionValueOrXValue, {
+                                    tooltip: false,
+                                    showTooltipOption: { x: absolutePosition.left + 3, y: canvasXY.y, activeType: 'dimension' }
+                                });
+                            }
+                            else {
+                                chartInstanceListRowByRowDirection[row][i].setDimensionIndex(dimensionValueOrXValue, {
+                                    tooltip: isShowTooltip,
+                                    showTooltipOption: { x: absolutePosition.left + 3, y: canvasXY.y, activeType: 'dimension' }
+                                });
+                            }
                         }
                     }
-                }
-            }, 0);
+                }, 0);
+            }
             table.scenegraph.updateNextFrame();
         }
     }
@@ -50280,16 +50244,7 @@
                             context.fill();
                         }
                     }
-                },
-                componentShowContent: table.options.chartDimensionLinkage
-                    ? {
-                        tooltip: {
-                            dimension: false,
-                            mark: true
-                        },
-                        crosshair: false
-                    }
-                    : undefined
+                }
             }));
             const chartStage = this.activeChartInstance.getStage();
             const matrix = this.globalTransMatrix.clone();
@@ -50650,18 +50605,18 @@
                     dataBatch.push({
                         id: dataIdStr,
                         values: dataIdAndField
-                            ? data?.filter((item) => {
+                            ? (data?.filter((item) => {
                                 return item.hasOwnProperty(dataIdAndField);
-                            }) ?? []
-                            : data ?? [],
+                            }) ?? [])
+                            : (data ?? []),
                         fields: series?.data?.fields
                     });
                     if (!chartInstance.updateFullDataSync) {
                         chartInstance.updateDataSync(dataIdStr, dataIdAndField
-                            ? data?.filter((item) => {
+                            ? (data?.filter((item) => {
                                 return item.hasOwnProperty(dataIdAndField);
-                            }) ?? []
-                            : data ?? []);
+                            }) ?? [])
+                            : (data ?? []));
                     }
                 }
                 chartInstance.getChart().setLayoutTag(true);
@@ -50828,18 +50783,18 @@
                         dataBatch.push({
                             id: dataIdStr,
                             values: dataIdAndField
-                                ? data?.filter((item) => {
+                                ? (data?.filter((item) => {
                                     return item.hasOwnProperty(dataIdAndField);
-                                }) ?? []
-                                : data ?? [],
+                                }) ?? [])
+                                : (data ?? []),
                             fields: series?.data?.fields
                         });
                         if (!activeChartInstance.updateFullDataSync) {
                             activeChartInstance.updateDataSync(dataIdStr, dataIdAndField
-                                ? data?.filter((item) => {
+                                ? (data?.filter((item) => {
                                     return item.hasOwnProperty(dataIdAndField);
-                                }) ?? []
-                                : data ?? []);
+                                }) ?? [])
+                                : (data ?? []));
                         }
                     }
                     activeChartInstance.updateFullDataSync?.(dataBatch);
@@ -58215,7 +58170,8 @@
                             : this.table.options.indicatorsAsCol
                                 ? row !== this.table.stateManager.hover.cellPos.row ||
                                     this.table.stateManager.hover.cellPos.col < this.table.frozenColCount ||
-                                    this.table.stateManager.hover.cellPos.col > this.table.colCount - 1 - this.table.rightFrozenColCount
+                                    this.table.stateManager.hover.cellPos.col >
+                                        this.table.colCount - 1 - this.table.rightFrozenColCount
                                 : col !== this.table.stateManager.hover.cellPos.col ||
                                     this.table.stateManager.hover.cellPos.row < this.table.frozenRowCount ||
                                     this.table.stateManager.hover.cellPos.row >
@@ -58513,16 +58469,16 @@
                 if (rectAttributes?.strokeArrayWidth) {
                     borderTop = rectAttributes.strokeArrayWidth
                         ? rectAttributes.strokeArrayWidth[0]
-                        : rectAttributes.lineWidth ?? 0;
+                        : (rectAttributes.lineWidth ?? 0);
                     borderRight = rectAttributes.strokeArrayWidth
                         ? rectAttributes.strokeArrayWidth[1]
-                        : rectAttributes.lineWidth ?? 0;
+                        : (rectAttributes.lineWidth ?? 0);
                     borderBottom = rectAttributes.strokeArrayWidth
                         ? rectAttributes.strokeArrayWidth[2]
-                        : rectAttributes.lineWidth ?? 0;
+                        : (rectAttributes.lineWidth ?? 0);
                     borderLeft = rectAttributes.strokeArrayWidth
                         ? rectAttributes.strokeArrayWidth[3]
-                        : rectAttributes.lineWidth ?? 0;
+                        : (rectAttributes.lineWidth ?? 0);
                 }
                 else {
                     borderTop = rectAttributes?.lineWidth ?? 0;
@@ -61969,7 +61925,7 @@
                 function flatten(cols, parentStartIndex = 0) {
                     cols.forEach((col) => {
                         const startIndex = col.startInTotal
-                            ? col.startInTotal + state.table.internalProps.layoutMap.leftRowSeriesNumberColumnCount ?? 0
+                            ? (col.startInTotal + state.table.internalProps.layoutMap.leftRowSeriesNumberColumnCount ?? 0)
                             : parentStartIndex;
                         if (col.columns) {
                             flatten(col.columns, startIndex);
@@ -65575,7 +65531,7 @@
                 }
                 const shiftMultiSelect = this.table.keyboardOptions?.shiftMultiSelect ?? true;
                 const ctrlMultiSelect = this.table.keyboardOptions?.ctrlMultiSelect ?? true;
-                this.table.stateManager.updateSelectPos(this.table.stateManager.select.selectInline === 'row' ? this.table.colCount - 1 : eventArgs.col, this.table.stateManager.select.selectInline === 'col' ? this.table.rowCount - 1 : eventArgs.row, eventArgs.event.shiftKey && shiftMultiSelect, (eventArgs.event.ctrlKey || eventArgs.event.metaKey) && ctrlMultiSelect, false, isSelectMoving ? false : this.table.options.select?.makeSelectCellVisible ?? true);
+                this.table.stateManager.updateSelectPos(this.table.stateManager.select.selectInline === 'row' ? this.table.colCount - 1 : eventArgs.col, this.table.stateManager.select.selectInline === 'col' ? this.table.rowCount - 1 : eventArgs.row, eventArgs.event.shiftKey && shiftMultiSelect, (eventArgs.event.ctrlKey || eventArgs.event.metaKey) && ctrlMultiSelect, false, isSelectMoving ? false : (this.table.options.select?.makeSelectCellVisible ?? true));
                 return true;
             }
             return false;
@@ -70069,6 +70025,7 @@
     class PluginManager {
         plugins = new Map();
         table;
+        pluginEventMap = new Map();
         constructor(table, options) {
             this.table = table;
             options.plugins?.map(plugin => {
@@ -70090,28 +70047,34 @@
         }
         _bindTableEventForPlugin(plugin) {
             plugin.runTime?.forEach(runTime => {
-                this.table.on(runTime, (...args) => {
+                const id = this.table.on(runTime, (...args) => {
                     plugin.run?.(...args, runTime, this.table);
                 });
+                this.pluginEventMap.set(plugin.id, [...(this.pluginEventMap.get(plugin.id) || []), id]);
             });
         }
-        updatePlugins(plugins) {
+        removeOrAddPlugins(plugins) {
             const removedPlugins = Array.from(this.plugins.values()).filter(plugin => !plugins?.some(p => p.id === plugin.id));
             removedPlugins.forEach(plugin => {
+                this.pluginEventMap.get(plugin.id)?.forEach(id => {
+                    this.table.off(id);
+                });
                 this.release();
                 this.plugins.delete(plugin.id);
             });
-            this.plugins.forEach(plugin => {
-                if (plugin.update) {
-                    plugin.update();
-                }
-            });
             const addedPlugins = plugins?.filter(plugin => !this.plugins.has(plugin.id));
             addedPlugins?.forEach(plugin => {
                 this.register(plugin);
                 this._bindTableEventForPlugin(plugin);
             });
         }
+        updatePlugins() {
+            this.plugins.forEach(plugin => {
+                if (plugin.update) {
+                    plugin.update();
+                }
+            });
+        }
         release() {
             this.plugins.forEach(plugin => {
                 plugin.release?.(this.table);
@@ -70156,7 +70119,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.22.7-alpha.0";
+        version = "1.22.7-alpha.1";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -71034,13 +70997,13 @@
         getDefaultColumnWidth(col) {
             if (this.isRowHeader(col, 0) || this.isCornerHeader(col, 0)) {
                 return Array.isArray(this.defaultHeaderColWidth)
-                    ? this.defaultHeaderColWidth[col] ?? this.defaultColWidth
+                    ? (this.defaultHeaderColWidth[col] ?? this.defaultColWidth)
                     : this.defaultHeaderColWidth;
             }
             else if (this.isRightFrozenColumn(col, this.columnHeaderLevelCount)) {
                 if (this.isPivotTable()) {
                     return Array.isArray(this.defaultHeaderColWidth)
-                        ? this.defaultHeaderColWidth[this.rowHeaderLevelCount - this.rightFrozenColCount] ?? this.defaultColWidth
+                        ? (this.defaultHeaderColWidth[this.rowHeaderLevelCount - this.rightFrozenColCount] ?? this.defaultColWidth)
                         : this.defaultHeaderColWidth;
                 }
                 return this.defaultColWidth;
@@ -71050,12 +71013,12 @@
         getDefaultRowHeight(row) {
             if (this.isColumnHeader(0, row) || this.isCornerHeader(0, row) || this.isSeriesNumberInHeader(0, row)) {
                 return Array.isArray(this.defaultHeaderRowHeight)
-                    ? this.defaultHeaderRowHeight[row] ?? this.internalProps.defaultRowHeight
+                    ? (this.defaultHeaderRowHeight[row] ?? this.internalProps.defaultRowHeight)
                     : this.defaultHeaderRowHeight;
             }
             if (this.isBottomFrozenRow(row)) {
                 return Array.isArray(this.defaultHeaderRowHeight)
-                    ? this.defaultHeaderRowHeight[this.columnHeaderLevelCount > 0 ? this.columnHeaderLevelCount - this.bottomFrozenRowCount : 0] ?? this.internalProps.defaultRowHeight
+                    ? (this.defaultHeaderRowHeight[this.columnHeaderLevelCount > 0 ? this.columnHeaderLevelCount - this.bottomFrozenRowCount : 0] ?? this.internalProps.defaultRowHeight)
                     : this.defaultHeaderRowHeight;
             }
             return this.internalProps.defaultRowHeight;
@@ -71259,14 +71222,14 @@
             this.colContentWidthsMap.put(col, width);
         }
         getAllRowsHeight() {
-            if (this.internalProps.rowCount <= 0) {
+            if (!this.internalProps?.rowCount || this.internalProps.rowCount <= 0) {
                 return 0;
             }
             const h = this.getRowsHeight(0, this.internalProps.rowCount - 1);
             return h;
         }
         getAllColsWidth() {
-            if (this.internalProps.colCount <= 0) {
+            if (!this.internalProps?.colCount || this.internalProps.colCount <= 0) {
                 return 0;
             }
             const w = this.getColsWidth(0, this.internalProps.colCount - 1);
@@ -71628,26 +71591,26 @@
             }
             return { rowStart, colStart, rowEnd, colEnd };
         }
-        getBodyVisibleRowRange(start_deltaY = 0, end_deltaY = 0) {
+        getBodyVisibleRowRange(deltaY = 0) {
             const { scrollTop } = this;
             const frozenRowsHeight = this.getFrozenRowsHeight();
             const bottomFrozenRowsHeight = this.getBottomFrozenRowsHeight();
-            const { row: rowStart } = this.getRowAt(scrollTop + frozenRowsHeight + 1 + start_deltaY);
+            const { row: rowStart } = this.getRowAt(scrollTop + frozenRowsHeight + 1);
             const rowEnd = this.getAllRowsHeight() > this.tableNoFrameHeight
-                ? this.getRowAt(scrollTop + this.tableNoFrameHeight - 1 - bottomFrozenRowsHeight + end_deltaY).row
+                ? this.getRowAt(scrollTop + this.tableNoFrameHeight - 1 - bottomFrozenRowsHeight + deltaY).row
                 : this.rowCount - 1;
             if (rowEnd < 0) {
                 return null;
             }
             return { rowStart, rowEnd };
         }
-        getBodyVisibleColRange(start_deltaX = 0, end_deltaX = 0) {
+        getBodyVisibleColRange(deltaX = 0) {
             const { scrollLeft } = this;
             const frozenColsWidth = this.getFrozenColsWidth();
             const rightFrozenColsWidth = this.getRightFrozenColsWidth();
-            const { col: colStart } = this.getColAt(scrollLeft + frozenColsWidth + 1 + start_deltaX);
+            const { col: colStart } = this.getColAt(scrollLeft + frozenColsWidth + 1);
             const colEnd = this.getAllColsWidth() > this.tableNoFrameWidth
-                ? this.getColAt(scrollLeft + this.tableNoFrameWidth - 1 - rightFrozenColsWidth + end_deltaX).col
+                ? this.getColAt(scrollLeft + this.tableNoFrameWidth - 1 - rightFrozenColsWidth + deltaX).col
                 : this.colCount - 1;
             if (colEnd < 0) {
                 return null;
@@ -78321,6 +78284,7 @@
             clearRowHeightCache: true
         }) {
             const internalProps = this.internalProps;
+            this.pluginManager.removeOrAddPlugins(options.plugins);
             super.updateOption(options, updateConfig);
             internalProps.frozenColDragHeaderMode =
                 options.dragOrder?.frozenColDragHeaderMode ?? options.frozenColDragHeaderMode;
@@ -78385,7 +78349,7 @@
                     this.internalProps.emptyTip?.resetVisible();
                 }
             }
-            this.pluginManager.updatePlugins(options.plugins);
+            this.pluginManager.updatePlugins();
             setTimeout(() => {
                 this.fireListeners(TABLE_EVENT_TYPE.UPDATED, null);
             }, 0);
@@ -78816,7 +78780,7 @@
                     return state && state[field];
                 });
             }
-            return new Array(...this.stateManager.checkedState.values());
+            return [...this.stateManager.checkedState.values()];
         }
         getCellCheckboxState(col, row) {
             const define = this.getBodyColumnDefine(col, row);
@@ -78951,8 +78915,8 @@
         getEditor(col, row) {
             const define = this.getBodyColumnDefine(col, row);
             let editorDefine = this.isHeader(col, row)
-                ? define?.headerEditor ?? this.options.headerEditor
-                : define?.editor ?? this.options.editor;
+                ? (define?.headerEditor ?? this.options.headerEditor)
+                : (define?.editor ?? this.options.editor);
             if (typeof editorDefine === 'function') {
                 const arg = {
                     col,
@@ -78971,8 +78935,8 @@
         isHasEditorDefine(col, row) {
             const define = this.getBodyColumnDefine(col, row);
             let editorDefine = this.isHeader(col, row)
-                ? define?.headerEditor ?? this.options.headerEditor
-                : define?.editor ?? this.options.editor;
+                ? (define?.headerEditor ?? this.options.headerEditor)
+                : (define?.editor ?? this.options.editor);
             if (typeof editorDefine === 'function') {
                 const arg = {
                     col,
@@ -87266,7 +87230,7 @@
                 this._indicators?.length > 0 &&
                 !this._rowHeaderCellIds?.length
                 ? 1
-                : this._rowHeaderCellIds?.length ?? 0) +
+                : (this._rowHeaderCellIds?.length ?? 0)) +
                 this.columnHeaderLevelCount +
                 this.bottomHeaderRowCount);
         }
@@ -87412,14 +87376,14 @@
             if (this.indicatorsAsCol) {
                 const indicatorKey = paths.colHeaderPaths?.find(colPath => colPath.indicatorKey)?.indicatorKey;
                 const body = isValid$3(indicatorKey)
-                    ? this._indicators?.find(indicator => indicator.indicatorKey === indicatorKey) ??
+                    ? (this._indicators?.find(indicator => indicator.indicatorKey === indicatorKey) ??
                         this._indicators[0] ?? {
                         id: '',
                         field: undefined,
                         indicatorKey: undefined,
                         cellType: 'text',
                         define: undefined
-                    }
+                    })
                     : {
                         id: '',
                         field: undefined,
@@ -87432,14 +87396,14 @@
             }
             const indicatorKey = paths.rowHeaderPaths?.find(rowPath => rowPath.indicatorKey)?.indicatorKey;
             const body = isValid$3(indicatorKey)
-                ? this._indicators?.find(indicator => indicator.indicatorKey === indicatorKey) ??
+                ? (this._indicators?.find(indicator => indicator.indicatorKey === indicatorKey) ??
                     this._indicators[0] ?? {
                     id: '',
                     field: undefined,
                     indicatorKey: undefined,
                     cellType: 'text',
                     define: undefined
-                }
+                })
                 : {
                     id: '',
                     field: undefined,
@@ -87686,7 +87650,7 @@
                     rowHeaderPath.value =
                         rowHeader.value ??
                             (rowHeader.indicatorKey
-                                ? this.getIndicatorInfoByIndicatorKey(rowHeader.indicatorKey)?.title ?? ''
+                                ? (this.getIndicatorInfoByIndicatorKey(rowHeader.indicatorKey)?.title ?? '')
                                 : rowHeader.value);
                     rowHeaderPath.virtual = rowHeader.virtual;
                     rowHeaderPath.role = rowHeader.role;
@@ -88792,10 +88756,10 @@
                 if (chartSpec) {
                     dimensionKey =
                         type === 'yField'
-                            ? chartSpec.yField ?? chartSpec?.series?.[0]?.yField
+                            ? (chartSpec.yField ?? chartSpec?.series?.[0]?.yField)
                             : chartSpec.type === 'histogram'
                                 ? chartSpec.x2Field
-                                : chartSpec.xField ?? chartSpec?.series?.[0]?.xField;
+                                : (chartSpec.xField ?? chartSpec?.series?.[0]?.xField);
                     if (dimensionKey) {
                         return dimensionKey;
                     }
@@ -88805,10 +88769,10 @@
                     if (chartSpec) {
                         dimensionKey =
                             type === 'yField'
-                                ? chartSpec.yField ?? chartSpec?.series?.[0]?.yField
+                                ? (chartSpec.yField ?? chartSpec?.series?.[0]?.yField)
                                 : chartSpec.type === 'histogram'
                                     ? chartSpec.x2Field
-                                    : chartSpec.xField ?? chartSpec?.series?.[0]?.xField;
+                                    : (chartSpec.xField ?? chartSpec?.series?.[0]?.xField);
                         if (dimensionKey) {
                             return dimensionKey;
                         }
@@ -88822,10 +88786,10 @@
                         type === 'xField'
                             ? chartSpec.type === 'histogram'
                                 ? chartSpec.x2Field
-                                : chartSpec.xField ?? chartSpec?.series?.[0]?.xField
+                                : (chartSpec.xField ?? chartSpec?.series?.[0]?.xField)
                             : chartSpec.type === 'histogram'
                                 ? chartSpec.y2Field
-                                : chartSpec.yField ?? chartSpec?.series?.[0]?.yField;
+                                : (chartSpec.yField ?? chartSpec?.series?.[0]?.yField);
                     if (dimensionKey) {
                         return dimensionKey;
                     }
@@ -88837,8 +88801,8 @@
                             type === 'xField'
                                 ? chartSpec.type === 'histogram'
                                     ? chartSpec.x2Field
-                                    : chartSpec.xField ?? chartSpec?.series?.[0]?.xField
-                                : chartSpec.yField ?? chartSpec?.series?.[0]?.yField;
+                                    : (chartSpec.xField ?? chartSpec?.series?.[0]?.xField)
+                                : (chartSpec.yField ?? chartSpec?.series?.[0]?.yField);
                         if (dimensionKey) {
                             return dimensionKey;
                         }
@@ -93178,7 +93142,7 @@
             }
             const rowKeys = rowDimensionTree?.dimensionKeys?.count
                 ? rowDimensionTree.dimensionKeys.valueArr()
-                : options.rows?.reduce((keys, rowObj) => {
+                : (options.rows?.reduce((keys, rowObj) => {
                     if (typeof rowObj === 'string') {
                         keys.push(rowObj);
                     }
@@ -93186,10 +93150,10 @@
                         keys.push(rowObj.dimensionKey);
                     }
                     return keys;
-                }, []) ?? [];
+                }, []) ?? []);
             const columnKeys = columnDimensionTree?.dimensionKeys?.count
                 ? columnDimensionTree.dimensionKeys.valueArr()
-                : options.columns?.reduce((keys, columnObj) => {
+                : (options.columns?.reduce((keys, columnObj) => {
                     if (typeof columnObj === 'string') {
                         keys.push(columnObj);
                     }
@@ -93197,7 +93161,7 @@
                         keys.push(columnObj.dimensionKey);
                     }
                     return keys;
-                }, []) ?? [];
+                }, []) ?? []);
             const indicatorKeys = options.indicators?.reduce((keys, indicatorObj) => {
                 if (typeof indicatorObj === 'string') {
                     keys.push(indicatorObj);
@@ -93346,7 +93310,7 @@
             }
             const rowKeys = rowDimensionTree?.dimensionKeys?.count
                 ? rowDimensionTree.dimensionKeys.valueArr()
-                : options.rows?.reduce((keys, rowObj) => {
+                : (options.rows?.reduce((keys, rowObj) => {
                     if (typeof rowObj === 'string') {
                         keys.push(rowObj);
                     }
@@ -93354,10 +93318,10 @@
                         keys.push(rowObj.dimensionKey);
                     }
                     return keys;
-                }, []) ?? [];
+                }, []) ?? []);
             const columnKeys = columnDimensionTree?.dimensionKeys?.count
                 ? columnDimensionTree.dimensionKeys.valueArr()
-                : options.columns?.reduce((keys, columnObj) => {
+                : (options.columns?.reduce((keys, columnObj) => {
                     if (typeof columnObj === 'string') {
                         keys.push(columnObj);
                     }
@@ -93365,7 +93329,7 @@
                         keys.push(columnObj.dimensionKey);
                     }
                     return keys;
-                }, []) ?? [];
+                }, []) ?? []);
             const indicatorKeys = options.indicators?.reduce((keys, indicatorObj) => {
                 if (typeof indicatorObj === 'string') {
                     keys.push(indicatorObj);
@@ -93765,7 +93729,7 @@
                                     type: chartSeries.direction !== 'horizontal' ? 'xField' : undefined,
                                     range: hasLinearAxis(chartSeries, this._axes, chartSeries.direction === 'horizontal', true),
                                     sortBy: chartSeries.direction !== 'horizontal'
-                                        ? chartSeries?.data?.fields?.[xField]?.domain ?? indicatorSpec?.data?.fields?.[xField]?.domain
+                                        ? (chartSeries?.data?.fields?.[xField]?.domain ?? indicatorSpec?.data?.fields?.[xField]?.domain)
                                         : undefined
                                 };
                                 const yField = chartSeries.yField;
@@ -93777,7 +93741,7 @@
                                     range: hasLinearAxis(chartSeries, this._axes, chartSeries.direction === 'horizontal', false),
                                     sumBy: chartSeries.stack && columnKeys.concat(chartSeries?.xField),
                                     sortBy: chartSeries.direction === 'horizontal'
-                                        ? chartSeries?.data?.fields?.[yField]?.domain ?? indicatorSpec?.data?.fields?.[yField]?.domain
+                                        ? (chartSeries?.data?.fields?.[yField]?.domain ?? indicatorSpec?.data?.fields?.[yField]?.domain)
                                         : undefined,
                                     extendRange: parseMarkLineGetExtendRange(indicatorSpec.markLine)
                                 };
@@ -93836,7 +93800,7 @@
                                     type: chartSeries.direction === 'horizontal' ? 'yField' : undefined,
                                     range: hasLinearAxis(chartSeries, this._axes, chartSeries.direction === 'horizontal', false),
                                     sortBy: chartSeries.direction === 'horizontal'
-                                        ? chartSeries?.data?.fields?.[yField]?.domain ?? indicatorSpec?.data?.fields?.[yField]?.domain
+                                        ? (chartSeries?.data?.fields?.[yField]?.domain ?? indicatorSpec?.data?.fields?.[yField]?.domain)
                                         : undefined
                                 };
                                 const xField = chartSeries.xField;
@@ -93848,7 +93812,7 @@
                                     range: hasLinearAxis(chartSeries, this._axes, chartSeries.direction === 'horizontal', true),
                                     sumBy: chartSeries.stack && rowKeys.concat(chartSeries?.yField),
                                     sortBy: chartSeries.direction !== 'horizontal'
-                                        ? chartSeries?.data?.fields?.[xField]?.domain ?? indicatorSpec?.data?.fields?.[xField]?.domain
+                                        ? (chartSeries?.data?.fields?.[xField]?.domain ?? indicatorSpec?.data?.fields?.[xField]?.domain)
                                         : undefined,
                                     extendRange: parseMarkLineGetExtendRange(indicatorSpec.markLine)
                                 };
@@ -94125,18 +94089,18 @@
                             dataBatch.push({
                                 id: dataIdStr,
                                 values: dataIdAndField
-                                    ? data?.filter((item) => {
+                                    ? (data?.filter((item) => {
                                         return item.hasOwnProperty(dataIdAndField);
-                                    }) ?? []
-                                    : data ?? [],
+                                    }) ?? [])
+                                    : (data ?? []),
                                 fields: series?.data?.fields
                             });
                             if (!chartInstance.updateFullDataSync) {
                                 chartInstance.updateDataSync(dataIdStr, dataIdAndField
-                                    ? data?.filter((item) => {
+                                    ? (data?.filter((item) => {
                                         return item.hasOwnProperty(dataIdAndField);
-                                    }) ?? []
-                                    : data ?? []);
+                                    }) ?? [])
+                                    : (data ?? []));
                             }
                         }
                         chartInstance.updateFullDataSync?.(dataBatch);
@@ -94197,18 +94161,18 @@
                         dataBatch.push({
                             id: dataIdStr,
                             values: dataIdAndField
-                                ? data?.filter((item) => {
+                                ? (data?.filter((item) => {
                                     return item.hasOwnProperty(dataIdAndField);
-                                }) ?? []
-                                : data ?? [],
+                                }) ?? [])
+                                : (data ?? []),
                             fields: series?.data?.fields
                         });
                         if (!activeChartInstance.updateFullDataSync) {
                             activeChartInstance.updateDataSync(dataIdStr, dataIdAndField
-                                ? data?.filter((item) => {
+                                ? (data?.filter((item) => {
                                     return item.hasOwnProperty(dataIdAndField);
-                                }) ?? []
-                                : data ?? []);
+                                }) ?? [])
+                                : (data ?? []));
                         }
                     }
                     activeChartInstance.updateFullDataSync?.(dataBatch);
@@ -94888,7 +94852,7 @@
     }
 
     registerForVrender();
-    const version = "1.22.7-alpha.0";
+    const version = "1.22.7-alpha.1";
     function getIcons() {
         return get$2();
     }