@visactor/vtable-sheet 1.23.1-alpha.2 → 1.23.2

package/dist/vtable-sheet.js

@@ -1439,9 +1439,6 @@
             if (sheetId === undefined) {
                 return;
             }
-            if (this.sheets.size <= 1) {
-                throw new Error('Cannot remove the last sheet');
-            }
             this.sheetData.delete(sheetId);
             this.sheets.delete(sheetKey);
             this.reverseSheets.delete(sheetId);
@@ -2523,6 +2520,34 @@
         }
         return r;
     }
+    function pluginIsChanged(prevPlugins, newPlugins) {
+        if (!prevPlugins && !newPlugins) {
+            return false;
+        }
+        if (!prevPlugins && newPlugins) {
+            return true;
+        }
+        if (prevPlugins && !newPlugins) {
+            return true;
+        }
+        return prevPlugins.some((prevPlugin, index) => {
+            const newPlugin = newPlugins[index];
+            return (newPlugin.module !== prevPlugin.module ||
+                pluginOptionsIsChanged(newPlugin.moduleOptions, prevPlugin.moduleOptions));
+        });
+    }
+    function pluginOptionsIsChanged(prevPluginOptions, newPluginOptions) {
+        if (!prevPluginOptions && !newPluginOptions) {
+            return false;
+        }
+        if (!prevPluginOptions && newPluginOptions) {
+            return true;
+        }
+        if (prevPluginOptions && !newPluginOptions) {
+            return true;
+        }
+        return JSON.stringify(prevPluginOptions) !== JSON.stringify(newPluginOptions);
+    }
 
     class FormulaRangeSelector {
         formulaManager;
@@ -3020,7 +3045,8 @@
         this.element.value = void 0 !== value ? value : "";
       }
       getValue() {
-        return this.element.value;
+        var _a;
+        return null === (_a = this.element) || void 0 === _a ? void 0 : _a.value;
       }
       prepareEdit({
         referencePosition: referencePosition,
@@ -37452,7 +37478,7 @@
     }(IconPosition || (IconPosition = {}));
     var IconFuncTypeEnum;
     !function (IconFuncTypeEnum) {
-      IconFuncTypeEnum.frozen = "frozen", IconFuncTypeEnum.sort = "sort", IconFuncTypeEnum.dropDown = "dropDown", IconFuncTypeEnum.dropDownState = "dropDownState", IconFuncTypeEnum.play = "play", IconFuncTypeEnum.damagePic = "damagePic", IconFuncTypeEnum.expand = "expand", IconFuncTypeEnum.collapse = "collapse", IconFuncTypeEnum.drillDown = "drillDown", IconFuncTypeEnum.drillUp = "drillUp", IconFuncTypeEnum.dragReorder = "dragReorder";
+      IconFuncTypeEnum.frozen = "frozen", IconFuncTypeEnum.sort = "sort", IconFuncTypeEnum.dropDown = "dropDown", IconFuncTypeEnum.dropDownState = "dropDownState", IconFuncTypeEnum.play = "play", IconFuncTypeEnum.damagePic = "damagePic", IconFuncTypeEnum.imageDamagePic = "imageDamagePic", IconFuncTypeEnum.videoDamagePic = "videoDamagePic", IconFuncTypeEnum.expand = "expand", IconFuncTypeEnum.collapse = "collapse", IconFuncTypeEnum.drillDown = "drillDown", IconFuncTypeEnum.drillUp = "drillUp", IconFuncTypeEnum.dragReorder = "dragReorder";
     }(IconFuncTypeEnum || (IconFuncTypeEnum = {}));
     var InternalIconName;
     !function (InternalIconName) {
@@ -38921,6 +38947,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",
@@ -39748,6 +39775,32 @@
     };
 
     const themes$2 = {};
+    function isTableTheme(theme) {
+      return !!theme && "function" == typeof theme.getExtendTheme;
+    }
+    function getThemeComparableConfig(theme) {
+      if (isTableTheme(theme)) {
+        const extend = theme.getExtendTheme(),
+          internal = theme.internalTheme,
+          superTheme = null == internal ? void 0 : internal.superTheme;
+        return {
+          name: theme.name,
+          extend: extend,
+          superTheme: superTheme ? getThemeComparableConfig(superTheme) : void 0
+        };
+      }
+      return theme;
+    }
+    function tableThemeIsChanged(prevTableTheme, newTableTheme) {
+      if (!prevTableTheme && !newTableTheme) return !1;
+      if (!prevTableTheme && newTableTheme) return !0;
+      if (prevTableTheme && !newTableTheme) return !0;
+      if (prevTableTheme === newTableTheme) return !1;
+      const next = newTableTheme,
+        prevConfig = getThemeComparableConfig(prevTableTheme),
+        newConfig = getThemeComparableConfig(next);
+      return !isEqual(prevConfig, newConfig);
+    }
 
     const DEFAULTFONTSIZE = 16;
     const DEFAULTFONTFAMILY = "Arial,sans-serif";
@@ -40717,6 +40770,7 @@
         default: themes,
         get: get$5,
         of: of$1,
+        tableThemeIsChanged: tableThemeIsChanged,
         theme: theme$1
     });
 
@@ -41053,6 +41107,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())) {
@@ -41068,41 +41140,92 @@
           Array.isArray(indexed) || this.records.splice(indexed, 1, record);
         }
       }
