@visactor/vtable-gantt 1.21.1 → 1.22.0

package/dist/vtable-gantt.js

@@ -35592,6 +35592,9 @@
             }
             const rect = gantt.element.getBoundingClientRect();
             const mouseX = event.clientX - rect.left;
+            if (deltaY === 0) {
+                return;
+            }
             const zoomIn = event.deltaY < 0;
             const isTouchpad = Math.abs(event.deltaY) < 100 && event.deltaY % 1 !== 0;
             const baseStep = gantt.parsedOptions.zoom?.step || 0.015;
@@ -38380,6 +38383,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",
@@ -38389,7 +38394,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$1 = value => {
@@ -42155,7 +42165,7 @@
       }
       constructor(opt, dataConfig, pagination, columns, rowHierarchyType, hierarchyExpandLevel) {
         let _isGrouped;
-        isArray$7(null == dataConfig ? void 0 : dataConfig.groupByRules) && (rowHierarchyType = "tree", _isGrouped = !0), super(opt, dataConfig, pagination, columns, rowHierarchyType, hierarchyExpandLevel), this._isGrouped = _isGrouped, this._recordCache = [], this._fieldCache = {};
+        isArray$7(null == dataConfig ? void 0 : dataConfig.groupByRules) && (_isGrouped = !0), super(opt, dataConfig, pagination, columns, rowHierarchyType, hierarchyExpandLevel), this._isGrouped = _isGrouped, this._recordCache = [], this._fieldCache = {};
       }
       getOriginalRecord(index) {
         return isNumber$4(index) && this._recordCache && this._recordCache[index] ? this._recordCache[index] : super.getOriginalRecord(index);
@@ -42771,9 +42781,13 @@
       })];
     }
     function _setRecords(table, records = []) {
+      const tableWithPlugins = table;
       _dealWithUpdateDataSource(table, () => {
+        var _a;
         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;
+        isArray$7(null === (_a = table.internalProps.dataConfig) || void 0 === _a ? void 0 : _a.groupByRules) && (rowHierarchyType = "tree"), 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);
       });
     }
@@ -44265,14 +44279,28 @@
         } else "mark" === child.name && child.setAttribute("x", cellGroup.attribute.width);
       }), autoRowHeight) {
         let newHeight = Math.max(leftIconHeight, contentHeight, rightIconHeight);
-        if (isCellHeightUpdate(scene, cellGroup, Math.round(newHeight + padding[0] + padding[2]), oldCellHeight)) return !0;
+        if (isCellHeightUpdate(scene, cellGroup, Math.round(newHeight + padding[0] + padding[2]), oldCellHeight)) return 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: cellHeight,
+          cellGroup: cellGroup,
+          padding: padding,
+          textBaseline: textBaseline
+        }), !0;
         newHeight = (null !== (_d = cellGroup.contentHeight) && void 0 !== _d ? _d : cellHeight) - (padding[0] + padding[2]), cellGroup.forEachChildren(child => {
           "rect" !== child.type && "chart" !== child.type && child.name !== CUSTOM_CONTAINER_NAME && ("mark" === child.name ? child.setAttribute("y", 0) : "middle" === textBaseline ? child.setAttribute("y", padding[0] + (newHeight - child.AABBBounds.height()) / 2) : "bottom" === textBaseline ? child.setAttribute("y", padding[0] + newHeight - child.AABBBounds.height()) : child.setAttribute("y", padding[0]));
         });
       } else "middle" !== textBaseline && "bottom" !== textBaseline || cellGroup.forEachChildren(child => {
         "rect" !== child.type && "chart" !== child.type && child.name !== CUSTOM_CONTAINER_NAME && ("mark" === child.name ? child.setAttribute("y", 0) : "middle" === textBaseline ? child.setAttribute("y", (cellHeight - padding[2] + padding[0] - child.AABBBounds.height()) / 2) : "bottom" === textBaseline ? child.setAttribute("y", cellHeight - child.AABBBounds.height() - padding[2]) : child.setAttribute("y", padding[0]));
       });
