@visactor/vtable 1.19.5 → 1.19.7

package/dist/vtable.js

@@ -34905,6 +34905,7 @@
         MOUSEENTER_CELL: 'mouseenter_cell',
         MOUSELEAVE_CELL: 'mouseleave_cell',
         CONTEXTMENU_CELL: 'contextmenu_cell',
+        CONTEXTMENU_CANVAS: 'contextmenu_canvas',
         RESIZE_COLUMN: 'resize_column',
         RESIZE_COLUMN_END: 'resize_column_end',
         RESIZE_ROW: 'resize_row',
@@ -36402,6 +36403,9 @@
                     },
                     get verticalPadding() {
                         return scroll.verticalPadding ?? 0;
+                    },
+                    get ignoreFrozenCols() {
+                        return scroll.ignoreFrozenCols ?? false;
                     }
                 };
             }
@@ -39769,8 +39773,8 @@
             if (isValid$3(newRecord)) {
                 newRecord.hierarchyState = oldSource[i].hierarchyState;
             }
-            if (isArray$7(oldRecord.children) &&
-                isArray$7(newRecord.children) &&
+            if (isArray$7(oldRecord?.children) &&
+                isArray$7(newRecord?.children) &&
                 oldRecord.map.size !== 0 &&
                 newRecord.map.size !== 0) {
                 syncGroupCollapseState(oldRecord.children, newRecord.children, oldRecord.map, newRecord.map);
@@ -42647,6 +42651,9 @@
         });
     }
     function dealWithIcon(icon, mark, col, row, range, table, dealWithIconComputeVar) {
+        if (!icon) {
+            return undefined;
+        }
         const iconAttribute = {};
         if (icon.type === 'image') {
             if (icon.isGif) {
@@ -46419,19 +46426,19 @@
             const visible1 = theme.scrollStyle?.visible;
             const horizontalVisible = theme.scrollStyle?.horizontalVisible ?? visible1;
             const verticalVisible = theme.scrollStyle?.verticalVisible ?? visible1;
-            const tableWidth = Math.ceil(this.table.scenegraph.tableGroup.attribute.width);
-            const tableHeight = Math.ceil(this.table.scenegraph.tableGroup.attribute.height);
+            const tableWidth = Math.ceil(this.table.tableNoFrameWidth);
+            const tableHeight = Math.ceil(this.table.tableNoFrameHeight);
             const totalHeight = this.table.getAllRowsHeight();
             const totalWidth = this.table.getAllColsWidth();
             const frozenRowsHeight = this.table.getFrozenRowsHeight();
             const frozenColsWidth = this.table.getFrozenColsWidth();
             const bottomFrozenRowsHeight = this.table.getBottomFrozenRowsHeight();
             const rightFrozenColsWidth = this.table.getRightFrozenColsWidth();
+            const hoverOn = this.table.theme.scrollStyle.hoverOn;
             const sizeTolerance = this.table.options.customConfig?._disableColumnAndRowSizeRound ? 1 : 0;
             if (totalWidth > tableWidth + sizeTolerance) {
                 const y = Math.min(tableHeight, totalHeight);
                 const rangeEnd = Math.max(0.05, (tableWidth - frozenColsWidth) / (totalWidth - frozenColsWidth));
-                const hoverOn = this.table.theme.scrollStyle.hoverOn;
                 let attrY = 0;
                 if (this.table.theme.scrollStyle.barToSide) {
                     attrY =
@@ -46442,10 +46449,21 @@
                 else {
                     attrY = y - (hoverOn ? width : -this.table.scenegraph.tableGroup.attribute.y);
                 }
+                let hScrollBarx = frozenColsWidth + (!hoverOn ? this.table.scenegraph.tableGroup.attribute.x : 0);
+                let hScrollBarWidth = tableWidth - frozenColsWidth - rightFrozenColsWidth;
+                const ignoreFrozenCols = this.table.theme.scrollStyle?.ignoreFrozenCols ?? false;
+                if (ignoreFrozenCols) {
+                    hScrollBarx = !hoverOn ? this.table.scenegraph.tableGroup.attribute.x : 0;
+                    hScrollBarWidth = tableWidth;
+                }
+                else {
+                    hScrollBarx = frozenColsWidth + (!hoverOn ? this.table.scenegraph.tableGroup.attribute.x : 0);
+                    hScrollBarWidth = tableWidth - frozenColsWidth - rightFrozenColsWidth;
+                }
                 this.hScrollBar.setAttributes({
-                    x: frozenColsWidth + (!hoverOn ? this.table.scenegraph.tableGroup.attribute.x : 0),
+                    x: hScrollBarx,
                     y: attrY,
-                    width: tableWidth - frozenColsWidth - rightFrozenColsWidth,
+                    width: hScrollBarWidth,
                     range: [0, rangeEnd],
                     visible: horizontalVisible === 'always'
                 });
@@ -46470,7 +46488,6 @@
                 const x = Math.min(tableWidth, totalWidth);
                 const rangeEnd = Math.max(0.05, (tableHeight - frozenRowsHeight) / (totalHeight - frozenRowsHeight));
                 let attrX = 0;
-                const hoverOn = this.table.theme.scrollStyle.hoverOn;
                 if (this.table.theme.scrollStyle.barToSide) {
                     attrX =
                         this.table.tableNoFrameWidth -
@@ -49127,11 +49144,10 @@
     });
 
     function computeColsWidth(table, colStart, colEnd, update) {
-        table.internalProps.columnWidthConfig &&
-            table._parseColumnWidthConfig(table.internalProps.columnWidthConfig);
+        table.internalProps.columnWidthConfig && _parseColumnWidthConfig(table, table.internalProps.columnWidthConfig);
         table.isPivotTable() &&
             table.internalProps.columnWidthConfigForRowHeader &&
-            table._parseColumnWidthConfigForRowHeader(table.internalProps.columnWidthConfigForRowHeader);
+            _parseColumnWidthConfigForPivotRowHeader(table, table.internalProps.columnWidthConfigForRowHeader);
         colStart = colStart ?? 0;
         colEnd = colEnd ?? table.colCount - 1;
         if (colStart === 0 && colEnd === table.colCount - 1) {
@@ -49689,6 +49705,83 @@
             }
         }
     }
+    function _parseColumnWidthConfig(table, columnWidthConfig) {
+        if (table.isPivotTable()) {
+            _parseColumnWidthConfigForPivotTable(table, columnWidthConfig);
+        }
+        else if (table.isListTable()) {
+            _parseColumnWidthConfigForListTable(table, columnWidthConfig);
+        }
+    }
+    function _parseColumnWidthConfigForListTable(table, columnWidthConfig) {
+        for (let i = 0; i < columnWidthConfig?.length; i++) {
+            const item = columnWidthConfig[i];
+            const key = item.key;
+            const width = item.width;
+            const columnData = table.internalProps.layoutMap.getColumnByKey(key);
+            if (columnData.columnDefine) {
+                const { col } = columnData;
+                if (!table.internalProps._widthResizedColMap.has(col)) {
+                    table._setColWidth(col, width);
+                    table.internalProps._widthResizedColMap.add(col);
+                }
+            }
+        }
+    }
+    function _parseColumnWidthConfigForPivotTable(table, columnWidthConfig) {
+        for (let i = 0; i < columnWidthConfig?.length; i++) {
+            const item = columnWidthConfig[i];
+            const dimensions = item.dimensions;
+            const width = item.width;
+            const cell = table.getCellAddressByHeaderPaths(dimensions);
+            if (cell && cell.col >= table.rowHeaderLevelCount) {
+                const cellPath = table.getCellHeaderPaths(cell.col, table.columnHeaderLevelCount);
+                if (cellPath.colHeaderPaths.length === dimensions.length) {
+                    let match = true;
+                    for (let i = 0; i < dimensions.length; i++) {
+                        const dimension = dimensions[i];
+                        const finded = cellPath.colHeaderPaths.findIndex((colPath, index) => {
+                            if (colPath.indicatorKey === dimension.indicatorKey) {
+                                return true;
+                            }
+                            if (colPath.dimensionKey === dimension.dimensionKey && colPath.value === dimension.value) {
+                                return true;
+                            }
+                            return false;
+                        });
+                        if (finded < 0) {
+                            match = false;
+                            break;
+                        }
+                    }
+                    if (match && !table.internalProps._widthResizedColMap.has(cell.col)) {
+                        table._setColWidth(cell.col, width);
+                        table.internalProps._widthResizedColMap.add(cell.col);
+                    }
+                }
+            }
+            else if (cell && cell.col < table.rowHeaderLevelCount) {
+                if (!table.internalProps._widthResizedColMap.has(cell.col)) {
+                    table._setColWidth(cell.col, width);
+                    table.internalProps._widthResizedColMap.add(cell.col);
+                }
+            }
+        }
+    }
+    function _parseColumnWidthConfigForPivotRowHeader(table, columnWidthConfig) {
+        for (let i = 0; i < columnWidthConfig?.length; i++) {
+            const item = columnWidthConfig[i];
+            const dimensions = item.dimensions;
+            const width = item.width;
+            const cell = table.getCellAddressByHeaderPaths(dimensions);
+            if (cell && cell.col < table.rowHeaderLevelCount) {
+                if (!table.internalProps._widthResizedColMap.has(cell.col)) {
+                    table._setColWidth(cell.col, width);
+                    table.internalProps._widthResizedColMap.add(cell.col);
+                }
+            }
+        }
+    }
 
     const emptyGroup = new Group$1({});
     emptyGroup.role = 'empty';
@@ -54124,7 +54217,7 @@
         }
         updateCellRangeIcon(col, row, (icon) => icon.attribute.funcType === IconFuncTypeEnum.collapse || icon.attribute.funcType === IconFuncTypeEnum.expand, (icon) => {
             dealWithIcon(iconConfig, icon);
-            icon.name = iconConfig.name;
+            icon.name = iconConfig?.name;
         }, scene);
     }
     function updateCellGroupIcon(cellGroup, filter, dealer) {
@@ -54710,6 +54803,22 @@
             this.isPivot = this.table.isPivotTable();
             initSceneGraph(this);
         }
+        canvasShowMenu() {
+            this.stage.addEventListener('rightdown', (e) => {
+                const eventArgsSet = getCellEventArgsSet(e);
+                if (!eventArgsSet.eventArgs) {
+                    this.table.stateManager.triggerContextMenu(-1, -1, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y);
+                    this.table.fireListeners(TABLE_EVENT_TYPE.CONTEXTMENU_CANVAS, {
+                        event: e,
+                        x: eventArgsSet.abstractPos.x,
+                        y: eventArgsSet.abstractPos.y,
+                        col: -1,
+                        row: -1,
+                        target: undefined
+                    });
+                }
+            });
+        }
         clearCells() {
             this.table.animationManager.clear();
             if (this.table.isPivotChart() || this.table._hasCustomRenderOrLayout()) {
@@ -55556,6 +55665,9 @@
             if (this.table.options.animationAppear) {
                 dealWithAnimationAppear(this.table);
             }
+            if (this.table.options.menu?.contextMenuWorkOnlyCell === false) {
+                this.canvasShowMenu();
+            }
             this.updateNextFrame();
         }
         dealWidthMode() {
@@ -57406,6 +57518,7 @@
         }
         state.columnResize.x = xInTable;
         state.table.scenegraph.component.updateResizeCol(state.columnResize.col, yInTable, state.columnResize.isRightFrozen);
+        state.table._updateSize();
         if (state.columnResize.col < state.table.frozenColCount &&
             !state.table.isPivotTable() &&
             !state.table.transpose) {
@@ -58064,6 +58177,7 @@
         }
         state.rowResize.y = yInTable;
         state.table.scenegraph.component.updateResizeRow(state.rowResize.row, xInTable, state.rowResize.isBottomFrozen);
+        state.table._updateSize();
         state.table.scenegraph.updateNextFrame();
     }
     function updateResizeColForRow(detaY, state) {
@@ -63258,6 +63372,9 @@
             const rect = table.getCellRangeRelativeRect({ col, row });
             const element = table.internalProps.menu.parentElement ?? table.getElement();
             const { top, bottom, left, right } = rect;
+            if (col === -1 && row === -1) {
+                return true;
+            }
             if (table.isFrozenCell(col, row)) {
                 return true;
             }
@@ -67147,7 +67264,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.19.5";
+        version = "1.19.7";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -67839,8 +67956,17 @@
                 widthP = this.canvasWidth - 1;
                 heightP = this.canvasHeight - 1;
             }
-            const width = Math.floor(widthP - getVerticalScrollBarSize(this.getTheme().scrollStyle));
-            const height = Math.floor(heightP - getHorizontalScrollBarSize(this.getTheme().scrollStyle));
+            const scrollStyle = this.getTheme().scrollStyle;
+            let vScrollBarWidth = 0;
+            let hScrollBarWidth = 0;
+            vScrollBarWidth = this.shouldVScrollBarWidthShow(widthP, heightP, scrollStyle)
+                ? getVerticalScrollBarSize(scrollStyle)
+                : 0;
+            hScrollBarWidth = this.shouldHScrollBarWidthShow(widthP, heightP, scrollStyle)
+                ? getHorizontalScrollBarSize(scrollStyle)
+                : 0;
+            const width = Math.floor(widthP - vScrollBarWidth);
+            const height = Math.floor(heightP - hScrollBarWidth);
             if (this.internalProps.theme?.frameStyle) {
                 const lineWidths = toBoxArray(this.internalProps.theme.frameStyle?.borderLineWidth ?? [null]);
                 const shadowWidths = toBoxArray(this.internalProps.theme.frameStyle?.shadowBlur ?? [0]);
@@ -67853,15 +67979,67 @@
                 else {
                     this.tableX = (lineWidths[3] ?? 0) + (shadowWidths[3] ?? 0);
                     this.tableY = (lineWidths[0] ?? 0) + (shadowWidths[0] ?? 0);
+                    const rightBorder = (lineWidths[1] ?? 0) + (shadowWidths[1] ?? 0);
                     this.tableNoFrameWidth =
-                        width - ((lineWidths[1] ?? 0) + (shadowWidths[1] ?? 0)) - ((lineWidths[3] ?? 0) + (shadowWidths[3] ?? 0));
+                        width -
+                            (rightBorder > vScrollBarWidth ? rightBorder - vScrollBarWidth : 0) -
+                            ((lineWidths[3] ?? 0) + (shadowWidths[3] ?? 0));
+                    const bottomBorder = (lineWidths[2] ?? 0) + (shadowWidths[2] ?? 0);
                     this.tableNoFrameHeight =
-                        height - ((lineWidths[0] ?? 0) + (shadowWidths[0] ?? 0)) - ((lineWidths[2] ?? 0) + (shadowWidths[2] ?? 0));
+                        height -
+                            (bottomBorder > hScrollBarWidth ? bottomBorder - hScrollBarWidth : 0) -
+                            ((lineWidths[0] ?? 0) + (shadowWidths[0] ?? 0));
                 }
             }
             this._clearColRangeWidthsMap();
             this._clearRowRangeHeightsMap();
         }