-      addRecord(record, index) {
+      _getRawRecordsArray() {
         var _a;
-        if (Array.isArray(this.records)) {
-          this.records.splice(index, 0, record), this.adjustBeforeChangedRecordsMap(index, 1), this.currentIndexedData.push(this.currentIndexedData.length), this._sourceLength += 1;
-          for (let i = 0; i < this.fieldAggregators.length; i++) this.fieldAggregators[i].push(record);
-          if ("tree" === this.rowHierarchyType && this.initTreeHierarchyState(), this.userPagination) {
-            this.pagination.totalCount = this._sourceLength;
-            const {
-              perPageCount: perPageCount,
-              currentPage: currentPage
-            } = this.pagination;
-            index < perPageCount * (currentPage || 0) + perPageCount && this.updatePagerData();
-          } else this.pagination.perPageCount = this._sourceLength, this.pagination.totalCount = this._sourceLength, this.updatePagerData();
-          (null === (_a = this.dataSourceObj) || void 0 === _a ? void 0 : _a.added) && this.dataSourceObj.added(index, 1);
+        const rawRecords = null === (_a = this.dataSourceObj) || void 0 === _a ? void 0 : _a.records;
+        return Array.isArray(rawRecords) ? rawRecords : null;
+      }
+      _hasFilterInEffect() {
+        var _a, _b, _c, _d, _e;
+        return (null !== (_c = null === (_b = null === (_a = this.dataConfig) || void 0 === _a ? void 0 : _a.filterRules) || void 0 === _b ? void 0 : _b.length) && void 0 !== _c ? _c : 0) >= 1 || (null !== (_e = null === (_d = this.lastFilterRules) || void 0 === _d ? void 0 : _d.length) && void 0 !== _e ? _e : 0) >= 1;
+      }
+      _normalizeInsertIndex(index, length) {
+        return null == index || index > length ? length : index < 0 ? 0 : index;
+      }
+      _mapViewInsertIndexToRawInsertIndex(rawRecords, viewIndex) {
+        if (0 === this.records.length) return rawRecords.length;
+        if (viewIndex <= 0) {
+          const firstVisibleRecord = this.records[0],
+            rawIndex = rawRecords.indexOf(firstVisibleRecord);
+          return rawIndex >= 0 ? rawIndex : 0;
         }
+        if (viewIndex >= this.records.length) {
+          const lastVisibleRecord = this.records[this.records.length - 1],
+            rawIndex = rawRecords.indexOf(lastVisibleRecord);
+          return rawIndex >= 0 ? rawIndex + 1 : rawRecords.length;
+        }
+        const prevRecord = this.records[viewIndex - 1],
+          rawIndex = rawRecords.indexOf(prevRecord);
+        return rawIndex >= 0 ? rawIndex + 1 : rawRecords.length;
       }
-      addRecords(recordArr, index) {
-        var _a;
-        if (Array.isArray(this.records)) {
-          if (Array.isArray(recordArr)) {
-            this.records.splice(index, 0, ...recordArr), this.adjustBeforeChangedRecordsMap(index, recordArr.length);
-            for (let i = 0; i < recordArr.length; i++) this.currentIndexedData.push(this.currentIndexedData.length);
-            this._sourceLength += recordArr.length;
-            for (let i = 0; i < this.fieldAggregators.length; i++) for (let j = 0; j < recordArr.length; j++) this.fieldAggregators[i].push(recordArr[j]);
+      _resetIndexingFromViewRecords() {
+        if (this._sourceLength = this.records.length, this.currentIndexedData = Array.from({
+          length: this._sourceLength
+        }, (_, i) => i), "tree" === this.rowHierarchyType && this.initTreeHierarchyState(), this.userPagination) return this.pagination.totalCount = this._sourceLength, void this.updatePagerData();
+        this.pagination.perPageCount = this._sourceLength, this.pagination.totalCount = this._sourceLength, this.updatePagerData();
+      }
+      addRecord(record, index, syncToOriginalRecords = !1) {
+        var _a, _b, _c;
+        if (!syncToOriginalRecords) {
+          if (Array.isArray(this.records)) {
+            this.records.splice(index, 0, record), this.adjustBeforeChangedRecordsMap(index, 1), this.currentIndexedData.push(this.currentIndexedData.length), this._sourceLength += 1;
+            for (let i = 0; i < this.fieldAggregators.length; i++) this.fieldAggregators[i].push(record);
+            if ("tree" === this.rowHierarchyType && this.initTreeHierarchyState(), this.userPagination) {
+              this.pagination.totalCount = this._sourceLength;
+              const {
+                perPageCount: perPageCount,
+                currentPage: currentPage
+              } = this.pagination;
+              index < perPageCount * (currentPage || 0) + perPageCount && this.updatePagerData();
+            } else this.pagination.perPageCount = this._sourceLength, this.pagination.totalCount = this._sourceLength, this.updatePagerData();
+            (null === (_a = this.dataSourceObj) || void 0 === _a ? void 0 : _a.added) && this.dataSourceObj.added(index, 1);
           }
-          if (this.userPagination) {
-            this.pagination.totalCount = this._sourceLength;
-            const {
-              perPageCount: perPageCount,
-              currentPage: currentPage
-            } = this.pagination;
-            index < perPageCount * (currentPage || 0) + perPageCount && this.updatePagerData();
-          } else this.pagination.perPageCount = this._sourceLength, this.pagination.totalCount = this._sourceLength, this.updatePagerData();
-          (null === (_a = this.dataSourceObj) || void 0 === _a ? void 0 : _a.added) && this.dataSourceObj.added(index, recordArr.length);
+          return;
         }
+        const rawRecords = this._getRawRecordsArray();
+        if (!rawRecords) return;
+        const viewInsertIndex = this._normalizeInsertIndex(index, this.records.length),
+          rawInsertIndex = this._hasFilterInEffect() ? this._mapViewInsertIndexToRawInsertIndex(rawRecords, viewInsertIndex) : this._normalizeInsertIndex(viewInsertIndex, rawRecords.length);
+        rawRecords.splice(rawInsertIndex, 0, record), syncToOriginalRecords && this._hasFilterInEffect() && this.markForceVisibleRecord(record), this.beforeChangedRecordsMap.clear(), this.sortedIndexMap.clear(), this.updateFilterRules(null === (_b = this.dataConfig) || void 0 === _b ? void 0 : _b.filterRules), (null === (_c = this.dataSourceObj) || void 0 === _c ? void 0 : _c.added) && this.dataSourceObj.added(rawInsertIndex, 1);
+      }
+      addRecords(recordArr, index, syncToOriginalRecords = !1) {
+        var _a, _b, _c;
+        if (!syncToOriginalRecords) {
+          if (Array.isArray(this.records)) {
+            if (Array.isArray(recordArr)) {
+              this.records.splice(index, 0, ...recordArr), this.adjustBeforeChangedRecordsMap(index, recordArr.length);
+              for (let i = 0; i < recordArr.length; i++) this.currentIndexedData.push(this.currentIndexedData.length);
+              this._sourceLength += recordArr.length;
+              for (let i = 0; i < this.fieldAggregators.length; i++) for (let j = 0; j < recordArr.length; j++) this.fieldAggregators[i].push(recordArr[j]);
+            }
+            if (this.userPagination) {
+              this.pagination.totalCount = this._sourceLength;
+              const {
+                perPageCount: perPageCount,
+                currentPage: currentPage
+              } = this.pagination;
+              index < perPageCount * (currentPage || 0) + perPageCount && this.updatePagerData();
+            } else this.pagination.perPageCount = this._sourceLength, this.pagination.totalCount = this._sourceLength, this.updatePagerData();
+            (null === (_a = this.dataSourceObj) || void 0 === _a ? void 0 : _a.added) && this.dataSourceObj.added(index, recordArr.length);
+          }
+          return;
+        }
+        const rawRecords = this._getRawRecordsArray();
+        if (!rawRecords || !Array.isArray(recordArr) || 0 === recordArr.length) return;
+        const viewInsertIndex = this._normalizeInsertIndex(index, this.records.length),
+          rawInsertIndex = this._hasFilterInEffect() ? this._mapViewInsertIndexToRawInsertIndex(rawRecords, viewInsertIndex) : this._normalizeInsertIndex(viewInsertIndex, rawRecords.length);
+        if (rawRecords.splice(rawInsertIndex, 0, ...recordArr), syncToOriginalRecords && this._hasFilterInEffect()) for (let i = 0; i < recordArr.length; i++) this.markForceVisibleRecord(recordArr[i]);
+        this.beforeChangedRecordsMap.clear(), this.sortedIndexMap.clear(), this.updateFilterRules(null === (_b = this.dataConfig) || void 0 === _b ? void 0 : _b.filterRules), (null === (_c = this.dataSourceObj) || void 0 === _c ? void 0 : _c.added) && this.dataSourceObj.added(rawInsertIndex, recordArr.length);
       }
       addRecordForSorted(record) {
         Array.isArray(this.records) && (this.beforeChangedRecordsMap.clear(), this.records.push(record), this.currentIndexedData.push(this.currentIndexedData.length), this._sourceLength += 1, this.sortedIndexMap.clear(), this.userPagination || (this.pagination.perPageCount = this._sourceLength, this.pagination.totalCount = this._sourceLength));
@@ -41118,27 +41241,49 @@
         }
       }
       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);
-        }
-      }
-      deleteRecords(recordIndexs) {
-        var _a;
-        if (Array.isArray(this.records)) {
-          const realDeletedRecordIndexs = [],
-            recordIndexsMaxToMin = recordIndexs.sort((a, b) => b - a);
-          for (let index = 0; index < recordIndexsMaxToMin.length; index++) {
-            const recordIndex = recordIndexsMaxToMin[index];
-            if (recordIndex >= this._sourceLength || recordIndex < 0) continue;
-            this.adjustBeforeChangedRecordsMap(recordIndex, 1, "delete"), realDeletedRecordIndexs.push(recordIndex);
-            const deletedRecord = this.records[recordIndex];
-            for (let i = 0; i < this.fieldAggregators.length; i++) this.fieldAggregators[i].deleteRecord(deletedRecord);
-            this.records.splice(recordIndex, 1), this.currentIndexedData.pop(), this._sourceLength -= 1;
-          }
-          return this.userPagination || (this.pagination.perPageCount = this._sourceLength, this.pagination.totalCount = this._sourceLength), this.updatePagerData(), (null === (_a = this.dataSourceObj) || void 0 === _a ? void 0 : _a.deleted) && this.dataSourceObj.deleted(realDeletedRecordIndexs), realDeletedRecordIndexs;
+        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, syncToOriginalRecords = !1) {
+        var _a, _b, _c;
+        if (!syncToOriginalRecords) {
+          if (Array.isArray(this.records)) {
+            const realDeletedRecordIndexs = [],
+              recordIndexsMaxToMin = recordIndexs.sort((a, b) => b - a);
+            for (let index = 0; index < recordIndexsMaxToMin.length; index++) {
+              const recordIndex = recordIndexsMaxToMin[index];
+              if (recordIndex >= this._sourceLength || recordIndex < 0) continue;
+              this.adjustBeforeChangedRecordsMap(recordIndex, 1, "delete"), realDeletedRecordIndexs.push(recordIndex);
+              const deletedRecord = this.records[recordIndex];
+              for (let i = 0; i < this.fieldAggregators.length; i++) this.fieldAggregators[i].deleteRecord(deletedRecord);
+              this.records.splice(recordIndex, 1), this.currentIndexedData.pop(), this._sourceLength -= 1;
+            }
+            return this.userPagination || (this.pagination.perPageCount = this._sourceLength, this.pagination.totalCount = this._sourceLength), this.updatePagerData(), (null === (_a = this.dataSourceObj) || void 0 === _a ? void 0 : _a.deleted) && this.dataSourceObj.deleted(realDeletedRecordIndexs), realDeletedRecordIndexs;
+          }
+          return [];
+        }
+        const rawRecords = this._getRawRecordsArray();
+        if (!rawRecords || !Array.isArray(this.records)) return [];
+        const realDeletedRecordIndexs = [],
+          recordIndexsMaxToMin = recordIndexs.slice().sort((a, b) => b - a),
+          rawDeletedIndexs = [];
+        for (let index = 0; index < recordIndexsMaxToMin.length; index++) {
+          const viewIndex = recordIndexsMaxToMin[index];
+          if (viewIndex >= this.records.length || viewIndex < 0) continue;
+          const deletedRecord = this.records[viewIndex],
+            rawIndex = rawRecords.indexOf(deletedRecord);
+          rawIndex >= 0 && (rawRecords.splice(rawIndex, 1), rawDeletedIndexs.push(rawIndex)), realDeletedRecordIndexs.push(viewIndex);
         }
-        return [];
+        return this.beforeChangedRecordsMap.clear(), this.sortedIndexMap.clear(), this.updateFilterRules(null === (_b = this.dataConfig) || void 0 === _b ? void 0 : _b.filterRules), (null === (_c = this.dataSourceObj) || void 0 === _c ? void 0 : _c.deleted) && this.dataSourceObj.deleted(rawDeletedIndexs), realDeletedRecordIndexs;
       }
       deleteRecordsForSorted(recordIndexs) {
         if (Array.isArray(this.records)) {
@@ -41152,18 +41297,34 @@
           this.sortedIndexMap.clear(), this.userPagination || (this.pagination.perPageCount = this._sourceLength, this.pagination.totalCount = this._sourceLength), this.beforeChangedRecordsMap.clear();
         }
       }
-      updateRecords(records, recordIndexs) {
-        const realDeletedRecordIndexs = [];
+      updateRecords(records, recordIndexs, syncToOriginalRecords = !1) {
+        var _a;
+        if (!syncToOriginalRecords) {
+          const realDeletedRecordIndexs = [];
+          for (let index = 0; index < recordIndexs.length; index++) {
+            const recordIndex = recordIndexs[index];
+            if (Array.isArray(recordIndex)) this.beforeChangedRecordsMap.delete(recordIndex.toString()), realDeletedRecordIndexs.push(recordIndex), recordIndex.slice(0, -1).reduce((acc, key) => (void 0 === acc[key] && (acc[key] = {}), acc[key].children), this.records)[recordIndex[recordIndex.length - 1]] = records[index];else {
+              if (recordIndex >= this._sourceLength || recordIndex < 0) continue;
+              this.beforeChangedRecordsMap.delete(recordIndex.toString()), realDeletedRecordIndexs.push(recordIndex);
+              for (let i = 0; i < this.fieldAggregators.length; i++) this.fieldAggregators[i].updateRecord(this.records[recordIndex], records[index]);
+              this.records[recordIndex] = records[index];
+            }
+          }
+          return this.userPagination && this.updatePagerData(), realDeletedRecordIndexs;
+        }
+        const rawRecords = this._getRawRecordsArray();
+        if (!rawRecords || !Array.isArray(this.records)) return [];
+        const realUpdatedIndexs = [];
         for (let index = 0; index < recordIndexs.length; index++) {
           const recordIndex = recordIndexs[index];
-          if (Array.isArray(recordIndex)) this.beforeChangedRecordsMap.delete(recordIndex.toString()), realDeletedRecordIndexs.push(recordIndex), recordIndex.slice(0, -1).reduce((acc, key) => (void 0 === acc[key] && (acc[key] = {}), acc[key].children), this.records)[recordIndex[recordIndex.length - 1]] = records[index];else {
-            if (recordIndex >= this._sourceLength || recordIndex < 0) continue;
-            this.beforeChangedRecordsMap.delete(recordIndex.toString()), realDeletedRecordIndexs.push(recordIndex);
-            for (let i = 0; i < this.fieldAggregators.length; i++) this.fieldAggregators[i].updateRecord(this.records[recordIndex], records[index]);
-            this.records[recordIndex] = records[index];
+          if (Array.isArray(recordIndex)) this.beforeChangedRecordsMap.delete(recordIndex.toString()), realUpdatedIndexs.push(recordIndex), recordIndex.slice(0, -1).reduce((acc, key) => (void 0 === acc[key] && (acc[key] = {}), acc[key].children), rawRecords)[recordIndex[recordIndex.length - 1]] = records[index];else {
+            if (recordIndex >= this.records.length || recordIndex < 0) continue;
+            const oldRecord = this.records[recordIndex],
+              rawIndex = rawRecords.indexOf(oldRecord);
+            rawIndex >= 0 && (rawRecords[rawIndex] = records[index]), realUpdatedIndexs.push(recordIndex);
           }
         }
-        return this.userPagination && this.updatePagerData(), realDeletedRecordIndexs;
+        return this.beforeChangedRecordsMap.clear(), this.sortedIndexMap.clear(), this.updateFilterRules(null === (_a = this.dataConfig) || void 0 === _a ? void 0 : _a.filterRules), realUpdatedIndexs;
       }
       updateRecordsForSorted(records, recordIndexs) {
         for (let index = 0; index < recordIndexs.length; index++) {
@@ -41231,23 +41392,30 @@
       setSortedIndexMap(field, filedMap) {
         this.sortedIndexMap.set(field, filedMap);
       }
+      markForceVisibleRecord(record) {
+        !record || "object" != typeof record && "function" != typeof record || (this._forceVisibleRecords || (this._forceVisibleRecords = new WeakSet()), this._forceVisibleRecords.add(record));
+      }
+      clearForceVisibleRecords() {
+        this._forceVisibleRecords = void 0;
+      }
       clearFilteredChildren(record) {
         var _a, _b;
         record.filteredChildren = void 0;
         for (let i = 0; i < (null !== (_b = null === (_a = record.children) || void 0 === _a ? void 0 : _a.length) && void 0 !== _b ? _b : 0); i++) this.clearFilteredChildren(record.children[i]);
       }
       filterRecord(record) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
+        if (null === (_a = this._forceVisibleRecords) || void 0 === _a ? void 0 : _a.has(record)) return !0;
         let isReserved = !0;
-        for (let i = 0; i < (null === (_a = this.dataConfig.filterRules) || void 0 === _a ? void 0 : _a.length); i++) {
-          const filterRule = null === (_b = this.dataConfig) || void 0 === _b ? void 0 : _b.filterRules[i];
+        for (let i = 0; i < (null === (_b = this.dataConfig.filterRules) || void 0 === _b ? void 0 : _b.length); i++) {
+          const filterRule = null === (_c = this.dataConfig) || void 0 === _c ? void 0 : _c.filterRules[i];
           if (filterRule.filterKey) {
             const filterValue = record[filterRule.filterKey];
             if (-1 === filterRule.filteredValues.indexOf(filterValue)) {
               isReserved = !1;
               break;
             }
-          } else if (!(null === (_c = filterRule.filterFunc) || void 0 === _c ? void 0 : _c.call(filterRule, record))) {
+          } else if (!(null === (_d = filterRule.filterFunc) || void 0 === _d ? void 0 : _d.call(filterRule, record))) {
             isReserved = !1;
             break;
           }
@@ -45063,7 +45231,7 @@
           image: value,
           cursor: "pointer"
         });
-      return image.name = "image", image.keepAspectRatio = keepAspectRatio, image.textAlign = textAlign, image.textBaseline = textBaseline, keepAspectRatio || imageAutoSizing ? image.resources && image.resources.has(image.attribute.image) && "success" === image.resources.get(image.attribute.image).state ? (image.setAttribute("opacity", 0), setTimeout(() => {
+      if (image.name = "image", image.keepAspectRatio = keepAspectRatio, image.textAlign = textAlign, image.textBaseline = textBaseline, keepAspectRatio || imageAutoSizing ? image.resources && image.resources.has(image.attribute.image) && "success" === image.resources.get(image.attribute.image).state ? (image.setAttribute("opacity", 0), setTimeout(() => {
         image.setAttribute("opacity", 1), updateAutoSizingAndKeepAspectRatio(imageAutoSizing, keepAspectRatio, padding, textAlign, textBaseline, image, cellGroup, table), table.scenegraph.updateNextFrame();
       }, 0)) : image.successCallback = () => {
         updateAutoSizingAndKeepAspectRatio(imageAutoSizing, keepAspectRatio, padding, textAlign, textBaseline, image, cellGroup, table), table.scenegraph.updateNextFrame();
@@ -45071,8 +45239,12 @@
         updateImageCellContentWhileResize(cellGroup, col, row, 0, 0, table);
       }, image.failCallback = () => {
         const regedIcons = get$2();
-        image.image = regedIcons.damage_pic.svg;
-      }, cellGroup.appendChild(image), cellGroup;
+        image.image = regedIcons.image_damage_pic ? regedIcons.image_damage_pic.svg : regedIcons.damage_pic.svg;
+      }, "string" == typeof value && !(value.startsWith("<svg") || isValidUrl$1(value) || value.includes("/") || isBase64$1(value))) {
+        const regedIcons = get$2();
+        image.image = regedIcons.image_damage_pic ? regedIcons.image_damage_pic.svg : regedIcons.damage_pic.svg;
+      }
+      return cellGroup.appendChild(image), cellGroup;
     }
     function _adjustWidthHeight(col, row, width, height, scene, padding, cellGroup) {
       let needInvalidate = !1,
@@ -45216,7 +45388,7 @@
     }
     function isDamagePic(image) {
       const regedIcons = get$2();
-      return image.attribute.image === regedIcons.damage_pic.svg;
+      return image.attribute.image === regedIcons.damage_pic.svg || regedIcons.image_damage_pic && image.attribute.image === regedIcons.image_damage_pic.svg || regedIcons.video_damage_pic && image.attribute.image === regedIcons.video_damage_pic.svg;
     }
 
     function dealPromiseData(dataPromise, tabel, callback) {
@@ -45333,7 +45505,7 @@
       };
     }
     function updateCell$1(col, row, table, addNew, isShadow, forceFastUpdate) {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
       const oldCellGroup = table.scenegraph.highPerformanceGetCell(col, row, !0);
       if ("cell" !== oldCellGroup.role && !addNew) return;
       const cellLocation = table.getCellLocation(col, row);
@@ -45442,7 +45614,7 @@
         return oldCellGroup;
       }
       if (!addNew && "empty" === oldCellGroup.role) return;
-      const type = isVtableMerge || isCustomMerge ? "text" : table.isHeader(col, row) ? null !== (_s = table._getHeaderLayoutMap(col, row).headerType) && void 0 !== _s ? _s : "text" : null !== (_t = table.getBodyColumnType(col, row)) && void 0 !== _t ? _t : "text",
+      const type = isVtableMerge || isCustomMerge ? "text" : table.getCellType(col, row),
         padding = cellTheme._vtable.padding,
         textAlign = cellTheme.text.textAlign,
         textBaseline = cellTheme.text.textBaseline;
@@ -45988,7 +46160,6 @@
       table.isPivotTable() && (layoutMap.disableUseGetBodyCache(), layoutMap.disableUseHeaderPathCache());
     }
     function computeRowHeight(row, startCol, endCol, table) {
-      var _a;
       if (!(table.isAutoRowHeight(row) || "adaptive" === table.heightMode && !1 !== table.options.autoHeightInAdaptiveMode) && "auto" !== table.getDefaultRowHeight(row)) return table.getDefaultRowHeight(row);
       let maxHeight;
       if (table.options.customComputeRowHeight) {
@@ -46031,7 +46202,7 @@
           }
         }
         if (table.isPivotChart() && (table.isLeftFrozenColumn(col) && table.isBottomFrozenRow(row) || table.isRightFrozenColumn(col) && table.isBottomFrozenRow(row))) continue;
-        const cellType = table.isHeader(col, row) ? null === (_a = table._getHeaderLayoutMap(col, row)) || void 0 === _a ? void 0 : _a.headerType : table.getBodyColumnType(col, row),
+        const cellType = table.getCellType(col, row),
           textHeight = computeTextHeight(col, row, cellType, table);
         maxHeight = isValid$2(maxHeight) ? Math.max(textHeight, maxHeight) : textHeight;
       }
@@ -46278,12 +46449,12 @@
       cell && updateCellHeight(scene, cell, col, row, height, detaY);
     }
     function updateCellHeight(scene, cell, col, row, distHeight, detaY, isHeader) {
-      var _a, _b, _c, _d, _e;
+      var _a, _b, _c;
       if (cell.attribute.height === distHeight && !cell.needUpdateHeight) return;
       cell.needUpdateHeight = !1, cell.setAttribute("height", distHeight);
       const isVtableMerge = null === (_a = scene.table.getCellRawRecord(col, row)) || void 0 === _a ? void 0 : _a.vtableMerge,
         isCustomMerge = !!scene.table.getCustomMerge(col, row),
-        type = isVtableMerge || isCustomMerge ? "text" : scene.table.isHeader(col, row) ? null !== (_b = scene.table._getHeaderLayoutMap(col, row).headerType) && void 0 !== _b ? _b : "text" : null !== (_c = scene.table.getBodyColumnType(col, row)) && void 0 !== _c ? _c : "text";
+        type = isVtableMerge || isCustomMerge ? "text" : scene.table.getCellType(col, row);
       if ("progressbar" === type) {
         const columnDefine = scene.table.getBodyColumnDefine(col, row),
           style = scene.table._getCellStyle(col, row),
@@ -46300,7 +46471,7 @@
         const headerStyle = scene.table._getCellStyle(col, row),
           padding = getQuadProps(getProp("padding", headerStyle, col, row, scene.table));
         Factory.getFunction("createSparkLineCellGroup")(cell, cell.parent, cell.attribute.x, cell.attribute.y, col, row, cell.attribute.width, cell.attribute.height, padding, scene.table, getStyleTheme(headerStyle, scene.table, col, row, getProp).theme, !1);
-      } else if ("image" === type || "video" === type) updateImageCellContentWhileResize(cell, col, row, 0, detaY, scene.table);else if ("axis" === (null === (_d = cell.firstChild) || void 0 === _d ? void 0 : _d.name)) null === (_e = cell.firstChild) || void 0 === _e || _e.originAxis.resize(cell.attribute.width, cell.attribute.height);else {
+      } else if ("image" === type || "video" === type) updateImageCellContentWhileResize(cell, col, row, 0, detaY, scene.table);else if ("axis" === (null === (_b = cell.firstChild) || void 0 === _b ? void 0 : _b.name)) null === (_c = cell.firstChild) || void 0 === _c || _c.originAxis.resize(cell.attribute.width, cell.attribute.height);else {
         let renderDefault = !0;
         const customContainer = cell.getChildByName(CUSTOM_CONTAINER_NAME) || cell.getChildByName(CUSTOM_MERGE_CONTAINER_NAME);
         if (customContainer) {
@@ -46473,7 +46644,7 @@
       }
     }
     function updateCellWidth(scene, cell, col, row, oldWidth, distWidth, detaX, isHeader, autoWrapText) {
-      var _a, _b, _c, _d, _e, _f, _g;
+      var _a, _b, _c, _d, _e;
       if (cell.attribute.width === distWidth && !cell.needUpdateWidth) return !1;
       cell.needUpdateWidth = !1, cell.setAttribute("width", distWidth);
       const cellGroup = cell;
@@ -46481,7 +46652,7 @@
       const autoRowHeight = scene.table.isAutoRowHeight(row),
         isVtableMerge = null === (_a = scene.table.getCellRawRecord(col, row)) || void 0 === _a ? void 0 : _a.vtableMerge,
         isCustomMerge = !!scene.table.getCustomMerge(col, row),
-        type = isVtableMerge || isCustomMerge ? "text" : scene.table.isHeader(col, row) ? null !== (_b = scene.table._getHeaderLayoutMap(col, row).headerType) && void 0 !== _b ? _b : "text" : null !== (_c = scene.table.getBodyColumnType(col, row)) && void 0 !== _c ? _c : "text";
+        type = isVtableMerge || isCustomMerge ? "text" : scene.table.getCellType(col, row);
       let isHeightChange = !1;
       if ("progressbar" === type) {
         const columnDefine = scene.table.getBodyColumnDefine(col, row),
@@ -46501,15 +46672,15 @@
         const headerStyle = scene.table._getCellStyle(col, row),
           padding = getQuadProps(getProp("padding", headerStyle, col, row, scene.table));
         Factory.getFunction("createSparkLineCellGroup")(cellGroup, cellGroup.parent, cellGroup.attribute.x, cellGroup.attribute.y, col, row, cellGroup.attribute.width, cellGroup.attribute.height, padding, scene.table, getStyleTheme(headerStyle, scene.table, col, row, getProp).theme, !1);
-      } else if ("image" === type || "video" === type) updateImageCellContentWhileResize(cellGroup, col, row, detaX, 0, scene.table);else if ("axis" === (null === (_d = cellGroup.firstChild) || void 0 === _d ? void 0 : _d.name)) {
+      } else if ("image" === type || "video" === type) updateImageCellContentWhileResize(cellGroup, col, row, detaX, 0, scene.table);else if ("axis" === (null === (_b = cellGroup.firstChild) || void 0 === _b ? void 0 : _b.name)) {
         const axisConfig = scene.table.internalProps.layoutMap.getAxisConfigInPivotChart(col, row),
           cellStyle = scene.table._getCellStyle(col, row),
           padding = getQuadProps(getProp("padding", cellStyle, col, row, scene.table));
         if (axisConfig) {
-          const axis = new (Factory.getComponent("axis"))(axisConfig, cellGroup.attribute.width, cellGroup.attribute.height, null !== (_e = axisConfig.__vtableBodyChartCellPadding) && void 0 !== _e ? _e : padding, scene.table);
+          const axis = new (Factory.getComponent("axis"))(axisConfig, cellGroup.attribute.width, cellGroup.attribute.height, null !== (_c = axisConfig.__vtableBodyChartCellPadding) && void 0 !== _c ? _c : padding, scene.table);
           cellGroup.clear(), cellGroup.appendChild(axis.component), axis.overlap();
         }
-      } else if ("axis" === (null === (_f = cell.firstChild) || void 0 === _f ? void 0 : _f.name)) null === (_g = cell.firstChild) || void 0 === _g || _g.originAxis.resize(cell.attribute.width, cell.attribute.height);else {
+      } else if ("axis" === (null === (_d = cell.firstChild) || void 0 === _d ? void 0 : _d.name)) null === (_e = cell.firstChild) || void 0 === _e || _e.originAxis.resize(cell.attribute.width, cell.attribute.height);else {
         let renderDefault = !0;
         const customContainer = cell.getChildByName(CUSTOM_CONTAINER_NAME) || cell.getChildByName(CUSTOM_MERGE_CONTAINER_NAME);
         if (customContainer) {
@@ -50047,7 +50218,7 @@
       return table.internalProps.transpose && "auto" === width && ("only-header" === table.columnWidthComputeMode && col >= table.rowHeaderLevelCount || "only-body" === table.columnWidthComputeMode && col < table.rowHeaderLevelCount) && (width = table.getDefaultColumnWidth(col)), forceCompute && !table.internalProps.transpose ? computeAutoColWidth(width, col, startRow, endRow, forceCompute, table) : "number" == typeof width ? width : "auto" !== width && "string" == typeof width ? table._adjustColWidth(col, table._colWidthDefineToPxWidth(width)) : computeAutoColWidth(width, col, startRow, endRow, forceCompute, table);
     }
     function computeAutoColWidth(widthDeifne, col, startRow, endRow, forceCompute, table) {
-      var _a, _b, _c, _d, _e;
+      var _a, _b, _c, _d;
       let maxWidth = 0,
         deltaRow = 1,
         prepareDeltaRow = 1;
@@ -50079,7 +50250,7 @@
           maxWidth = Math.max(indicatorWidth, maxWidth);
           continue;
         }
-        const cellType = table.isHeader(col, row) ? null === (_a = table._getHeaderLayoutMap(col, row)) || void 0 === _a ? void 0 : _a.headerType : table.getBodyColumnType(col, row);
+        const cellType = table.getCellType(col, row);
         if (isValid$2(cellType) && "text" !== cellType && "link" !== cellType && "progressbar" !== cellType && "checkbox" !== cellType && "radio" !== cellType && "switch" !== cellType && "button" !== cellType) {
           maxWidth = Math.max(maxWidth, table.getColWidthDefinedNumber(col) || 0);
           continue;
@@ -50088,14 +50259,14 @@
         const layoutMap = table.internalProps.layoutMap;
         if (layoutMap.isHeader(col, row)) {
           const hd = layoutMap.getHeader(col, row);
-          if ("only-body" === (null === (_b = null == hd ? void 0 : hd.define) || void 0 === _b ? void 0 : _b.columnWidthComputeMode)) continue;
-          isValid$2(null == hd ? void 0 : hd.hierarchyLevel) && (cellHierarchyIndent = (null !== (_c = hd.hierarchyLevel) && void 0 !== _c ? _c : 0) * ("tree" === layoutMap.rowHierarchyType && null !== (_d = layoutMap.rowHierarchyIndent) && void 0 !== _d ? _d : 0), layoutMap.rowHierarchyTextStartAlignment && !table.internalProps.headerHelper.getHierarchyIcon(col, row) && (cellHierarchyIndent += table.internalProps.headerHelper.getHierarchyIconWidth()));
+          if ("only-body" === (null === (_a = null == hd ? void 0 : hd.define) || void 0 === _a ? void 0 : _a.columnWidthComputeMode)) continue;
+          isValid$2(null == hd ? void 0 : hd.hierarchyLevel) && (cellHierarchyIndent = (null !== (_b = hd.hierarchyLevel) && void 0 !== _b ? _b : 0) * ("tree" === layoutMap.rowHierarchyType && null !== (_c = layoutMap.rowHierarchyIndent) && void 0 !== _c ? _c : 0), layoutMap.rowHierarchyTextStartAlignment && !table.internalProps.headerHelper.getHierarchyIcon(col, row) && (cellHierarchyIndent += table.internalProps.headerHelper.getHierarchyIconWidth()));
         } else if (table.isListTable()) {
           deltaRow = prepareDeltaRow;
           const define = table.getBodyColumnDefine(col, row);
           if (null == define ? void 0 : define.tree) {
             const indexArr = table.dataSource.getIndexKey(table.getRecordShowIndexByCell(col, row));
-            cellHierarchyIndent = Array.isArray(indexArr) && table.getHierarchyState(col, row) !== HierarchyState.none ? (indexArr.length - 1) * (null !== (_e = layoutMap.hierarchyIndent) && void 0 !== _e ? _e : 0) : 0, layoutMap.hierarchyTextStartAlignment && !table.internalProps.bodyHelper.getHierarchyIcon(col, row) && (cellHierarchyIndent += table.internalProps.headerHelper.getHierarchyIconWidth());
+            cellHierarchyIndent = Array.isArray(indexArr) && table.getHierarchyState(col, row) !== HierarchyState.none ? (indexArr.length - 1) * (null !== (_d = layoutMap.hierarchyIndent) && void 0 !== _d ? _d : 0) : 0, layoutMap.hierarchyTextStartAlignment && !table.internalProps.bodyHelper.getHierarchyIcon(col, row) && (cellHierarchyIndent += table.internalProps.headerHelper.getHierarchyIconWidth());
           }
         }
         const textWidth = computeTextWidth(col, row, cellType, table);
@@ -50349,7 +50520,6 @@
     emptyGroup.role = "empty";
 
     function createComplexColumn(columnGroup, col, colWidth, rowStart, rowEnd, mergeMap, defaultRowHeight, table, rowLimit) {
-      var _a, _b;
       let padding,
         textAlign,
         textBaseline,
@@ -50403,7 +50573,7 @@
             } = null != rawRecord ? rawRecord : {};
           isVtableMerge = vtableMerge, vtableMerge && (mayHaveIcon = !0, table.internalProps.groupTitleCustomLayout && (customResult = dealWithCustom(table.internalProps.groupTitleCustomLayout, void 0, range.start.col, range.start.row, table.getColsWidth(range.start.col, range.end.col), table.getRowsHeight(range.start.row, range.end.row), !1, table.isAutoRowHeight(row), [0, 0, 0, 0], range, table)), table.internalProps.groupTitleFieldFormat ? value = table.internalProps.groupTitleFieldFormat(rawRecord, col, row, table) : void 0 !== vtableMergeName && (value = vtableMergeName));
         }
-        const type = isVtableMerge || isCustomMerge ? "text" : null !== (_b = table.isHeader(col, row) ? null !== (_a = table._getHeaderLayoutMap(col, row).headerType) && void 0 !== _a ? _a : "text" : table.getBodyColumnType(col, row)) && void 0 !== _b ? _b : "text";
+        const type = isVtableMerge || isCustomMerge ? "text" : table.getCellType(col, row);
         if (isPromise(value)) {
           createEmptyCellGroup(col, row, 0, y, cellWidth, cellHeight, columnGroup), dealPromiseData(value, table, callCreateCellForPromiseValue.bind(null, {
             type: type,
@@ -53897,7 +54067,7 @@
       }
       updateCellContentWhileResize(col, row) {
         var _a;
-        const type = (null === (_a = this.table.getCellRawRecord(col, row)) || void 0 === _a ? void 0 : _a.vtableMerge) ? "text" : this.table.isHeader(col, row) ? this.table._getHeaderLayoutMap(col, row).headerType : this.table.getBodyColumnType(col, row),
+        const type = (null === (_a = this.table.getCellRawRecord(col, row)) || void 0 === _a ? void 0 : _a.vtableMerge) ? "text" : this.table.getCellType(col, row),
           cellGroup = this.getCell(col, row);
         "image" !== type && "video" !== type || updateImageCellContentWhileResize(cellGroup, col, row, 0, 0, this.table);
       }
@@ -56222,9 +56392,8 @@
           row: row
         } = e;
         if ("image" === e.target.type && e.target.role && e.target.role.startsWith("icon")) return;
-        let cellType;
-        cellType = table.internalProps.layoutMap.isHeader(col, row) ? table.isPivotTable() ? table._getHeaderLayoutMap(col, row).headerType : table.getHeaderDefine(col, row).headerType : table.getBodyColumnType(col, row);
-        const columnDefine = table.isHeader(col, row) ? table.getHeaderDefine(col, row) : table.getBodyColumnDefine(col, row),
+        const cellType = table.getCellType(col, row),
+          columnDefine = table.isHeader(col, row) ? table.getHeaderDefine(col, row) : table.getBodyColumnDefine(col, row),
           cellValue = table.getCellValue(col, row),
           cellOriginValue = table.getCellOriginValue(col, row);
         if ("link" === cellType) {
@@ -56252,7 +56421,9 @@
             if (rowData && rowData.vtableMerge) return;
             const data = Object.assign({
               __value: cellValue,
-              __dataValue: cellOriginValue
+              __dataValue: cellOriginValue,
+              value: cellValue,
+              dataValue: cellOriginValue
             }, rowData);
             if (isFunction$4(templateLink)) url = templateLink(data, col, row, table);else {
               const re = /\{\s*(\S+?)\s*\}/g;
@@ -56276,7 +56447,7 @@
             e.target === overlay && document.body.removeChild(overlay);
           });
           const image = new Image();
-          image.src = cellValue, image.style.maxWidth = "80%", image.style.maxHeight = "80%", overlay.appendChild(image), document.body.appendChild(overlay);
+          image.src = cellValue, image.style.maxWidth = "80%", image.style.maxHeight = "80%", image.style.backgroundColor = "#FFF", overlay.appendChild(image), document.body.appendChild(overlay);
         } else if ("video" === cellType) {
           const {
             clickToPreview: clickToPreview
@@ -56714,7 +56885,7 @@
           }, 0);
         }
       }), table.scenegraph.tableGroup.addEventListener("rightdown", e => {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         const eventArgsSet = getCellEventArgsSet(e);
         if (eventArgsSet.eventArgs) {
           stateManager.triggerContextMenu(eventArgsSet.eventArgs.col, eventArgsSet.eventArgs.row, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y);
@@ -56737,11 +56908,11 @@
               }
             }
             const disableSelectOnContextMenu = null === (_a = table.options.select) || void 0 === _a ? void 0 : _a.disableSelectOnContextMenu;
-            if (cellInRange || disableSelectOnContextMenu || table.selectCell(col, row), table.hasListeners(TABLE_EVENT_TYPE.CONTEXTMENU_CELL)) {
+            if (cellInRange || disableSelectOnContextMenu || "chart" === (null === (_b = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _b ? void 0 : _b.target.type) || table.selectCell(col, row), table.hasListeners(TABLE_EVENT_TYPE.CONTEXTMENU_CELL)) {
               const cellInfo = table.getCellInfo(col, row);
               let icon, position;
-              if (null === (_b = eventArgsSet.eventArgs) || void 0 === _b ? void 0 : _b.target) {
-                const iconInfo = getIconAndPositionFromTarget(null === (_c = eventArgsSet.eventArgs) || void 0 === _c ? void 0 : _c.target);
+              if (null === (_c = eventArgsSet.eventArgs) || void 0 === _c ? void 0 : _c.target) {
+                const iconInfo = getIconAndPositionFromTarget(null === (_d = eventArgsSet.eventArgs) || void 0 === _d ? void 0 : _d.target);
                 iconInfo && (icon = iconInfo.icon, position = iconInfo.position);
               }
               const cellsEvent = Object.assign(Object.assign({}, cellInfo), {
@@ -56752,10 +56923,10 @@
                   position: position,
                   funcType: icon.attribute.funcType
                 } : void 0,
-                target: null === (_d = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _d ? void 0 : _d.target,
-                mergeCellInfo: null === (_e = eventArgsSet.eventArgs) || void 0 === _e ? void 0 : _e.mergeInfo
+                target: null === (_e = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _e ? void 0 : _e.target,
+                mergeCellInfo: null === (_f = eventArgsSet.eventArgs) || void 0 === _f ? void 0 : _f.mergeInfo
               });
-              (null === (_g = null === (_f = table.options.eventOptions) || void 0 === _f ? void 0 : _f.contextmenuReturnAllSelectedCells) || void 0 === _g || _g) && (cellInRanges(table.stateManager.select.ranges, col, row) ? cellsEvent.cells = table.getSelectedCellInfos() : cellsEvent.cells = [[cellInfo]]), table.fireListeners(TABLE_EVENT_TYPE.CONTEXTMENU_CELL, cellsEvent);
+              (null === (_h = null === (_g = table.options.eventOptions) || void 0 === _g ? void 0 : _g.contextmenuReturnAllSelectedCells) || void 0 === _h || _h) && (cellInRanges(table.stateManager.select.ranges, col, row) ? cellsEvent.cells = table.getSelectedCellInfos() : cellsEvent.cells = [[cellInfo]]), table.fireListeners(TABLE_EVENT_TYPE.CONTEXTMENU_CELL, cellsEvent);
             }
           }
         }
@@ -57106,7 +57277,7 @@
         const relatedTarget = e.relatedTarget;
         if (relatedTarget) {
           const selectedRanges = table.stateManager.select.ranges,
-            editor = 1 === selectedRanges.length && selectedRanges[0].start.col === selectedRanges[0].end.col && selectedRanges[0].start.row === selectedRanges[0].end.row && table.getEditor(table.stateManager.select.cellPos.col, table.stateManager.select.cellPos.row);
+            editor = 1 === selectedRanges.length && selectedRanges[0].start.col === selectedRanges[0].end.col && selectedRanges[0].start.row === selectedRanges[0].end.row && table.getEditor && table.getEditor(table.stateManager.select.cellPos.col, table.stateManager.select.cellPos.row);
           if ((null === (_a = null == editor ? void 0 : editor.getInputElement) || void 0 === _a ? void 0 : _a.call(editor)) === relatedTarget) return;
         }
         eventManager.dealTableHover();
@@ -57709,7 +57880,7 @@
     };
     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));
       }
@@ -58011,15 +58182,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);
@@ -58096,9 +58277,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.changeCellValuesByRanges(ranges, "");
         } catch (error) {}
       }
       checkClipboardChanged() {
@@ -60064,6 +60245,15 @@
         const compacted = this.customCellStyleArrangement.filter(style => isValid$2(style.customStyleId));
         compacted.length !== this.customCellStyleArrangement.length ? (this.customCellStyleArrangement.length = 0, this.customCellStyleArrangement.push(...compacted), this._rebuildCustomCellStyleArrangementIndex()) : this._customCellStyleArrangementTombstoneCount = 0;
       }
