@visactor/vtable 1.22.7-alpha.5 → 1.22.7-alpha.7

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) => {
@@ -38755,7 +38757,7 @@
         }
         initChildrenNodeHierarchy(indexKey, hierarchyExpandLevel, currentLevel, nodeData) {
             let childTotalLength = 0;
-            const nodeLength = nodeData.filteredChildren ? nodeData.filteredChildren.length : nodeData.children?.length ?? 0;
+            const nodeLength = nodeData.filteredChildren ? nodeData.filteredChildren.length : (nodeData.children?.length ?? 0);
             for (let j = 0; j < nodeLength; j++) {
                 if (currentLevel <= hierarchyExpandLevel || nodeData.hierarchyState === HierarchyState.expand) {
                     childTotalLength += 1;
@@ -39310,10 +39312,13 @@
                 this.pagination.totalCount = this._sourceLength;
             }
         }
-        updateFilterRules(filterRules) {
+        updateFilterRules(filterRules, onFilterRecordsEnd) {
             this.lastFilterRules = this.dataConfig.filterRules;
             this.dataConfig.filterRules = filterRules;
             this._source = this.processRecords(this.dataSourceObj?.records ?? this.dataSourceObj);
+            if (onFilterRecordsEnd) {
+                this._source = onFilterRecordsEnd(this._source);
+            }
             this._sourceLength = this._source?.length || 0;
             this.currentIndexedData = Array.from({ length: this._sourceLength }, (_, i) => i);
             if (this.userPagination) {
@@ -49026,47 +49031,32 @@
                     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 ?? 0;
-                            const { rowEnd: rowEnd1 } = table.getBodyVisibleRowRange(0, -heightLimitToShowTooltipForEdgeRow);
-                            if (rowEnd1 === rowEnd) {
-                                isShowTooltip = true;
-                            }
-                            else {
-                                const { rowEnd: rowEnd2 } = table.getBodyVisibleRowRange(0, 5);
-                                if (rowEnd2 !== rowEnd) {
-                                    isShowTooltip = true;
-                                }
-                                else {
-                                    isShowTooltip = false;
-                                }
-                            }
-                        }
-                        else if (i === rowStart && isShowTooltip) {
-                            const heightLimitToShowTooltipForEdgeRow = chartDimensionLinkage.heightLimitToShowTooltipForEdgeRow ?? 0;
-                            const { rowStart: rowStart1 } = table.getBodyVisibleRowRange(heightLimitToShowTooltipForEdgeRow, 0);
-                            if (rowStart1 === rowStart) {
-                                isShowTooltip = true;
-                            }
-                            else {
-                                const { rowStart: rowStart2 } = table.getBodyVisibleRowRange(0, -5);
-                                if (rowStart2 !== rowStart) {
+            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;
+                                    }
                                 }
                             }
                         }
-                    }
-                    if (isScatter) {
-                        if (table.stateManager.hover.cellPos.col !== col || table.stateManager.hover.cellPos.row !== i) {
+                        if (isScatter) {
                             chartInstanceListColumnByColumnDirection[col][i].showCrosshair?.((axis) => {
                                 if (axis.layoutOrient === 'left') {
                                     return positionValueOrYValue;
@@ -49074,30 +49064,24 @@
                                 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) {
+                        else {
+                            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' }
+                                });
                             }
-                            chartInstanceListColumnByColumnDirection[col][i].setDimensionIndex(dimensionValueOrXValue, {
-                                tooltip: false,
-                                showTooltipOption: { x: canvasXY.x, y: absolutePositionTop, activeType: 'dimension' }
-                            });
-                        }
-                        else {
-                            chartInstanceListColumnByColumnDirection[col][i].setDimensionIndex(dimensionValueOrXValue, {
-                                tooltip: isShowTooltip,
-                                showTooltipOption: { x: canvasXY.x, y: absolutePositionTop, activeType: 'dimension' }
-                            });
                         }
                     }
-                }
-            }, 0);
+                }, 0);
+            }
             table.scenegraph.updateNextFrame();
         }
     }
@@ -49143,47 +49127,32 @@
                     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) {
-                                    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) {
+            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;
+                                    }
                                 }
                             }
                         }
-                    }
-                    if (isScatter) {
-                        if (table.stateManager.hover.cellPos.col !== i || table.stateManager.hover.cellPos.row !== row) {
+                        if (isScatter) {
                             chartInstanceListRowByRowDirection[row][i].showCrosshair?.((axis) => {
                                 if (axis.layoutOrient === 'left') {
                                     return positionValueOrYValue;
@@ -49191,30 +49160,24 @@
                                 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) {
+                        else {
+                            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' }
+                                });
                             }
-                            chartInstanceListRowByRowDirection[row][i].setDimensionIndex(dimensionValueOrXValue, {
-                                tooltip: false,
-                                showTooltipOption: { x: absolutePositionLeft, y: canvasXY.y, activeType: 'dimension' }
-                            });
-                        }
-                        else {
-                            chartInstanceListRowByRowDirection[row][i].setDimensionIndex(dimensionValueOrXValue, {
-                                tooltip: isShowTooltip,
-                                showTooltipOption: { x: absolutePositionLeft, y: canvasXY.y, activeType: 'dimension' }
-                            });
                         }
                     }
-                }
-            }, 0);
+                }, 0);
+            }
             table.scenegraph.updateNextFrame();
         }
     }
@@ -50284,17 +50247,7 @@
                             context.fill();
                         }
                     }
