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

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 ? 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;
@@ -36463,9 +36463,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) => {
@@ -49028,32 +49026,47 @@
                     chartInstanceListColumnByColumnDirection[col][i] = chartNode.activeChartInstance;
                 }
             }
-            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) {
+            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 {
-                                    const { rowEnd: rowEnd2 } = table.getBodyVisibleRowRange(5);
-                                    if (rowEnd2 !== rowEnd) {
-                                        isShowTooltip = true;
-                                    }
-                                    else {
-                                        isShowTooltip = false;
-                                    }
+                                    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) {
+                                    isShowTooltip = true;
+                                }
+                                else {
+                                    isShowTooltip = false;
                                 }
                             }
                         }
-                        if (isScatter) {
+                    }
+                    if (isScatter) {
+                        if (table.stateManager.hover.cellPos.col !== col || table.stateManager.hover.cellPos.row !== i) {
                             chartInstanceListColumnByColumnDirection[col][i].showCrosshair?.((axis) => {
                                 if (axis.layoutOrient === 'left') {
                                     return positionValueOrYValue;
@@ -49061,24 +49074,30 @@
                                 return dimensionValueOrXValue;
                             });
                         }
-                        else {
-                            if (hideTooltip) {
+                    }
+                    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: 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();
         }
     }
@@ -49124,32 +49143,47 @@
                     chartInstanceListRowByRowDirection[row][i] = chartNode.activeChartInstance;
                 }
             }
-            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) {
+            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 {
-                                    const { colEnd: colEnd2 } = table.getBodyVisibleColRange(5);
-                                    if (colEnd2 !== colEnd) {
-                                        isShowTooltip = true;
-                                    }
-                                    else {
-                                        isShowTooltip = false;
-                                    }
+                                    isShowTooltip = false;
                                 }
                             }
                         }