+      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) {
@@ -60199,7 +60389,7 @@
           paddingForAxis = null !== (_e = null === (_d = layoutMap.getBody(table.columnHeaderLevelCount, row).style) || void 0 === _d ? void 0 : _d.padding) && void 0 !== _e ? _e : table.theme.bodyStyle.padding;
         }
         if ((!hd || hd.isEmpty) && (layoutMap.isLeftBottomCorner(col, row) || layoutMap.isRightBottomCorner(col, row) || layoutMap.isCornerHeader(col, row) || layoutMap.isRightTopCorner(col, row))) return EMPTY_STYLE;
-        const styleClass = table.internalProps.headerHelper.getStyleClass((null == hd ? void 0 : hd.headerType) || "text");
+        const styleClass = table.internalProps.headerHelper.getStyleClass(table.getCellType(col, row));
         if (layoutMap.isBottomFrozenRow(col, row) && table.theme.bottomFrozenStyle) cacheStyle = of(paddingForAxis ? {
           padding: paddingForAxis
         } : {}, table.theme.bottomFrozenStyle, {
@@ -60384,7 +60574,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._tableBorderWidth_left = 0, this._tableBorderWidth_right = 0, this._tableBorderWidth_top = 0, this._tableBorderWidth_bottom = 0, this.version = "1.23.1-alpha.2", 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._tableBorderWidth_left = 0, this._tableBorderWidth_right = 0, this._tableBorderWidth_top = 0, this._tableBorderWidth_bottom = 0, this.version = "1.23.2", 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
@@ -64065,8 +64255,8 @@
               col === this.table.colCount - 1 ? referencePosition.rect.width = rect.width - 1 : referencePosition.rect.width = rect.width + 1, row === this.table.rowCount - 1 ? referencePosition.rect.height = rect.height - 1 : referencePosition.rect.height = rect.height + 1;
               const editor = this.table.getEditor(col, row);
               editor && setTimeout(() => {
-                var _a, _b;
-                editor && this.editingEditor !== editor && (null === (_b = (_a = editor).prepareEdit) || void 0 === _b || _b.call(_a, {
+                var _a;
+                editor && this.editingEditor !== editor && (null === (_a = editor.prepareEdit) || void 0 === _a || _a.call(editor, {
                   referencePosition: referencePosition,
                   container: this.table.getElement(),
                   table: this.table,
@@ -64215,15 +64405,16 @@
         step((generator = generator.apply(thisArg, _arguments || [])).next());
       });
     };
-    function listTableChangeCellValue(col, row, value, workOnEditableCell, triggerEvent, table) {
+    function listTableChangeCellValue(col, row, value, workOnEditableCell, triggerEvent, table, noTriggerChangeCellValuesEvent) {
       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) {
@@ -64246,16 +64437,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), noTriggerChangeCellValuesEvent || 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, noTriggerChangeCellValuesEvent) {
       var _a, _b;
       return __awaiter(this, void 0, void 0, function* () {
         const changedCellResults = [];
@@ -64277,6 +64476,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];
@@ -64300,25 +64500,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);
         }
+        noTriggerChangeCellValuesEvent || 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);
@@ -64352,6 +64561,58 @@
         return table.scenegraph.updateNextFrame(), changedCellResults;
       });
     }
+    function listTableChangeCellValuesByRanges(ranges, value, workOnEditableCell, triggerEvent, table, noTriggerChangeCellValuesEvent) {
+      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
+            });
+          }
+        }
+        !noTriggerChangeCellValuesEvent && 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;
@@ -64369,13 +64630,16 @@
       }), table.dataSource.sort(sortState));
     }
     function listTableAddRecord(record, recordIndex, table) {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e, _f;
       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 {
+        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) {
+          !!(null === (_e = table.options) || void 0 === _e ? void 0 : _e.syncRecordOperationsToSourceRecords) ? table.dataSource.addRecord(record, table.dataSource.records.length, !0) : 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 headerCount = table.transpose ? table.rowHeaderLevelCount : table.columnHeaderLevelCount,
+            syncToOriginalRecords = !!(null === (_f = table.options) || void 0 === _f ? void 0 : _f.syncRecordOperationsToSourceRecords);
+          if (table.dataSource.addRecord(record, recordIndex, syncToOriginalRecords), adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, 1), syncToOriginalRecords) return table.refreshRowColCount(), table.internalProps.layoutMap.clearCellRangeMap(), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph(), !0;
           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;
@@ -64444,13 +64708,16 @@
       }
     }
     function listTableAddRecords(records, recordIndex, table) {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e, _f;
       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 {
+        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) {
+          !!(null === (_e = table.options) || void 0 === _e ? void 0 : _e.syncRecordOperationsToSourceRecords) ? table.dataSource.addRecords(records, table.dataSource.records.length, !0) : 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 headerCount = table.transpose ? table.rowHeaderLevelCount : table.columnHeaderLevelCount,
+            syncToOriginalRecords = !!(null === (_f = table.options) || void 0 === _f ? void 0 : _f.syncRecordOperationsToSourceRecords);
+          if (table.dataSource.addRecords(records, recordIndex, syncToOriginalRecords), adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, records.length), syncToOriginalRecords) return table.refreshRowColCount(), table.internalProps.layoutMap.clearCellRangeMap(), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph(), !0;
           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;
@@ -64519,16 +64786,20 @@
       }
     }
     function listTableDeleteRecords(recordIndexs, table) {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
       if ((null == recordIndexs ? void 0 : recordIndexs.length) > 0) if (table.internalProps.groupBy) null === (_b = (_a = table.dataSource).deleteRecordsForGroup) || void 0 === _b || _b.call(_a, recordIndexs), table.refreshRowColCount(), table.internalProps.layoutMap.clearCellRangeMap(), table.sortState && sortRecords(table), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph();else if ("tree" === table.dataSource.rowHierarchyType) {
         const deletedRecordIndexs = null === (_d = (_c = table.dataSource).deleteRecordsForTree) || void 0 === _d ? void 0 : _d.call(_c, recordIndexs);
         if (0 === deletedRecordIndexs.length) return;
         for (let index = 0; index < deletedRecordIndexs.length; index++) adjustCheckBoxStateMapWithDeleteRecordIndex(table, deletedRecordIndexs[index], 1);
         table.refreshRowColCount(), table.internalProps.layoutMap.clearCellRangeMap(), table.sortState && sortRecords(table), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph();
-      } else if (table.sortState) table.dataSource.deleteRecordsForSorted(recordIndexs), sortRecords(table), table.refreshRowColCount(), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph();else {
-        const deletedRecordIndexs = table.dataSource.deleteRecords(recordIndexs);
+      } else if (table.sortState) {
+        !!(null === (_e = table.options) || void 0 === _e ? void 0 : _e.syncRecordOperationsToSourceRecords) ? table.dataSource.deleteRecords(recordIndexs, !0) : table.dataSource.deleteRecordsForSorted(recordIndexs), sortRecords(table), table.refreshRowColCount(), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph();
+      } else {
+        const syncToOriginalRecords = !!(null === (_f = table.options) || void 0 === _f ? void 0 : _f.syncRecordOperationsToSourceRecords),
+          deletedRecordIndexs = table.dataSource.deleteRecords(recordIndexs, syncToOriginalRecords);
         if (0 === deletedRecordIndexs.length) return;
         for (let index = 0; index < deletedRecordIndexs.length; index++) adjustCheckBoxStateMapWithDeleteRecordIndex(table, deletedRecordIndexs[index], 1);
+        if (syncToOriginalRecords) return table.refreshRowColCount(), table.internalProps.layoutMap.clearCellRangeMap(), table.scenegraph.clearCells(), void table.scenegraph.createSceneGraph();
         const oldRowCount = table.transpose ? table.colCount : table.rowCount;
         table.refreshRowColCount();
         const newRowCount = table.transpose ? table.colCount : table.rowCount,
@@ -64566,7 +64837,7 @@
               col: 0,
               row: row
             });
