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

package/dist/vtable-calendar.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;
@@ -34932,7 +34932,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 => {
@@ -37236,9 +37238,9 @@
           length: this._sourceLength
         }, (_, i) => i), "tree" === this.rowHierarchyType && this.initTreeHierarchyState(), this.userPagination || (this.pagination.perPageCount = this._sourceLength, this.pagination.totalCount = this._sourceLength);
       }
-      updateFilterRules(filterRules) {
+      updateFilterRules(filterRules, onFilterRecordsEnd) {
         var _a, _b, _c;
-        this.lastFilterRules = this.dataConfig.filterRules, this.dataConfig.filterRules = filterRules, this._source = this.processRecords(null !== (_b = null === (_a = this.dataSourceObj) || void 0 === _a ? void 0 : _a.records) && void 0 !== _b ? _b : this.dataSourceObj), this._sourceLength = (null === (_c = this._source) || void 0 === _c ? void 0 : _c.length) || 0, this.currentIndexedData = Array.from({
+        this.lastFilterRules = this.dataConfig.filterRules, this.dataConfig.filterRules = filterRules, this._source = this.processRecords(null !== (_b = null === (_a = this.dataSourceObj) || void 0 === _a ? void 0 : _a.records) && void 0 !== _b ? _b : this.dataSourceObj), onFilterRecordsEnd && (this._source = onFilterRecordsEnd(this._source)), this._sourceLength = (null === (_c = this._source) || void 0 === _c ? void 0 : _c.length) || 0, this.currentIndexedData = Array.from({
           length: this._sourceLength
         }, (_, i) => i), this.userPagination || (this.pagination.perPageCount = this._sourceLength, this.pagination.totalCount = this._sourceLength, "tree" === this.rowHierarchyType && this.initTreeHierarchyState()), this.updatePagerData();
       }
@@ -43786,53 +43788,39 @@
       for (let i = rowStart; i <= rowEnd; i++) {
         const cellGroup = table.scenegraph.getCell(col, i),
           chartNode = null === (_a = null == cellGroup ? void 0 : cellGroup.getChildren()) || void 0 === _a ? void 0 : _a[0];
-        chartNode.addUpdateShapeAndBoundsTag(), chartInstanceListColumnByColumnDirection[col][i] || isValid$3(chartNode) && (chartNode.activeChartInstance || chartNode.activate(table), chartInstanceListColumnByColumnDirection[col][i] = chartNode.activeChartInstance), setTimeout(() => {
-          var _a, _b, _c, _d, _e, _f;
+        chartNode.addUpdateShapeAndBoundsTag(), chartInstanceListColumnByColumnDirection[col][i] || isValid$3(chartNode) && (chartNode.activeChartInstance || chartNode.activate(table), chartInstanceListColumnByColumnDirection[col][i] = chartNode.activeChartInstance), table.stateManager.hover.cellPos.col === col && table.stateManager.hover.cellPos.row === i || setTimeout(() => {
+          var _a, _b, _c, _d;
           if (null === (_a = chartInstanceListColumnByColumnDirection[col]) || void 0 === _a ? void 0 : _a[i]) {
-            const chartDimensionLinkage = table.options.chartDimensionLinkage;
+            const absolutePosition = table.getCellRelativeRect(col, i),
+              chartDimensionLinkage = table.options.chartDimensionLinkage;
             let isShowTooltip = !isScatter;
-            if (!isScatter && "object" == typeof chartDimensionLinkage) if (isShowTooltip = null === (_b = chartDimensionLinkage.showTooltip) || void 0 === _b || _b, i === rowEnd && isShowTooltip) {
-              const heightLimitToShowTooltipForEdgeRow = null !== (_c = chartDimensionLinkage.heightLimitToShowTooltipForEdgeRow) && void 0 !== _c ? _c : 0,
+            if (!isScatter && "object" == typeof chartDimensionLinkage && (isShowTooltip = null === (_b = chartDimensionLinkage.showTooltip) || void 0 === _b || _b, i === rowEnd && isShowTooltip)) {
+              const heightLimitToShowTooltipForLastRow = chartDimensionLinkage.heightLimitToShowTooltipForLastRow,
                 {
                   rowEnd: rowEnd1
-                } = table.getBodyVisibleRowRange(0, -heightLimitToShowTooltipForEdgeRow);
+                } = table.getBodyVisibleRowRange(-heightLimitToShowTooltipForLastRow);
               if (rowEnd1 === rowEnd) isShowTooltip = !0;else {
                 const {
                   rowEnd: rowEnd2
-                } = table.getBodyVisibleRowRange(0, 5);
+                } = table.getBodyVisibleRowRange(5);
                 isShowTooltip = rowEnd2 !== rowEnd;
               }
-            } else if (i === rowStart && isShowTooltip) {
-              const heightLimitToShowTooltipForEdgeRow = null !== (_d = chartDimensionLinkage.heightLimitToShowTooltipForEdgeRow) && void 0 !== _d ? _d : 0,
-                {
-                  rowStart: rowStart1
-                } = table.getBodyVisibleRowRange(heightLimitToShowTooltipForEdgeRow, 0);
-              if (rowStart1 === rowStart) isShowTooltip = !0;else {
-                const {
-                  rowStart: rowStart2
-                } = table.getBodyVisibleRowRange(0, -5);
-                isShowTooltip = rowStart2 !== rowStart;
-              }
-            }
-            if (isScatter) table.stateManager.hover.cellPos.col === col && table.stateManager.hover.cellPos.row === i || null === (_f = (_e = chartInstanceListColumnByColumnDirection[col][i]).showCrosshair) || void 0 === _f || _f.call(_e, axis => "left" === axis.layoutOrient ? positionValueOrYValue : dimensionValueOrXValue);else {
-              const bodyBoundryTop = table.frozenRowCount ? table.getCellRelativeRect(col, table.frozenRowCount - 1).bottom : 0,
-                absolutePositionTop = Math.max(bodyBoundryTop, table.getCellRelativeRect(col, i).top);
-              hideTooltip ? (table.stateManager.hover.cellPos.col === col && table.stateManager.hover.cellPos.row === i || chartInstanceListColumnByColumnDirection[col][i].hideTooltip(), chartInstanceListColumnByColumnDirection[col][i].setDimensionIndex(dimensionValueOrXValue, {
-                tooltip: !1,
-                showTooltipOption: {
-                  x: canvasXY.x,
-                  y: absolutePositionTop,
-                  activeType: "dimension"
-                }
-              })) : chartInstanceListColumnByColumnDirection[col][i].setDimensionIndex(dimensionValueOrXValue, {
-                tooltip: isShowTooltip,
-                showTooltipOption: {
-                  x: canvasXY.x,
-                  y: absolutePositionTop,
-                  activeType: "dimension"
-                }
-              });
             }
+            isScatter ? null === (_d = (_c = chartInstanceListColumnByColumnDirection[col][i]).showCrosshair) || void 0 === _d || _d.call(_c, axis => "left" === axis.layoutOrient ? positionValueOrYValue : dimensionValueOrXValue) : hideTooltip ? (chartInstanceListColumnByColumnDirection[col][i].hideTooltip(), chartInstanceListColumnByColumnDirection[col][i].setDimensionIndex(dimensionValueOrXValue, {
+              tooltip: !1,
+              showTooltipOption: {
+                x: canvasXY.x,
+                y: absolutePosition.top + 3,
+                activeType: "dimension"
+              }
+            })) : chartInstanceListColumnByColumnDirection[col][i].setDimensionIndex(dimensionValueOrXValue, {
+              tooltip: isShowTooltip,
+              showTooltipOption: {
+                x: canvasXY.x,
+                y: absolutePosition.top + 3,
+                activeType: "dimension"
+              }
+            });
           }
         }, 0), table.scenegraph.updateNextFrame();
       }
@@ -43864,53 +43852,39 @@
       for (let i = colStart; i <= colEnd; i++) {
         const cellGroup = table.scenegraph.getCell(i, row),
           chartNode = null === (_a = null == cellGroup ? void 0 : cellGroup.getChildren()) || void 0 === _a ? void 0 : _a[0];
-        chartNode.addUpdateShapeAndBoundsTag(), chartInstanceListRowByRowDirection[row][i] || isValid$3(chartNode) && (chartNode.activeChartInstance || chartNode.activate(table), chartInstanceListRowByRowDirection[row][i] = chartNode.activeChartInstance), setTimeout(() => {
+        chartNode.addUpdateShapeAndBoundsTag(), chartInstanceListRowByRowDirection[row][i] || isValid$3(chartNode) && (chartNode.activeChartInstance || chartNode.activate(table), chartInstanceListRowByRowDirection[row][i] = chartNode.activeChartInstance), table.stateManager.hover.cellPos.col === i && table.stateManager.hover.cellPos.row === row || setTimeout(() => {
           var _a, _b, _c, _d;
           if (null === (_a = chartInstanceListRowByRowDirection[row]) || void 0 === _a ? void 0 : _a[i]) {
-            const chartDimensionLinkage = table.options.chartDimensionLinkage;
+            const absolutePosition = table.getCellRelativeRect(i, row),
+              chartDimensionLinkage = table.options.chartDimensionLinkage;
             let isShowTooltip = !isScatter;
-            if (!isScatter && "object" == typeof chartDimensionLinkage) if (isShowTooltip = null === (_b = chartDimensionLinkage.showTooltip) || void 0 === _b || _b, i === colEnd && isShowTooltip) {
-              const widthLimitToShowTooltipForEdgeColumn = chartDimensionLinkage.widthLimitToShowTooltipForEdgeColumn,
+            if (!isScatter && "object" == typeof chartDimensionLinkage && (isShowTooltip = null === (_b = chartDimensionLinkage.showTooltip) || void 0 === _b || _b, i === colEnd && isShowTooltip)) {
+              const widthLimitToShowTooltipForLastColumn = chartDimensionLinkage.widthLimitToShowTooltipForLastColumn,
                 {
                   colEnd: colEnd1
-                } = table.getBodyVisibleColRange(0, -widthLimitToShowTooltipForEdgeColumn);
+                } = table.getBodyVisibleColRange(-widthLimitToShowTooltipForLastColumn);
               if (colEnd1 === colEnd) isShowTooltip = !0;else {
                 const {
                   colEnd: colEnd2
-                } = table.getBodyVisibleColRange(0, 5);
+                } = table.getBodyVisibleColRange(5);
                 isShowTooltip = colEnd2 !== colEnd;
               }
-            } else if (i === colStart && isShowTooltip) {
-              const widthLimitToShowTooltipForEdgeColumn = chartDimensionLinkage.widthLimitToShowTooltipForEdgeColumn,
-                {
-                  colStart: colStart1
-                } = table.getBodyVisibleColRange(widthLimitToShowTooltipForEdgeColumn, 0);
-              if (colStart1 === colStart) isShowTooltip = !0;else {
-                const {
-                  colStart: colStart2
-                } = table.getBodyVisibleColRange(0, -5);
-                isShowTooltip = colStart2 !== colStart;
-              }
-            }
-            if (isScatter) table.stateManager.hover.cellPos.col === i && table.stateManager.hover.cellPos.row === row || null === (_d = (_c = chartInstanceListRowByRowDirection[row][i]).showCrosshair) || void 0 === _d || _d.call(_c, axis => "left" === axis.layoutOrient ? positionValueOrYValue : dimensionValueOrXValue);else {
-              const bodyBoundryLeft = table.frozenColCount ? table.getCellRelativeRect(table.frozenColCount - 1, row).right : 0,
-                absolutePositionLeft = Math.max(bodyBoundryLeft, table.getCellRelativeRect(i, row).left);
-              hideTooltip ? (table.stateManager.hover.cellPos.col === i && table.stateManager.hover.cellPos.row === row || chartInstanceListRowByRowDirection[row][i].hideTooltip(), chartInstanceListRowByRowDirection[row][i].setDimensionIndex(dimensionValueOrXValue, {
-                tooltip: !1,
-                showTooltipOption: {
-                  x: absolutePositionLeft,
-                  y: canvasXY.y,
-                  activeType: "dimension"
-                }
-              })) : chartInstanceListRowByRowDirection[row][i].setDimensionIndex(dimensionValueOrXValue, {
-                tooltip: isShowTooltip,
-                showTooltipOption: {
-                  x: absolutePositionLeft,
-                  y: canvasXY.y,
-                  activeType: "dimension"
-                }
-              });
             }
+            isScatter ? null === (_d = (_c = chartInstanceListRowByRowDirection[row][i]).showCrosshair) || void 0 === _d || _d.call(_c, axis => "left" === axis.layoutOrient ? positionValueOrYValue : dimensionValueOrXValue) : hideTooltip ? (chartInstanceListRowByRowDirection[row][i].hideTooltip(), chartInstanceListRowByRowDirection[row][i].setDimensionIndex(dimensionValueOrXValue, {
+              tooltip: !1,
+              showTooltipOption: {
+                x: absolutePosition.left + 3,
+                y: canvasXY.y,
+                activeType: "dimension"
+              }
+            })) : chartInstanceListRowByRowDirection[row][i].setDimensionIndex(dimensionValueOrXValue, {
+              tooltip: isShowTooltip,
+              showTooltipOption: {
+                x: absolutePosition.left + 3,
+                y: canvasXY.y,
+                activeType: "dimension"
+              }
+            });
           }
         }, 0), table.scenegraph.updateNextFrame();
       }
@@ -44634,14 +44608,7 @@
               } = drawParams;
               layer.main && drawParams.clear && hoverColor && (context.beginPath(), context.fillStyle = hoverColor, context.rect(viewBox.x1, viewBox.y1, viewBox.x2 - viewBox.x1, viewBox.y2 - viewBox.y1), context.fill());
             }
-          },
-          componentShowContent: table.options.chartDimensionLinkage && "scatter" !== this.attribute.spec.type ? {
-            tooltip: {
-              dimension: !1,
-              mark: !0
-            },
-            crosshair: !1
-          } : void 0
+          }
         }));
         const chartStage = this.activeChartInstance.getStage(),
           matrix = this.globalTransMatrix.clone(),
