@visactor/vtable 1.21.1 → 1.22.0

package/dist/vtable.js

@@ -36319,6 +36319,8 @@
         AFTER_RENDER: 'after_render',
         INITIALIZED: 'initialized',
         UPDATED: 'updated',
+        AFTER_UPDATE_CELL_CONTENT_WIDTH: 'after_update_cell_content_width',
+        AFTER_UPDATE_SELECT_BORDER_HEIGHT: 'after_update_select_border_height',
         CHANGE_CELL_VALUE: 'change_cell_value',
         DRAG_FILL_HANDLE_END: 'drag_fill_handle_end',
         MOUSEDOWN_FILL_HANDLE: 'mousedown_fill_handle',
@@ -36328,7 +36330,12 @@
         BUTTON_CLICK: 'button_click',
         BEFORE_CACHE_CHART_IMAGE: 'before_cache_chart_image',
         PASTED_DATA: 'pasted_data',
-        PLUGIN_EVENT: 'plugin_event'
+        PLUGIN_EVENT: 'plugin_event',
+        ADD_RECORD: 'add_record',
+        DELETE_RECORD: 'delete_record',
+        UPDATE_RECORD: 'update_record',
+        ADD_COLUMN: 'add_column',
+        DELETE_COLUMN: 'delete_column'
     };
 
     const judgeType = (value) => {
@@ -40818,7 +40825,6 @@
         constructor(opt, dataConfig, pagination, columns, rowHierarchyType, hierarchyExpandLevel) {
             let _isGrouped;
             if (isArray$7(dataConfig?.groupByRules)) {
-                rowHierarchyType = 'tree';
                 _isGrouped = true;
             }
             super(opt, dataConfig, pagination, columns, rowHierarchyType, hierarchyExpandLevel);
@@ -41662,9 +41668,17 @@
         ];
     }
     function _setRecords(table, records = []) {
+        const tableWithPlugins = table;
         _dealWithUpdateDataSource(table, () => {
             table.internalProps.records = records;
-            const newDataSource = (table.internalProps.dataSource = CachedDataSource.ofArray(records, table.internalProps.dataConfig, table.pagination, table.internalProps.columns, table.internalProps.layoutMap.rowHierarchyType, getHierarchyExpandLevel(table)));
+            let rowHierarchyType = table.internalProps.layoutMap.rowHierarchyType;
+            if (isArray$7(table.internalProps.dataConfig?.groupByRules)) {
+                rowHierarchyType = 'tree';
+            }
+            if (tableWithPlugins.pluginManager.getPluginByName('Master Detail Plugin')) {
+                rowHierarchyType = 'grid';
+            }
+            const newDataSource = (table.internalProps.dataSource = CachedDataSource.ofArray(records, table.internalProps.dataConfig, table.pagination, table.internalProps.columns, rowHierarchyType, getHierarchyExpandLevel(table)));
             table.addReleaseObj(newDataSource);
         });
     }
@@ -44290,6 +44304,16 @@
         if (autoRowHeight) {
             let newHeight = Math.max(leftIconHeight, contentHeight, rightIconHeight);
             if (isCellHeightUpdate(scene, cellGroup, Math.round(newHeight + padding[0] + padding[2]), oldCellHeight)) {
+                if (scene.table.hasListeners(TABLE_EVENT_TYPE.AFTER_UPDATE_CELL_CONTENT_WIDTH)) {
+                    scene.table.fireListeners(TABLE_EVENT_TYPE.AFTER_UPDATE_CELL_CONTENT_WIDTH, {
+                        col: cellGroup.col,
+                        row: cellGroup.row,
+                        cellHeight,
+                        cellGroup,
+                        padding,
+                        textBaseline
+                    });
+                }
                 return true;
             }
             newHeight = (cellGroup.contentHeight ?? cellHeight) - (padding[0] + padding[2]);
@@ -44330,6 +44354,16 @@
                 }
             });
         }