-            null === (_e = table.reactCustomLayout) || void 0 === _e || _e.clearCache(), table.transpose ? table.scenegraph.updateCol(delRows, [], updateRows) : table.scenegraph.updateRow(delRows, [], updateRows), null === (_f = table.reactCustomLayout) || void 0 === _f || _f.updateAllCustomCell();
+            null === (_g = table.reactCustomLayout) || void 0 === _g || _g.clearCache(), table.transpose ? table.scenegraph.updateCol(delRows, [], updateRows) : table.scenegraph.updateRow(delRows, [], updateRows), null === (_h = table.reactCustomLayout) || void 0 === _h || _h.updateAllCustomCell();
           }
         } else {
           const delRows = [],
@@ -64598,15 +64869,19 @@
             col: 0,
             row: row
           });
-          null === (_g = table.reactCustomLayout) || void 0 === _g || _g.clearCache(), table.transpose ? table.scenegraph.updateCol(delRows, [], updateRows) : table.scenegraph.updateRow(delRows, [], updateRows), null === (_h = table.reactCustomLayout) || void 0 === _h || _h.updateAllCustomCell();
+          null === (_j = table.reactCustomLayout) || void 0 === _j || _j.clearCache(), table.transpose ? table.scenegraph.updateCol(delRows, [], updateRows) : table.scenegraph.updateRow(delRows, [], updateRows), null === (_k = table.reactCustomLayout) || void 0 === _k || _k.updateAllCustomCell();
         }
       }
     }
     function listTableUpdateRecords(records, recordIndexs, table) {
-      var _a, _b, _c, _d;
-      if ((null == recordIndexs ? void 0 : recordIndexs.length) > 0) if (table.internalProps.groupBy) null === (_b = (_a = table.dataSource).updateRecordsForGroup) || void 0 === _b || _b.call(_a, records, recordIndexs), 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).updateRecordsForTree) || void 0 === _d || _d.call(_c, records, recordIndexs), table.refreshRowColCount(), table.internalProps.layoutMap.clearCellRangeMap(), table.sortState && sortRecords(table), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph();else if (table.sortState) table.dataSource.updateRecordsForSorted(records, recordIndexs), sortRecords(table), table.refreshRowColCount(), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph();else {
-        const updateRecordIndexs = table.dataSource.updateRecords(records, recordIndexs);
+      var _a, _b, _c, _d, _e, _f;
+      if ((null == recordIndexs ? void 0 : recordIndexs.length) > 0) if (table.internalProps.groupBy) null === (_b = (_a = table.dataSource).updateRecordsForGroup) || void 0 === _b || _b.call(_a, records, recordIndexs), 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).updateRecordsForTree) || void 0 === _d || _d.call(_c, records, recordIndexs), table.refreshRowColCount(), table.internalProps.layoutMap.clearCellRangeMap(), table.sortState && sortRecords(table), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph();else if (table.sortState) {
+        !!(null === (_e = table.options) || void 0 === _e ? void 0 : _e.syncRecordOperationsToSourceRecords) ? table.dataSource.updateRecords(records, recordIndexs, !0) : table.dataSource.updateRecordsForSorted(records, recordIndexs), sortRecords(table), table.refreshRowColCount(), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph();
+      } else {
+        const syncToOriginalRecords = !!(null === (_f = table.options) || void 0 === _f ? void 0 : _f.syncRecordOperationsToSourceRecords),
+          updateRecordIndexs = table.dataSource.updateRecords(records, recordIndexs, syncToOriginalRecords);
         if (0 === updateRecordIndexs.length) return;
+        if (syncToOriginalRecords) return table.refreshRowColCount(), table.internalProps.layoutMap.clearCellRangeMap(), table.scenegraph.clearCells(), void table.scenegraph.createSceneGraph();
         const recordIndexsMinToMax = updateRecordIndexs.map(index => table.getBodyRowIndexByRecordIndex(index)).sort((a, b) => a - b);
         if (table.pagination) {
           const {
@@ -65372,8 +65647,8 @@
       updateFilterRules(filterRules, options = {
         clearRowHeightCache: !0
       }) {
-        var _a;
-        this.scenegraph.clearCells(), this.sortState ? (this.dataSource.updateFilterRulesForSorted(filterRules), sortRecords(this)) : this.dataSource.updateFilterRules(filterRules, null == options ? void 0 : options.onFilterRecordsEnd), this.refreshRowColCount(), this.stateManager.initCheckedState(this.records), this.scenegraph.createSceneGraph(!(null == options ? void 0 : options.clearRowHeightCache)), null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible(), this.resize();
+        var _a, _b, _c;
+        this.scenegraph.clearCells(), null === (_b = (_a = this.dataSource).clearForceVisibleRecords) || void 0 === _b || _b.call(_a), this.sortState ? (this.dataSource.updateFilterRulesForSorted(filterRules), sortRecords(this)) : this.dataSource.updateFilterRules(filterRules, null == options ? void 0 : options.onFilterRecordsEnd), this.refreshRowColCount(), this.stateManager.initCheckedState(this.records), this.scenegraph.createSceneGraph(!(null == options ? void 0 : options.clearRowHeightCache)), null === (_c = this.internalProps.emptyTip) || void 0 === _c || _c.resetVisible(), this.resize();
       }
       getFilteredRecords() {
         return this.dataSource.records;
@@ -65524,43 +65799,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, noTriggerChangeCellValuesEvent) {
+        return listTableChangeCellValue(col, row, value, workOnEditableCell, triggerEvent, this, noTriggerChangeCellValuesEvent);
+      }
+      changeCellValues(startCol, startRow, values, workOnEditableCell = !1, triggerEvent = !0, noTriggerChangeCellValuesEvent) {
+        return listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, this, noTriggerChangeCellValuesEvent);
+      }
+      changeCellValuesByRanges(ranges, value, workOnEditableCell = !1, triggerEvent = !0, noTriggerChangeCellValuesEvent) {
+        return listTableChangeCellValuesByRanges(ranges, value, workOnEditableCell, triggerEvent, this, noTriggerChangeCellValuesEvent);
+      }
+      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]
+          });
+        }
+      }
+      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,
+          noTriggerChangeCellValuesEvent = null == options ? void 0 : options.noTriggerChangeCellValuesEvent,
+          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), noTriggerChangeCellValuesEvent || this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, {
+            values: [changeValue]
+          });
+        }
+        autoRefresh && this.refreshAfterSourceChange();
       }
