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

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) => {
@@ -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;
+                        if (isScatter) {
+                            chartInstanceListColumnByColumnDirection[col][i].showCrosshair?.((axis) => {
+                                if (axis.layoutOrient === 'left') {
+                                    return positionValueOrYValue;
                                 }
-                                else {
-                                    isShowTooltip = false;
-                                }
-                            }
-                        }
-                    }
-                    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;
+                        if (isScatter) {
+                            chartInstanceListRowByRowDirection[row][i].showCrosshair?.((axis) => {
+                                if (axis.layoutOrient === 'left') {
+                                    return positionValueOrYValue;
                                 }
-                                else {
-                                    isShowTooltip = false;
-                                }
-                            }
-                        }
-                    }
-                    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();
@@ -70069,6 +70024,7 @@
     class PluginManager {
         plugins = new Map();
         table;
+        pluginEventMap = new Map();
         constructor(table, options) {
             this.table = table;
             options.plugins?.map(plugin => {
@@ -70089,29 +70045,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);
@@ -70156,7 +70118,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.22.7-alpha.0";
+        version = "1.22.7-alpha.2";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -71034,13 +70996,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 +71012,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 +71221,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 +71590,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 +78283,7 @@
             clearRowHeightCache: true
         }) {
             const internalProps = this.internalProps;
+            this.pluginManager.removeOrAddPlugins(options.plugins);
             super.updateOption(options, updateConfig);
             internalProps.frozenColDragHeaderMode =
                 options.dragOrder?.frozenColDragHeaderMode ?? options.frozenColDragHeaderMode;
@@ -78816,7 +78779,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 +78914,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 +78934,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,
@@ -94888,7 +94851,7 @@
     }
 
     registerForVrender();
-    const version = "1.22.7-alpha.0";
+    const version = "1.22.7-alpha.2";
     function getIcons() {
         return get$2();
     }