+        shouldVScrollBarWidthShow(tableWidth, tableHeight, scrollStyle) {
+            if (scrollStyle.hoverOn || scrollStyle.visible === 'none') {
+                return false;
+            }
+            const totalHeight = this.getAllRowsHeight();
+            const sizeTolerance = scrollStyle.visible ? getHorizontalScrollBarSize(scrollStyle) : 0;
+            const isHScrollBarDecideVScrollBar = totalHeight > tableHeight - sizeTolerance && totalHeight <= tableHeight;
+            if (isHScrollBarDecideVScrollBar) {
+                const totalWidth = this.getAllColsWidth();
+                const sizeTolerance = scrollStyle.visible ? getVerticalScrollBarSize(scrollStyle) : 0;
+                const isVScrollBarDecideHScrollBar = totalWidth > tableWidth - sizeTolerance && totalWidth <= tableWidth;
+                if (isVScrollBarDecideHScrollBar) {
+                    return false;
+                }
+                if (totalWidth > tableWidth) {
+                    return true;
+                }
+                if (totalWidth <= tableWidth - sizeTolerance) {
+                    return false;
+                }
+            }
+            return !(totalHeight <= tableHeight - sizeTolerance);
+        }
+        shouldHScrollBarWidthShow(tableWidth, tableHeight, scrollStyle) {
+            if (scrollStyle.hoverOn || scrollStyle.visible === 'none') {
+                return false;
+            }
+            const totalWidth = this.getAllColsWidth();
+            const sizeTolerance = scrollStyle.visible ? getVerticalScrollBarSize(scrollStyle) : 0;
+            const isVScrollBarDecideHScrollBar = totalWidth > tableWidth - sizeTolerance && totalWidth <= tableWidth;
+            if (isVScrollBarDecideHScrollBar) {
+                const totalHeight = this.getAllRowsHeight();
+                const sizeTolerance = scrollStyle.visible ? getHorizontalScrollBarSize(scrollStyle) : 0;
+                const isHScrollBarDecideVScrollBar = totalHeight > tableHeight - sizeTolerance && totalHeight <= tableHeight;
+                if (isHScrollBarDecideVScrollBar) {
+                    return false;
+                }
+                if (totalHeight > tableHeight) {
+                    return true;
+                }
+                if (totalHeight <= tableHeight - sizeTolerance) {
+                    return false;
+                }
+            }
+            return !(totalWidth <= tableWidth - sizeTolerance);
+        }
         updateViewBox(newViewBox) {
             const oldWidth = (this.options?.viewBox?.x2 ?? 0) - (this.options?.viewBox?.x1 ?? 0);
             const oldHeight = (this.options?.viewBox?.y2 ?? 0) - (this.options?.viewBox?.y1 ?? 0);
@@ -72996,7 +73174,7 @@
                 }
                 const expand = !hd.hierarchyState || hd.hierarchyState === HierarchyState.expand;
                 if (!!hd.columns && !!expand) {
-                    const isAllHided = hd.columns.every((c) => c.hide);
+                    const isAllHided = hd.columns.every((c) => c.hide) || hd.hide;
                     !isAllHided &&
                         this._addHeaders(maxRow + 1, hd.columns, [...roots, id], hd.hideColumnsSubHeader || hideColumnsSubHeader, hd.levelSpan).forEach(c => results.push(c));
                 }