-      changeCellValues(startCol, startRow, values, workOnEditableCell = !1, triggerEvent = !0) {
-        return listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, this);
+      changeCellValueBySource(recordIndex, field, value, triggerEvent = !0, noTriggerChangeCellValuesEvent) {
+        return this.changeCellValueByRecord(recordIndex, field, value, {
+          triggerEvent: triggerEvent,
+          noTriggerChangeCellValuesEvent: noTriggerChangeCellValuesEvent,
+          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,
+          noTriggerChangeCellValuesEvent = null == options ? void 0 : options.noTriggerChangeCellValuesEvent,
+          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);
+            }
+          }
+        }
+        !noTriggerChangeCellValuesEvent && resultChangeValues.length && triggerEvent && this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, {
+          values: resultChangeValues
+        }), autoRefresh && this.refreshAfterSourceChange();
+      }
+      changeCellValuesBySource(changeValues, triggerEvent = !0, noTriggerChangeCellValuesEvent) {
+        return this.changeCellValuesByRecords(changeValues, {
+          triggerEvent: triggerEvent,
+          noTriggerChangeCellValuesEvent: noTriggerChangeCellValuesEvent,
+          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
@@ -68739,7 +69136,8 @@
           });
         playIcon.name = "play-icon", cellGroup.appendChild(playIcon), table.scenegraph.updateNextFrame();
       }), video.onerror = () => {
-        image.image = regedIcons.damage_pic.svg;
+        const regedIcons = get$2();
+        image.image = regedIcons.video_damage_pic ? regedIcons.video_damage_pic.svg : regedIcons.damage_pic.svg;
       }, video.src = value, video.setAttribute("preload", "auto");
       const image = createImage({
         x: padding[3],
@@ -68749,7 +69147,9 @@
         image: video,
         cursor: "pointer"
       });
