@visactor/vtable-sheet 1.22.11-alpha.4 → 1.22.11-alpha.5

package/cjs/index.d.ts

@@ -2,5 +2,5 @@ import VTableSheet from './components/vtable-sheet';
 import type { ISheetDefine, IVTableSheetOptions } from './ts-types';
 import * as TYPES from './ts-types';
 import * as VTable from './vtable';
-export declare const version = "1.22.11-alpha.4";
+export declare const version = "1.22.11-alpha.5";
 export { VTableSheet, TYPES, VTable, ISheetDefine, IVTableSheetOptions };

package/cjs/index.js

@@ -47,4 +47,4 @@ exports.VTable = VTable;
 
 const style_manager_1 = require("./styles/style-manager");
 
-exports.version = "1.22.11-alpha.4", (0, style_manager_1.importStyles)();
+exports.version = "1.22.11-alpha.5", (0, style_manager_1.importStyles)();

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6EAAoD;AAW3C,sBAXF,sBAAW,CAWE;AATpB,kDAAoC;AASd,sBAAK;AAR3B,iDAAmC;AAQN,wBAAM;AAPnC,0DAAsD;AACzC,QAAA,OAAO,GAAG,iBAAiB,CAAC;AAEzC,IAAA,4BAAY,GAAE,CAAC","file":"index.js","sourcesContent":["import VTableSheet from './components/vtable-sheet';\nimport type { ISheetDefine, IVTableSheetOptions } from './ts-types';\nimport * as TYPES from './ts-types';\nimport * as VTable from './vtable';\nimport { importStyles } from './styles/style-manager';\nexport const version = \"1.22.11-alpha.4\";\n// 导入样式\nimportStyles();\n/**\n * @namespace VTableSheet\n */\nexport { VTableSheet, TYPES, VTable, ISheetDefine, IVTableSheetOptions };\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6EAAoD;AAW3C,sBAXF,sBAAW,CAWE;AATpB,kDAAoC;AASd,sBAAK;AAR3B,iDAAmC;AAQN,wBAAM;AAPnC,0DAAsD;AACzC,QAAA,OAAO,GAAG,iBAAiB,CAAC;AAEzC,IAAA,4BAAY,GAAE,CAAC","file":"index.js","sourcesContent":["import VTableSheet from './components/vtable-sheet';\nimport type { ISheetDefine, IVTableSheetOptions } from './ts-types';\nimport * as TYPES from './ts-types';\nimport * as VTable from './vtable';\nimport { importStyles } from './styles/style-manager';\nexport const version = \"1.22.11-alpha.5\";\n// 导入样式\nimportStyles();\n/**\n * @namespace VTableSheet\n */\nexport { VTableSheet, TYPES, VTable, ISheetDefine, IVTableSheetOptions };\n"]}

package/dist/vtable-sheet.js

@@ -38828,6 +38828,7 @@
       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",
+      CHANGE_CELL_VALUES: "change_cell_values",
       DRAG_FILL_HANDLE_END: "drag_fill_handle_end",
       MOUSEDOWN_FILL_HANDLE: "mousedown_fill_handle",
       DBLCLICK_FILL_HANDLE: "dblclick_fill_handle",
@@ -40954,6 +40955,24 @@
           }
         }
       }