@@ -74570,7 +74748,6 @@
             if (options.title) {
                 const Title = Factory.getComponent('title');
                 internalProps.title = new Title(options.title, this);
-                this.scenegraph.resize();
             }
             if (this.options.emptyTip) {
                 if (this.internalProps.emptyTip) {
@@ -74587,6 +74764,7 @@
                 this.listTreeStickCellPlugin = new ListTreeStickCellPlugin(this);
             }
             setTimeout(() => {
+                this.resize();
                 this.fireListeners(TABLE_EVENT_TYPE.INITIALIZED, null);
             }, 0);
         }
@@ -74645,6 +74823,7 @@
             this.headerStyleCache = new Map();
             this.bodyStyleCache = new Map();
             this.bodyBottomStyleCache = new Map();
+            this._updateSize();
             this.scenegraph.createSceneGraph();
             this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row);
             this.renderAsync();
@@ -74976,6 +75155,9 @@
                 table.colCount = layoutMap.colCount ?? 0;
                 table.rowCount = layoutMap.recordsCount * layoutMap.bodyRowSpanCount + layoutMap.headerLevelCount;
                 this.internalProps.frozenColCount = this.options.frozenColCount ?? 0;
+                if (this.options.frozenColCount >= this.colCount) {
+                    this.internalProps.frozenColCount = 0;
+                }
                 table.frozenRowCount = Math.max(layoutMap.headerLevelCount, this.options.frozenRowCount ?? 0);
                 if (table.bottomFrozenRowCount !== (this.options.bottomFrozenRowCount ?? 0)) {
                     table.bottomFrozenRowCount = this.options.bottomFrozenRowCount ?? 0;
@@ -75306,6 +75488,7 @@
             this.refreshRowColCount();
             this.stateManager.initCheckedState(this.records);
             this.scenegraph.createSceneGraph();
+            this.resize();
         }
         getCheckboxState(field) {
             if (this.stateManager.checkedState.size < this.rowCount - this.columnHeaderLevelCount) {
@@ -75420,11 +75603,11 @@
             this.clearCellStyleCache();
             this.scenegraph.createSceneGraph();
             this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row);
+            this._updateSize();
             if (this.internalProps.title && !this.internalProps.title.isReleased) {
-                this._updateSize();
                 this.internalProps.title.resize();
-                this.scenegraph.resize();
             }
+            this.scenegraph.resize();
             if (this.options.emptyTip) {
                 if (this.internalProps.emptyTip) {
                     this.internalProps.emptyTip?.resetVisible();
@@ -75591,21 +75774,6 @@
             }
             return this.dataSource.getTableIndex(index);
         }
-        _parseColumnWidthConfig(columnWidthConfig) {
-            for (let i = 0; i < columnWidthConfig?.length; i++) {
-                const item = columnWidthConfig[i];
-                const key = item.key;
-                const width = item.width;
-                const columnData = this.internalProps.layoutMap.getColumnByKey(key);
-                if (columnData.columnDefine) {
-                    const { col } = columnData;
-                    if (!this.internalProps._widthResizedColMap.has(col)) {
-                        this._setColWidth(col, width);
-                        this.internalProps._widthResizedColMap.add(col);
-                    }
-                }
-            }
-        }
         release() {
             this.editorManager.release();
             super.release();
@@ -77738,10 +77906,11 @@
             if (!this.legendComponent || this.visible === false) {
                 return;
             }
-            this.legendComponent.setAttributes({
-                maxWidth: this.table.tableNoFrameWidth,
-                maxHeight: this.table.tableNoFrameHeight
+            const attrs = this.getLegendAttributes({
+                width: this.table.tableNoFrameWidth,
+                height: this.table.tableNoFrameHeight
             });
+            this.legendComponent.setAttributes(attrs);
             this.adjustTableSize(this.legendComponent.attribute);
         }
         adjustTableSize(attrs) {
@@ -78431,6 +78600,19 @@
         }
     };
     function getMenuInstanceInfo(table, col, row, type, dropDownMenuOptions) {
+        if (col === -1 && row === -1 && type === 'context-menu') {
+            if (dropDownMenuOptions?.content) {
+                return {
+                    type,
+                    position: dropDownMenuOptions.position,
+                    referencePosition: dropDownMenuOptions.referencePosition ?? {
+                        rect: { left: 0, right: 0, top: 0, bottom: 0, width: 0, height: 0 }
+                    },
+                    content: dropDownMenuOptions.content
+                };
+            }
+            return null;
+        }
         const { lineHeight, textBaseline, textStick } = table._getCellStyle(col, row);
         let rect = table.getCellRangeRelativeRect(table.getCellRange(col, row));
         if (textStick) {
@@ -78513,7 +78695,9 @@
             const { instance, info: menuInstanceInfo } = instanceInfo;
             const attach = instance && instance.bindMenuElement(col, row, menuInstanceInfo);
             if (attach) {
-                const range = this._table.getCellRange(col, row);
+                const range = col === -1 && row === -1
+                    ? { start: { col: -1, row: -1 }, end: { col: -1, row: -1 } }
+                    : this._table.getCellRange(col, row);
                 this._attachInfo = { range, instance };
             }
         }
@@ -78574,6 +78758,22 @@
                     });
                 }
             });