-      return image.name = "image", image.keepAspectRatio = keepAspectRatio, image.textAlign = textAlign, image.textBaseline = textBaseline, cellGroup.appendChild(image), cellGroup;
+      return image.name = "image", image.keepAspectRatio = keepAspectRatio, image.textAlign = textAlign, image.textBaseline = textBaseline, cellGroup.appendChild(image), image.successCallback = () => {
+        isDamagePic(image) && (updateAutoSizingAndKeepAspectRatio(imageAutoSizing, keepAspectRatio, padding, textAlign, textBaseline, image, cellGroup, table), table.scenegraph.updateNextFrame());
+      }, cellGroup;
     }
 
     function createMark(marked, cellGroup, table) {
@@ -69780,8 +70180,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.batchCallChangeCellValuesApi = null !== (_c = null == pluginOptions ? void 0 : pluginOptions.batchCallChangeCellValuesApi) && void 0 !== _c && _c, this.bindEvent();
       }
       run(...args) {
         const table = args[2];
@@ -69812,7 +70212,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.batchCallChangeCellValuesApi), 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();
           }
@@ -69834,8 +70234,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, batchCallChangeCellValuesApi = !1) {
+      if (batchCallChangeCellValuesApi) {
+        const ranges = tableInstance.stateManager.select.ranges;
+        (null == ranges ? void 0 : ranges.length) && tableInstance.changeCellValuesByRanges(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";
@@ -86841,9 +87244,6 @@
                 return;
             }
             try {
-                if (this.sheetMapping.size <= 1) {
-                    throw new Error('Cannot remove the last sheet');
-                }
                 this.formulaEngine.removeSheet(sheetKey);
                 this.sheetMapping.delete(sheetKey);
                 this.reverseSheetMapping.delete(sheetId);
@@ -86959,16 +87359,26 @@
                 return null;
             }
         }
+        creatingSheets = new Set();
         ensureSheetRegistered(sheetKey) {
             if (this.sheet.workSheetInstances.has(sheetKey)) {
                 return;
             }
+            if (this.creatingSheets.has(sheetKey)) {
+                return;
+            }
             const sheetDefine = this.sheet.getSheetManager().getSheet(sheetKey);
             if (!sheetDefine) {
                 return;
             }
-            const instance = this.sheet.createWorkSheetInstance(sheetDefine);
-            this.sheet.workSheetInstances.set(sheetKey, instance);
+            try {
+                this.creatingSheets.add(sheetKey);
+                const instance = this.sheet.createWorkSheetInstance(sheetDefine);
+                this.sheet.workSheetInstances.set(sheetKey, instance);
+            }
+            finally {
+                this.creatingSheets.delete(sheetKey);
+            }
         }
         ensureAllSheetsRegisteredForCrossSheetFormula(formula) {
             try {
@@ -87029,7 +87439,7 @@
                         worksheet = workSheetInstances.get(cell.sheet);
                     }
                 }
-                catch (e) {
+                catch (_e) {
                     return;
                 }
             }
@@ -87070,6 +87480,7 @@
                 throw new Error(`Cell coordinates out of bounds: row=${cell.row}, col=${cell.col}`);
             }
             try {
+                this.formulaEngine.setActiveSheet(cell.sheet);
                 const isFormula = typeof value === 'string' && value.startsWith('=');
                 const oldFormula = this.getCellFormula(cell);
                 if (isFormula && this.hasCrossSheetReference(value)) {
@@ -87108,6 +87519,7 @@
                     return result;
                 }
                 this.ensureSheetRegistered(cell.sheet);
+                this.formulaEngine.setActiveSheet(cell.sheet);
                 return this.formulaEngine.getCellValue(cell);
             }
             catch (error) {
@@ -87176,7 +87588,7 @@
                     });
                     this.sheet
                         .getActiveSheet()
