@visactor/vtable-calendar 1.22.7-alpha.2 → 1.22.7-alpha.4

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 ? 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 && 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];
       }
       clearStates(hasAnimation) {
         this.hasState() && this.normalAttrs ? (this.currentStates = [], this.applyStateAttrs(this.normalAttrs, this.currentStates, hasAnimation, !0)) : this.currentStates = [], this.normalAttrs = null;
@@ -34932,9 +34932,7 @@
       DELETE_RECORD: "delete_record",
       UPDATE_RECORD: "update_record",
       ADD_COLUMN: "add_column",
-      DELETE_COLUMN: "delete_column",
-      FILTER_MENU_SHOW: "filter_menu_show",
-      FILTER_MENU_HIDE: "filter_menu_hide"
+      DELETE_COLUMN: "delete_column"
     };
 
     const judgeType = value => {
@@ -43788,39 +43786,53 @@
       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), table.stateManager.hover.cellPos.col === col && table.stateManager.hover.cellPos.row === i || setTimeout(() => {
-          var _a, _b, _c, _d;
+        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;
           if (null === (_a = chartInstanceListColumnByColumnDirection[col]) || void 0 === _a ? void 0 : _a[i]) {
-            const absolutePosition = table.getCellRelativeRect(col, i),
-              chartDimensionLinkage = table.options.chartDimensionLinkage;
+            const chartDimensionLinkage = table.options.chartDimensionLinkage;
             let isShowTooltip = !isScatter;
-            if (!isScatter && "object" == typeof chartDimensionLinkage && (isShowTooltip = null === (_b = chartDimensionLinkage.showTooltip) || void 0 === _b || _b, i === rowEnd && isShowTooltip)) {
-              const heightLimitToShowTooltipForLastRow = chartDimensionLinkage.heightLimitToShowTooltipForLastRow,
+            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,
                 {
                   rowEnd: rowEnd1
-                } = table.getBodyVisibleRowRange(-heightLimitToShowTooltipForLastRow);
+                } = table.getBodyVisibleRowRange(0, -heightLimitToShowTooltipForEdgeRow);
               if (rowEnd1 === rowEnd) isShowTooltip = !0;else {
                 const {
                   rowEnd: rowEnd2
-                } = table.getBodyVisibleRowRange(5);
+                } = table.getBodyVisibleRowRange(0, 5);
                 isShowTooltip = rowEnd2 !== rowEnd;
               }
-            }
-            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"
+            } 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) 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"
+                }
+              });
+            }
           }
         }, 0), table.scenegraph.updateNextFrame();
       }
@@ -43852,39 +43864,53 @@
       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), table.stateManager.hover.cellPos.col === i && table.stateManager.hover.cellPos.row === row || setTimeout(() => {
+        chartNode.addUpdateShapeAndBoundsTag(), chartInstanceListRowByRowDirection[row][i] || isValid$3(chartNode) && (chartNode.activeChartInstance || chartNode.activate(table), chartInstanceListRowByRowDirection[row][i] = chartNode.activeChartInstance), setTimeout(() => {
           var _a, _b, _c, _d;
           if (null === (_a = chartInstanceListRowByRowDirection[row]) || void 0 === _a ? void 0 : _a[i]) {
-            const absolutePosition = table.getCellRelativeRect(i, row),
-              chartDimensionLinkage = table.options.chartDimensionLinkage;
+            const chartDimensionLinkage = table.options.chartDimensionLinkage;
             let isShowTooltip = !isScatter;
-            if (!isScatter && "object" == typeof chartDimensionLinkage && (isShowTooltip = null === (_b = chartDimensionLinkage.showTooltip) || void 0 === _b || _b, i === colEnd && isShowTooltip)) {
-              const widthLimitToShowTooltipForLastColumn = chartDimensionLinkage.widthLimitToShowTooltipForLastColumn,
+            if (!isScatter && "object" == typeof chartDimensionLinkage) if (isShowTooltip = null === (_b = chartDimensionLinkage.showTooltip) || void 0 === _b || _b, i === colEnd && isShowTooltip) {
+              const widthLimitToShowTooltipForEdgeColumn = chartDimensionLinkage.widthLimitToShowTooltipForEdgeColumn,
                 {
                   colEnd: colEnd1
-                } = table.getBodyVisibleColRange(-widthLimitToShowTooltipForLastColumn);
+                } = table.getBodyVisibleColRange(0, -widthLimitToShowTooltipForEdgeColumn);
               if (colEnd1 === colEnd) isShowTooltip = !0;else {
                 const {
                   colEnd: colEnd2
-                } = table.getBodyVisibleColRange(5);
+                } = table.getBodyVisibleColRange(0, 5);
                 isShowTooltip = colEnd2 !== colEnd;
               }
-            }
-            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"
+            } 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) 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"
+                }
+              });
+            }
           }
         }, 0), table.scenegraph.updateNextFrame();
       }