+      changeFieldValueByRecordIndex(value, recordIndex, field, table) {
+        var _a, _b, _c, _d;
+        if (null === field) return;
+        if (null == recordIndex) return;
+        const rawKey = recordIndex.toString();
+        if (!this.beforeChangedRecordsMap.has(rawKey)) {
+          const rawRecords = Array.isArray(null === (_a = this.dataSourceObj) || void 0 === _a ? void 0 : _a.records) ? this.dataSourceObj.records : null,
+            originRecord = rawRecords ? Array.isArray(recordIndex) ? getValueFromDeepArray(rawRecords, recordIndex) : rawRecords[recordIndex] : void 0;
+          this.beforeChangedRecordsMap.set(rawKey, null !== (_b = cloneDeep$1(originRecord, void 0, ["vtable_gantt_linkedFrom", "vtable_gantt_linkedTo"])) && void 0 !== _b ? _b : {});
+        }
+        if ("string" == typeof field || "number" == typeof field) {
+          const beforeChangedValue = null === (_c = this.beforeChangedRecordsMap.get(rawKey)) || void 0 === _c ? void 0 : _c[field],
+            rawRecords = Array.isArray(null === (_d = this.dataSourceObj) || void 0 === _d ? void 0 : _d.records) ? this.dataSourceObj.records : null,
+            record = rawRecords ? Array.isArray(recordIndex) ? getValueFromDeepArray(rawRecords, recordIndex) : rawRecords[recordIndex] : void 0;
+          let formatValue = value;
+          "number" == typeof beforeChangedValue && isAllDigits(value) && (formatValue = parseFloat(value)), record ? record[field] = formatValue : rawRecords && "number" == typeof recordIndex && (rawRecords[recordIndex] = "Array" === this.addRecordRule ? [] : {}, rawRecords[recordIndex][field] = formatValue);
+        }
+      }
       cacheBeforeChangedRecord(dataIndex, table) {
         var _a;
         if (!this.beforeChangedRecordsMap.has(dataIndex.toString())) {
@@ -41019,9 +41038,16 @@
         }
       }
       adjustBeforeChangedRecordsMap(insertIndex, insertCount, type = "add") {
-        for (let key = this.beforeChangedRecordsMap.size - 1; key >= insertIndex; key--) {
-          const record = this.beforeChangedRecordsMap.get(key.toString());
-          this.beforeChangedRecordsMap.delete(key.toString()), this.beforeChangedRecordsMap.set((key + ("add" === type ? insertCount : -insertCount)).toString(), record);
+        const delta = "add" === type ? insertCount : -insertCount,
+          numericKeys = [];
+        this.beforeChangedRecordsMap.forEach((_, key) => {
+          const numKey = Number(key);
+          Number.isInteger(numKey) && numKey.toString() === key && numKey >= insertIndex && numericKeys.push(numKey);
+        }), numericKeys.sort((a, b) => "add" === type ? b - a : a - b);
+        for (let i = 0; i < numericKeys.length; i++) {
+          const key = numericKeys[i],
+            record = this.beforeChangedRecordsMap.get(key.toString());
+          this.beforeChangedRecordsMap.delete(key.toString()), this.beforeChangedRecordsMap.set((key + delta).toString(), record);
         }
       }
       deleteRecords(recordIndexs) {
@@ -57385,7 +57411,7 @@
     };
     let EventManager$1 = class EventManager {
       constructor(table) {
-        this.isDown = !1, this.isDraging = !1, this.globalEventListeners = [], this._enableTableScroll = !0, this.cutWaitPaste = !1, this.clipboardCheckTimer = null, this.cutOperationTime = 0, this.lastClipboardContent = "", this.cutCellRange = null, this.copySourceRange = null, this.table = table, this.handleTextStickBindId = [], this.inertiaScroll = new InertiaScroll(table.stateManager), "node" === Env$1.mode || table.options.disableInteraction || (this.bindOuterEvent(), setTimeout(() => {
+        this.isDown = !1, this.isDraging = !1, this.globalEventListeners = [], this._enableTableScroll = !0, this.cutWaitPaste = !1, this.clipboardCheckTimer = null, this.cutOperationTime = 0, this.lastClipboardContent = "", this.cutCellRange = null, this.cutRanges = null, this.copySourceRange = null, this.table = table, this.handleTextStickBindId = [], this.inertiaScroll = new InertiaScroll(table.stateManager), "node" === Env$1.mode || table.options.disableInteraction || (this.bindOuterEvent(), setTimeout(() => {
           this.bindSelfEvent();
         }, 0));
       }
@@ -57687,15 +57713,25 @@
         } catch (error) {}
       }
       handleCut(e) {
+        var _a;
         return __awaiter$1(this, void 0, void 0, function* () {
-          this.handleCopy(e, !0), this.cutWaitPaste = !0, this.cutCellRange = this.table.getSelectedCellInfos(), this.clipboardCheckTimer && clearTimeout(this.clipboardCheckTimer), this.clipboardCheckTimer = window.setTimeout(() => {
-            this.cutWaitPaste && (this.cutWaitPaste = !1, this.cutCellRange = null, this.clipboardCheckTimer = null);
+          this.handleCopy(e, !0), this.cutWaitPaste = !0, this.cutCellRange = this.table.getSelectedCellInfos(), this.cutRanges = null === (_a = this.table.stateManager.select.ranges) || void 0 === _a ? void 0 : _a.map(r => ({
+            start: {
+              col: r.start.col,
+              row: r.start.row
+            },
+            end: {
+              col: r.end.col,
+              row: r.end.row
+            }
+          })), this.clipboardCheckTimer && clearTimeout(this.clipboardCheckTimer), this.clipboardCheckTimer = window.setTimeout(() => {
+            this.cutWaitPaste && (this.cutWaitPaste = !1, this.cutCellRange = null, this.cutRanges = null, this.clipboardCheckTimer = null);
           }, 3e4), this.saveClipboardContent();
         });
       }
       handlePaste(e) {
         this.cutWaitPaste ? this.checkClipboardChanged().then(changed => {
-          this.executePaste(e), changed || this.clearCutArea(this.table), this.cutWaitPaste && (this.cutWaitPaste = !1, this.cutCellRange = null, this.clipboardCheckTimer && (clearTimeout(this.clipboardCheckTimer), this.clipboardCheckTimer = null));
+          this.executePaste(e), changed || this.clearCutArea(this.table), this.cutWaitPaste && (this.cutWaitPaste = !1, this.cutCellRange = null, this.cutRanges = null, this.clipboardCheckTimer && (clearTimeout(this.clipboardCheckTimer), this.clipboardCheckTimer = null));
         }).catch(() => {
           this.executePaste(e), this.cutWaitPaste && (this.cutWaitPaste = !1, this.cutCellRange = null, this.clipboardCheckTimer && (clearTimeout(this.clipboardCheckTimer), this.clipboardCheckTimer = null));
         }) : this.executePaste(e);
@@ -57772,9 +57808,9 @@
       }
       clearCutArea(table) {
         try {
-          const selectCells = this.cutCellRange;
-          if (!selectCells || 0 === selectCells.length) return;
-          for (let i = 0; i < selectCells.length; i++) for (let j = 0; j < selectCells[i].length; j++) selectCells[i][j] && table.changeCellValue(selectCells[i][j].col, selectCells[i][j].row, void 0);
+          const ranges = this.cutRanges;
+          if (!ranges || 0 === ranges.length) return;
+          table.changeCellValuesByIds(ranges, "");
         } catch (error) {}
       }
       checkClipboardChanged() {
@@ -59712,6 +59748,15 @@
       constructor(table, customCellStyle, customCellStyleArrangement) {
         this.table = table, this.customCellStyle = customCellStyle, this.customCellStyleArrangement = customCellStyleArrangement;
       }
+      clearCustomCellStyleArrangement() {
+        this.customCellStyleArrangement = [];
+      }
+      addCustomCellStyleArrangement(cellPosition, customStyleId) {
+        this.customCellStyleArrangement.push({
+          cellPosition: cellPosition,
+          customStyleId: customStyleId
+        });
+      }
       getCustomCellStyle(col, row) {
         const customStyleIds = this.getCustomCellStyleIds(col, row);
         if (customStyleIds.length) {
@@ -60017,7 +60062,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.22.11-alpha.4", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env$1.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.11-alpha.5", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env$1.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(this, options), this.fireListeners(TABLE_EVENT_TYPE.BEFORE_INIT, {
           options: options,
           container: container
@@ -63828,15 +63873,16 @@
         step((generator = generator.apply(thisArg, _arguments || [])).next());
       });
     };
-    function listTableChangeCellValue(col, row, value, workOnEditableCell, triggerEvent, table) {
+    function listTableChangeCellValue(col, row, value, workOnEditableCell, triggerEvent, table, silentChangeCellValuesEvent) {
       if (workOnEditableCell && table.isHasEditorDefine(col, row) || !1 === workOnEditableCell) {
-        const recordIndex = table.getRecordShowIndexByCell(col, row),
+        const recordShowIndex = table.getRecordShowIndexByCell(col, row),
+          recordIndex = recordShowIndex >= 0 ? table.dataSource.getIndexKey(recordShowIndex) : void 0,
           {
             field: field
           } = table.internalProps.layoutMap.getBody(col, row),
           beforeChangeValue = table.getCellRawValue(col, row),
           oldValue = table.getCellOriginValue(col, row);
-        table.isHeader(col, row) ? table.internalProps.layoutMap.updateColumnTitle(col, row, value) : table.dataSource.changeFieldValue(value, recordIndex, field, col, row, table);
+        table.isHeader(col, row) ? table.internalProps.layoutMap.updateColumnTitle(col, row, value) : table.dataSource.changeFieldValue(value, recordShowIndex, field, col, row, table);
         const range = table.getCellRange(col, row),
           aggregators = table.internalProps.layoutMap.getAggregatorsByCell(col, row);
         if (aggregators) {
@@ -63859,16 +63905,24 @@
           table.scenegraph.updateRowHeight(row, newHeight - oldHeight);
         }
         const changedValue = table.getCellOriginValue(col, row);
-        oldValue !== changedValue && triggerEvent && table.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, {
-          col: col,
-          row: row,
-          rawValue: beforeChangeValue,
-          currentValue: oldValue,
-          changedValue: changedValue
-        }), table.scenegraph.updateNextFrame();
+        if (oldValue !== changedValue && triggerEvent) {
+          const changeValue = {
+            col: col,
+            row: row,
+            recordIndex: recordIndex,
+            field: field,
+            rawValue: beforeChangeValue,
+            currentValue: oldValue,
+            changedValue: changedValue
+          };
+          table.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, changeValue), silentChangeCellValuesEvent || table.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, {
+            values: [changeValue]
+          });
+        }
+        table.scenegraph.updateNextFrame();
       }
     }
-    function listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, table) {
+    function listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, table, silentChangeCellValuesEvent) {
       var _a, _b;
       return __awaiter(this, void 0, void 0, function* () {
         const changedCellResults = [];
@@ -63890,6 +63944,7 @@
             oldRowValues.push(oldValue);
           }
         }
+        const resultChangeValues = [];
         for (let i = 0; i < values.length && !(startRow + i > table.rowCount - 1); i++) {
           changedCellResults[i] = [], pasteRowEnd = startRow + i;
           const rowValues = values[i];
@@ -63913,25 +63968,34 @@
             if (isCanChange) {
               changedCellResults[i][j] = !0;
               const value = rowValues[j],
-                recordIndex = table.getRecordShowIndexByCell(startCol + j, startRow + i),
+                recordShowIndex = table.getRecordShowIndexByCell(startCol + j, startRow + i),
+                recordIndex = recordShowIndex >= 0 ? table.dataSource.getIndexKey(recordShowIndex) : void 0,
                 {
                   field: field
                 } = table.internalProps.layoutMap.getBody(startCol + j, startRow + i),
                 beforeChangeValue = beforeChangeValues[i][j],
                 oldValue = oldValues[i][j];
-              table.isHeader(startCol + j, startRow + i) ? table.internalProps.layoutMap.updateColumnTitle(startCol + j, startRow + i, value) : table.dataSource.changeFieldValue(value, recordIndex, field, startCol + j, startRow + i, table);
+              table.isHeader(startCol + j, startRow + i) ? table.internalProps.layoutMap.updateColumnTitle(startCol + j, startRow + i, value) : table.dataSource.changeFieldValue(value, recordShowIndex, field, startCol + j, startRow + i, table);
               const changedValue = table.getCellOriginValue(startCol + j, startRow + i);
-              oldValue !== changedValue && triggerEvent && table.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, {
-                col: startCol + j,
-                row: startRow + i,
-                rawValue: beforeChangeValue,
-                currentValue: oldValue,
-                changedValue: changedValue
-              });
+              if (oldValue !== changedValue && triggerEvent) {
+                const changeValue = {
+                  col: startCol + j,
+                  row: startRow + i,
+                  recordIndex: recordIndex,
+                  field: field,
+                  rawValue: beforeChangeValue,
+                  currentValue: oldValue,
+                  changedValue: changedValue
+                };
+                table.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, changeValue), resultChangeValues.push(changeValue);
+              }
             } else changedCellResults[i][j] = !1;
           }
           pasteColEnd = Math.max(pasteColEnd, thisRowPasteColEnd);
         }
+        silentChangeCellValuesEvent || table.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, {
+          values: resultChangeValues
+        });
         const startRange = table.getCellRange(startCol, startRow),
           range = table.getCellRange(pasteColEnd, pasteRowEnd),
           aggregators = table.internalProps.layoutMap.getAggregatorsByCellRange(startRange.start.col, startRange.start.row, range.end.col, range.end.row);
@@ -63965,6 +64029,58 @@
         return table.scenegraph.updateNextFrame(), changedCellResults;
       });
     }