-                        .tableInstance?.changeCellValue(cell.col, cell.row, result.error ? '#ERROR!' : result.value);
+                        .tableInstance?.changeCellValue(cell.col, cell.row, result.error ? '#ERROR!' : result.value, false, false);
                 });
             }
             catch (error) {
@@ -87195,7 +87607,7 @@
                     });
                     this.sheet
                         .getActiveSheet()
-                        .tableInstance?.changeCellValue(cell.col, cell.row, result.error ? '#ERROR!' : result.value);
+                        .tableInstance?.changeCellValue(cell.col, cell.row, result.error ? '#ERROR!' : result.value, false, false);
                 });
             }
             catch (error) {
@@ -87214,7 +87626,7 @@
                     });
                     this.sheet
                         .getActiveSheet()
-                        .tableInstance?.changeCellValue(cell.col, cell.row, result.error ? '#ERROR!' : result.value);
+                        .tableInstance?.changeCellValue(cell.col, cell.row, result.error ? '#ERROR!' : result.value, false, false);
                 });
             }
             catch (error) {
@@ -87233,7 +87645,7 @@
                     });
                     this.sheet
                         .getActiveSheet()
-                        .tableInstance?.changeCellValue(cell.col, cell.row, result.error ? '#ERROR!' : result.value);
+                        .tableInstance?.changeCellValue(cell.col, cell.row, result.error ? '#ERROR!' : result.value, false, false);
                 });
             }
             catch (error) {
@@ -87255,7 +87667,7 @@
                     const result = this.getCellValue(cell);
                     this.sheet
                         .getActiveSheet()
-                        .tableInstance?.changeCellValue(cell.col, cell.row, result.error ? '#ERROR!' : result.value);
+                        .tableInstance?.changeCellValue(cell.col, cell.row, result.error ? '#ERROR!' : result.value, false, false);
                 }
             }
             catch (error) {
@@ -87275,7 +87687,7 @@
                     const result = this.getCellValue(cell);
                     this.sheet
                         .getActiveSheet()
-                        .tableInstance?.changeCellValue(cell.col, cell.row, result.error ? '#ERROR!' : result.value);
+                        .tableInstance?.changeCellValue(cell.col, cell.row, result.error ? '#ERROR!' : result.value, false, false);
                 }
             }
             catch (error) {
@@ -87295,7 +87707,7 @@
             try {
                 return this.formulaEngine.sortFormulasByDependency(sheetKey, formulas);
             }
-            catch (error) {
+            catch (_error) {
                 return Object.entries(formulas);
             }
         }
@@ -87407,7 +87819,7 @@
                 const validationResult = this.validateFormula(formula);
                 return validationResult.isValid;
             }
-            catch (error) {
+            catch (_error) {
                 return false;
             }
         }
@@ -87429,6 +87841,40 @@
         }
         resumeEvaluation() {
         }
+        rebuildFormulas(sheets) {
+            try {
+                if (this.formulaEngine) {
+                    try {
+                        this.formulaEngine.release();
+                    }
+                    catch (error) {
+                    }
+                }
+                this.sheetMapping.clear();
+                this.reverseSheetMapping.clear();
+                this.nextSheetId = 0;
+                this.initializeFormulaEngine();
+                if (this.crossSheetHandler) {
+                    try {
+                        this.crossSheetHandler.destroy();
+                    }
+                    catch (error) {
+                    }
+                }
+                this.crossSheetHandler = new CrossSheetFormulaHandler(this.formulaEngine, this.sheet.getSheetManager(), this);
+                sheets.forEach((sheetDefine) => {
+                    const sheetKey = sheetDefine.sheetKey;
+                    const worksheetInstance = this.sheet.workSheetInstances.get(sheetKey);
+                    if (!worksheetInstance || !worksheetInstance.tableInstance) {
+                        return;
+                    }
+                    const normalizedData = this.normalizeSheetData(worksheetInstance.getData(), worksheetInstance.tableInstance);
+                    this.addSheet(sheetKey, normalizedData, sheetDefine.sheetTitle);
+                });
+            }
+            catch (error) {
+            }
+        }
         rebuildAndRecalculate() {
         }
         clearContent() {
@@ -87707,6 +88153,18 @@
         getAllSheets() {
             return Array.from(this._sheets.values());
         }
+        sortSheets(sheets) {
+            const sheetsArray = Array.from(this._sheets.entries());
+            sheetsArray.sort(([keyA], [keyB]) => {
+                const aIndex = sheets.findIndex(s => s.sheetKey === keyA);
+                const bIndex = sheets.findIndex(s => s.sheetKey === keyB);
+                return aIndex - bIndex;
+            });
+            this._sheets.clear();
+            sheetsArray.forEach(([key, sheet]) => {
+                this._sheets.set(key, sheet);
+            });
+        }
         getSheet(sheetKey) {
             return this._sheets.get(sheetKey) || null;
         }
@@ -88284,11 +88742,35 @@
                 showCopyCellBorder: true,
                 cutSelected: true
             };
+            return {
+                ...this.options,
+                dragOrder: {
+                    maintainArrayDataOrder: true
+                },
+                addRecordRule: 'Array',
+                defaultCursor: 'cell',
+                records: this.options.data,
+                sortState: this.options.sortState,
+                container: this.element,
+                showHeader: isShowTableHeader,
+                keyboardOptions,
+                theme: this._adjustTheme(this.options.theme),
+                excelOptions: {
+                    fillHandle: true
+                },
+                customConfig: {
+                    selectCellWhenCellEditorNotExists: true
+                }
+            };
+        }
+        _adjustTheme(theme) {
             let changedTheme;
-            if (!this.options?.theme) {
+            if (!theme) {
                 this.options.theme = DEFAULT;
             }
-            this.options.theme = this.options.theme;
+            else {
+                this.options.theme = theme;
+            }
             if (this.options.theme.bodyStyle && !isPropertyWritable(this.options.theme, 'bodyStyle')) {
                 changedTheme = this.options.theme.extends(this.options.theme.getExtendTheme());
                 const extendThemeOption = changedTheme.getExtendTheme();
@@ -88309,26 +88791,7 @@
                     });
                 }
             }
-            return {
-                ...this.options,
-                dragOrder: {
-                    maintainArrayDataOrder: true
-                },
-                addRecordRule: 'Array',
-                defaultCursor: 'cell',
-                records: this.options.data,
-                sortState: this.options.sortState,
-                container: this.element,
-                showHeader: isShowTableHeader,
-                keyboardOptions,
-                theme: changedTheme,
-                excelOptions: {
-                    fillHandle: true
-                },
-                customConfig: {
-                    selectCellWhenCellEditorNotExists: true
-                }
-            };
+            return changedTheme;
         }
         _setupEventListeners() {
             if (this.tableInstance) {
@@ -88719,6 +89182,9 @@
             }
             else {
                 col = coordOrCol;
+                if (row === undefined) {
+                    throw new Error('row is required when coordOrCol is a number');
+                }
                 rowNum = row;
             }
             let colStr = '';
@@ -88781,13 +89247,23 @@
                 }
             }
             data.shift();
+            const { dragOrder: _omitSheetDragOrder, ...optionsRest } = this.options;
             this.tableInstance.updateOption({
-                ...this.options,
+                ...optionsRest,
+                dragOrder: { maintainArrayDataOrder: true },
                 columns: this.options.columns,
                 showHeader: true,
                 records: data
             });
         }