@@ -44608,7 +44634,14 @@
               } = 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 ? {
+            tooltip: {
+              dimension: !1,
+              mark: !0
+            },
+            crosshair: !1
+          } : void 0
         }));
         const chartStage = this.activeChartInstance.getStage(),
           matrix = this.globalTransMatrix.clone(),
@@ -44646,7 +44679,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 || "boxPlot" === this.attribute.spec.type || "line" === series.type || "area" === series.type ? 0 : series.getYAxisHelper().getBandwidth(0);
+                    width = "histogram" === 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;
@@ -44664,7 +44697,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 || "boxPlot" === this.attribute.spec.type || "line" === series.type || "area" === series.type ? 0 : series.getXAxisHelper().getBandwidth(0);
+                    width = "histogram" === 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;
@@ -55979,7 +56012,7 @@
     class PluginManager {
       constructor(table, options) {
         var _a;
-        this.plugins = new Map(), this.pluginEventMap = new Map(), this.table = table, null === (_a = options.plugins) || void 0 === _a || _a.map(plugin => {
+        this.plugins = new Map(), this.table = table, null === (_a = options.plugins) || void 0 === _a || _a.map(plugin => {
           this.register(plugin), this._bindTableEventForPlugin(plugin);
         });
       }
@@ -55998,30 +56031,23 @@
       _bindTableEventForPlugin(plugin) {
         var _a;
         null === (_a = plugin.runTime) || void 0 === _a || _a.forEach(runTime => {
-          const id = this.table.on(runTime, (...args) => {
+          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]);
         });
       }
-      removeOrAddPlugins(plugins) {
+      updatePlugins(plugins) {
         Array.from(this.plugins.values()).filter(plugin => !(null == plugins ? void 0 : plugins.some(p => p.id === plugin.id))).forEach(plugin => {
-          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);
+          this.release(), this.plugins.delete(plugin.id);
+        }), this.plugins.forEach(plugin => {
+          plugin.update && plugin.update();
         });
         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;
@@ -56044,7 +56070,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.2", 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.4", 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
@@ -56660,13 +56686,11 @@
         this.colContentWidthsMap.put(col, width);
       }
       getAllRowsHeight() {
-        var _a;
-        if (!(null === (_a = this.internalProps) || void 0 === _a ? void 0 : _a.rowCount) || this.internalProps.rowCount <= 0) return 0;
+        if (this.internalProps.rowCount <= 0) return 0;
         return this.getRowsHeight(0, this.internalProps.rowCount - 1);
       }
       getAllColsWidth() {
-        var _a;
-        if (!(null === (_a = this.internalProps) || void 0 === _a ? void 0 : _a.colCount) || this.internalProps.colCount <= 0) return 0;
+        if (this.internalProps.colCount <= 0) return 0;
         return this.getColsWidth(0, this.internalProps.colCount - 1);
       }
       getColsWidths() {
@@ -56887,7 +56911,7 @@
           colEnd: colEnd
         };
       }
-      getBodyVisibleRowRange(deltaY = 0) {
+      getBodyVisibleRowRange(start_deltaY = 0, end_deltaY = 0) {
         const {
             scrollTop: scrollTop
           } = this,
@@ -56895,14 +56919,14 @@
           bottomFrozenRowsHeight = this.getBottomFrozenRowsHeight(),
           {
             row: rowStart
-          } = this.getRowAt(scrollTop + frozenRowsHeight + 1),
-          rowEnd = this.getAllRowsHeight() > this.tableNoFrameHeight ? this.getRowAt(scrollTop + this.tableNoFrameHeight - 1 - bottomFrozenRowsHeight + deltaY).row : this.rowCount - 1;
+          } = 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;
         return rowEnd < 0 ? null : {
           rowStart: rowStart,
           rowEnd: rowEnd
         };
       }
-      getBodyVisibleColRange(deltaX = 0) {
+      getBodyVisibleColRange(start_deltaX = 0, end_deltaX = 0) {
         const {
             scrollLeft: scrollLeft
           } = this,
@@ -56910,8 +56934,8 @@
           rightFrozenColsWidth = this.getRightFrozenColsWidth(),
           {
             col: colStart
-          } = this.getColAt(scrollLeft + frozenColsWidth + 1),
-          colEnd = this.getAllColsWidth() > this.tableNoFrameWidth ? this.getColAt(scrollLeft + this.tableNoFrameWidth - 1 - rightFrozenColsWidth + deltaX).col : this.colCount - 1;
+          } = 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;
         return colEnd < 0 ? null : {
           colStart: colStart,
           colEnd: colEnd
@@ -61478,7 +61502,7 @@
       }) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         const internalProps = this.internalProps;
-        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) : {
+        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) : {
           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];
@@ -61724,7 +61748,7 @@
           }).map(key => this.stateManager.checkedState.get(key));
           return this.options.groupBy && (stateArr = getGroupCheckboxState(this)), Array.from(stateArr, state => state && state[field]);
         }
-        return [...this.stateManager.checkedState.values()];
+        return new Array(...this.stateManager.checkedState.values());
       }
       getCellCheckboxState(col, row) {
         var _a;