+            table.on(TABLE_EVENT_TYPE.CONTEXTMENU_CANVAS, e => {
+                if (table.internalProps.menu?.renderMode === 'html') {
+                    const abstractPos = table._getMouseAbstractPoint(e.event);
+                    let menu = null;
+                    if (abstractPos.inTable && typeof table.internalProps.menu?.contextMenuItems === 'function') {
+                        menu = table.internalProps.menu.contextMenuItems(table.getHeaderField(e.col, e.row), e.row, e.col, table);
+                    }
+                    else if (abstractPos.inTable && Array.isArray(table.internalProps.menu?.contextMenuItems)) {
+                        menu = table.internalProps.menu?.contextMenuItems;
+                    }
+                    this._bindToCell(-1, -1, 'context-menu', {
+                        content: menu,
+                        position: { x: abstractPos.x, y: abstractPos.y }
+                    });
+                }
+            });
         }
         _getMenuInstanceInfo(col, row, type, dropDownMenuOptions) {
             const table = this._table;
@@ -87725,7 +87925,6 @@
                 if (options.title) {
                     const Title = Factory.getComponent('title');
                     this.internalProps.title = new Title(options.title, this);
-                    this.scenegraph.resize();
                 }
                 if (this.options.emptyTip) {
                     if (this.internalProps.emptyTip) {
@@ -87738,6 +87937,7 @@
                     }
                 }
                 setTimeout(() => {
+                    this.resize();
                     this.fireListeners(TABLE_EVENT_TYPE.INITIALIZED, null);
                 }, 0);
             }