-                },
-                componentShowContent: table.options.chartDimensionLinkage &&
-                    this.attribute.spec.type !== 'scatter'
-                    ? {
-                        tooltip: {
-                            dimension: false,
-                            mark: true
-                        },
-                        crosshair: false
-                    }
-                    : undefined
+                }
             }));
             const chartStage = this.activeChartInstance.getStage();
             const matrix = this.globalTransMatrix.clone();
@@ -50405,7 +50358,10 @@
                                 }
                                 if (indicatorsAsCol) {
                                     const series = dimensionInfo.data[0].series;
-                                    const width = this.attribute.spec.type === 'histogram' || series.type === 'line' || series.type === 'area'
+                                    const width = this.attribute.spec.type === 'histogram' ||
+                                        this.attribute.spec.type === 'boxPlot' ||
+                                        series.type === 'line' ||
+                                        series.type === 'area'
                                         ? 0
                                         : series.getYAxisHelper().getBandwidth(0);
                                     let y = series.valueToPositionY(dimensionValue);
@@ -50428,7 +50384,10 @@
                                 }
                                 else {
                                     const series = dimensionInfo.data[0].series;
-                                    const width = this.attribute.spec.type === 'histogram' || series.type === 'line' || series.type === 'area'
+                                    const width = this.attribute.spec.type === 'histogram' ||
+                                        this.attribute.spec.type === 'boxPlot' ||
+                                        series.type === 'line' ||
+                                        series.type === 'area'
                                         ? 0
                                         : series.getXAxisHelper().getBandwidth(0);
                                     let x = series.valueToPositionX(dimensionValue);
@@ -61968,7 +61927,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);
@@ -62452,10 +62411,10 @@
         setScrollTop(top, event, triggerEvent = true) {
             const totalHeight = this.table.getAllRowsHeight();
             const sizeTolerance = this.table.options.customConfig?._disableColumnAndRowSizeRound ? 1 : 0;
-            top = Math.max(0, Math.min(top, totalHeight - this.table.scenegraph.height - sizeTolerance));
+            top = Math.max(0, Math.min(top, totalHeight - (this.table.scenegraph?.height ?? 0) - sizeTolerance));
             top = Math.ceil(top);
             const oldVerticalBarPos = this.scroll.verticalBarPos;
-            const yRatio = top / (totalHeight - this.table.scenegraph.height);
+            const yRatio = top / (totalHeight - (this.table.scenegraph?.height ?? 0));
             if ((oldVerticalBarPos !== top || this.table.options?.customConfig?.scrollEventAlwaysTrigger === true) &&
                 triggerEvent) {
                 let verticalBarPos = top;
@@ -62476,7 +62435,7 @@
                     dy
                 });
                 if (canScroll.some(value => value === false)) {
-                    const yRatio = this.scroll.verticalBarPos / (totalHeight - this.table.scenegraph.height);
+                    const yRatio = this.scroll.verticalBarPos / (totalHeight - (this.table.scenegraph?.height ?? 0));
                     this.table.scenegraph.component.updateVerticalScrollBarPos(yRatio);
                     return;
                 }
@@ -70068,6 +70027,7 @@
     class PluginManager {
         plugins = new Map();
         table;
+        pluginEventMap = new Map();
         constructor(table, options) {
             this.table = table;
             options.plugins?.map(plugin => {
@@ -70088,29 +70048,35 @@
             return Array.from(this.plugins.values()).find(plugin => plugin.name === name);
         }
         _bindTableEventForPlugin(plugin) {
-            plugin.runTime?.forEach(runTime => {
-                this.table.on(runTime, (...args) => {
+            plugin.runTime?.forEach((runTime) => {
+                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(plugins) {
+            plugins?.forEach(plugin => {
+                if (plugin.update) {
+                    plugin.update();
+                }
+            });
+        }
         release() {
             this.plugins.forEach(plugin => {
                 plugin.release?.(this.table);
@@ -70155,7 +70121,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.22.7-alpha.5";
+        version = "1.22.7-alpha.7";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -71033,13 +70999,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;
@@ -71049,12 +71015,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;
@@ -71258,14 +71224,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);
@@ -71627,26 +71593,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;
@@ -78320,6 +78286,7 @@
             clearRowHeightCache: true
         }) {
             const internalProps = this.internalProps;
+            this.pluginManager.removeOrAddPlugins(options.plugins);
             super.updateOption(options, updateConfig);
             internalProps.frozenColDragHeaderMode =
                 options.dragOrder?.frozenColDragHeaderMode ?? options.frozenColDragHeaderMode;
@@ -78779,11 +78746,12 @@
                 sortRecords(this);
             }
             else {
-                this.dataSource.updateFilterRules(filterRules);
+                this.dataSource.updateFilterRules(filterRules, options?.onFilterRecordsEnd);
             }
             this.refreshRowColCount();
             this.stateManager.initCheckedState(this.records);
             this.scenegraph.createSceneGraph(!!!options?.clearRowHeightCache);
+            this.internalProps.emptyTip?.resetVisible();
             this.resize();
         }
         getFilteredRecords() {
@@ -78815,7 +78783,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);
@@ -78950,8 +78918,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,
@@ -78970,8 +78938,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,
@@ -94887,7 +94855,7 @@
     }
 
     registerForVrender();
-    const version = "1.22.7-alpha.5";
+    const version = "1.22.7-alpha.7";
     function getIcons() {
         return get$2();
     }