-                        if (isScatter) {
+                        else if (i === colStart && isShowTooltip) {
+                            const widthLimitToShowTooltipForEdgeColumn = chartDimensionLinkage.widthLimitToShowTooltipForEdgeColumn;
+                            const { colStart: colStart1 } = table.getBodyVisibleColRange(widthLimitToShowTooltipForEdgeColumn, 0);
+                            if (colStart1 === colStart) {
+                                isShowTooltip = true;
+                            }
+                            else {
+                                const { colStart: colStart2 } = table.getBodyVisibleColRange(0, -5);
+                                if (colStart2 !== colStart) {
+                                    isShowTooltip = true;
+                                }
+                                else {
+                                    isShowTooltip = false;
+                                }
+                            }
+                        }
+                    }
+                    if (isScatter) {
+                        if (table.stateManager.hover.cellPos.col !== i || table.stateManager.hover.cellPos.row !== row) {
                             chartInstanceListRowByRowDirection[row][i].showCrosshair?.((axis) => {
                                 if (axis.layoutOrient === 'left') {
                                     return positionValueOrYValue;
@@ -49157,24 +49191,30 @@
                                 return dimensionValueOrXValue;
                             });
                         }
-                        else {
-                            if (hideTooltip) {
+                    }
+                    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: 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();
         }
     }
@@ -50244,7 +50284,17 @@
                             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();
@@ -50355,10 +50405,7 @@
                                 }
                                 if (indicatorsAsCol) {
                                     const series = dimensionInfo.data[0].series;
-                                    const width = this.attribute.spec.type === 'histogram' ||
-                                        this.attribute.spec.type === 'boxPlot' ||
-                                        series.type === 'line' ||
-                                        series.type === 'area'
+                                    const width = this.attribute.spec.type === 'histogram' || series.type === 'line' || series.type === 'area'
                                         ? 0
                                         : series.getYAxisHelper().getBandwidth(0);
                                     let y = series.valueToPositionY(dimensionValue);
@@ -50381,10 +50428,7 @@
                                 }
                                 else {
                                     const series = dimensionInfo.data[0].series;
-                                    const width = this.attribute.spec.type === 'histogram' ||
-                                        this.attribute.spec.type === 'boxPlot' ||
-                                        series.type === 'line' ||
-                                        series.type === 'area'
+                                    const width = this.attribute.spec.type === 'histogram' || series.type === 'line' || series.type === 'area'
                                         ? 0
                                         : series.getXAxisHelper().getBandwidth(0);
                                     let x = series.valueToPositionX(dimensionValue);
@@ -70024,7 +70068,6 @@
     class PluginManager {
         plugins = new Map();
         table;
-        pluginEventMap = new Map();
         constructor(table, options) {
             this.table = table;
             options.plugins?.map(plugin => {
@@ -70045,35 +70088,29 @@
             return Array.from(this.plugins.values()).find(plugin => plugin.name === name);
         }
         _bindTableEventForPlugin(plugin) {
-            plugin.runTime?.forEach((runTime) => {
-                const id = this.table.on(runTime, (...args) => {
+            plugin.runTime?.forEach(runTime => {
+                this.table.on(runTime, (...args) => {
                     plugin.run?.(...args, runTime, this.table);
                 });
-                this.pluginEventMap.set(plugin.id, [...(this.pluginEventMap.get(plugin.id) || []), id]);
             });
         }
-        removeOrAddPlugins(plugins) {
+        updatePlugins(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);
@@ -70118,7 +70155,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.22.7-alpha.3";
+        version = "1.22.7-alpha.5";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -70996,13 +71033,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;
@@ -71012,12 +71049,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;
@@ -71221,14 +71258,14 @@
             this.colContentWidthsMap.put(col, width);
         }
         getAllRowsHeight() {
-            if (!this.internalProps?.rowCount || this.internalProps.rowCount <= 0) {
+            if (this.internalProps.rowCount <= 0) {
                 return 0;
             }
             const h = this.getRowsHeight(0, this.internalProps.rowCount - 1);
             return h;
         }
         getAllColsWidth() {
-            if (!this.internalProps?.colCount || this.internalProps.colCount <= 0) {
+            if (this.internalProps.colCount <= 0) {
                 return 0;
             }
             const w = this.getColsWidth(0, this.internalProps.colCount - 1);
@@ -71590,26 +71627,26 @@
             }
             return { rowStart, colStart, rowEnd, colEnd };
         }
-        getBodyVisibleRowRange(deltaY = 0) {
+        getBodyVisibleRowRange(start_deltaY = 0, end_deltaY = 0) {
             const { scrollTop } = this;
             const frozenRowsHeight = this.getFrozenRowsHeight();
             const bottomFrozenRowsHeight = this.getBottomFrozenRowsHeight();
-            const { row: rowStart } = this.getRowAt(scrollTop + frozenRowsHeight + 1);
+            const { row: rowStart } = this.getRowAt(scrollTop + frozenRowsHeight + 1 + start_deltaY);
             const rowEnd = this.getAllRowsHeight() > this.tableNoFrameHeight
-                ? this.getRowAt(scrollTop + this.tableNoFrameHeight - 1 - bottomFrozenRowsHeight + deltaY).row
+                ? this.getRowAt(scrollTop + this.tableNoFrameHeight - 1 - bottomFrozenRowsHeight + end_deltaY).row
                 : this.rowCount - 1;
             if (rowEnd < 0) {
                 return null;
             }
             return { rowStart, rowEnd };
         }
-        getBodyVisibleColRange(deltaX = 0) {
+        getBodyVisibleColRange(start_deltaX = 0, end_deltaX = 0) {
             const { scrollLeft } = this;
             const frozenColsWidth = this.getFrozenColsWidth();
             const rightFrozenColsWidth = this.getRightFrozenColsWidth();
-            const { col: colStart } = this.getColAt(scrollLeft + frozenColsWidth + 1);
+            const { col: colStart } = this.getColAt(scrollLeft + frozenColsWidth + 1 + start_deltaX);
             const colEnd = this.getAllColsWidth() > this.tableNoFrameWidth
-                ? this.getColAt(scrollLeft + this.tableNoFrameWidth - 1 - rightFrozenColsWidth + deltaX).col
+                ? this.getColAt(scrollLeft + this.tableNoFrameWidth - 1 - rightFrozenColsWidth + end_deltaX).col
                 : this.colCount - 1;
             if (colEnd < 0) {
                 return null;
@@ -78283,7 +78320,6 @@
             clearRowHeightCache: true
         }) {
             const internalProps = this.internalProps;
-            this.pluginManager.removeOrAddPlugins(options.plugins);
             super.updateOption(options, updateConfig);
             internalProps.frozenColDragHeaderMode =
                 options.dragOrder?.frozenColDragHeaderMode ?? options.frozenColDragHeaderMode;
@@ -78779,7 +78815,7 @@
                     return state && state[field];
                 });
             }
-            return [...this.stateManager.checkedState.values()];
+            return new Array(...this.stateManager.checkedState.values());
         }
         getCellCheckboxState(col, row) {
             const define = this.getBodyColumnDefine(col, row);
@@ -78914,8 +78950,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,
@@ -78934,8 +78970,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,
@@ -94851,7 +94887,7 @@
     }
 
     registerForVrender();
-    const version = "1.22.7-alpha.3";
+    const version = "1.22.7-alpha.5";
     function getIcons() {
         return get$2();
     }