@@ -88445,60 +88645,6 @@
                 });
             }
         }
-        _parseColumnWidthConfig(columnWidthConfig) {
-            for (let i = 0; i < columnWidthConfig?.length; i++) {
-                const item = columnWidthConfig[i];
-                const dimensions = item.dimensions;
-                const width = item.width;
-                const cell = this.getCellAddressByHeaderPaths(dimensions);
-                if (cell && cell.col >= this.rowHeaderLevelCount) {
-                    const cellPath = this.getCellHeaderPaths(cell.col, this.columnHeaderLevelCount);
-                    if (cellPath.colHeaderPaths.length === dimensions.length) {
-                        let match = true;
-                        for (let i = 0; i < dimensions.length; i++) {
-                            const dimension = dimensions[i];
-                            const finded = cellPath.colHeaderPaths.findIndex((colPath, index) => {
-                                if (colPath.indicatorKey === dimension.indicatorKey) {
-                                    return true;
-                                }
-                                if (colPath.dimensionKey === dimension.dimensionKey && colPath.value === dimension.value) {
-                                    return true;
-                                }
-                                return false;
-                            });
-                            if (finded < 0) {
-                                match = false;
-                                break;
-                            }
-                        }
-                        if (match && !this.internalProps._widthResizedColMap.has(cell.col)) {
-                            this._setColWidth(cell.col, width);
-                            this.internalProps._widthResizedColMap.add(cell.col);
-                        }
-                    }
-                }
-                else if (cell && cell.col < this.rowHeaderLevelCount) {
-                    if (!this.internalProps._widthResizedColMap.has(cell.col)) {
-                        this._setColWidth(cell.col, width);
-                        this.internalProps._widthResizedColMap.add(cell.col);
-                    }
-                }
-            }
-        }
-        _parseColumnWidthConfigForRowHeader(columnWidthConfig) {
-            for (let i = 0; i < columnWidthConfig?.length; i++) {
-                const item = columnWidthConfig[i];
-                const dimensions = item.dimensions;
-                const width = item.width;
-                const cell = this.getCellAddressByHeaderPaths(dimensions);
-                if (cell && cell.col < this.rowHeaderLevelCount) {
-                    if (!this.internalProps._widthResizedColMap.has(cell.col)) {
-                        this._setColWidth(cell.col, width);
-                        this.internalProps._widthResizedColMap.add(cell.col);
-                    }
-                }
-            }
-        }
         updatePivotSortState(pivotSortStateConfig) {
             this.pivotSortState = pivotSortStateConfig;
         }