+        updateSheetOption(sheetOption) {
+            this.options = {
+                ...this.options,
+                ...sheetOption
+            };
+            const tableOptions = this._generateTableOptions();
+            this.tableInstance.updateOption(tableOptions);
+        }
         processFormulaPaste(formulas, sourceStartCol, _sourceStartRow, targetStartCol, _targetStartRow) {
             if (!formulas || formulas.length === 0) {
                 return formulas;
@@ -89145,11 +89621,17 @@
         table.scenegraph.updateNextFrame();
     }
     function createFormulaDetectionOptions(sheetDefine, options, vtableSheet) {
+        const getActiveSheetKey = () => {
+            return (vtableSheet?.getActiveSheet?.()?.getKey?.() ||
+                vtableSheet?.sheetManager?.getActiveSheet?.()?.sheetKey ||
+                sheetDefine?.sheetKey ||
+                'Sheet1');
+        };
         return {
             isFormulaCell: (col, row, cellData, table) => {
                 if (vtableSheet?.formulaManager) {
                     try {
-                        const sheetName = vtableSheet.sheetManager?._activeSheetKey || 'Sheet1';
+                        const sheetName = getActiveSheetKey();
                         return vtableSheet.formulaManager.isCellFormula({
                             sheet: sheetName,
                             row: row,
@@ -89168,7 +89650,7 @@
             getCellFormula: (col, row, cellData, table) => {
                 if (vtableSheet?.formulaManager) {
                     try {
-                        const sheetName = vtableSheet.sheetManager?._activeSheetKey || 'Sheet1';
+                        const sheetName = getActiveSheetKey();
                         return vtableSheet.formulaManager.getCellFormula({
                             sheet: sheetName,
                             row: row,
@@ -89187,7 +89669,7 @@
             setCellFormula: (col, row, formula, table) => {
                 if (vtableSheet?.formulaManager) {
                     try {
-                        const sheetName = vtableSheet.sheetManager?._activeSheetKey || 'Sheet1';
+                        const sheetName = getActiveSheetKey();
                         vtableSheet.formulaManager.setCellContent({
                             sheet: sheetName,
                             row: row,
@@ -89652,6 +90134,10 @@
                 this.clickOutsideHandler = null;
             }
         }
+        updateMainMenu(mainMenu) {
+            this.release();
+            this.createMainMenu();
+        }
     }
 
     class SheetTabEventHandler {
@@ -89858,6 +90344,9 @@
             }, 100);
         }
         activeSheetMenuItem() {
+            if (this.vTableSheet.getOptions()?.showSheetTab === false) {
+                return;
+            }
             const menuItems = this.vTableSheet
                 .getSheetTabElement()
                 ?.querySelectorAll('.vtable-sheet-main-menu-item');
@@ -89984,6 +90473,8 @@
                     }
                 });
             }
+            this.boundSheets.delete(sheetKey);
+            this.cleanupCallbacks.delete(sheetKey);
         }
         unbindFromAllSheets(eventType) {
             this.vtableSheet.workSheetInstances.forEach((worksheet, sheetKey) => {
@@ -90415,6 +90906,9 @@
             return sheetTab;
         }
         _activeSheetTab() {
+            if (this.options.showSheetTab === false) {
+                return;
+            }
             this.sheetTabEventHandler.activeSheetTab();
         }
         updateSheetTabs(tabsContainer = this.sheetTabElement?.querySelector('.vtable-sheet-tabs-container')) {
@@ -90428,7 +90922,7 @@
             });
             this._activeSheetTab();
         }
-        createSheetTabItem(sheet, index) {
+        createSheetTabItem(sheet, _index) {
             const tab = document.createElement('div');
             tab.className = 'vtable-sheet-tab';
             tab.dataset.key = sheet.sheetKey;
@@ -90440,6 +90934,9 @@
             return tab;
         }
         updateSheetMenu() {
+            if (this.options.showSheetTab === false) {
+                return;
+            }
             this.sheetTabEventHandler.updateSheetMenu();
         }
         initSheets() {
@@ -90478,6 +90975,9 @@
             });
             if (this.workSheetInstances.has(sheetKey)) {
                 const instance = this.workSheetInstances.get(sheetKey);
+                if (!instance) {
+                    throw new Error(`Worksheet instance for key "${sheetKey}" not found`);
+                }
                 instance.getElement().style.display = 'block';
                 this.activeWorkSheet = instance;
                 if (instance.tableInstance) {
@@ -90553,18 +91053,14 @@
                 select: {
                     makeSelectCellVisible: false
                 },
-                style: {
-                    borderColor: ['#E1E4E8', '#E1E4E8', '#E1E4E8', '#E1E4E8'],
-                    borderLineWidth: [1, 1, 1, 1],
-                    borderLineDash: [null, null, null, null],
-                    padding: [8, 8, 8, 8]
-                },
                 editCellTrigger: ['api', 'keydown', 'doubleclick'],
                 customMergeCell: sheetDefine.cellMerge,
                 theme: sheetDefine.theme?.tableTheme || this.options.theme?.tableTheme
             });
             try {
-                const normalizedData = this.formulaManager.normalizeSheetData(sheetDefine.data, sheet.tableInstance);
+                const normalizedData = sheetDefine.data
+                    ? this.formulaManager.normalizeSheetData(sheetDefine.data, sheet.tableInstance)
+                    : [];
                 this.formulaManager.addSheet(sheetDefine.sheetKey, normalizedData, sheetDefine.sheetTitle);
                 if (sheetDefine.formulas && Object.keys(sheetDefine.formulas).length > 0) {
                     this.loadFormulas(sheetDefine.sheetKey, sheetDefine.formulas);
@@ -90584,7 +91080,6 @@
                     const { row, col } = this.parseCellKey(cellRef);
                     this.formulaManager.setCellContent({ sheet: sheetKey, row, col }, formula);
                 }
-                this.formulaManager.rebuildAndRecalculate();
             }
             catch (error) {
             }
@@ -90725,7 +91220,7 @@
                         currentSortState = sortState.map(item => ({
                             field: item.field,
                             order: item.order,
-                            ...(item.orderFn != null && { orderFn: item.orderFn })
+                            ...(item.orderFn !== null && item.orderFn !== undefined && { orderFn: item.orderFn })
                         }));
                     }
                     const formulas = this.formulaManager.exportFormulas(sheetDefine.sheetKey);
@@ -90744,7 +91239,7 @@
                     sheets.push({
                         ...sheetDefine,
                         data,
-                        columns,
+                        columns: columns,
                         cellMerge: instance.tableInstance.options.customMergeCell,
                         showHeader: instance.tableInstance.options.showHeader,
                         frozenRowCount: instance.tableInstance.frozenRowCount,
@@ -90766,6 +91261,150 @@
                 sheets
             };
         }
+        updateMainMenu(mainMenu) {
+            this.options.mainMenu = mainMenu;
+            this.menuManager.updateMainMenu(mainMenu);
+        }
+        updateOption(options) {
+            if (!options) {
+                return;
+            }
+            const hasMainMenu = typeof options.mainMenu !== 'undefined';
+            if (hasMainMenu) {
+                this.updateMainMenu(options.mainMenu);
+            }
+            const pluginModulesChanged = pluginIsChanged(this.options.VTablePluginModules, options.VTablePluginModules);
+            const tableThemeChanged = tableThemeIsChanged(this.options.theme?.tableTheme, options.theme?.tableTheme);
+            this.options = {
+                ...this.options,
+                ...options
+            };
+            if (Array.isArray(options.sheets) || pluginModulesChanged || tableThemeChanged) {
+                this.updateSheets(options);
+            }
+        }
+        updateSheets(options) {
+            const nextSheets = options.sheets || [];
+            const prevSheets = this.sheetManager.getAllSheets();
+            const prevMap = new Map();
+            prevSheets.forEach(sheet => {
+                prevMap.set(sheet.sheetKey, sheet);
+            });
+            const added = [];
+            const updated = [];
+            nextSheets.forEach(next => {
+                const prev = prevMap.get(next.sheetKey);
+                if (!prev) {
+                    added.push(next);
+                }
+                else {
+                    updated.push({ prev, next });
+                    prevMap.delete(next.sheetKey);
+                }
+            });
+            const removedKeys = Array.from(prevMap.keys());
+            removedKeys.forEach(sheetKey => {
+                const instance = this.workSheetInstances.get(sheetKey);
+                if (instance) {
+                    instance.release();
+                    this.workSheetInstances.delete(sheetKey);
+                }
+                try {
+                    this.sheetManager.removeSheet(sheetKey);
+                    this.formulaManager.removeSheet(sheetKey);
+                }
+                catch (error) {
+                }
+            });
+            added.forEach(sheetDefine => {
+                this.sheetManager.addSheet(sheetDefine);
+                const instance = this.createWorkSheetInstance(sheetDefine);
+                this.workSheetInstances.set(sheetDefine.sheetKey, instance);
+            });
+            updated.forEach(({ prev, next: next_sheetDefine }) => {
+                const instance = this.workSheetInstances.get(next_sheetDefine.sheetKey);
+                Object.assign(prev, next_sheetDefine);
+                if (!instance) {
+                    const newInstance = this.createWorkSheetInstance(next_sheetDefine);
+                    this.workSheetInstances.set(next_sheetDefine.sheetKey, newInstance);
+                    return;
+                }
+                const sheetOption = {
+                    sheetTitle: next_sheetDefine.sheetTitle,
+                    sheetKey: next_sheetDefine.sheetKey,
+                    showHeader: next_sheetDefine.showHeader,
+                    frozenRowCount: next_sheetDefine.frozenRowCount,
+                    frozenColCount: next_sheetDefine.frozenColCount,
+                    filter: next_sheetDefine.filter,
+                    filterState: next_sheetDefine.filterState,
+                    sortState: next_sheetDefine.sortState,
+                    columnWidthConfig: next_sheetDefine.columnWidthConfig,
+                    rowHeightConfig: next_sheetDefine.rowHeightConfig,
+                    defaultRowHeight: this.options.defaultRowHeight,
+                    defaultColWidth: this.options.defaultColWidth,
+                    dragOrder: next_sheetDefine.dragOrder,
+                    plugins: getTablePlugins(next_sheetDefine, this.options, this),
+                    headerEditor: 'formula',
+                    editor: 'formula',
+                    select: {
+                        makeSelectCellVisible: false
+                    },
+                    editCellTrigger: ['api', 'keydown', 'doubleclick'],
+                    customMergeCell: next_sheetDefine.cellMerge,
+                    theme: next_sheetDefine.theme?.tableTheme || this.options.theme?.tableTheme,
+                    data: next_sheetDefine.data,
+                    columns: next_sheetDefine.columns
+                };
+                instance.updateSheetOption(sheetOption);
+            });
+            try {
+                this.formulaManager.rebuildFormulas(nextSheets);
+                nextSheets.forEach(sheetDefine => {
+                    const worksheetInstance = this.workSheetInstances.get(sheetDefine.sheetKey);
+                    if (!worksheetInstance || !worksheetInstance.tableInstance) {
+                        return;
+                    }
+                    const dataToUse = sheetDefine.data || worksheetInstance.getData();
+                    const normalizedData = this.formulaManager.normalizeSheetData(dataToUse, worksheetInstance.tableInstance);
+                    this.formulaManager.formulaEngine.updateSheetData(sheetDefine.sheetKey, normalizedData);
+                    if (sheetDefine.formulas && Object.keys(sheetDefine.formulas).length > 0) {
+                        this.loadFormulas(sheetDefine.sheetKey, sheetDefine.formulas);
+                    }
+                });
+                updated.forEach(({ prev, next: next_sheetDefine }) => {
+                    const hadFormulas = prev.formulas && Object.keys(prev.formulas).length > 0;
+                    const hasFormulas = next_sheetDefine.formulas && Object.keys(next_sheetDefine.formulas).length > 0;
+                    if (!hadFormulas || hasFormulas) {
+                        return;
+                    }
+                    const worksheetInstance = this.workSheetInstances.get(next_sheetDefine.sheetKey);
+                    if (!worksheetInstance) {
+                        return;
+                    }
+                    const data = next_sheetDefine.data || worksheetInstance.getData();
+                    Object.keys(prev.formulas).forEach(cellRef => {
+                        try {
+                            const { row, col } = this.parseCellKey(cellRef);
+                            const cellValue = data?.[row]?.[col];
+                            if (typeof cellValue !== 'undefined') {
+                                this.formulaManager.setCellContent({ sheet: next_sheetDefine.sheetKey, row, col }, cellValue);
+                            }
+                        }
+                        catch (error) {
+                        }
+                    });
+                });
+            }
+            catch (error) {
+            }
+            this.sheetManager.sortSheets(this.options.sheets);
+            this.updateSheetTabs();
+            this.updateSheetMenu();
+            const activeDefine = nextSheets.find(s => s.active) || nextSheets[0];
+            if (activeDefine) {
+                this.activateSheet(activeDefine.sheetKey);
+            }
+        }
         exportSheetToFile(fileType, allSheets = true) {
             try {
                 this.spreadsheetEventManager.emitExportStart(fileType, allSheets);
@@ -90810,6 +91449,9 @@
             const allDefines = this.sheetManager.getAllSheets();
             const tables = allDefines.map(def => {
                 const inst = this.workSheetInstances.get(def.sheetKey);
+                if (!inst) {
+                    throw new Error(`Worksheet instance for key "${def.sheetKey}" not found during export`);
+                }
                 return { table: inst.tableInstance, name: def.sheetTitle || def.sheetKey };
             });
             this._exportMutipleTablesToExcel?.(tables);
@@ -92318,7 +92960,7 @@
         importStyle();
     }
 
-    const version = "1.23.1-alpha.2";
+    const version = "1.23.2";
     importStyles();
 
     exports.TYPES = index;