@@ -44679,7 +44646,7 @@
                   indicatorsAsCol ? generateChartInstanceListByRowDirection(row, dimensionValue, null, canvasXY, table, justShowMarkTooltip, !1) : generateChartInstanceListByColumnDirection(col, dimensionValue, null, canvasXY, table, justShowMarkTooltip, !1);
                 }, 100)) : indicatorsAsCol ? generateChartInstanceListByRowDirection(row, dimensionValue, null, canvasXY, table, justShowMarkTooltip, !1) : generateChartInstanceListByColumnDirection(col, dimensionValue, null, canvasXY, table, justShowMarkTooltip, !1), indicatorsAsCol) {
                   const series = dimensionInfo.data[0].series,
-                    width = "histogram" === this.attribute.spec.type || "line" === series.type || "area" === series.type ? 0 : series.getYAxisHelper().getBandwidth(0);
+                    width = "histogram" === this.attribute.spec.type || "boxPlot" === this.attribute.spec.type || "line" === series.type || "area" === series.type ? 0 : series.getYAxisHelper().getBandwidth(0);
                   let y = series.valueToPositionY(dimensionValue);
                   const axisConfig = getAxisConfigInPivotChart(table.rowHeaderLevelCount - 1, row, table.internalProps.layoutMap);
                   let hoverOnLabelValue = yValue;
@@ -44697,7 +44664,7 @@
                   axisConfig.labelHoverOnAxis && table.scenegraph.getCell(table.rowHeaderLevelCount - 1, row).firstChild.showLabelHoverOnAxis(y + ("line" === series.type || "area" === series.type ? 0 : width / 2), hoverOnLabelValue);
                 } else {
                   const series = dimensionInfo.data[0].series,
-                    width = "histogram" === this.attribute.spec.type || "line" === series.type || "area" === series.type ? 0 : series.getXAxisHelper().getBandwidth(0);
+                    width = "histogram" === this.attribute.spec.type || "boxPlot" === this.attribute.spec.type || "line" === series.type || "area" === series.type ? 0 : series.getXAxisHelper().getBandwidth(0);
                   let x = series.valueToPositionX(dimensionValue);
                   const axisConfig = getAxisConfigInPivotChart(col, table.rowCount - table.bottomFrozenRowCount, table.internalProps.layoutMap);
                   let hoverOnLabelValue = dimensionValue;
@@ -51637,13 +51604,13 @@
         }), oldHorizontalBarPos !== this.scroll.horizontalBarPos && this.checkHorizontalScrollBarEnd();
       }
       setScrollTop(top, event, triggerEvent = !0) {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
         const totalHeight = this.table.getAllRowsHeight(),
           sizeTolerance = (null === (_a = this.table.options.customConfig) || void 0 === _a ? void 0 : _a._disableColumnAndRowSizeRound) ? 1 : 0;
-        top = Math.max(0, Math.min(top, totalHeight - this.table.scenegraph.height - sizeTolerance)), top = Math.ceil(top);
+        top = Math.max(0, Math.min(top, totalHeight - (null !== (_c = null === (_b = this.table.scenegraph) || void 0 === _b ? void 0 : _b.height) && void 0 !== _c ? _c : 0) - sizeTolerance)), top = Math.ceil(top);
         const oldVerticalBarPos = this.scroll.verticalBarPos,
-          yRatio = top / (totalHeight - this.table.scenegraph.height);
-        if ((oldVerticalBarPos !== top || !0 === (null === (_c = null === (_b = this.table.options) || void 0 === _b ? void 0 : _b.customConfig) || void 0 === _c ? void 0 : _c.scrollEventAlwaysTrigger)) && triggerEvent) {
+          yRatio = top / (totalHeight - (null !== (_e = null === (_d = this.table.scenegraph) || void 0 === _d ? void 0 : _d.height) && void 0 !== _e ? _e : 0));
+        if ((oldVerticalBarPos !== top || !0 === (null === (_g = null === (_f = this.table.options) || void 0 === _f ? void 0 : _f.customConfig) || void 0 === _g ? void 0 : _g.scrollEventAlwaysTrigger)) && triggerEvent) {
           let verticalBarPos = top;
           isValid$3(verticalBarPos) && !isNaN(verticalBarPos) || (verticalBarPos = 0);
           const dy = verticalBarPos - oldVerticalBarPos;
@@ -51651,15 +51618,15 @@
             event: null == event ? void 0 : event.nativeEvent,
             scrollTop: verticalBarPos,
             scrollLeft: this.scroll.horizontalBarPos,
-            scrollHeight: null === (_d = this.table.theme.scrollStyle) || void 0 === _d ? void 0 : _d.width,
-            scrollWidth: null === (_e = this.table.theme.scrollStyle) || void 0 === _e ? void 0 : _e.width,
+            scrollHeight: null === (_h = this.table.theme.scrollStyle) || void 0 === _h ? void 0 : _h.width,
+            scrollWidth: null === (_j = this.table.theme.scrollStyle) || void 0 === _j ? void 0 : _j.width,
             viewHeight: this.table.tableNoFrameHeight,
             viewWidth: this.table.tableNoFrameWidth,
             scrollDirection: "vertical",
             scrollRatioY: yRatio,
             dy: dy
           }).some(value => !1 === value)) {
-            const yRatio = this.scroll.verticalBarPos / (totalHeight - this.table.scenegraph.height);
+            const yRatio = this.scroll.verticalBarPos / (totalHeight - (null !== (_l = null === (_k = this.table.scenegraph) || void 0 === _k ? void 0 : _k.height) && void 0 !== _l ? _l : 0));
             return void this.table.scenegraph.component.updateVerticalScrollBarPos(yRatio);
           }
         }