+        if (scene.table.hasListeners(TABLE_EVENT_TYPE.AFTER_UPDATE_CELL_CONTENT_WIDTH)) {
+            scene.table.fireListeners(TABLE_EVENT_TYPE.AFTER_UPDATE_CELL_CONTENT_WIDTH, {
+                col: cellGroup.col,
+                row: cellGroup.row,
+                cellHeight,
+                cellGroup,
+                padding,
+                textBaseline
+            });
+        }
         return false;
     }
     function updateCellContentHeight(cellGroup, distHeight, detaY, autoRowHeight, padding, textAlign, textBaseline, table) {
@@ -53151,8 +53185,9 @@
             else if (this.rowEnd === this.bodyBottomRow) {
                 const cellGroup = this.table.scenegraph.highPerformanceGetCell(this.colStart, this.rowEnd, true);
                 if (cellGroup.role === 'cell') {
+                    const actualRowHeight = this.table.getRowHeight(this.rowEnd);
                     const deltaY = cellGroup.attribute.y +
-                        cellGroup.attribute.height -
+                        actualRowHeight -
                         (this.table.getAllRowsHeight() - this.table.getFrozenRowsHeight() - this.table.getBottomFrozenRowsHeight());
                     this.deltaY = -deltaY;
                 }
@@ -53376,6 +53411,14 @@
             height: rowsHeight,
             visible: true
         });