+    function listTableChangeCellValuesByIds(ranges, value, workOnEditableCell, triggerEvent, table, silentChangeCellValuesEvent) {
+      var _a, _b;
+      return __awaiter(this, void 0, void 0, function* () {
+        const resultChangeValues = [],
+          processed = new Set(),
+          nextValue = null != value ? value : "";
+        for (let i = 0; i < (null !== (_a = null == ranges ? void 0 : ranges.length) && void 0 !== _a ? _a : 0); i++) {
+          const range = ranges[i],
+            startCol = Math.min(range.start.col, range.end.col),
+            endCol = Math.max(range.start.col, range.end.col),
+            startRow = Math.min(range.start.row, range.end.row),
+            endRow = Math.max(range.start.row, range.end.row);
+          if (startCol > endCol || startRow > endRow) continue;
+          const values = [],
+            oldValues = [];
+          for (let row = startRow; row <= endRow; row++) {
+            const rowValues = [],
+              rowOldValues = [];
+            for (let col = startCol; col <= endCol; col++) rowValues.push(nextValue), rowOldValues.push(table.getCellOriginValue(col, row));
+            values.push(rowValues), oldValues.push(rowOldValues);
+          }
+          const changedCellResults = yield listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, table, !0);
+          for (let r = 0; r < values.length; r++) for (let c = 0; c < values[r].length; c++) {
+            const col = startCol + c,
+              row = startRow + r,
+              key = `${col},${row}`;
+            if (processed.has(key)) continue;
+            if (processed.add(key), !triggerEvent || !(null === (_b = null == changedCellResults ? void 0 : changedCellResults[r]) || void 0 === _b ? void 0 : _b[c])) continue;
+            const oldValue = oldValues[r][c],
+              changedValue = table.getCellOriginValue(col, row);
+            if (oldValue === changedValue) continue;
+            const recordShowIndex = table.getRecordShowIndexByCell(col, row),
+              recordIndex = recordShowIndex >= 0 ? table.dataSource.getIndexKey(recordShowIndex) : void 0,
+              {
+                field: field
+              } = table.internalProps.layoutMap.getBody(col, row);
+            resultChangeValues.push({
+              col: col,
+              row: row,
+              recordIndex: recordIndex,
+              field: field,
+              rawValue: oldValue,
+              currentValue: oldValue,
+              changedValue: changedValue
+            });
+          }
+        }
+        !silentChangeCellValuesEvent && triggerEvent && table.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, {
+          values: resultChangeValues
+        });
+      });
+    }
     function getCellUpdateType(col, row, table, oldCellUpdateType) {
       if ("group" === oldCellUpdateType) return oldCellUpdateType;
       if ("sort" === oldCellUpdateType && !table.internalProps.groupBy) return oldCellUpdateType;
@@ -65128,43 +65244,165 @@
         }
         return isValid$2(editorDefine);
       }