@@ -51669,8 +51636,8 @@
           event: null == event ? void 0 : event.nativeEvent,
           scrollTop: this.scroll.verticalBarPos,
           scrollLeft: this.scroll.horizontalBarPos,
-          scrollHeight: null === (_f = this.table.theme.scrollStyle) || void 0 === _f ? void 0 : _f.width,
-          scrollWidth: null === (_g = this.table.theme.scrollStyle) || void 0 === _g ? void 0 : _g.width,
+          scrollHeight: null === (_m = this.table.theme.scrollStyle) || void 0 === _m ? void 0 : _m.width,
+          scrollWidth: null === (_o = this.table.theme.scrollStyle) || void 0 === _o ? void 0 : _o.width,
           viewHeight: this.table.tableNoFrameHeight,
           viewWidth: this.table.tableNoFrameWidth,
           scrollDirection: "vertical",
@@ -56012,7 +55979,7 @@
     class PluginManager {
       constructor(table, options) {
         var _a;
-        this.plugins = new Map(), this.table = table, null === (_a = options.plugins) || void 0 === _a || _a.map(plugin => {
+        this.plugins = new Map(), this.pluginEventMap = new Map(), this.table = table, null === (_a = options.plugins) || void 0 === _a || _a.map(plugin => {
           this.register(plugin), this._bindTableEventForPlugin(plugin);
         });
       }
@@ -56031,23 +55998,30 @@
       _bindTableEventForPlugin(plugin) {
         var _a;
         null === (_a = plugin.runTime) || void 0 === _a || _a.forEach(runTime => {
-          this.table.on(runTime, (...args) => {
+          const id = this.table.on(runTime, (...args) => {
             var _a;
             null === (_a = plugin.run) || void 0 === _a || _a.call(plugin, ...args, runTime, this.table);
           });
+          this.pluginEventMap.set(plugin.id, [...(this.pluginEventMap.get(plugin.id) || []), id]);
         });
       }
-      updatePlugins(plugins) {
+      removeOrAddPlugins(plugins) {
         Array.from(this.plugins.values()).filter(plugin => !(null == plugins ? void 0 : plugins.some(p => p.id === plugin.id))).forEach(plugin => {
-          this.release(), this.plugins.delete(plugin.id);
-        }), this.plugins.forEach(plugin => {
-          plugin.update && plugin.update();
+          var _a;
+          null === (_a = this.pluginEventMap.get(plugin.id)) || void 0 === _a || _a.forEach(id => {
+            this.table.off(id);
+          }), this.release(), this.plugins.delete(plugin.id);
         });
         const addedPlugins = null == plugins ? void 0 : plugins.filter(plugin => !this.plugins.has(plugin.id));
         null == addedPlugins || addedPlugins.forEach(plugin => {
           this.register(plugin), this._bindTableEventForPlugin(plugin);
         });
       }
+      updatePlugins(plugins) {
+        null == plugins || plugins.forEach(plugin => {
+          plugin.update && plugin.update();
+        });
+      }
       release() {
         this.plugins.forEach(plugin => {
           var _a;
@@ -56070,7 +56044,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.22.7-alpha.5", 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.22.7-alpha.7", 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
@@ -56686,11 +56660,13 @@
         this.colContentWidthsMap.put(col, width);
       }
       getAllRowsHeight() {
-        if (this.internalProps.rowCount <= 0) return 0;
+        var _a;
+        if (!(null === (_a = this.internalProps) || void 0 === _a ? void 0 : _a.rowCount) || this.internalProps.rowCount <= 0) return 0;
         return this.getRowsHeight(0, this.internalProps.rowCount - 1);
       }
       getAllColsWidth() {
-        if (this.internalProps.colCount <= 0) return 0;
+        var _a;
+        if (!(null === (_a = this.internalProps) || void 0 === _a ? void 0 : _a.colCount) || this.internalProps.colCount <= 0) return 0;
         return this.getColsWidth(0, this.internalProps.colCount - 1);
       }
       getColsWidths() {
@@ -56911,7 +56887,7 @@
           colEnd: colEnd
         };
       }
-      getBodyVisibleRowRange(start_deltaY = 0, end_deltaY = 0) {
+      getBodyVisibleRowRange(deltaY = 0) {
         const {
             scrollTop: scrollTop
           } = this,
@@ -56919,14 +56895,14 @@
           bottomFrozenRowsHeight = this.getBottomFrozenRowsHeight(),
           {
             row: rowStart
-          } = this.getRowAt(scrollTop + frozenRowsHeight + 1 + start_deltaY),
-          rowEnd = this.getAllRowsHeight() > this.tableNoFrameHeight ? this.getRowAt(scrollTop + this.tableNoFrameHeight - 1 - bottomFrozenRowsHeight + end_deltaY).row : this.rowCount - 1;
+          } = this.getRowAt(scrollTop + frozenRowsHeight + 1),
+          rowEnd = this.getAllRowsHeight() > this.tableNoFrameHeight ? this.getRowAt(scrollTop + this.tableNoFrameHeight - 1 - bottomFrozenRowsHeight + deltaY).row : this.rowCount - 1;
         return rowEnd < 0 ? null : {
           rowStart: rowStart,
           rowEnd: rowEnd
         };
       }
-      getBodyVisibleColRange(start_deltaX = 0, end_deltaX = 0) {
+      getBodyVisibleColRange(deltaX = 0) {
         const {
             scrollLeft: scrollLeft
           } = this,
@@ -56934,8 +56910,8 @@
           rightFrozenColsWidth = this.getRightFrozenColsWidth(),
           {
             col: colStart
-          } = this.getColAt(scrollLeft + frozenColsWidth + 1 + start_deltaX),
-          colEnd = this.getAllColsWidth() > this.tableNoFrameWidth ? this.getColAt(scrollLeft + this.tableNoFrameWidth - 1 - rightFrozenColsWidth + end_deltaX).col : this.colCount - 1;
+          } = this.getColAt(scrollLeft + frozenColsWidth + 1),
+          colEnd = this.getAllColsWidth() > this.tableNoFrameWidth ? this.getColAt(scrollLeft + this.tableNoFrameWidth - 1 - rightFrozenColsWidth + deltaX).col : this.colCount - 1;
         return colEnd < 0 ? null : {
           colStart: colStart,
           colEnd: colEnd
@@ -61502,7 +61478,7 @@
       }) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         const internalProps = this.internalProps;
-        if (super.updateOption(options, updateConfig), internalProps.frozenColDragHeaderMode = null !== (_b = null === (_a = options.dragOrder) || void 0 === _a ? void 0 : _a.frozenColDragHeaderMode) && void 0 !== _b ? _b : options.frozenColDragHeaderMode, this.pagination = options.pagination, internalProps.sortState = options.sortState, internalProps.dataConfig = this.internalProps.groupBy ? getGroupByDataConfig(this.internalProps.groupBy, options.addRecordRule) : {
+        if (this.pluginManager.removeOrAddPlugins(options.plugins), super.updateOption(options, updateConfig), internalProps.frozenColDragHeaderMode = null !== (_b = null === (_a = options.dragOrder) || void 0 === _a ? void 0 : _a.frozenColDragHeaderMode) && void 0 !== _b ? _b : options.frozenColDragHeaderMode, this.pagination = options.pagination, internalProps.sortState = options.sortState, internalProps.dataConfig = this.internalProps.groupBy ? getGroupByDataConfig(this.internalProps.groupBy, options.addRecordRule) : {
           addRecordRule: options.addRecordRule
         }, this.showHeader = null === (_c = options.showHeader) || void 0 === _c || _c, internalProps.columns = options.columns ? cloneDeepSpec(options.columns, ["children"]) : options.header ? cloneDeepSpec(options.header, ["children"]) : [], generateAggregationForColumn(this), internalProps.enableTreeNodeMerge = null !== (_e = null !== (_d = options.enableTreeNodeMerge) && void 0 !== _d ? _d : isValid$3(this.internalProps.groupBy)) && void 0 !== _e && _e, this.internalProps.headerHelper.setTableColumnsEditor(), this.transpose = null !== (_f = options.transpose) && void 0 !== _f && _f, this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, this.internalProps.columnWidthConfig = options.columnWidthConfig, this.internalProps.rowHeightConfig = options.rowHeightConfig, internalProps.releaseList) for (let i = internalProps.releaseList.length - 1; i >= 0; i--) {
           const releaseObj = internalProps.releaseList[i];
@@ -61727,7 +61703,8 @@
       updateFilterRules(filterRules, options = {
         clearRowHeightCache: !0
       }) {
-        this.scenegraph.clearCells(), this.sortState ? (this.dataSource.updateFilterRulesForSorted(filterRules), sortRecords(this)) : this.dataSource.updateFilterRules(filterRules), this.refreshRowColCount(), this.stateManager.initCheckedState(this.records), this.scenegraph.createSceneGraph(!(null == options ? void 0 : options.clearRowHeightCache)), this.resize();
+        var _a;
+        this.scenegraph.clearCells(), this.sortState ? (this.dataSource.updateFilterRulesForSorted(filterRules), sortRecords(this)) : this.dataSource.updateFilterRules(filterRules, null == options ? void 0 : options.onFilterRecordsEnd), this.refreshRowColCount(), this.stateManager.initCheckedState(this.records), this.scenegraph.createSceneGraph(!(null == options ? void 0 : options.clearRowHeightCache)), null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible(), this.resize();
       }
       getFilteredRecords() {
         return this.dataSource.records;
@@ -61748,7 +61725,7 @@
           }).map(key => this.stateManager.checkedState.get(key));
           return this.options.groupBy && (stateArr = getGroupCheckboxState(this)), Array.from(stateArr, state => state && state[field]);
         }
-        return new Array(...this.stateManager.checkedState.values());
+        return [...this.stateManager.checkedState.values()];
       }
       getCellCheckboxState(col, row) {
         var _a;