@@ -89370,6 +89516,8 @@
             this.internalProps.columnResizeType = options.resize?.columnResizeType ?? options.columnResizeType ?? 'column';
             this.internalProps.rowResizeType = options.resize?.rowResizeType ?? options.rowResizeType ?? 'row';
             this.internalProps.dataConfig = { isPivotChart: true };
+            this.internalProps.columnWidthConfig = options.columnWidthConfig;
+            this.internalProps.columnWidthConfigForRowHeader = options.columnWidthConfigForRowHeader;
             this._axes = isArray$7(options.axes) ? options.axes : [];
             let columnDimensionTree;
             let rowDimensionTree;
@@ -89467,7 +89615,6 @@
             if (options.title) {
                 const Title = Factory.getComponent('title');
                 this.internalProps.title = new Title(options.title, this);
-                this.scenegraph.resize();
             }
             if (this.options.emptyTip) {
                 if (this.internalProps.emptyTip) {
@@ -89480,6 +89627,7 @@
                 }
             }
             setTimeout(() => {
+                this.resize();
                 this.fireListeners(TABLE_EVENT_TYPE.INITIALIZED, null);
             }, 0);
         }
@@ -89530,6 +89678,8 @@
             internalProps.columnResizeType = options.resize?.columnResizeType ?? options.columnResizeType ?? 'column';
             internalProps.rowResizeType = options.resize?.rowResizeType ?? options.rowResizeType ?? 'row';
             internalProps.dataConfig = { isPivotChart: true };
+            this.internalProps.columnWidthConfig = options.columnWidthConfig;
+            this.internalProps.columnWidthConfigForRowHeader = options.columnWidthConfigForRowHeader;
             this._axes = isArray$7(options.axes) ? options.axes : [];
             let columnDimensionTree;
             let rowDimensionTree;
@@ -91036,7 +91186,7 @@
     }
 
     registerForVrender();
-    const version = "1.19.5";
+    const version = "1.19.7";
     function getIcons() {
         return get$2();
     }