-      return !1;
+      return 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: cellHeight,
+        cellGroup: cellGroup,
+        padding: padding,
+        textBaseline: textBaseline
+      }), !1;
     }
     function updateCellContentHeight(cellGroup, distHeight, detaY, autoRowHeight, padding, textAlign, textBaseline, table) {
       var _a;
@@ -49869,7 +49897,8 @@
         } else if (this.rowEnd === this.bodyBottomRow) {
           const cellGroup = this.table.scenegraph.highPerformanceGetCell(this.colStart, this.rowEnd, !0);
           if ("cell" === cellGroup.role) {
-            const deltaY = cellGroup.attribute.y + cellGroup.attribute.height - (this.table.getAllRowsHeight() - this.table.getFrozenRowsHeight() - this.table.getBottomFrozenRowsHeight());
+            const actualRowHeight = this.table.getRowHeight(this.rowEnd),
+              deltaY = cellGroup.attribute.y + actualRowHeight - (this.table.getAllRowsHeight() - this.table.getFrozenRowsHeight() - this.table.getBottomFrozenRowsHeight());
             this.deltaY = -deltaY;
           }
         } else if (isValid$3(screenTopY) && isValid$3(screenTopRow)) {
@@ -50010,6 +50039,11 @@
         width: colsWidth,
         height: rowsHeight,
         visible: !0
+      }), 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: selectComp
       }), selectComp.fillhandle) {
         const fillHandle = null === (_a = scene.table.options.excelOptions) || void 0 === _a ? void 0 : _a.fillHandle;
         let lastCellBound,
@@ -52039,7 +52073,7 @@
         var _a, _b, _c, _d, _e, _f;
         const firstBodyCell = null !== (_b = null === (_a = this.bodyGroup.firstChild) || void 0 === _a ? void 0 : _a.firstChild) && void 0 !== _b ? _b : null === (_c = this.rowHeaderGroup.firstChild) || void 0 === _c ? void 0 : _c.firstChild,
           lastBodyCell = null !== (_e = null === (_d = this.bodyGroup.firstChild) || void 0 === _d ? void 0 : _d.lastChild) && void 0 !== _e ? _e : null === (_f = this.rowHeaderGroup.firstChild) || void 0 === _f ? void 0 : _f.lastChild;
-        0 === y && firstBodyCell && firstBodyCell.row === this.table.frozenRowCount && firstBodyCell.attribute.y + y < 0 ? y = -firstBodyCell.attribute.y : lastBodyCell && this.table.tableNoFrameHeight < this.table.getAllRowsHeight() && lastBodyCell.row === this.table.rowCount - this.table.bottomFrozenRowCount - 1 && lastBodyCell.attribute.y + lastBodyCell.attribute.height + 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.colHeaderGroup.attribute.height + y !== this.bodyGroup.attribute.y && (this.bodyGroup.setAttribute("y", this.colHeaderGroup.attribute.height + y), this.rowHeaderGroup.setAttribute("y", this.cornerHeaderGroup.attribute.height + y), this.table.rightFrozenColCount > 0 && this.rightFrozenGroup.setAttribute("y", this.rightTopCornerGroup.attribute.height + y), this.updateNextFrame());
+        0 === y && firstBodyCell && firstBodyCell.row === this.table.frozenRowCount && firstBodyCell.attribute.y + y < 0 ? y = -firstBodyCell.attribute.y : lastBodyCell && this.table.tableNoFrameHeight < this.table.getAllRowsHeight() && lastBodyCell.row === this.table.rowCount - this.table.bottomFrozenRowCount - 1 && 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 - this.table.getRowHeight(lastBodyCell.row)), this.colHeaderGroup.attribute.height + y !== this.bodyGroup.attribute.y && (this.bodyGroup.setAttribute("y", this.colHeaderGroup.attribute.height + y), this.rowHeaderGroup.setAttribute("y", this.cornerHeaderGroup.attribute.height + y), this.table.rightFrozenColCount > 0 && this.rightFrozenGroup.setAttribute("y", this.rightTopCornerGroup.attribute.height + y), this.updateNextFrame());
       }
       setBodyAndColHeaderX(x) {
         const firstBodyCol = this.bodyGroup.firstChild,
@@ -55041,8 +55075,9 @@
           (null === (_b = table.options.customConfig) || void 0 === _b ? void 0 : _b.cancelSelectCellHook) ? (null === (_c = table.options.customConfig) || void 0 === _c ? void 0 : _c.cancelSelectCellHook(e)) && eventManager.dealTableSelect() : (null === (_e = null === (_d = table.options.select) || void 0 === _d ? void 0 : _d.blankAreaClickDeselect) || void 0 === _e || _e) && eventManager.dealTableSelect(), stateManager.endSelectCells(!0, isHasSelected), stateManager.updateCursor(), table.scenegraph.updateChartState(null);
         }
       }), table.scenegraph.stage.addEventListener("pointermove", e => {
+        var _a, _b, _c;
         const eventArgsSet = getCellEventArgsSet(e);
-        stateManager.isResizeCol() || eventManager.checkColumnResize(eventArgsSet) ? table.stateManager.select && eventManager.checkCellFillhandle(eventArgsSet) ? stateManager.updateCursor("crosshair") : stateManager.updateCursor("col-resize") : stateManager.isResizeRow() || eventManager.checkRowResize(eventArgsSet) ? table.stateManager.select && eventManager.checkCellFillhandle(eventArgsSet) ? stateManager.updateCursor("crosshair") : stateManager.updateCursor("row-resize") : stateManager.isMoveCol() || stateManager.updateCursor();
+        null !== (_c = null === (_b = null === (_a = e.target) || void 0 === _a ? void 0 : _a.isDescendantsOf) || void 0 === _b ? void 0 : _b.call(_a, table.scenegraph.tableGroup)) && void 0 !== _c && _c && (stateManager.isResizeCol() || eventManager.checkColumnResize(eventArgsSet) ? table.stateManager.select && eventManager.checkCellFillhandle(eventArgsSet) ? stateManager.updateCursor("crosshair") : stateManager.updateCursor("col-resize") : stateManager.isResizeRow() || eventManager.checkRowResize(eventArgsSet) ? table.stateManager.select && eventManager.checkCellFillhandle(eventArgsSet) ? stateManager.updateCursor("crosshair") : stateManager.updateCursor("row-resize") : stateManager.isMoveCol() || stateManager.updateCursor());
       }), table.scenegraph.tableGroup.addEventListener("checkbox_state_change", e => {
         var _a, _b;
         const eventArgsSet = getCellEventArgsSet(e),
@@ -59063,7 +59098,7 @@
       }
       constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.21.1", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.22.0", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         this.pluginManager = new PluginManager$1(this, options), this.fireListeners(TABLE_EVENT_TYPE.BEFORE_INIT, {
           options: options,
           container: container
@@ -63718,140 +63753,152 @@
     }
     function listTableAddRecord(record, recordIndex, table) {
       var _a, _b, _c, _d;
-      if (table.internalProps.groupBy) null === (_b = (_a = table.dataSource).addRecordsForGroup) || void 0 === _b || _b.call(_a, [record], recordIndex), table.refreshRowColCount(), table.internalProps.layoutMap.clearCellRangeMap(), table.sortState && sortRecords(table), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph();else if ("tree" === table.dataSource.rowHierarchyType) null === (_d = (_c = table.dataSource).addRecordsForTree) || void 0 === _d || _d.call(_c, [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 {
-        (void 0 === recordIndex || 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;
-        if (table.refreshRowColCount(), 0 === table.scenegraph.proxy.totalActualBodyRowCount) return table.scenegraph.clearCells(), void table.scenegraph.createSceneGraph();
-        const newRowCount = table.transpose ? table.colCount : table.rowCount;
-        if (table.pagination) {
-          const {
-              perPageCount: perPageCount,
-              currentPage: currentPage
-            } = table.pagination,
-            endIndex = perPageCount * (currentPage || 0) + 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++) table.transpose ? updateRows.push({
-                col: row,
-                row: 0
-              }) : updateRows.push({
-                col: 0,
-                row: 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++) table.transpose ? addRows.push({
-                col: row,
-                row: 0
-              }) : addRows.push({
-                col: 0,
-                row: row
-              });
-              table.transpose ? table.scenegraph.updateCol([], addRows, []) : table.scenegraph.updateRow([], addRows, []);
+      try {
+        if (!record) return !1;
+        if (table.internalProps.groupBy) null === (_b = (_a = table.dataSource).addRecordsForGroup) || void 0 === _b || _b.call(_a, [record], recordIndex), table.refreshRowColCount(), table.internalProps.layoutMap.clearCellRangeMap(), table.sortState && sortRecords(table), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph();else if ("tree" === table.dataSource.rowHierarchyType) null === (_d = (_c = table.dataSource).addRecordsForTree) || void 0 === _d || _d.call(_c, [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 {
+          (void 0 === recordIndex || 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;
+          if (table.refreshRowColCount(), 0 === table.scenegraph.proxy.totalActualBodyRowCount) return table.scenegraph.clearCells(), table.scenegraph.createSceneGraph(), !0;
+          const newRowCount = table.transpose ? table.colCount : table.rowCount;
+          if (table.pagination) {
+            const {
+                perPageCount: perPageCount,
+                currentPage: currentPage
+              } = table.pagination,
+              endIndex = perPageCount * (currentPage || 0) + 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++) table.transpose ? updateRows.push({
+                  col: row,
+                  row: 0
+                }) : updateRows.push({
+                  col: 0,
+                  row: 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++) table.transpose ? addRows.push({
+                  col: row,
+                  row: 0
+                }) : addRows.push({
+                  col: 0,
+                  row: row
+                });
+                table.transpose ? table.scenegraph.updateCol([], addRows, []) : table.scenegraph.updateRow([], addRows, []);
+              }
             }
+          } else {
+            const addRows = [];
+            for (let row = recordIndex + headerCount; row < recordIndex + headerCount + 1; row++) table.transpose ? addRows.push({
+              col: row,
+              row: 0
+            }) : addRows.push({
+              col: 0,
+              row: row
+            });
+            const updateRows = [],
+              topAggregationCount = table.internalProps.layoutMap.hasAggregationOnTopCount,
+              bottomAggregationCount = table.internalProps.layoutMap.hasAggregationOnBottomCount;
+            for (let row = headerCount; row < headerCount + topAggregationCount; row++) table.transpose ? updateRows.push({
+              col: row,
+              row: 0
+            }) : updateRows.push({
+              col: 0,
+              row: row
+            });
+            for (let row = (table.transpose ? table.colCount : table.rowCount) - bottomAggregationCount; row < (table.transpose ? table.colCount : table.rowCount); row++) table.transpose ? updateRows.push({
+              col: row,
+              row: 0
+            }) : updateRows.push({
+              col: 0,
+              row: row
+            });
+            table.transpose ? table.scenegraph.updateCol([], addRows, []) : table.scenegraph.updateRow([], addRows, []);
           }
-        } else {
-          const addRows = [];
-          for (let row = recordIndex + headerCount; row < recordIndex + headerCount + 1; row++) table.transpose ? addRows.push({
-            col: row,
-            row: 0
-          }) : addRows.push({
-            col: 0,
-            row: row
-          });
-          const updateRows = [],
-            topAggregationCount = table.internalProps.layoutMap.hasAggregationOnTopCount,
-            bottomAggregationCount = table.internalProps.layoutMap.hasAggregationOnBottomCount;
-          for (let row = headerCount; row < headerCount + topAggregationCount; row++) table.transpose ? updateRows.push({
-            col: row,
-            row: 0
-          }) : updateRows.push({
-            col: 0,
-            row: row
-          });
-          for (let row = (table.transpose ? table.colCount : table.rowCount) - bottomAggregationCount; row < (table.transpose ? table.colCount : table.rowCount); row++) table.transpose ? updateRows.push({
-            col: row,
-            row: 0
-          }) : updateRows.push({
-            col: 0,
-            row: row
-          });
-          table.transpose ? table.scenegraph.updateCol([], addRows, []) : table.scenegraph.updateRow([], addRows, []);
         }
+        return !0;
+      } catch (error) {
+        return !1;
       }
     }
     function listTableAddRecords(records, recordIndex, table) {
       var _a, _b, _c, _d;
-      if (table.internalProps.groupBy) null === (_b = (_a = table.dataSource).addRecordsForGroup) || void 0 === _b || _b.call(_a, records, recordIndex), table.refreshRowColCount(), table.internalProps.layoutMap.clearCellRangeMap(), table.sortState && sortRecords(table), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph();else if ("tree" === table.dataSource.rowHierarchyType) null === (_d = (_c = table.dataSource).addRecordsForTree) || void 0 === _d || _d.call(_c, 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 {
-        void 0 === recordIndex || recordIndex > table.dataSource.sourceLength ? recordIndex = table.dataSource.sourceLength : 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;
-        if (table.refreshRowColCount(), 0 === table.scenegraph.proxy.totalActualBodyRowCount) return table.scenegraph.clearCells(), void table.scenegraph.createSceneGraph();
-        const newRowCount = table.transpose ? table.colCount : table.rowCount;
-        if (table.pagination) {
-          const {
-              perPageCount: perPageCount,
-              currentPage: currentPage
-            } = table.pagination,
-            endIndex = perPageCount * (currentPage || 0) + 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++) table.transpose ? updateRows.push({
-                col: row,
-                row: 0
-              }) : updateRows.push({
-                col: 0,
-                row: 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++) table.transpose ? addRows.push({
-                col: row,
-                row: 0
-              }) : addRows.push({
-                col: 0,
-                row: row
-              });
-              table.transpose ? table.scenegraph.updateCol([], addRows, []) : table.scenegraph.updateRow([], addRows, []);
+      try {
+        if (!records || 0 === records.length) return !1;
+        if (table.internalProps.groupBy) null === (_b = (_a = table.dataSource).addRecordsForGroup) || void 0 === _b || _b.call(_a, records, recordIndex), table.refreshRowColCount(), table.internalProps.layoutMap.clearCellRangeMap(), table.sortState && sortRecords(table), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph();else if ("tree" === table.dataSource.rowHierarchyType) null === (_d = (_c = table.dataSource).addRecordsForTree) || void 0 === _d || _d.call(_c, 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 {
+          void 0 === recordIndex || recordIndex > table.dataSource.sourceLength ? recordIndex = table.dataSource.sourceLength : 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;
+          if (table.refreshRowColCount(), 0 === table.scenegraph.proxy.totalActualBodyRowCount) return table.scenegraph.clearCells(), table.scenegraph.createSceneGraph(), !0;
+          const newRowCount = table.transpose ? table.colCount : table.rowCount;
+          if (table.pagination) {
+            const {
+                perPageCount: perPageCount,
+                currentPage: currentPage
+              } = table.pagination,
+              endIndex = perPageCount * (currentPage || 0) + 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++) table.transpose ? updateRows.push({
+                  col: row,
+                  row: 0
+                }) : updateRows.push({
+                  col: 0,
+                  row: 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++) table.transpose ? addRows.push({
+                  col: row,
+                  row: 0
+                }) : addRows.push({
+                  col: 0,
+                  row: row
+                });
+                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++) table.transpose ? addRows.push({
+              col: row,
+              row: 0
+            }) : addRows.push({
+              col: 0,
+              row: row
+            });
+            const topAggregationCount = table.internalProps.layoutMap.hasAggregationOnTopCount,
+              bottomAggregationCount = table.internalProps.layoutMap.hasAggregationOnBottomCount,
+              updateRows = [];
+            for (let row = headerCount; row < headerCount + topAggregationCount; row++) table.transpose ? updateRows.push({
+              col: row,
+              row: 0
+            }) : updateRows.push({
+              col: 0,
+              row: row
+            });
+            for (let row = (table.transpose ? table.colCount : table.rowCount) - bottomAggregationCount; row < (table.transpose ? table.colCount : table.rowCount); row++) table.transpose ? updateRows.push({
+              col: row,
+              row: 0
+            }) : updateRows.push({
+              col: 0,
+              row: row
+            });
+            table.transpose ? table.scenegraph.updateCol([], addRows, updateRows) : table.scenegraph.updateRow([], addRows, updateRows);
           }
-        } else {
-          const addRows = [];
-          for (let row = recordIndex + headerCount; row < recordIndex + headerCount + (Array.isArray(records) ? records.length : 1); row++) table.transpose ? addRows.push({
-            col: row,
-            row: 0
-          }) : addRows.push({
-            col: 0,
-            row: row
-          });
-          const topAggregationCount = table.internalProps.layoutMap.hasAggregationOnTopCount,
-            bottomAggregationCount = table.internalProps.layoutMap.hasAggregationOnBottomCount,
-            updateRows = [];
-          for (let row = headerCount; row < headerCount + topAggregationCount; row++) table.transpose ? updateRows.push({
-            col: row,
-            row: 0
-          }) : updateRows.push({
-            col: 0,
-            row: row
-          });
-          for (let row = (table.transpose ? table.colCount : table.rowCount) - bottomAggregationCount; row < (table.transpose ? table.colCount : table.rowCount); row++) table.transpose ? updateRows.push({
-            col: row,
-            row: 0
-          }) : updateRows.push({
-            col: 0,
-            row: row
-          });
-          table.transpose ? table.scenegraph.updateCol([], addRows, updateRows) : table.scenegraph.updateRow([], addRows, updateRows);
         }
+        return !0;
+      } catch (error) {
+        return !1;
       }
     }
     function listTableDeleteRecords(recordIndexs, table) {
@@ -64261,21 +64308,33 @@
         };
         this._hasAutoImageColumn = void 0, this.refreshHeader(), this.records && checkHasAggregationOnColumnDefine(this.internalProps.columns) && this.dataSource.processRecords(null !== (_b = null === (_a = this.dataSource.dataSourceObj) || void 0 === _a ? void 0 : _a.records) && void 0 !== _b ? _b : this.dataSource.dataSourceObj), this.internalProps.useOneRowHeightFillAll = !1, 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(), this.eventManager.updateEventBinder();
       }
-      addColumn(column, colIndex, isMaintainArrayData = !0) {
+      addColumns(toAddColumns, colIndex, isMaintainArrayData = !0) {
         const columns = this.options.columns;
-        if (void 0 === colIndex) columns.push(column);else {
-          if (isMaintainArrayData) for (let i = 0; i < columns.length; i++) "number" == typeof columns[i].field && columns[i].field >= colIndex && (columns[i].field = columns[i].field + 1);
-          columns.splice(colIndex, 0, column);
-        }
-        if (isMaintainArrayData) for (let i = 0; i < this.records.length; i++) {
-          const record = this.records[i];
-          Array.isArray(record) && record.splice(colIndex, 0, void 0);
+        if (void 0 === colIndex ? (colIndex = columns.length, columns.push(...toAddColumns)) : columns.splice(colIndex, 0, ...toAddColumns), 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];
+            Array.isArray(record) && record.splice(colIndex, 0, ...Array(toAddColumns.length).fill(void 0));
+          }
         }
-        this.updateColumns(columns);
+        this.updateColumns(columns), this.fireListeners(TABLE_EVENT_TYPE.ADD_COLUMN, {
+          columnIndex: colIndex,
+          columnCount: toAddColumns.length,
+          columns: columns
+        });
       }
-      deleteColumn(colIndex) {
+      deleteColumns(deleteColIndexs, isMaintainArrayData = !0) {
         const columns = this.options.columns;
-        columns.splice(colIndex, 1), this.updateColumns(columns);
+        deleteColIndexs.sort((a, b) => b - a);
+        for (let i = 0; i < deleteColIndexs.length; i++) if (columns.splice(deleteColIndexs[i], 1), isMaintainArrayData) for (let j = 0; j < this.records.length; j++) {
+          const record = this.records[j];
+          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: columns
+        });
       }
       get columns() {
         return this.internalProps.layoutMap.columnTree.getCopiedTree();
@@ -64677,6 +64736,9 @@
       updateFilterRules(filterRules) {
         this.scenegraph.clearCells(), this.sortState ? (this.dataSource.updateFilterRulesForSorted(filterRules), sortRecords(this)) : this.dataSource.updateFilterRules(filterRules), this.refreshRowColCount(), this.stateManager.initCheckedState(this.records), 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), isValid$3(field)) {
           let stateArr = Array.from(this.stateManager.checkedState.keys()).sort((a, b) => {
@@ -64816,18 +64878,39 @@
       }
       addRecord(record, recordIndex) {
         var _a;
-        listTableAddRecord(record, recordIndex, this), null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible();
+        const success = listTableAddRecord(record, recordIndex, this);
+        null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible(), success && this.fireListeners(TABLE_EVENT_TYPE.ADD_RECORD, {
+          records: [record],
+          recordIndex: recordIndex,
+          recordCount: 1
+        });
       }
       addRecords(records, recordIndex) {
         var _a;
-        listTableAddRecords(records, recordIndex, this), null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible();
+        const success = listTableAddRecords(records, recordIndex, this);
+        null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible(), success && this.fireListeners(TABLE_EVENT_TYPE.ADD_RECORD, {
+          records: records,
+          recordIndex: recordIndex,
+          recordCount: records.length
+        });
       }
       deleteRecords(recordIndexs) {
         var _a;
         listTableDeleteRecords(recordIndexs, this), null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.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: recordIndexs,
+          rowIndexs: rowIndexs,
+          deletedCount: (Array.isArray(recordIndexs[0]), recordIndexs.length)
+        });
       }
       updateRecords(records, recordIndexs) {
-        listTableUpdateRecords(records, recordIndexs, this);
+        listTableUpdateRecords(records, recordIndexs, this), this.fireListeners(TABLE_EVENT_TYPE.UPDATE_RECORD, {
+          records: records,
+          recordIndexs: recordIndexs,
+          updateCount: records.length
+        });
       }
       _hasCustomRenderOrLayout() {
         var _a, _b, _c, _d;
@@ -69041,7 +69124,7 @@
     }
 
     function createProgressBarCell(progressBarDefine, style, width, value, dataValue, col, row, padding, table, range) {
-      var _a, _b, _c, _d, _e;
+      var _a, _b, _c, _d, _e, _f;
       if (progressBarDefine.dependField) {
         const dependField = getOrApply(progressBarDefine.dependField, {
           col: col,
@@ -69078,7 +69161,14 @@
           cellHeaderPaths: void 0
         })) && void 0 !== _e ? _e : min + 100;
       let height = 0;
-      height = range ? table.getRowsHeight(range.start.row, range.end.row) : table.getRowHeight(row);
+      if (height = range ? table.getRowsHeight(range.start.row, range.end.row) : table.getRowHeight(row), table.pluginManager) {
+        if (table.pluginManager.getPluginByName("Master Detail Plugin")) {
+          const bodyRowIndex = row - table.columnHeaderLevelCount,
+            internalProps = table.internalProps,
+            originalHeight = null === (_f = null == internalProps ? void 0 : internalProps.originalRowHeights) || void 0 === _f ? void 0 : _f.get(bodyRowIndex);
+          void 0 !== originalHeight && originalHeight > 0 && (height = originalHeight);
+        }
+      }
       let contentWidth = width,
         contentHeight = height,
         _contentOffset = 0;
@@ -76815,7 +76905,7 @@
         PluginManager: PluginManager
     });
 
-    const version = "1.21.1";
+    const version = "1.22.0";
 
     exports.Gantt = Gantt;
     exports.TYPES = index$4;