-      changeCellValue(col, row, value, workOnEditableCell = !1, triggerEvent = !0) {
-        return listTableChangeCellValue(col, row, value, workOnEditableCell, triggerEvent, this);
+      changeCellValue(col, row, value, workOnEditableCell = !1, triggerEvent = !0, silentChangeCellValuesEvent) {
+        return listTableChangeCellValue(col, row, value, workOnEditableCell, triggerEvent, this, silentChangeCellValuesEvent);
+      }
+      changeCellValues(startCol, startRow, values, workOnEditableCell = !1, triggerEvent = !0, silentChangeCellValuesEvent) {
+        return listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, this, silentChangeCellValuesEvent);
+      }
+      changeCellValuesByIds(ranges, value, workOnEditableCell = !1, triggerEvent = !0, silentChangeCellValuesEvent) {
+        return listTableChangeCellValuesByIds(ranges, value, workOnEditableCell, triggerEvent, this, silentChangeCellValuesEvent);
+      }
+      changeSourceCellValue(recordIndex, field, value) {
+        const tableIndex = this.getTableIndexByRecordIndex(recordIndex),
+          cellAddr = this.getCellAddrByFieldRecord(field, recordIndex);
+        if (tableIndex < 0 || cellAddr.col < 0 || cellAddr.row < 0) return;
+        this.dataSource.changeFieldValue(value, tableIndex, field, cellAddr.col, cellAddr.row, this);
+        const beforeChangeValue = this.getCellRawValue(cellAddr.col, cellAddr.row),
+          oldValue = this.getCellOriginValue(cellAddr.col, cellAddr.row),
+          changedValue = this.getCellOriginValue(cellAddr.col, cellAddr.row);
+        if (oldValue !== changedValue) {
+          const changeValue = {
+            col: cellAddr.col,
+            row: cellAddr.row,
+            recordIndex: recordIndex,
+            field: field,
+            rawValue: beforeChangeValue,
+            currentValue: oldValue,
+            changedValue: changedValue
+          };
+          this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, changeValue), this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, {
+            values: [changeValue]
+          });
+        }
       }