+        if (table.hasListeners(TABLE_EVENT_TYPE.AFTER_UPDATE_SELECT_BORDER_HEIGHT)) {
+            table.fireListeners(TABLE_EVENT_TYPE.AFTER_UPDATE_SELECT_BORDER_HEIGHT, {
+                startRow: computeRectCellRangeStartRow,
+                endRow: computeRectCellRangeEndRow,
+                currentHeight: rowsHeight,
+                selectComp
+            });
+        }
         if (selectComp.fillhandle) {
             const fillHandle = scene.table.options.excelOptions?.fillHandle;
             let visible = true;
@@ -57069,14 +57112,14 @@
             else if (lastBodyCell &&
                 this.table.tableNoFrameHeight < this.table.getAllRowsHeight() &&
                 lastBodyCell.row === this.table.rowCount - this.table.bottomFrozenRowCount - 1 &&
-                lastBodyCell.attribute.y + lastBodyCell.attribute.height + y <
+                lastBodyCell.attribute.y + this.table.getRowHeight(lastBodyCell.row) + y <
                     this.table.tableNoFrameHeight - this.table.getFrozenRowsHeight() - this.table.getBottomFrozenRowsHeight()) {
                 y =
                     this.table.tableNoFrameHeight -
                         this.table.getFrozenRowsHeight() -
                         this.table.getBottomFrozenRowsHeight() -
                         lastBodyCell.attribute.y -
-                        lastBodyCell.attribute.height;
+                        this.table.getRowHeight(lastBodyCell.row);
             }
             if (this.colHeaderGroup.attribute.height + y === this.bodyGroup.attribute.y) {
                 return;
@@ -62132,6 +62175,10 @@
         });
         table.scenegraph.stage.addEventListener('pointermove', (e) => {
             const eventArgsSet = getCellEventArgsSet(e);
+            const isEventFromCurrentTable = e.target?.isDescendantsOf?.(table.scenegraph.tableGroup) ?? false;
+            if (!isEventFromCurrentTable) {
+                return;
+            }
             if (stateManager.isResizeCol() || eventManager.checkColumnResize(eventArgsSet)) {
                 if (table.stateManager.select && eventManager.checkCellFillhandle(eventArgsSet)) {
                     stateManager.updateCursor('crosshair');
@@ -69128,7 +69175,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.21.1";
+        version = "1.22.0";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -76049,226 +76096,259 @@
         }
     }
     function listTableAddRecord(record, recordIndex, table) {
-        if (table.internalProps.groupBy) {
-            table.dataSource.addRecordsForGroup?.([record], recordIndex);
-            table.refreshRowColCount();
-            table.internalProps.layoutMap.clearCellRangeMap();
-            table.sortState && sortRecords(table);
-            table.scenegraph.clearCells();
-            table.scenegraph.createSceneGraph();
-        }
-        else if (table.dataSource.rowHierarchyType === 'tree') {
-            table.dataSource.addRecordsForTree?.([record], recordIndex);
-            adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, 1);
-            table.refreshRowColCount();
-            table.internalProps.layoutMap.clearCellRangeMap();
-            table.sortState && sortRecords(table);
-            table.scenegraph.clearCells();
-            table.scenegraph.createSceneGraph();
-        }
-        else if (table.sortState) {
-            table.dataSource.addRecordForSorted(record);
-            table.stateManager.checkedState.clear();
-            sortRecords(table);
-            table.refreshRowColCount();
-            table.scenegraph.clearCells();
-            table.scenegraph.createSceneGraph();
-        }
-        else {
-            recordIndex = recordIndex;
-            if (recordIndex === undefined || recordIndex > table.dataSource.sourceLength) {
-                recordIndex = table.dataSource.sourceLength;
-            }
-            const headerCount = table.transpose ? table.rowHeaderLevelCount : table.columnHeaderLevelCount;
-            table.dataSource.addRecord(record, recordIndex);
-            adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, 1);
-            const oldRowCount = table.rowCount;
-            table.refreshRowColCount();
-            if (table.scenegraph.proxy.totalActualBodyRowCount === 0) {
+        try {
+            if (!record) {
+                return false;
+            }
+            if (table.internalProps.groupBy) {
+                table.dataSource.addRecordsForGroup?.([record], recordIndex);
+                table.refreshRowColCount();
+                table.internalProps.layoutMap.clearCellRangeMap();
+                table.sortState && sortRecords(table);
                 table.scenegraph.clearCells();
                 table.scenegraph.createSceneGraph();
-                return;
             }
-            const newRowCount = table.transpose ? table.colCount : table.rowCount;
-            if (table.pagination) {
-                const { perPageCount, currentPage } = table.pagination;
-                const startIndex = perPageCount * (currentPage || 0);
-                const endIndex = startIndex + perPageCount;
-                if (recordIndex < endIndex) {
-                    if (recordIndex < endIndex - perPageCount) {
-                        table.scenegraph.clearCells();
-                        table.scenegraph.createSceneGraph();
-                    }
-                    else {
-                        const rowNum = recordIndex - (endIndex - perPageCount) + headerCount;
-                        if (oldRowCount - headerCount === table.pagination.perPageCount) {
-                            const updateRows = [];
-                            for (let row = rowNum; row < newRowCount; row++) {
-                                if (table.transpose) {
-                                    updateRows.push({ col: row, row: 0 });
-                                }
-                                else {
-                                    updateRows.push({ col: 0, row });
-                                }
-                            }
-                            table.transpose
-                                ? table.scenegraph.updateCol([], [], updateRows)
-                                : table.scenegraph.updateRow([], [], updateRows);
+            else if (table.dataSource.rowHierarchyType === 'tree') {
+                table.dataSource.addRecordsForTree?.([record], recordIndex);
+                adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, 1);
+                table.refreshRowColCount();
+                table.internalProps.layoutMap.clearCellRangeMap();
+                table.sortState && sortRecords(table);
+                table.scenegraph.clearCells();
+                table.scenegraph.createSceneGraph();
+            }
+            else if (table.sortState) {
+                table.dataSource.addRecordForSorted(record);
+                table.stateManager.checkedState.clear();
+                sortRecords(table);
+                table.refreshRowColCount();
+                table.scenegraph.clearCells();
+                table.scenegraph.createSceneGraph();
+            }
+            else {
+                recordIndex = recordIndex;
+                if (recordIndex === undefined || recordIndex > table.dataSource.sourceLength) {
+                    recordIndex = table.dataSource.sourceLength;
+                }
+                const headerCount = table.transpose ? table.rowHeaderLevelCount : table.columnHeaderLevelCount;
+                table.dataSource.addRecord(record, recordIndex);
+                adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, 1);
+                const oldRowCount = table.rowCount;
+                table.refreshRowColCount();
+                if (table.scenegraph.proxy.totalActualBodyRowCount === 0) {
+                    table.scenegraph.clearCells();
+                    table.scenegraph.createSceneGraph();
+                    return true;
+                }
+                const newRowCount = table.transpose ? table.colCount : table.rowCount;
+                if (table.pagination) {
+                    const { perPageCount, currentPage } = table.pagination;
+                    const startIndex = perPageCount * (currentPage || 0);
+                    const endIndex = startIndex + perPageCount;
+                    if (recordIndex < endIndex) {
+                        if (recordIndex < endIndex - perPageCount) {
+                            table.scenegraph.clearCells();
+                            table.scenegraph.createSceneGraph();
                         }
                         else {
-                            const addRows = [];
-                            for (let row = rowNum; row < Math.min(newRowCount, rowNum + 1); row++) {
-                                if (table.transpose) {
-                                    addRows.push({ col: row, row: 0 });
+                            const rowNum = recordIndex - (endIndex - perPageCount) + headerCount;
+                            if (oldRowCount - headerCount === table.pagination.perPageCount) {
+                                const updateRows = [];
+                                for (let row = rowNum; row < newRowCount; row++) {
+                                    if (table.transpose) {
+                                        updateRows.push({ col: row, row: 0 });
+                                    }
+                                    else {
+                                        updateRows.push({ col: 0, row });
+                                    }
                                 }
-                                else {
-                                    addRows.push({ col: 0, row });
+                                table.transpose
+                                    ? table.scenegraph.updateCol([], [], updateRows)
+                                    : table.scenegraph.updateRow([], [], updateRows);
+                            }
+                            else {
+                                const addRows = [];
+                                for (let row = rowNum; row < Math.min(newRowCount, rowNum + 1); row++) {
+                                    if (table.transpose) {
+                                        addRows.push({ col: row, row: 0 });
+                                    }
+                                    else {
+                                        addRows.push({ col: 0, row });
+                                    }
                                 }
+                                table.transpose
+                                    ? table.scenegraph.updateCol([], addRows, [])
+                                    : table.scenegraph.updateRow([], addRows, []);
                             }
-                            table.transpose ? table.scenegraph.updateCol([], addRows, []) : table.scenegraph.updateRow([], addRows, []);
                         }
                     }
                 }
-            }
-            else {
-                const addRows = [];
-                for (let row = recordIndex + headerCount; row < recordIndex + headerCount + 1; row++) {
-                    if (table.transpose) {
-                        addRows.push({ col: row, row: 0 });
+                else {
+                    const addRows = [];
+                    for (let row = recordIndex + headerCount; row < recordIndex + headerCount + 1; row++) {
+                        if (table.transpose) {
+                            addRows.push({ col: row, row: 0 });
+                        }
+                        else {
+                            addRows.push({ col: 0, row });
+                        }
                     }
-                    else {
-                        addRows.push({ col: 0, row });
+                    const updateRows = [];
+                    const topAggregationCount = table.internalProps.layoutMap.hasAggregationOnTopCount;
+                    const bottomAggregationCount = table.internalProps.layoutMap.hasAggregationOnBottomCount;
+                    for (let row = headerCount; row < headerCount + topAggregationCount; row++) {
+                        if (table.transpose) {
+                            updateRows.push({ col: row, row: 0 });
+                        }
+                        else {
+                            updateRows.push({ col: 0, row });
+                        }
                     }
+                    for (let row = (table.transpose ? table.colCount : table.rowCount) - bottomAggregationCount; row < (table.transpose ? table.colCount : table.rowCount); row++) {
+                        if (table.transpose) {
+                            updateRows.push({ col: row, row: 0 });
+                        }
+                        else {
+                            updateRows.push({ col: 0, row });
+                        }
+                    }
+                    table.transpose ? table.scenegraph.updateCol([], addRows, []) : table.scenegraph.updateRow([], addRows, []);
                 }
-                const topAggregationCount = table.internalProps.layoutMap.hasAggregationOnTopCount;
-                const bottomAggregationCount = table.internalProps.layoutMap.hasAggregationOnBottomCount;
-                for (let row = headerCount; row < headerCount + topAggregationCount; row++) {
-                    if (table.transpose) ;
-                }
-                for (let row = (table.transpose ? table.colCount : table.rowCount) - bottomAggregationCount; row < (table.transpose ? table.colCount : table.rowCount); row++) {
-                    if (table.transpose) ;
-                }
-                table.transpose ? table.scenegraph.updateCol([], addRows, []) : table.scenegraph.updateRow([], addRows, []);
             }
+            return true;
+        }
+        catch (error) {
+            return false;
         }
     }
     function listTableAddRecords(records, recordIndex, table) {
-        if (table.internalProps.groupBy) {
-            table.dataSource.addRecordsForGroup?.(records, recordIndex);
-            table.refreshRowColCount();
-            table.internalProps.layoutMap.clearCellRangeMap();
-            table.sortState && sortRecords(table);
-            table.scenegraph.clearCells();
-            table.scenegraph.createSceneGraph();
-        }
-        else if (table.dataSource.rowHierarchyType === 'tree') {
-            table.dataSource.addRecordsForTree?.(records, recordIndex);
-            adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, records.length);
-            table.refreshRowColCount();
-            table.internalProps.layoutMap.clearCellRangeMap();
-            table.sortState && sortRecords(table);
-            table.scenegraph.clearCells();
-            table.scenegraph.createSceneGraph();
-        }
-        else if (table.sortState) {
-            table.dataSource.addRecordsForSorted(records);
-            sortRecords(table);
-            table.refreshRowColCount();
-            table.scenegraph.clearCells();
-            table.scenegraph.createSceneGraph();
-        }
-        else {
-            recordIndex = recordIndex;
-            if (recordIndex === undefined || recordIndex > table.dataSource.sourceLength) {
-                recordIndex = table.dataSource.sourceLength;
+        try {
+            if (!records || records.length === 0) {
+                return false;
             }
-            else if (recordIndex < 0) {
-                recordIndex = 0;
+            if (table.internalProps.groupBy) {
+                table.dataSource.addRecordsForGroup?.(records, recordIndex);
+                table.refreshRowColCount();
+                table.internalProps.layoutMap.clearCellRangeMap();
+                table.sortState && sortRecords(table);
+                table.scenegraph.clearCells();
+                table.scenegraph.createSceneGraph();
             }
-            const headerCount = table.transpose ? table.rowHeaderLevelCount : table.columnHeaderLevelCount;
-            table.dataSource.addRecords(records, recordIndex);
-            adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, records.length);
-            const oldRowCount = table.transpose ? table.colCount : table.rowCount;
-            table.refreshRowColCount();
-            if (table.scenegraph.proxy.totalActualBodyRowCount === 0) {
+            else if (table.dataSource.rowHierarchyType === 'tree') {
+                table.dataSource.addRecordsForTree?.(records, recordIndex);
+                adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, records.length);
+                table.refreshRowColCount();
+                table.internalProps.layoutMap.clearCellRangeMap();
+                table.sortState && sortRecords(table);
                 table.scenegraph.clearCells();
                 table.scenegraph.createSceneGraph();
-                return;
             }
-            const newRowCount = table.transpose ? table.colCount : table.rowCount;
-            if (table.pagination) {
-                const { perPageCount, currentPage } = table.pagination;
-                const startIndex = perPageCount * (currentPage || 0);
-                const endIndex = startIndex + perPageCount;
-                if (recordIndex < endIndex) {
-                    if (recordIndex < endIndex - perPageCount) {
-                        table.scenegraph.clearCells();
-                        table.scenegraph.createSceneGraph();
-                    }
-                    else {
-                        const rowNum = recordIndex - (endIndex - perPageCount) + headerCount;
-                        if (oldRowCount - headerCount === table.pagination.perPageCount) {
-                            const updateRows = [];
-                            for (let row = rowNum; row < newRowCount; row++) {
-                                if (table.transpose) {
-                                    updateRows.push({ col: row, row: 0 });
-                                }
-                                else {
-                                    updateRows.push({ col: 0, row });
-                                }
-                            }
-                            table.transpose
-                                ? table.scenegraph.updateCol([], [], updateRows)
-                                : table.scenegraph.updateRow([], [], updateRows);
+            else if (table.sortState) {
+                table.dataSource.addRecordsForSorted(records);
+                sortRecords(table);
+                table.refreshRowColCount();
+                table.scenegraph.clearCells();
+                table.scenegraph.createSceneGraph();
+            }
+            else {
+                recordIndex = recordIndex;
+                if (recordIndex === undefined || recordIndex > table.dataSource.sourceLength) {
+                    recordIndex = table.dataSource.sourceLength;
+                }
+                else if (recordIndex < 0) {
+                    recordIndex = 0;
+                }
+                const headerCount = table.transpose ? table.rowHeaderLevelCount : table.columnHeaderLevelCount;
+                table.dataSource.addRecords(records, recordIndex);
+                adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, records.length);
+                const oldRowCount = table.transpose ? table.colCount : table.rowCount;
+                table.refreshRowColCount();
+                if (table.scenegraph.proxy.totalActualBodyRowCount === 0) {
+                    table.scenegraph.clearCells();
+                    table.scenegraph.createSceneGraph();
+                    return true;
+                }
+                const newRowCount = table.transpose ? table.colCount : table.rowCount;
+                if (table.pagination) {
+                    const { perPageCount, currentPage } = table.pagination;
+                    const startIndex = perPageCount * (currentPage || 0);
+                    const endIndex = startIndex + perPageCount;
+                    if (recordIndex < endIndex) {
+                        if (recordIndex < endIndex - perPageCount) {
+                            table.scenegraph.clearCells();
+                            table.scenegraph.createSceneGraph();
                         }
                         else {
-                            const addRows = [];
-                            for (let row = rowNum; row < Math.min(newRowCount, rowNum + (Array.isArray(records) ? records.length : 1)); row++) {
-                                if (table.transpose) {
-                                    addRows.push({ col: row, row: 0 });
+                            const rowNum = recordIndex - (endIndex - perPageCount) + headerCount;
+                            if (oldRowCount - headerCount === table.pagination.perPageCount) {
+                                const updateRows = [];
+                                for (let row = rowNum; row < newRowCount; row++) {
+                                    if (table.transpose) {
+                                        updateRows.push({ col: row, row: 0 });
+                                    }
+                                    else {
+                                        updateRows.push({ col: 0, row });
+                                    }
                                 }
-                                else {
-                                    addRows.push({ col: 0, row });
+                                table.transpose
+                                    ? table.scenegraph.updateCol([], [], updateRows)
+                                    : table.scenegraph.updateRow([], [], updateRows);
+                            }
+                            else {
+                                const addRows = [];
+                                for (let row = rowNum; row < Math.min(newRowCount, rowNum + (Array.isArray(records) ? records.length : 1)); row++) {
+                                    if (table.transpose) {
+                                        addRows.push({ col: row, row: 0 });
+                                    }
+                                    else {
+                                        addRows.push({ col: 0, row });
+                                    }
                                 }
+                                table.transpose
+                                    ? table.scenegraph.updateCol([], addRows, [])
+                                    : table.scenegraph.updateRow([], addRows, []);
                             }
-                            table.transpose ? table.scenegraph.updateCol([], addRows, []) : table.scenegraph.updateRow([], addRows, []);
                         }
                     }
                 }
-            }
-            else {
-                const addRows = [];
-                for (let row = recordIndex + headerCount; row < recordIndex + headerCount + (Array.isArray(records) ? records.length : 1); row++) {
-                    if (table.transpose) {
-                        addRows.push({ col: row, row: 0 });
-                    }
-                    else {
-                        addRows.push({ col: 0, row });
-                    }
-                }
-                const topAggregationCount = table.internalProps.layoutMap.hasAggregationOnTopCount;
-                const bottomAggregationCount = table.internalProps.layoutMap.hasAggregationOnBottomCount;
-                const updateRows = [];
-                for (let row = headerCount; row < headerCount + topAggregationCount; row++) {
-                    if (table.transpose) {
-                        updateRows.push({ col: row, row: 0 });
-                    }
-                    else {
-                        updateRows.push({ col: 0, row });
+                else {
+                    const addRows = [];
+                    for (let row = recordIndex + headerCount; row < recordIndex + headerCount + (Array.isArray(records) ? records.length : 1); row++) {
+                        if (table.transpose) {
+                            addRows.push({ col: row, row: 0 });
+                        }
+                        else {
+                            addRows.push({ col: 0, row });
+                        }
                     }
-                }
-                for (let row = (table.transpose ? table.colCount : table.rowCount) - bottomAggregationCount; row < (table.transpose ? table.colCount : table.rowCount); row++) {
-                    if (table.transpose) {
-                        updateRows.push({ col: row, row: 0 });
+                    const topAggregationCount = table.internalProps.layoutMap.hasAggregationOnTopCount;
+                    const bottomAggregationCount = table.internalProps.layoutMap.hasAggregationOnBottomCount;
+                    const updateRows = [];
+                    for (let row = headerCount; row < headerCount + topAggregationCount; row++) {
+                        if (table.transpose) {
+                            updateRows.push({ col: row, row: 0 });
+                        }
+                        else {
+                            updateRows.push({ col: 0, row });
+                        }
                     }
-                    else {
-                        updateRows.push({ col: 0, row });
+                    for (let row = (table.transpose ? table.colCount : table.rowCount) - bottomAggregationCount; row < (table.transpose ? table.colCount : table.rowCount); row++) {
+                        if (table.transpose) {
+                            updateRows.push({ col: row, row: 0 });
+                        }
+                        else {
+                            updateRows.push({ col: 0, row });
+                        }
                     }
+                    table.transpose
+                        ? table.scenegraph.updateCol([], addRows, updateRows)
+                        : table.scenegraph.updateRow([], addRows, updateRows);
                 }
-                table.transpose
-                    ? table.scenegraph.updateCol([], addRows, updateRows)
-                    : table.scenegraph.updateRow([], addRows, updateRows);
             }
+            return true;
+        }
+        catch (error) {
+            return false;
         }
     }
     function listTableDeleteRecords(recordIndexs, table) {
@@ -76881,37 +76961,57 @@
             this.renderAsync();
             this.eventManager.updateEventBinder();
         }
-        addColumn(column, colIndex, isMaintainArrayData = true) {
+        addColumns(toAddColumns, colIndex, isMaintainArrayData = true) {
             const columns = this.options.columns;
             if (colIndex === undefined) {
-                columns.push(column);
+                colIndex = columns.length;
+                columns.push(...toAddColumns);
             }
             else {
-                if (isMaintainArrayData) {
-                    for (let i = 0; i < columns.length; i++) {
-                        if (typeof columns[i].field === 'number') {
-                            if (columns[i].field >= colIndex) {
-                                columns[i].field = columns[i].field + 1;
-                            }
-                        }
-                    }
-                }
-                columns.splice(colIndex, 0, column);
+                columns.splice(colIndex, 0, ...toAddColumns);
             }
             if (isMaintainArrayData) {
+                for (let i = 0; i < columns.length; i++) {
+                    columns[i].field = i;
+                }
                 for (let i = 0; i < this.records.length; i++) {
                     const record = this.records[i];
                     if (Array.isArray(record)) {
-                        record.splice(colIndex, 0, undefined);
+                        record.splice(colIndex, 0, ...Array(toAddColumns.length).fill(undefined));
                     }
                 }
             }
             this.updateColumns(columns);
+            this.fireListeners(TABLE_EVENT_TYPE.ADD_COLUMN, {
+                columnIndex: colIndex,
+                columnCount: toAddColumns.length,
+                columns
+            });
         }
-        deleteColumn(colIndex) {
+        deleteColumns(deleteColIndexs, isMaintainArrayData = true) {
             const columns = this.options.columns;
-            columns.splice(colIndex, 1);
+            deleteColIndexs.sort((a, b) => b - a);
+            for (let i = 0; i < deleteColIndexs.length; i++) {
+                columns.splice(deleteColIndexs[i], 1);
+                if (isMaintainArrayData) {
+                    for (let j = 0; j < this.records.length; j++) {
+                        const record = this.records[j];
+                        if (Array.isArray(record)) {
+                            record.splice(deleteColIndexs[i], 1);
+                        }
+                    }
+                }
+            }
+            if (isMaintainArrayData) {
+                for (let i = 0; i < columns.length; i++) {
+                    columns[i].field = i;
+                }
+            }
             this.updateColumns(columns);
+            this.fireListeners(TABLE_EVENT_TYPE.DELETE_COLUMN, {
+                deleteColIndexs: deleteColIndexs,
+                columns
+            });
         }
         get columns() {
             return this.internalProps.layoutMap.columnTree.getCopiedTree();
@@ -77575,6 +77675,9 @@
             this.scenegraph.createSceneGraph();
             this.resize();
         }
+        getFilteredRecords() {
+            return this.dataSource.records;
+        }
         getCheckboxState(field) {
             if (this.stateManager.checkedState.size < this.rowCount - this.columnHeaderLevelCount) {
                 this.stateManager.initLeftRecordsCheckState(this.records);
@@ -77777,19 +77880,49 @@
             return listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, this);
         }
         addRecord(record, recordIndex) {
-            listTableAddRecord(record, recordIndex, this);
+            const success = listTableAddRecord(record, recordIndex, this);
             this.internalProps.emptyTip?.resetVisible();
+            if (success) {
+                this.fireListeners(TABLE_EVENT_TYPE.ADD_RECORD, {
+                    records: [record],
+                    recordIndex,
+                    recordCount: 1
+                });
+            }
         }
         addRecords(records, recordIndex) {
-            listTableAddRecords(records, recordIndex, this);
+            const success = listTableAddRecords(records, recordIndex, this);
             this.internalProps.emptyTip?.resetVisible();
+            if (success) {
+                this.fireListeners(TABLE_EVENT_TYPE.ADD_RECORD, {
+                    records,
+                    recordIndex,
+                    recordCount: records.length
+                });
+            }
         }
         deleteRecords(recordIndexs) {
             listTableDeleteRecords(recordIndexs, this);
             this.internalProps.emptyTip?.resetVisible();
+            const rowIndexs = [];
+            for (let i = 0; i < recordIndexs.length; i++) {
+                rowIndexs.push(this.getBodyRowIndexByRecordIndex(recordIndexs[i]) + this.columnHeaderLevelCount);
+            }
+            this.fireListeners(TABLE_EVENT_TYPE.DELETE_RECORD, {
+                recordIndexs,
+                rowIndexs,
+                deletedCount: Array.isArray(recordIndexs[0])
+                    ? recordIndexs.length
+                    : recordIndexs.length
+            });
         }
         updateRecords(records, recordIndexs) {
             listTableUpdateRecords(records, recordIndexs, this);
+            this.fireListeners(TABLE_EVENT_TYPE.UPDATE_RECORD, {
+                records,
+                recordIndexs,
+                updateCount: records.length
+            });
         }
         _hasCustomRenderOrLayout() {
             const { headerObjects } = this.internalProps.layoutMap;
@@ -83676,6 +83809,17 @@
         else {
             height = table.getRowHeight(row);
         }
+        if (table.pluginManager) {
+            const masterDetailPlugin = table.pluginManager.getPluginByName('Master Detail Plugin');
+            if (masterDetailPlugin) {
+                const bodyRowIndex = row - table.columnHeaderLevelCount;
+                const internalProps = table.internalProps;
+                const originalHeight = internalProps?.originalRowHeights?.get(bodyRowIndex);
+                if (originalHeight !== undefined && originalHeight > 0) {
+                    height = originalHeight;
+                }
+            }
+        }
         let contentWidth = width;
         let contentHeight = height;
         let _contentOffset = 0;
@@ -91546,7 +91690,7 @@
             this.renderWithRecreateCells();
         }
         getFilteredRecords() {
-            return this.dataset?.filterRules;
+            return this.dataset?.filteredRecords;
         }
         getCellPivotRole(col, row) {
             const path = this.getCellHeaderPaths(col, row);
@@ -93426,7 +93570,7 @@
     }
 
     registerForVrender();
-    const version = "1.21.1";
+    const version = "1.22.0";
     function getIcons() {
         return get$2();
     }