-      changeCellValues(startCol, startRow, values, workOnEditableCell = !1, triggerEvent = !0) {
-        return listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, this);
+      changeCellValueByRecord(recordIndex, field, value, options) {
+        var _a, _b, _c, _d, _e;
+        const triggerEvent = null === (_a = null == options ? void 0 : options.triggerEvent) || void 0 === _a || _a,
+          silentChangeCellValuesEvent = null == options ? void 0 : options.silentChangeCellValuesEvent,
+          autoRefresh = null === (_b = null == options ? void 0 : options.autoRefresh) || void 0 === _b || _b,
+          records = null === (_c = this.dataSource.dataSourceObj) || void 0 === _c ? void 0 : _c.records;
+        let record, oldValue;
+        if (!Array.isArray(records) || "string" != typeof field && "number" != typeof field || (record = Array.isArray(recordIndex) ? getValueFromDeepArray(records, recordIndex) : records[recordIndex], oldValue = null == record ? void 0 : record[field]), this.dataSource.changeFieldValueByRecordIndex(value, recordIndex, field, this), !triggerEvent) return;
+        const changedValue = !record || "string" != typeof field && "number" != typeof field ? value : null == record ? void 0 : record[field];
+        if (oldValue !== changedValue) {
+          const cellAddr = this.getCellAddrByFieldRecord(field, recordIndex),
+            changeValue = {
+              col: null !== (_d = null == cellAddr ? void 0 : cellAddr.col) && void 0 !== _d ? _d : -1,
+              row: null !== (_e = null == cellAddr ? void 0 : cellAddr.row) && void 0 !== _e ? _e : -1,
+              recordIndex: recordIndex,
+              field: field,
+              rawValue: oldValue,
+              currentValue: oldValue,
+              changedValue: changedValue
+            };
+          this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, changeValue), silentChangeCellValuesEvent || this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, {
+            values: [changeValue]
+          });
+        }
+        autoRefresh && this.refreshAfterSourceChange();
+      }
+      changeCellValueBySource(recordIndex, field, value, triggerEvent = !0, silentChangeCellValuesEvent) {
+        return this.changeCellValueByRecord(recordIndex, field, value, {
+          triggerEvent: triggerEvent,
+          silentChangeCellValuesEvent: silentChangeCellValuesEvent,
+          autoRefresh: !0
+        });
       }
-      addRecord(record, recordIndex) {
+      changeCellValuesByRecords(changeValues, options) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const triggerEvent = null === (_a = null == options ? void 0 : options.triggerEvent) || void 0 === _a || _a,
+          silentChangeCellValuesEvent = null == options ? void 0 : options.silentChangeCellValuesEvent,
+          autoRefresh = null === (_b = null == options ? void 0 : options.autoRefresh) || void 0 === _b || _b,
+          resultChangeValues = [];
+        for (let i = 0; i < changeValues.length; i++) {
+          const {
+              recordIndex: recordIndex,
+              field: field,
+              value: value
+            } = changeValues[i],
+            records = null === (_c = this.dataSource.dataSourceObj) || void 0 === _c ? void 0 : _c.records;
+          let record, oldValue;
+          if (!Array.isArray(records) || "string" != typeof field && "number" != typeof field || (record = Array.isArray(recordIndex) ? getValueFromDeepArray(records, recordIndex) : records[recordIndex], oldValue = null == record ? void 0 : record[field]), this.dataSource.changeFieldValueByRecordIndex(value, recordIndex, field, this), triggerEvent) {
+            const changedValue = !record || "string" != typeof field && "number" != typeof field ? value : null == record ? void 0 : record[field];
+            if (oldValue !== changedValue) {
+              const changeValue = {
+                col: null !== (_e = null === (_d = this.getCellAddrByFieldRecord(field, recordIndex)) || void 0 === _d ? void 0 : _d.col) && void 0 !== _e ? _e : -1,
+                row: null !== (_g = null === (_f = this.getCellAddrByFieldRecord(field, recordIndex)) || void 0 === _f ? void 0 : _f.row) && void 0 !== _g ? _g : -1,
+                recordIndex: recordIndex,
+                field: field,
+                rawValue: oldValue,
+                currentValue: oldValue,
+                changedValue: changedValue
+              };
+              this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, changeValue), resultChangeValues.push(changeValue);
+            }
+          }
+        }
+        !silentChangeCellValuesEvent && resultChangeValues.length && triggerEvent && this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, {
+          values: resultChangeValues
+        }), autoRefresh && this.refreshAfterSourceChange();
+      }
+      changeCellValuesBySource(changeValues, triggerEvent = !0, silentChangeCellValuesEvent) {
+        return this.changeCellValuesByRecords(changeValues, {
+          triggerEvent: triggerEvent,
+          silentChangeCellValuesEvent: silentChangeCellValuesEvent,
+          autoRefresh: !0
+        });
+      }
+      refreshAfterSourceChange(options) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        const reapplyFilter = null === (_a = null == options ? void 0 : options.reapplyFilter) || void 0 === _a || _a,
+          reapplySort = null === (_b = null == options ? void 0 : options.reapplySort) || void 0 === _b || _b,
+          clearRowHeightCache = null === (_c = null == options ? void 0 : options.clearRowHeightCache) || void 0 === _c || _c;
+        this.scenegraph.clearCells(), this.sortState && reapplySort && (null === (_e = (_d = this.dataSource).clearSortedIndexMap) || void 0 === _e || _e.call(_d), null === (_g = null === (_f = this.dataSource.sortedIndexMap) || void 0 === _f ? void 0 : _f.clear) || void 0 === _g || _g.call(_f)), reapplyFilter ? this.sortState && reapplySort ? (this.dataSource.updateFilterRulesForSorted(null === (_h = this.dataSource.dataConfig) || void 0 === _h ? void 0 : _h.filterRules), sortRecords(this)) : this.dataSource.updateFilterRules(null === (_j = this.dataSource.dataConfig) || void 0 === _j ? void 0 : _j.filterRules) : this.sortState && reapplySort && sortRecords(this);
+        const traverseColumns = columns => {
+          var _a, _b, _c, _d;
+          for (let i = 0; i < (null !== (_a = null == columns ? void 0 : columns.length) && void 0 !== _a ? _a : 0); i++) {
+            const column = columns[i],
+              aggregators = null == column ? void 0 : column.vtable_aggregator;
+            if (aggregators) if (Array.isArray(aggregators)) for (let j = 0; j < aggregators.length; j++) null === (_c = null === (_b = aggregators[j]) || void 0 === _b ? void 0 : _b.recalculate) || void 0 === _c || _c.call(_b);else null === (_d = null == aggregators ? void 0 : aggregators.recalculate) || void 0 === _d || _d.call(aggregators);
+            (null == column ? void 0 : column.columns) && traverseColumns(column.columns);
+          }
+        };
+        traverseColumns(this.internalProps.columns), this.refreshRowColCount(), this.internalProps.layoutMap.clearCellRangeMap(), this.internalProps.useOneRowHeightFillAll = !1, this.stateManager.initCheckedState(this.records), this.scenegraph.createSceneGraph(!clearRowHeightCache), null === (_k = this.internalProps.emptyTip) || void 0 === _k || _k.resetVisible(), this.resize();
+      }
+      addRecord(record, recordIndex, triggerEvent = !0) {
         var _a;
         const success = listTableAddRecord(record, recordIndex, this);
-        adjustHeightResizedRowMapWithAddRecordIndex(this, recordIndex, [record]), null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible(), success && this.fireListeners(TABLE_EVENT_TYPE.ADD_RECORD, {
+        adjustHeightResizedRowMapWithAddRecordIndex(this, recordIndex, [record]), null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible(), triggerEvent && success && this.fireListeners(TABLE_EVENT_TYPE.ADD_RECORD, {
           records: [record],
           recordIndex: recordIndex,
           recordCount: 1
         });
       }
-      addRecords(records, recordIndex) {
+      addRecords(records, recordIndex, triggerEvent = !0) {
         var _a;
         const success = listTableAddRecords(records, recordIndex, this);
-        "number" == typeof recordIndex && adjustHeightResizedRowMapWithAddRecordIndex(this, recordIndex, records), null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible(), success && this.fireListeners(TABLE_EVENT_TYPE.ADD_RECORD, {
+        "number" == typeof recordIndex && adjustHeightResizedRowMapWithAddRecordIndex(this, recordIndex, records), null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible(), triggerEvent && success && this.fireListeners(TABLE_EVENT_TYPE.ADD_RECORD, {
           records: records,
           recordIndex: recordIndex,
           recordCount: records.length
         });
       }
-      deleteRecords(recordIndexs) {
+      deleteRecords(recordIndexs, triggerEvent = !0) {
         var _a;
-        listTableDeleteRecords(recordIndexs, this), adjustHeightResizedRowMapWithDeleteRecordIndex(this, recordIndexs), null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible();
+        const deletedRecords = [];
+        (null == recordIndexs ? void 0 : recordIndexs.length) > 0 && recordIndexs.forEach(index => {
+          let record = null;
+          record = "number" == typeof index ? this.dataSource.get(index) : [], deletedRecords.push(record);
+        }), listTableDeleteRecords(recordIndexs, this), adjustHeightResizedRowMapWithDeleteRecordIndex(this, recordIndexs), 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, {
+        triggerEvent && this.fireListeners(TABLE_EVENT_TYPE.DELETE_RECORD, {
           recordIndexs: recordIndexs,
+          records: deletedRecords,
           rowIndexs: rowIndexs,
           deletedCount: (Array.isArray(recordIndexs[0]), recordIndexs.length)
         });
       }
-      updateRecords(records, recordIndexs) {
-        listTableUpdateRecords(records, recordIndexs, this), this.fireListeners(TABLE_EVENT_TYPE.UPDATE_RECORD, {
+      updateRecords(records, recordIndexs, triggerEvent = !0) {
+        listTableUpdateRecords(records, recordIndexs, this), triggerEvent && this.fireListeners(TABLE_EVENT_TYPE.UPDATE_RECORD, {
           records: records,
           recordIndexs: recordIndexs,
           updateCount: records.length
@@ -69384,8 +69622,8 @@
     }(ExcelEditCellKeyboardResponse || (ExcelEditCellKeyboardResponse = {}));
     class ExcelEditCellKeyboardPlugin {
       constructor(pluginOptions) {
-        var _a, _b;
-        this.id = "excel-edit-cell-keyboard", this.name = "Excel Edit Cell Keyboard", this.runTime = [TABLE_EVENT_TYPE.INITIALIZED], this.id = null !== (_a = null == pluginOptions ? void 0 : pluginOptions.id) && void 0 !== _a ? _a : this.id, this.pluginOptions = pluginOptions, this.responseKeyboard = null !== (_b = null == pluginOptions ? void 0 : pluginOptions.responseKeyboard) && void 0 !== _b ? _b : [ExcelEditCellKeyboardResponse.ENTER, ExcelEditCellKeyboardResponse.TAB, ExcelEditCellKeyboardResponse.ARROW_LEFT, ExcelEditCellKeyboardResponse.ARROW_RIGHT, ExcelEditCellKeyboardResponse.ARROW_DOWN, ExcelEditCellKeyboardResponse.ARROW_UP, ExcelEditCellKeyboardResponse.DELETE, ExcelEditCellKeyboardResponse.BACKSPACE], this.bindEvent();
+        var _a, _b, _c;
+        this.id = "excel-edit-cell-keyboard", this.name = "Excel Edit Cell Keyboard", this.runTime = [TABLE_EVENT_TYPE.INITIALIZED], this.id = null !== (_a = null == pluginOptions ? void 0 : pluginOptions.id) && void 0 !== _a ? _a : this.id, this.pluginOptions = pluginOptions, this.responseKeyboard = null !== (_b = null == pluginOptions ? void 0 : pluginOptions.responseKeyboard) && void 0 !== _b ? _b : [ExcelEditCellKeyboardResponse.ENTER, ExcelEditCellKeyboardResponse.TAB, ExcelEditCellKeyboardResponse.ARROW_LEFT, ExcelEditCellKeyboardResponse.ARROW_RIGHT, ExcelEditCellKeyboardResponse.ARROW_DOWN, ExcelEditCellKeyboardResponse.ARROW_UP, ExcelEditCellKeyboardResponse.DELETE, ExcelEditCellKeyboardResponse.BACKSPACE], this.aggregateDeleteToOneChangeCellValuesEvent = null !== (_c = null == pluginOptions ? void 0 : pluginOptions.aggregateDeleteToOneChangeCellValuesEvent) && void 0 !== _c && _c, this.bindEvent();
       }
       run(...args) {
         const table = args[2];
@@ -69416,7 +69654,7 @@
                 (null == selectCells ? void 0 : selectCells.length) > 0 && (document.activeElement === this.table.getElement() || Object.values(this.table.editorManager.cacheLastSelectedCellEditor || {}).some(editor => {
                   var _a;
                   return (null === (_a = editor.getInputElement) || void 0 === _a ? void 0 : _a.call(editor)) === document.activeElement;
-                })) && (deleteSelectRange(selectCells, this.table, null === (_c = null === (_b = this.pluginOptions) || void 0 === _b ? void 0 : _b.deleteWorkOnEditableCell) || void 0 === _c || _c), event.stopPropagation(), event.preventDefault());
+                })) && (deleteSelectRange(selectCells, this.table, null === (_c = null === (_b = this.pluginOptions) || void 0 === _b ? void 0 : _b.deleteWorkOnEditableCell) || void 0 === _c || _c, this.aggregateDeleteToOneChangeCellValuesEvent), event.stopPropagation(), event.preventDefault());
               }
             } else this.table.editorManager.completeEdit(), this.table.getElement().focus(), eventKey === ExcelEditCellKeyboardResponse.ENTER ? this.table.selectCell(col, row + 1) : eventKey === ExcelEditCellKeyboardResponse.TAB && this.table.selectCell(col + 1, row), event.stopPropagation(), event.preventDefault();
           }
@@ -69438,8 +69676,11 @@
         document.removeEventListener("keydown", this.handleKeyDown, !0);
       }
     }
-    function deleteSelectRange(selectCells, tableInstance, workOnEditableCell = !1) {
-      for (let i = 0; i < selectCells.length; i++) for (let j = 0; j < selectCells[i].length; j++) tableInstance.changeCellValue(selectCells[i][j].col, selectCells[i][j].row, "", workOnEditableCell);
+    function deleteSelectRange(selectCells, tableInstance, workOnEditableCell = !1, aggregateToOneChangeCellValuesEvent = !1) {
+      if (aggregateToOneChangeCellValuesEvent) {
+        const ranges = tableInstance.stateManager.select.ranges;
+        (null == ranges ? void 0 : ranges.length) && tableInstance.changeCellValuesByIds(ranges, "", workOnEditableCell, !0);
+      } else for (let i = 0; i < selectCells.length; i++) for (let j = 0; j < selectCells[i].length; j++) tableInstance.changeCellValue(selectCells[i][j].col, selectCells[i][j].row, "", workOnEditableCell);
     }
 
     const MENU_CONTAINER_CLASS = "vtable-context-menu-container";
@@ -81673,9 +81914,7 @@
         } else (runtime === TABLE_EVENT_TYPE.UPDATE_RECORD || runtime === TABLE_EVENT_TYPE.ADD_RECORD || runtime === TABLE_EVENT_TYPE.DELETE_RECORD) && this.syncFilterWithTableData();
       }
       updatePluginOptions(pluginOptions) {
-        this.pluginOptions = lodashExports.merge(this.pluginOptions, pluginOptions), this.filterToolbar.updateStyles(this.pluginOptions.styles), this.table.updateColumns(this.columns, {
-          clearRowHeightCache: !1
-        });
+        this.pluginOptions = lodashExports.merge(this.pluginOptions, pluginOptions), this.filterToolbar.updateStyles(this.pluginOptions.styles);
       }
       update() {
         this.filterStateManager && this.reapplyActiveFilters();
@@ -91004,7 +91243,7 @@
         importStyle();
     }
 
-    const version = "1.22.11-alpha.4";
+    const version = "1.22.11-alpha.5";
     importStyles();
 
     exports.TYPES = index;