@visactor/vtable-sheet 1.22.11-alpha.8 → 1.22.11-alpha.9

package/dist/vtable-sheet.js

@@ -37856,24 +37856,6 @@
         }, delay));
       };
     }
-    function cancellableThrottle(func, delay) {
-      let timer = null,
-        lastArgs = null,
-        context = null;
-      return {
-        throttled: function (...args) {
-          lastArgs = args, context = this, timer || (timer = setTimeout(() => {
-            lastArgs && func.apply(context, lastArgs), timer = null, lastArgs = null, context = null;
-          }, delay));
-        },
-        cancel: () => {
-          timer && (clearTimeout(timer), timer = null, lastArgs = null, context = null);
-        },
-        flush: () => {
-          timer && lastArgs && (clearTimeout(timer), func.apply(context, lastArgs), timer = null, lastArgs = null, context = null);
-        }
-      };
-    }
     function pad(num, totalChars) {
       for (num = `${num}`; num.length < totalChars;) num = "0" + num;
       return num;
@@ -38846,6 +38828,7 @@
       AFTER_UPDATE_CELL_CONTENT_WIDTH: "after_update_cell_content_width",
       AFTER_UPDATE_SELECT_BORDER_HEIGHT: "after_update_select_border_height",
       CHANGE_CELL_VALUE: "change_cell_value",
+      CHANGE_CELL_VALUES: "change_cell_values",
       DRAG_FILL_HANDLE_END: "drag_fill_handle_end",
       MOUSEDOWN_FILL_HANDLE: "mousedown_fill_handle",
       DBLCLICK_FILL_HANDLE: "dblclick_fill_handle",
@@ -40978,6 +40961,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())) {
@@ -40993,41 +40994,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));
@@ -41043,27 +41095,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)) {
@@ -41077,18 +41151,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++) {
@@ -41156,23 +41246,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;
           }
@@ -47722,35 +47819,11 @@
       return hoverMode;
     }
 
-    let brushingChartInstance,
-      brushingChartInstanceCellPos = {
-        col: -1,
-        row: -1
-      };
-    function setBrushingChartInstance(chartInstance, col, row) {
-      brushingChartInstance = chartInstance, brushingChartInstanceCellPos = {
-        col: col,
-        row: row
-      };
-    }
-    function clearBrushingChartInstance() {
-      brushingChartInstance = void 0, brushingChartInstanceCellPos = {
-        col: -1,
-        row: -1
-      };
-    }
-    function getBrushingChartInstance() {
-      return brushingChartInstance;
-    }
-    function getBrushingChartInstanceCellPos() {
-      return brushingChartInstanceCellPos;
-    }
     const chartInstanceListColumnByColumnDirection = {};
     const chartInstanceListRowByRowDirection = {};
-    const delayRunDimensionHoverTimer = [];
     function generateChartInstanceListByColumnDirection(col, dimensionValueOrXValue, positionValueOrYValue, canvasXY, table, hideTooltip = !1, isScatter = !1) {
       var _a;
-      clearDelayRunDimensionHoverTimers(), isValid$2(chartInstanceListColumnByColumnDirection[col]) || (chartInstanceListColumnByColumnDirection[col] = {});
+      isValid$2(chartInstanceListColumnByColumnDirection[col]) || (chartInstanceListColumnByColumnDirection[col] = {});
       const {
         rowStart: rowStart
       } = table.getBodyVisibleRowRange();
@@ -47759,40 +47832,76 @@
       for (let i = rowStart; i <= rowEnd; i++) {
         const cellGroup = table.scenegraph.getCell(col, i),
           chartNode = null === (_a = null == cellGroup ? void 0 : cellGroup.getChildren()) || void 0 === _a ? void 0 : _a[0];
-        chartInstanceListColumnByColumnDirection[col][i] || isValid$2(chartNode) && (chartNode.addUpdateShapeAndBoundsTag(), chartNode.activeChartInstance || chartNode.activate(table), chartInstanceListColumnByColumnDirection[col][i] = chartNode.activeChartInstance);
-        const timer = setTimeout(() => {
-          var _a, _b, _c, _d;
+        chartNode.addUpdateShapeAndBoundsTag(), chartInstanceListColumnByColumnDirection[col][i] || isValid$2(chartNode) && (chartNode.activeChartInstance || chartNode.activate(table), chartInstanceListColumnByColumnDirection[col][i] = chartNode.activeChartInstance), setTimeout(() => {
+          var _a, _b, _c, _d, _e, _f;
           if (null === (_a = chartInstanceListColumnByColumnDirection[col]) || void 0 === _a ? void 0 : _a[i]) {
             const chartDimensionLinkage = table.options.chartDimensionLinkage;
             let isShowTooltip = !isScatter;
-            if (isScatter || "object" != typeof chartDimensionLinkage || (isShowTooltip = null === (_b = chartDimensionLinkage.showTooltip) || void 0 === _b || _b, isShowTooltip = isShowTooltip && checkIsShowTooltipForEdgeRow(i, table)), isScatter) table.stateManager.hover.cellPos.col === col && table.stateManager.hover.cellPos.row === i || null === (_d = (_c = chartInstanceListColumnByColumnDirection[col][i]).showCrosshair) || void 0 === _d || _d.call(_c, axis => "left" === axis.layoutOrient ? positionValueOrYValue : dimensionValueOrXValue);else {
-              const cellBoundry = table.getCellRelativeRect(col, i),
-                bodyBoundryTop = table.frozenRowCount ? table.getCellRelativeRect(col, table.frozenRowCount - 1).bottom : 0,
+            if (!isScatter && "object" == typeof chartDimensionLinkage) if (isShowTooltip = null === (_b = chartDimensionLinkage.showTooltip) || void 0 === _b || _b, i === rowEnd && isShowTooltip) {
+              const heightLimitToShowTooltipForEdgeRow = null !== (_c = chartDimensionLinkage.heightLimitToShowTooltipForEdgeRow) && void 0 !== _c ? _c : 0,
+                {
+                  rowEnd: rowEnd1
+                } = table.getBodyVisibleRowRange(0, -heightLimitToShowTooltipForEdgeRow);
+              if (rowEnd1 === rowEnd) isShowTooltip = !0;else {
+                const {
+                  rowEnd: rowEnd2
+                } = table.getBodyVisibleRowRange(0, 5);
+                isShowTooltip = rowEnd2 !== rowEnd;
+              }
+            } else if (i === rowStart && isShowTooltip) {
+              const heightLimitToShowTooltipForEdgeRow = null !== (_d = chartDimensionLinkage.heightLimitToShowTooltipForEdgeRow) && void 0 !== _d ? _d : 0,
+                {
+                  rowStart: rowStart1
+                } = table.getBodyVisibleRowRange(heightLimitToShowTooltipForEdgeRow, 0);
+              if (rowStart1 === rowStart) isShowTooltip = !0;else {
+                const {
+                  rowStart: rowStart2
+                } = table.getBodyVisibleRowRange(0, -5);
+                isShowTooltip = rowStart2 !== rowStart;
+              }
+            }
+            if (isScatter) table.stateManager.hover.cellPos.col === col && table.stateManager.hover.cellPos.row === i || null === (_f = (_e = chartInstanceListColumnByColumnDirection[col][i]).showCrosshair) || void 0 === _f || _f.call(_e, axis => "left" === axis.layoutOrient ? positionValueOrYValue : dimensionValueOrXValue);else {
+              const bodyBoundryTop = table.frozenRowCount ? table.getCellRelativeRect(col, table.frozenRowCount - 1).bottom : 0,
                 absolutePositionTop = Math.max(bodyBoundryTop, table.getCellRelativeRect(col, i).top);
               hideTooltip ? (table.stateManager.hover.cellPos.col === col && table.stateManager.hover.cellPos.row === i || chartInstanceListColumnByColumnDirection[col][i].hideTooltip(), chartInstanceListColumnByColumnDirection[col][i].setDimensionIndex(dimensionValueOrXValue, {
                 tooltip: !1,
                 showTooltipOption: {
-                  x: canvasXY.x - cellBoundry.left,
-                  y: absolutePositionTop - cellBoundry.top,
+                  x: canvasXY.x,
+                  y: absolutePositionTop,
                   activeType: "dimension"
                 }
               })) : chartInstanceListColumnByColumnDirection[col][i].setDimensionIndex(dimensionValueOrXValue, {
                 tooltip: isShowTooltip,
                 showTooltipOption: {
-                  x: canvasXY.x - cellBoundry.left,
-                  y: absolutePositionTop - cellBoundry.top,
+                  x: canvasXY.x,
+                  y: absolutePositionTop,
                   activeType: "dimension"
                 }
               });
             }
           }
-        }, 0);
-        delayRunDimensionHoverTimer.push(timer), table.scenegraph.updateNextFrame();
+        }, 0), table.scenegraph.updateNextFrame();
+      }
+    }
+    function clearChartInstanceListByColumnDirection(col, excludedRow, table) {
+      var _a;
+      if (isValid$2(chartInstanceListColumnByColumnDirection[col])) {
+        for (const i in chartInstanceListColumnByColumnDirection[col]) {
+          if (isValid$2(excludedRow) && Number(i) === excludedRow) continue;
+          const cellGroup = table.scenegraph.getCell(col, Number(i)),
+            chartNode = null === (_a = null == cellGroup ? void 0 : cellGroup.getChildren()) || void 0 === _a ? void 0 : _a[0];
+          chartNode.addUpdateShapeAndBoundsTag(), isValid$2(chartNode) && (chartNode.deactivate(table, {
+            releaseChartInstance: !0,
+            releaseColumnChartInstance: !1,
+            releaseRowChartInstance: !1
+          }), chartInstanceListColumnByColumnDirection[col][i] = null);
+        }
+        delete chartInstanceListColumnByColumnDirection[col];
       }
     }
     function generateChartInstanceListByRowDirection(row, dimensionValueOrXValue, positionValueOrYValue, canvasXY, table, hideTooltip = !1, isScatter = !1) {
       var _a;
-      clearDelayRunDimensionHoverTimers(), isValid$2(chartInstanceListRowByRowDirection[row]) || (chartInstanceListRowByRowDirection[row] = {});
+      isValid$2(chartInstanceListRowByRowDirection[row]) || (chartInstanceListRowByRowDirection[row] = {});
       const {
         colStart: colStart
       } = table.getBodyVisibleColRange();
@@ -47801,162 +47910,64 @@
       for (let i = colStart; i <= colEnd; i++) {
         const cellGroup = table.scenegraph.getCell(i, row),
           chartNode = null === (_a = null == cellGroup ? void 0 : cellGroup.getChildren()) || void 0 === _a ? void 0 : _a[0];
-        chartInstanceListRowByRowDirection[row][i] || isValid$2(chartNode) && (chartNode.addUpdateShapeAndBoundsTag(), chartNode.activeChartInstance || chartNode.activate(table), chartInstanceListRowByRowDirection[row][i] = chartNode.activeChartInstance);
-        const timer = setTimeout(() => {
+        chartNode.addUpdateShapeAndBoundsTag(), chartInstanceListRowByRowDirection[row][i] || isValid$2(chartNode) && (chartNode.activeChartInstance || chartNode.activate(table), chartInstanceListRowByRowDirection[row][i] = chartNode.activeChartInstance), setTimeout(() => {
           var _a, _b, _c, _d;
           if (null === (_a = chartInstanceListRowByRowDirection[row]) || void 0 === _a ? void 0 : _a[i]) {
             const chartDimensionLinkage = table.options.chartDimensionLinkage;
             let isShowTooltip = !isScatter;
-            if (isScatter || "object" != typeof chartDimensionLinkage || (isShowTooltip = null === (_b = chartDimensionLinkage.showTooltip) || void 0 === _b || _b, isShowTooltip = isShowTooltip && checkIsShowTooltipForEdgeColumn(i, table)), isScatter) table.stateManager.hover.cellPos.col === i && table.stateManager.hover.cellPos.row === row || null === (_d = (_c = chartInstanceListRowByRowDirection[row][i]).showCrosshair) || void 0 === _d || _d.call(_c, axis => "left" === axis.layoutOrient ? positionValueOrYValue : dimensionValueOrXValue);else {
-              const cellBoundry = table.getCellRelativeRect(i, row),
-                bodyBoundryLeft = table.frozenColCount ? table.getCellRelativeRect(table.frozenColCount - 1, row).right : 0,
+            if (!isScatter && "object" == typeof chartDimensionLinkage) if (isShowTooltip = null === (_b = chartDimensionLinkage.showTooltip) || void 0 === _b || _b, i === colEnd && isShowTooltip) {
+              const widthLimitToShowTooltipForEdgeColumn = chartDimensionLinkage.widthLimitToShowTooltipForEdgeColumn,
+                {
+                  colEnd: colEnd1
+                } = table.getBodyVisibleColRange(0, -widthLimitToShowTooltipForEdgeColumn);
+              if (colEnd1 === colEnd) isShowTooltip = !0;else {
+                const {
+                  colEnd: colEnd2
+                } = table.getBodyVisibleColRange(0, 5);
+                isShowTooltip = colEnd2 !== colEnd;
+              }
+            } else if (i === colStart && isShowTooltip) {
+              const widthLimitToShowTooltipForEdgeColumn = chartDimensionLinkage.widthLimitToShowTooltipForEdgeColumn,
+                {
+                  colStart: colStart1
+                } = table.getBodyVisibleColRange(widthLimitToShowTooltipForEdgeColumn, 0);
+              if (colStart1 === colStart) isShowTooltip = !0;else {
+                const {
+                  colStart: colStart2
+                } = table.getBodyVisibleColRange(0, -5);
+                isShowTooltip = colStart2 !== colStart;
+              }
+            }
+            if (isScatter) table.stateManager.hover.cellPos.col === i && table.stateManager.hover.cellPos.row === row || null === (_d = (_c = chartInstanceListRowByRowDirection[row][i]).showCrosshair) || void 0 === _d || _d.call(_c, axis => "left" === axis.layoutOrient ? positionValueOrYValue : dimensionValueOrXValue);else {
+              const bodyBoundryLeft = table.frozenColCount ? table.getCellRelativeRect(table.frozenColCount - 1, row).right : 0,
                 absolutePositionLeft = Math.max(bodyBoundryLeft, table.getCellRelativeRect(i, row).left);
               hideTooltip ? (table.stateManager.hover.cellPos.col === i && table.stateManager.hover.cellPos.row === row || chartInstanceListRowByRowDirection[row][i].hideTooltip(), chartInstanceListRowByRowDirection[row][i].setDimensionIndex(dimensionValueOrXValue, {
                 tooltip: !1,
                 showTooltipOption: {
-                  x: absolutePositionLeft - cellBoundry.left,
-                  y: canvasXY.y - cellBoundry.top,
+                  x: absolutePositionLeft,
+                  y: canvasXY.y,
                   activeType: "dimension"
                 }
               })) : chartInstanceListRowByRowDirection[row][i].setDimensionIndex(dimensionValueOrXValue, {
                 tooltip: isShowTooltip,
                 showTooltipOption: {
-                  x: absolutePositionLeft - cellBoundry.left,
-                  y: canvasXY.y - cellBoundry.top,
+                  x: absolutePositionLeft,
+                  y: canvasXY.y,
                   activeType: "dimension"
                 }
               });
             }
           }
-        }, 0);
-        delayRunDimensionHoverTimer.push(timer), table.scenegraph.updateNextFrame();
-      }
-    }
-    function generateChartInstanceListByViewRange(datum, table, deactivate = !1) {
-      var _a;
-      clearDelayRunDimensionHoverTimers();
-      const {
-        rowStart: rowStart
-      } = table.getBodyVisibleRowRange();
-      let rowEnd = table.getBodyVisibleRowRange().rowEnd;
-      rowEnd = Math.min(table.rowCount - 1 - table.bottomFrozenRowCount, rowEnd);
-      const {
-        colStart: colStart
-      } = table.getBodyVisibleColRange();
-      let colEnd = table.getBodyVisibleColRange().colEnd;
-      colEnd = Math.min(table.colCount - 1 - table.rightFrozenColCount, colEnd);
-      for (let col = colStart; col <= colEnd; col++) {
-        isValid$2(chartInstanceListColumnByColumnDirection[col]) || (chartInstanceListColumnByColumnDirection[col] = {});
-        for (let i = rowStart; i <= rowEnd; i++) {
-          const cellGroup = table.scenegraph.getCell(col, i),
-            chartNode = null === (_a = null == cellGroup ? void 0 : cellGroup.getChildren()) || void 0 === _a ? void 0 : _a[0];
-          chartInstanceListColumnByColumnDirection[col][i] || isValid$2(chartNode) && (chartNode.addUpdateShapeAndBoundsTag(), chartNode.activeChartInstance ? chartInstanceListColumnByColumnDirection[col][i] = chartNode.activeChartInstance : "pie" === chartNode.attribute.spec.type && (chartNode.activate(table), chartInstanceListColumnByColumnDirection[col][i] = chartNode.activeChartInstance));
-          const timer = setTimeout(() => {
-            var _a, _b;
-            if (null === (_a = chartInstanceListColumnByColumnDirection[col]) || void 0 === _a ? void 0 : _a[i]) {
-              const chartDimensionLinkage = table.options.chartDimensionLinkage;
-              let isShowTooltip = !0;
-              "object" == typeof chartDimensionLinkage && (deactivate ? (chartInstanceListColumnByColumnDirection[col][i].setHovered(), chartInstanceListColumnByColumnDirection[col][i].hideTooltip()) : (isShowTooltip = null === (_b = chartDimensionLinkage.showTooltip) || void 0 === _b || _b, isShowTooltip = isShowTooltip && checkIsShowTooltipForEdgeRow(i, table), isShowTooltip = isShowTooltip && checkIsShowTooltipForEdgeColumn(col, table), chartInstanceListColumnByColumnDirection[col][i].setHovered(datum), isShowTooltip && chartInstanceListColumnByColumnDirection[col][i].showTooltip(datum, {
-                activeType: "mark"
-              })));
-            }
-          }, 0);
-          delayRunDimensionHoverTimer.push(timer), table.scenegraph.updateNextFrame();
-        }
-      }
-    }
-    function checkIsShowTooltipForEdgeRow(row, table) {
-      var _a, _b;
-      let isShowTooltip = !0;
-      const {
-        rowStart: rowStart
-      } = table.getBodyVisibleRowRange();
-      let rowEnd = table.getBodyVisibleRowRange().rowEnd;
-      rowEnd = Math.min(table.rowCount - 1 - table.bottomFrozenRowCount, rowEnd);
-      const chartDimensionLinkage = table.options.chartDimensionLinkage;
-      if (row === rowEnd && isShowTooltip) {
-        const heightLimitToShowTooltipForEdgeRow = null !== (_a = chartDimensionLinkage.heightLimitToShowTooltipForEdgeRow) && void 0 !== _a ? _a : 0,
-          {
-            rowEnd: rowEnd1
-          } = table.getBodyVisibleRowRange(0, -heightLimitToShowTooltipForEdgeRow);
-        if (rowEnd1 === rowEnd) isShowTooltip = !0;else {
-          const {
-            rowEnd: rowEnd2
-          } = table.getBodyVisibleRowRange(0, 5);
-          isShowTooltip = rowEnd2 !== rowEnd;
-        }
-      } else if (row === rowStart && isShowTooltip) {
-        const heightLimitToShowTooltipForEdgeRow = null !== (_b = chartDimensionLinkage.heightLimitToShowTooltipForEdgeRow) && void 0 !== _b ? _b : 0,
-          {
-            rowStart: rowStart1
-          } = table.getBodyVisibleRowRange(heightLimitToShowTooltipForEdgeRow, 0);
-        if (rowStart1 === rowStart) isShowTooltip = !0;else {
-          const {
-            rowStart: rowStart2
-          } = table.getBodyVisibleRowRange(0, -5);
-          isShowTooltip = rowStart2 !== rowStart;
-        }
-      }
-      return isShowTooltip;
-    }
-    function checkIsShowTooltipForEdgeColumn(col, table) {
-      let isShowTooltip = !0;
-      const {
-        colStart: colStart
-      } = table.getBodyVisibleColRange();
-      let colEnd = table.getBodyVisibleColRange().colEnd;
-      colEnd = Math.min(table.colCount - 1 - table.rightFrozenColCount, colEnd);
-      const chartDimensionLinkage = table.options.chartDimensionLinkage;
-      if (col === colEnd && isShowTooltip) {
-        const widthLimitToShowTooltipForEdgeColumn = chartDimensionLinkage.widthLimitToShowTooltipForEdgeColumn,
-          {
-            colEnd: colEnd1
-          } = table.getBodyVisibleColRange(0, -widthLimitToShowTooltipForEdgeColumn);
-        if (colEnd1 === colEnd) isShowTooltip = !0;else {
-          const {
-            colEnd: colEnd2
-          } = table.getBodyVisibleColRange(0, 5);
-          isShowTooltip = colEnd2 !== colEnd;
-        }
-      } else if (col === colStart && isShowTooltip) {
-        const widthLimitToShowTooltipForEdgeColumn = chartDimensionLinkage.widthLimitToShowTooltipForEdgeColumn,
-          {
-            colStart: colStart1
-          } = table.getBodyVisibleColRange(widthLimitToShowTooltipForEdgeColumn, 0);
-        if (colStart1 === colStart) isShowTooltip = !0;else {
-          const {
-            colStart: colStart2
-          } = table.getBodyVisibleColRange(0, -5);
-          isShowTooltip = colStart2 !== colStart;
-        }
-      }
-      return isShowTooltip;
-    }
-    function clearChartInstanceListByColumnDirection(col, excludedRow, table, forceRelease = !1) {
-      var _a;
-      if (isValid$2(chartInstanceListColumnByColumnDirection[col])) {
-        for (const i in chartInstanceListColumnByColumnDirection[col]) {
-          if (isValid$2(excludedRow) && Number(i) === excludedRow) continue;
-          const cellGroup = table.scenegraph.getCell(col, Number(i)),
-            chartNode = null === (_a = null == cellGroup ? void 0 : cellGroup.getChildren()) || void 0 === _a ? void 0 : _a[0];
-          isValid$2(chartNode) && (chartNode.addUpdateShapeAndBoundsTag(), chartNode.deactivate(table, {
-            forceRelease: forceRelease,
-            releaseChartInstance: !0,
-            releaseColumnChartInstance: !1,
-            releaseRowChartInstance: !1
-          }), chartInstanceListColumnByColumnDirection[col][i] = null);
-        }
-        delete chartInstanceListColumnByColumnDirection[col];
+        }, 0), table.scenegraph.updateNextFrame();
       }
     }
-    function clearChartInstanceListByRowDirection(row, excludedCol, table, forceRelease = !1) {
+    function clearChartInstanceListByRowDirection(row, excludedCol, table) {
       var _a;
       if (isValid$2(chartInstanceListRowByRowDirection[row])) for (const i in chartInstanceListRowByRowDirection[row]) {
         if (isValid$2(excludedCol) && Number(i) === excludedCol) continue;
         const cellGroup = table.scenegraph.getCell(Number(i), row),
           chartNode = null === (_a = null == cellGroup ? void 0 : cellGroup.getChildren()) || void 0 === _a ? void 0 : _a[0];
-        isValid$2(chartNode) && (chartNode.addUpdateShapeAndBoundsTag(), chartNode.deactivate(table, {
-          forceRelease: forceRelease,
+        chartNode.addUpdateShapeAndBoundsTag(), isValid$2(chartNode) && (chartNode.deactivate(table, {
           releaseChartInstance: !0,
           releaseColumnChartInstance: !1,
           releaseRowChartInstance: !1
@@ -47964,19 +47975,6 @@
       }
       delete chartInstanceListRowByRowDirection[row];
     }
-    function clearDelayRunDimensionHoverTimers() {
-      for (const timer of delayRunDimensionHoverTimer) clearTimeout(timer);
-      delayRunDimensionHoverTimer.length = 0;
-    }
-    function clearAllChartInstanceList(table, forceRelease = !1) {
-      clearDelayRunDimensionHoverTimers();
-      for (const col in chartInstanceListColumnByColumnDirection) clearChartInstanceListByColumnDirection(Number(col), void 0, table, forceRelease);
-      for (const row in chartInstanceListRowByRowDirection) clearChartInstanceListByRowDirection(Number(row), void 0, table, forceRelease);
-    }
-    let disabledShowTooltipToAllChartInstances = !1;
-    function isDisabledShowTooltipToAllChartInstances() {
-      return disabledShowTooltipToAllChartInstances;
-    }
 
     function isValidAlignDomain(domain) {
       return 2 === domain.length && isValidNumber$1(domain[0]) && isValidNumber$1(domain[1]) && domain[1] >= domain[0];
@@ -48610,7 +48608,7 @@
     const CHART_NUMBER_TYPE = genNumberType();
     class Chart extends Rect$2 {
       constructor(isShareChartSpec, params) {
-        if (super(params), this.type = "chart", this.activeChartInstanceLastViewBox = null, this.activeChartInstanceHoverOnMark = null, this.justShowMarkTooltip = void 0, this.justShowMarkTooltipTimer = Date.now(), this.delayRunDimensionHoverTimer = void 0, this.numberType = CHART_NUMBER_TYPE, this.isShareChartSpec = isShareChartSpec, params.chartInstance) this.chartInstance = params.chartInstance;else {
+        if (super(params), this.type = "chart", this.activeChartInstanceHoverOnMark = null, this.justShowMarkTooltip = void 0, this.justShowMarkTooltipTimer = Date.now(), this.delayRunDimensionHoverTimer = void 0, this.numberType = CHART_NUMBER_TYPE, this.isShareChartSpec = isShareChartSpec, params.chartInstance) this.chartInstance = params.chartInstance;else {
           const chartInstance = this.chartInstance = new params.ClassType(params.spec, merge({}, this.attribute.tableChartOption, {
             renderCanvas: params.canvas,
             mode: "node" === this.attribute.mode ? "node" : "desktop-browser",
@@ -48631,7 +48629,7 @@
         }
       }
       activate(table) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var _a, _b, _c, _d, _e;
         if (this.activeChartInstance) return;
         const {
             col: col,
@@ -48650,7 +48648,7 @@
             y1: y1 - table.scrollTop,
             y2: y2 - table.scrollTop
           });
-        this.attribute.ClassType.globalConfig.uniqueTooltip = !1, this.activeChartInstance = new this.attribute.ClassType(this.attribute.spec, merge({}, this.attribute.tableChartOption, {
+        null === (_a = this.activeChartInstance) || void 0 === _a || _a.release(), this.attribute.ClassType.globalConfig.uniqueTooltip = !1, this.activeChartInstance = new this.attribute.ClassType(this.attribute.spec, merge({}, this.attribute.tableChartOption, {
           renderCanvas: this.attribute.canvas,
           mode: "desktop-browser",
           canvasControled: !1,
@@ -48684,7 +48682,7 @@
               layer.main && drawParams.clear && hoverColor && (context.beginPath(), context.fillStyle = hoverColor, context.rect(viewBox.x1, viewBox.y1, viewBox.x2 - viewBox.x1, viewBox.y2 - viewBox.y1), context.fill());
             }
           },
-          componentShowContent: (null === (_a = table.options.chartDimensionLinkage) || void 0 === _a ? void 0 : _a.showTooltip) && "scatter" !== this.attribute.spec.type ? {
+          componentShowContent: table.options.chartDimensionLinkage && "scatter" !== this.attribute.spec.type ? {
             tooltip: {
               dimension: !1,
               mark: !0
@@ -48695,43 +48693,16 @@
         const chartStage = this.activeChartInstance.getStage(),
           matrix = this.globalTransMatrix.clone(),
           stageMatrix = this.stage.window.getViewBoxTransform();
-        let brushChangeThrottle;
         matrix.multiply(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f), chartStage.window.setViewBoxTransform && chartStage.window.setViewBoxTransform(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f), this.activeChartInstance.renderSync(), null === (_c = null === (_b = table.internalProps.layoutMap) || void 0 === _b ? void 0 : _b.updateDataStateToActiveChartInstance) || void 0 === _c || _c.call(_b, this.activeChartInstance), this.activeChartInstance.on("click", params => {
           var _a;
-          !1 === (null === (_a = this.attribute.spec.select) || void 0 === _a ? void 0 : _a.enable) ? table.scenegraph.updateChartState(null, void 0) : Chart.temp && table.scenegraph.updateChartState(null == params ? void 0 : params.datum, "click");
-        }), (null === (_d = table.options.chartDimensionLinkage) || void 0 === _d ? void 0 : _d.listenBrushChange) && (brushChangeThrottle = cancellableThrottle(table.scenegraph.updateChartState.bind(table.scenegraph), null !== (_f = null === (_e = table.options.chartDimensionLinkage) || void 0 === _e ? void 0 : _e.brushChangeDelay) && void 0 !== _f ? _f : 100), this.activeChartInstance.on("brushChange", params => {
-          var _a;
-          brushChangeThrottle.throttled(null === (_a = null == params ? void 0 : params.value) || void 0 === _a ? void 0 : _a.inBrushData, "brush");
-        })), this.activeChartInstance.on("brushStart", params => {
-          const brushingChartInstance = getBrushingChartInstance();
-          brushingChartInstance !== this.activeChartInstance && (brushingChartInstance && brushingChartInstance.getChart().getComponentsByKey("brush")[0].clearBrushStateAndMask(), setBrushingChartInstance(this.activeChartInstance, col, row));
+          !1 === (null === (_a = this.attribute.spec.select) || void 0 === _a ? void 0 : _a.enable) ? table.scenegraph.updateChartState(null) : Chart.temp && table.scenegraph.updateChartState(null == params ? void 0 : params.datum);
         }), this.activeChartInstance.on("brushEnd", params => {
           var _a;
-          null == brushChangeThrottle || brushChangeThrottle.cancel(), table.scenegraph.updateChartState(null === (_a = null == params ? void 0 : params.value) || void 0 === _a ? void 0 : _a.inBrushData, "brush"), Chart.temp = 0, setTimeout(() => {
+          table.scenegraph.updateChartState(null === (_a = null == params ? void 0 : params.value) || void 0 === _a ? void 0 : _a.inBrushData), Chart.temp = 0, setTimeout(() => {
             Chart.temp = 1;
           }, 0);
-        }), (null === (_g = table.options.chartDimensionLinkage) || void 0 === _g ? void 0 : _g.showTooltip) && ("pie" === this.attribute.spec.type && (this.activeChartInstance.on("pointerover", {
-          markName: "pie"
-        }, params => {
-          var _a;
-          const categoryField = this.attribute.spec.categoryField,
-            datum = {
-              [categoryField]: null === (_a = null == params ? void 0 : params.datum) || void 0 === _a ? void 0 : _a[categoryField]
-            };
-          generateChartInstanceListByViewRange(datum, table, !1);
-        }), this.activeChartInstance.on("pointerout", {
-          markName: "pie"
-        }, params => {
-          var _a;
-          const categoryField = this.attribute.spec.categoryField,
-            datum = {
-              [categoryField]: null === (_a = null == params ? void 0 : params.datum) || void 0 === _a ? void 0 : _a[categoryField]
-            };
-          generateChartInstanceListByViewRange(datum, table, !0);
-        })), this.activeChartInstance.on("dimensionHover", params => {
+        }), table.options.chartDimensionLinkage && this.activeChartInstance.on("dimensionHover", params => {
           var _a, _b;
-          if (isDisabledShowTooltipToAllChartInstances()) return;
-          this.activeChartInstance.disableTooltip(!1);
           const dimensionInfo = null == params ? void 0 : params.dimensionInfo[0],
             canvasXY = null === (_a = null == params ? void 0 : params.event) || void 0 === _a ? void 0 : _a.canvas,
             viewport = null === (_b = null == params ? void 0 : params.event) || void 0 === _b ? void 0 : _b.viewport;
@@ -48748,11 +48719,11 @@
                 prev_justShowMarkTooltip = this.justShowMarkTooltip;
               params.mark && params.datum && !Array.isArray(params.datum) ? (this.activeChartInstanceHoverOnMark = params.mark, justShowMarkTooltip = !0) : (this.activeChartInstanceHoverOnMark = null, justShowMarkTooltip = !1), this.justShowMarkTooltip = justShowMarkTooltip;
               let delayRunDimensionHover = !1;
-              if (!1 !== prev_justShowMarkTooltip && !1 === justShowMarkTooltip ? (this.justShowMarkTooltipTimer = Date.now(), delayRunDimensionHover = !0) : !1 === prev_justShowMarkTooltip && !1 === justShowMarkTooltip ? delayRunDimensionHover = Date.now() - this.justShowMarkTooltipTimer < 100 : (!1 === prev_justShowMarkTooltip && !0 === justShowMarkTooltip || !0 === prev_justShowMarkTooltip && !0 === justShowMarkTooltip) && (delayRunDimensionHover = !1, this.clearDelayRunDimensionHoverTimer()), "enter" === params.action || "move" === params.action || preMark !== this.activeChartInstanceHoverOnMark) {
+              if (!1 !== prev_justShowMarkTooltip && !1 === justShowMarkTooltip ? (this.justShowMarkTooltipTimer = Date.now(), delayRunDimensionHover = !0) : !1 === prev_justShowMarkTooltip && !1 === justShowMarkTooltip ? delayRunDimensionHover = Date.now() - this.justShowMarkTooltipTimer < 100 : (!1 === prev_justShowMarkTooltip && !0 === justShowMarkTooltip || !0 === prev_justShowMarkTooltip && !0 === justShowMarkTooltip) && (delayRunDimensionHover = !1, clearTimeout(this.delayRunDimensionHoverTimer), this.delayRunDimensionHoverTimer = void 0), "enter" === params.action || "move" === params.action || preMark !== this.activeChartInstanceHoverOnMark) {
                 const dimensionValue = dimensionInfo.value,
                   indicatorsAsCol = table.options.indicatorsAsCol;
-                if (delayRunDimensionHover ? (this.clearDelayRunDimensionHoverTimer(), this.delayRunDimensionHoverTimer = setTimeout(() => {
-                  isDisabledShowTooltipToAllChartInstances() || (indicatorsAsCol ? generateChartInstanceListByRowDirection(row, dimensionValue, null, canvasXY, table, justShowMarkTooltip, !1) : generateChartInstanceListByColumnDirection(col, dimensionValue, null, canvasXY, table, justShowMarkTooltip, !1));
+                if (delayRunDimensionHover ? (clearTimeout(this.delayRunDimensionHoverTimer), this.delayRunDimensionHoverTimer = setTimeout(() => {
+                  indicatorsAsCol ? generateChartInstanceListByRowDirection(row, dimensionValue, null, canvasXY, table, justShowMarkTooltip, !1) : generateChartInstanceListByColumnDirection(col, dimensionValue, null, canvasXY, table, justShowMarkTooltip, !1);
                 }, 100)) : indicatorsAsCol ? generateChartInstanceListByRowDirection(row, dimensionValue, null, canvasXY, table, justShowMarkTooltip, !1) : generateChartInstanceListByColumnDirection(col, dimensionValue, null, canvasXY, table, justShowMarkTooltip, !1), indicatorsAsCol) {
                   const series = dimensionInfo.data[0].series,
                     width = "histogram" === this.attribute.spec.type || "line" === series.type || "area" === series.type ? 0 : series.getYAxisHelper().getBandwidth(0);
@@ -48793,26 +48764,21 @@
               }
             }
           }
-        })), null === (_j = (_h = table)._bindChartEvent) || void 0 === _j || _j.call(_h, this.activeChartInstance), isDisabledShowTooltipToAllChartInstances() && this.activeChartInstance.disableTooltip(!0);
-      }
-      clearDelayRunDimensionHoverTimer() {
-        clearTimeout(this.delayRunDimensionHoverTimer), this.delayRunDimensionHoverTimer = void 0;
+        }), null === (_e = (_d = table)._bindChartEvent) || void 0 === _e || _e.call(_d, this.activeChartInstance);
       }
       deactivate(table, {
-        forceRelease = !1,
         releaseChartInstance = !0,
         releaseColumnChartInstance = !0,
-        releaseRowChartInstance = !0,
-        releaseAllChartInstance = !1
+        releaseRowChartInstance = !0
       } = {}) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        if (this.activeChartInstanceHoverOnMark = null, this.justShowMarkTooltip = void 0, this.justShowMarkTooltipTimer = Date.now(), this.clearDelayRunDimensionHoverTimer(), releaseChartInstance) {
-          !forceRelease && getBrushingChartInstance() && getBrushingChartInstance() === this.activeChartInstance || (null === (_a = this.activeChartInstance) || void 0 === _a || _a.updateViewBox({
+        if (this.activeChartInstanceHoverOnMark = null, this.justShowMarkTooltip = void 0, this.justShowMarkTooltipTimer = Date.now(), clearTimeout(this.delayRunDimensionHoverTimer), this.delayRunDimensionHoverTimer = void 0, releaseChartInstance) {
+          null === (_a = this.activeChartInstance) || void 0 === _a || _a.updateViewBox({
             x1: -1e3,
             x2: -800,
             y1: -1e3,
             y2: -800
-          }, !1, !1), null === (_b = this.activeChartInstance) || void 0 === _b || _b.release(), this.activeChartInstance = null);
+          }, !1, !1), null === (_b = this.activeChartInstance) || void 0 === _b || _b.release(), this.activeChartInstance = null;
           const {
             col: col,
             row: row
@@ -48825,7 +48791,7 @@
           } = this.parent;
           releaseColumnChartInstance && table.internalProps.layoutMap.isAxisCell(col, table.rowCount - table.bottomFrozenRowCount) && (null === (_h = null === (_g = table.scenegraph.getCell(col, table.rowCount - table.bottomFrozenRowCount).firstChild) || void 0 === _g ? void 0 : _g.hideLabelHoverOnAxis) || void 0 === _h || _h.call(_g)), releaseRowChartInstance && table.internalProps.layoutMap.isAxisCell(table.rowHeaderLevelCount - 1, row) && (null === (_k = null === (_j = table.scenegraph.getCell(table.rowHeaderLevelCount - 1, row).firstChild) || void 0 === _j ? void 0 : _j.hideLabelHoverOnAxis) || void 0 === _k || _k.call(_j));
         }
-        releaseAllChartInstance ? clearAllChartInstanceList(table, forceRelease) : (releaseColumnChartInstance && clearChartInstanceListByColumnDirection(this.parent.col, "scatter" === this.attribute.spec.type ? this.parent.row : void 0, table, forceRelease), releaseRowChartInstance && clearChartInstanceListByRowDirection(this.parent.row, "scatter" === this.attribute.spec.type ? this.parent.col : void 0, table, forceRelease));
+        releaseColumnChartInstance && clearChartInstanceListByColumnDirection(this.parent.col, "scatter" === this.attribute.spec.type ? this.parent.row : void 0, table), releaseRowChartInstance && clearChartInstanceListByRowDirection(this.parent.row, "scatter" === this.attribute.spec.type ? this.parent.col : void 0, table);
       }
       updateData(data) {
         this.attribute.data = data;
@@ -48840,14 +48806,13 @@
             y1: y1,
             x2: x2,
             y2: y2
-          } = cellGroup.globalAABBBounds,
-          viewBox = {
-            x1: Math.ceil(x1 + padding[3] + table.scrollLeft + (null !== (_b = null === (_a = table.options.viewBox) || void 0 === _a ? void 0 : _a.x1) && void 0 !== _b ? _b : 0)),
-            x2: Math.ceil(x1 + cellGroup.attribute.width - padding[1] + table.scrollLeft + (null !== (_d = null === (_c = table.options.viewBox) || void 0 === _c ? void 0 : _c.x1) && void 0 !== _d ? _d : 0)),
-            y1: Math.ceil(y1 + padding[0] + table.scrollTop + (null !== (_f = null === (_e = table.options.viewBox) || void 0 === _e ? void 0 : _e.y1) && void 0 !== _f ? _f : 0)),
-            y2: Math.ceil(y1 + cellGroup.attribute.height - padding[2] + table.scrollTop + (null !== (_h = null === (_g = table.options.viewBox) || void 0 === _g ? void 0 : _g.y1) && void 0 !== _h ? _h : 0))
-          };
-        return this.activeChartInstance ? this.activeChartInstanceLastViewBox = viewBox : this.activeChartInstanceLastViewBox = null, viewBox;
+          } = cellGroup.globalAABBBounds;
+        return {
+          x1: Math.ceil(x1 + padding[3] + table.scrollLeft + (null !== (_b = null === (_a = table.options.viewBox) || void 0 === _a ? void 0 : _a.x1) && void 0 !== _b ? _b : 0)),
+          x2: Math.ceil(x1 + cellGroup.attribute.width - padding[1] + table.scrollLeft + (null !== (_d = null === (_c = table.options.viewBox) || void 0 === _c ? void 0 : _c.x1) && void 0 !== _d ? _d : 0)),
+          y1: Math.ceil(y1 + padding[0] + table.scrollTop + (null !== (_f = null === (_e = table.options.viewBox) || void 0 === _e ? void 0 : _e.y1) && void 0 !== _f ? _f : 0)),
+          y2: Math.ceil(y1 + cellGroup.attribute.height - padding[2] + table.scrollTop + (null !== (_h = null === (_g = table.options.viewBox) || void 0 === _g ? void 0 : _g.y1) && void 0 !== _h ? _h : 0))
+        };
       }
     }
     function getTableBounds(col, row, table) {
@@ -49062,7 +49027,7 @@
           {
             width = groupAttribute.width,
             height = groupAttribute.height
-          } = chart.attribute,
+          } = (chart.getViewBox(), chart.attribute),
           {
             table: table
           } = chart.getRootNode(),
@@ -49090,9 +49055,8 @@
               });
             }
           }
-          const lastViewBox = chart.activeChartInstanceLastViewBox,
-            viewBox = chart.getViewBox();
-          lastViewBox && viewBox.x1 === lastViewBox.x1 && viewBox.x2 === lastViewBox.x2 && viewBox.y1 === lastViewBox.y1 && viewBox.y2 === lastViewBox.y2 || activeChartInstance.updateViewBox({
+          const viewBox = chart.getViewBox();
+          activeChartInstance.updateViewBox({
             x1: 0,
             x2: viewBox.x2 - viewBox.x1,
             y1: 0,
@@ -52610,10 +52574,9 @@
         });
       }
     }
-    function updateChartState(scenegraph, datum, selectedDataMode) {
+    function updateChartState(scenegraph, datum) {
       const table = scenegraph.table;
       if (table.isPivotChart()) {
-        table._selectedDataMode = selectedDataMode;
         const preSelectItemsCount = table._selectedDataItemsInChart.length;
         if ((null == datum || 0 === (null == datum ? void 0 : datum.length) || 0 === Object.keys(datum).length) && 0 === preSelectItemsCount) return;
         const newSelectedDataItemsInChart = [];
@@ -53361,39 +53324,16 @@
       resetResidentHoverIcon(col, row) {
         resetResidentHoverIcon(col, row, this);
       }
-      deactivateChart(col, row, forceRelease = !1) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        if (-1 === col || -1 === row) {
-          if (forceRelease) {
-            const brushingChartInstanceCellPos = getBrushingChartInstanceCellPos(),
-              brushingChartInstance = getBrushingChartInstance();
-            if (brushingChartInstanceCellPos && brushingChartInstance) {
-              const cellGroup = this.getCell(brushingChartInstanceCellPos.col, brushingChartInstanceCellPos.row);
-              (null === (_a = null == cellGroup ? void 0 : cellGroup.firstChild) || void 0 === _a ? void 0 : _a.deactivate) && (clearBrushingChartInstance(), null === (_c = null === (_b = null == cellGroup ? void 0 : cellGroup.firstChild) || void 0 === _b ? void 0 : _b.deactivate) || void 0 === _c || _c.call(_b, this.table, {
-                forceRelease: !0,
-                releaseChartInstance: !0,
-                releaseColumnChartInstance: !0,
-                releaseRowChartInstance: !0,
-                releaseAllChartInstance: !0
-              }));
-            }
-          }
-          return;
-        }
+      deactivateChart(col, row) {
+        var _a, _b, _c;
+        if (-1 === col || -1 === row) return;
         const cellGroup = this.getCell(col, row);
-        if (null === (_d = null == cellGroup ? void 0 : cellGroup.firstChild) || void 0 === _d ? void 0 : _d.deactivate) {
-          if (forceRelease) return clearBrushingChartInstance(), void (null === (_f = null === (_e = null == cellGroup ? void 0 : cellGroup.firstChild) || void 0 === _e ? void 0 : _e.deactivate) || void 0 === _f || _f.call(_e, this.table, {
-            forceRelease: !0,
-            releaseChartInstance: !0,
-            releaseColumnChartInstance: !0,
-            releaseRowChartInstance: !0,
-            releaseAllChartInstance: !0
-          }));
+        if (null === (_a = null == cellGroup ? void 0 : cellGroup.firstChild) || void 0 === _a ? void 0 : _a.deactivate) {
           const chartType = (null == cellGroup ? void 0 : cellGroup.firstChild).attribute.spec.type;
-          null === (_h = null === (_g = null == cellGroup ? void 0 : cellGroup.firstChild) || void 0 === _g ? void 0 : _g.deactivate) || void 0 === _h || _h.call(_g, this.table, (null === (_j = this.table.options.chartDimensionLinkage) || void 0 === _j ? void 0 : _j.showTooltip) ? {
-            releaseChartInstance: "pie" !== chartType && ("scatter" === chartType ? col !== this.table.stateManager.hover.cellPos.col && row !== this.table.stateManager.hover.cellPos.row || this.table.stateManager.hover.cellPos.row < this.table.frozenRowCount || this.table.stateManager.hover.cellPos.row > this.table.rowCount - 1 - this.table.bottomFrozenRowCount || this.table.stateManager.hover.cellPos.col < this.table.frozenColCount || this.table.stateManager.hover.cellPos.col > this.table.colCount - 1 - this.table.rightFrozenColCount : this.table.options.indicatorsAsCol ? row !== this.table.stateManager.hover.cellPos.row || this.table.stateManager.hover.cellPos.col < this.table.frozenColCount || this.table.stateManager.hover.cellPos.col > this.table.colCount - 1 - this.table.rightFrozenColCount : col !== this.table.stateManager.hover.cellPos.col || this.table.stateManager.hover.cellPos.row < this.table.frozenRowCount || this.table.stateManager.hover.cellPos.row > this.table.rowCount - 1 - this.table.bottomFrozenRowCount),
-            releaseColumnChartInstance: "pie" !== chartType && (col !== this.table.stateManager.hover.cellPos.col || this.table.stateManager.hover.cellPos.row < this.table.frozenRowCount || this.table.stateManager.hover.cellPos.row > this.table.rowCount - 1 - this.table.bottomFrozenRowCount),
-            releaseRowChartInstance: "pie" !== chartType && (row !== this.table.stateManager.hover.cellPos.row || this.table.stateManager.hover.cellPos.col < this.table.frozenColCount || this.table.stateManager.hover.cellPos.col > this.table.colCount - 1 - this.table.rightFrozenColCount)
+          null === (_c = null === (_b = null == cellGroup ? void 0 : cellGroup.firstChild) || void 0 === _b ? void 0 : _b.deactivate) || void 0 === _c || _c.call(_b, this.table, this.table.options.chartDimensionLinkage ? {
+            releaseChartInstance: "scatter" === chartType ? col !== this.table.stateManager.hover.cellPos.col && row !== this.table.stateManager.hover.cellPos.row || this.table.stateManager.hover.cellPos.row < this.table.frozenRowCount || this.table.stateManager.hover.cellPos.row > this.table.rowCount - 1 - this.table.bottomFrozenRowCount || this.table.stateManager.hover.cellPos.col < this.table.frozenColCount || this.table.stateManager.hover.cellPos.col > this.table.colCount - 1 - this.table.rightFrozenColCount : this.table.options.indicatorsAsCol ? row !== this.table.stateManager.hover.cellPos.row || this.table.stateManager.hover.cellPos.col < this.table.frozenColCount || this.table.stateManager.hover.cellPos.col > this.table.colCount - 1 - this.table.rightFrozenColCount : col !== this.table.stateManager.hover.cellPos.col || this.table.stateManager.hover.cellPos.row < this.table.frozenRowCount || this.table.stateManager.hover.cellPos.row > this.table.rowCount - 1 - this.table.bottomFrozenRowCount,
+            releaseColumnChartInstance: col !== this.table.stateManager.hover.cellPos.col || this.table.stateManager.hover.cellPos.row < this.table.frozenRowCount || this.table.stateManager.hover.cellPos.row > this.table.rowCount - 1 - this.table.bottomFrozenRowCount,
+            releaseRowChartInstance: row !== this.table.stateManager.hover.cellPos.row || this.table.stateManager.hover.cellPos.col < this.table.frozenColCount || this.table.stateManager.hover.cellPos.col > this.table.colCount - 1 - this.table.rightFrozenColCount
           } : void 0);
         }
       }
@@ -53441,15 +53381,8 @@
       updateChartSizeForResizeRowHeight(row) {
         updateChartSizeForResizeRowHeight(this, row);
       }
-      updateChartState(datum, selectedDataMode) {
-        var _a, _b;
-        if (this.table.isPivotChart()) {
-          if (null == datum || 0 === (null == datum ? void 0 : datum.length) || 0 === Object.keys(datum).length) {
-            const brushingChartInstance = getBrushingChartInstance();
-            brushingChartInstance && brushingChartInstance.getChart().getComponentsByKey("brush")[0].clearBrushStateAndMask(), null === (_b = null === (_a = this.table.options.chartDimensionLinkage) || void 0 === _a ? void 0 : _a.clearChartState) || void 0 === _b || _b.call(_a);
-          }
-          updateChartState(this, datum, selectedDataMode);
-        }
+      updateChartState(datum) {
+        this.table.isPivotChart() && updateChartState(this, datum);
       }
       updateCheckboxCellState(col, row, checked) {
         var _a, _b;
@@ -56476,7 +56409,7 @@
         }, 0 !== e.button) return;
         const eventArgsSet = getCellEventArgsSet(e);
         if (eventManager.downIcon = void 0, stateManager.interactionState !== InteractionState.default) return;
-        if (table.isPivotChart() && "chart" !== (null === (_a = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _a ? void 0 : _a.target.type) && (table.scenegraph.updateChartState(null, void 0), table.scenegraph.deactivateChart(-1, -1, !0)), (null === (_b = eventArgsSet.eventArgs) || void 0 === _b ? void 0 : _b.target) !== (null === (_c = stateManager.residentHoverIcon) || void 0 === _c ? void 0 : _c.icon) && stateManager.hideMenu(), "chart" === (null === (_d = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _d ? void 0 : _d.target.type)) return;
+        if (table.isPivotChart() && "chart" !== (null === (_a = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _a ? void 0 : _a.target.type) && table.scenegraph.updateChartState(null), (null === (_b = eventArgsSet.eventArgs) || void 0 === _b ? void 0 : _b.target) !== (null === (_c = stateManager.residentHoverIcon) || void 0 === _c ? void 0 : _c.icon) && stateManager.hideMenu(), "chart" === (null === (_d = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _d ? void 0 : _d.target.type)) return;
         const isCompleteEdit = null === (_e = table.editorManager) || void 0 === _e ? void 0 : _e.completeEdit(e.nativeEvent);
         getPromiseValue(isCompleteEdit, isCompleteEdit => {
           var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
@@ -56504,7 +56437,7 @@
               }
               eventManager.dealTableHover(eventArgsSet);
             } else {
-              if (!eventManager.checkCellFillhandle(eventArgsSet) && (eventManager.checkColumnResize(eventArgsSet, !0) || eventManager.checkRowResize(eventArgsSet, !0))) return table.scenegraph.updateChartState(null, void 0), table.scenegraph.deactivateChart(-1, -1, !0), void stateManager.updateInteractionState(InteractionState.grabing);
+              if (!eventManager.checkCellFillhandle(eventArgsSet) && (eventManager.checkColumnResize(eventArgsSet, !0) || eventManager.checkRowResize(eventArgsSet, !0))) return table.scenegraph.updateChartState(null), void stateManager.updateInteractionState(InteractionState.grabing);
               if (eventManager.checkColumnMover(eventArgsSet)) return void stateManager.updateInteractionState(InteractionState.grabing);
               if (eventManager.checkCellFillhandle(eventArgsSet, !0) && eventManager.dealFillSelect(eventArgsSet)) return void stateManager.updateInteractionState(InteractionState.grabing);
               eventManager.dealTableSelect(eventArgsSet) && stateManager.updateInteractionState(InteractionState.grabing);
@@ -56656,7 +56589,7 @@
           if (!(null === (_a = table.options.customConfig) || void 0 === _a ? void 0 : _a.selectCellWhenCellEditorNotExists) && !1 === isCompleteEdit) return;
           const hitIcon = (null === (_b = e.target.role) || void 0 === _b ? void 0 : _b.startsWith("icon")) ? e.target : void 0;
           if (eventManager.downIcon = hitIcon, "touch" === e.pointerType || hitIcon || eventManager.checkCellFillhandle(eventArgsSet) || stateManager.columnResize.resizing || !eventManager.checkColumnResize(eventArgsSet, !0)) ;else {
-            table.scenegraph.updateChartState(null, void 0), table.scenegraph.deactivateChart(-1, -1, !0), stateManager.updateInteractionState(InteractionState.grabing);
+            table.scenegraph.updateChartState(null), stateManager.updateInteractionState(InteractionState.grabing);
             const {
               eventArgs: eventArgs
             } = eventArgsSet;
@@ -56675,7 +56608,7 @@
         if (table.eventManager.isDraging || !target || !target.isDescendantsOf(table.scenegraph.stage) && target.stage !== target || target.isDescendantsOf(table.scenegraph.tableGroup)) table.eventManager.isDraging && stateManager.isSelecting() && stateManager.endSelectCells();else {
           stateManager.updateInteractionState(InteractionState.default), eventManager.dealTableHover();
           const isHasSelected = !!(null === (_a = stateManager.select.ranges) || void 0 === _a ? void 0 : _a.length);
-          (null === (_b = table.options.customConfig) || void 0 === _b ? void 0 : _b.cancelSelectCellHook) ? (null === (_c = table.options.customConfig) || void 0 === _c ? void 0 : _c.cancelSelectCellHook(e)) && eventManager.dealTableSelect() : (null === (_e = null === (_d = table.options.select) || void 0 === _d ? void 0 : _d.blankAreaClickDeselect) || void 0 === _e || _e) && eventManager.dealTableSelect(), stateManager.endSelectCells(!0, isHasSelected), stateManager.updateCursor(), table.scenegraph.updateChartState(null, void 0), table.scenegraph.deactivateChart(-1, -1, !0);
+          (null === (_b = table.options.customConfig) || void 0 === _b ? void 0 : _b.cancelSelectCellHook) ? (null === (_c = table.options.customConfig) || void 0 === _c ? void 0 : _c.cancelSelectCellHook(e)) && eventManager.dealTableSelect() : (null === (_e = null === (_d = table.options.select) || void 0 === _d ? void 0 : _d.blankAreaClickDeselect) || void 0 === _e || _e) && eventManager.dealTableSelect(), stateManager.endSelectCells(!0, isHasSelected), stateManager.updateCursor(), table.scenegraph.updateChartState(null);
         }
       }), table.scenegraph.stage.addEventListener("pointermove", e => {
         var _a, _b, _c;
@@ -56793,15 +56726,7 @@
         table.stateManager.setCheckedState(col, row, cellInfo.field, e.detail.checked), table.fireListeners(TABLE_EVENT_TYPE.SWITCH_STATE_CHANGE, cellsEvent), table.scenegraph.updateNextFrame();
       }), table.scenegraph.stage.addEventListener("wheel", e => {
         var _a;
-        if (!e.path.find(node => "legend" === node.name)) {
-          null === (_a = table.editorManager) || void 0 === _a || _a.completeEdit();
-          const {
-              cellPos: cellPos
-            } = table.stateManager.hover,
-            prevHoverCellCol = cellPos.col,
-            prevHoverCellRow = cellPos.row;
-          table.scenegraph.deactivateChart(prevHoverCellCol, prevHoverCellRow, !0), table.eventManager._enableTableScroll && handleWhell(e, stateManager);
-        }
+        e.path.find(node => "legend" === node.name) || (null === (_a = table.editorManager) || void 0 === _a || _a.completeEdit(), table.eventManager._enableTableScroll && handleWhell(e, stateManager));
       });
     }
     function bindGesture(eventManager) {
@@ -56916,13 +56841,11 @@
       const throttleVerticalWheel = throttle(stateManager.updateVerticalScrollBar, 20),
         throttleHorizontalWheel = throttle(stateManager.updateHorizontalScrollBar, 20);
       scenegraph.component.vScrollBar.addEventListener("scrollDrag", e => {
-        var _a;
-        scenegraph.table.eventManager.isDown && (scenegraph.table.eventManager.isDraging = !0), stateManager.fastScrolling = !0, stateManager.interactionState !== InteractionState.scrolling && stateManager.updateInteractionState(InteractionState.scrolling), scenegraph.table.stateManager.hideMenu(), null === (_a = scenegraph.table.editorManager) || void 0 === _a || _a.completeEdit(), table.scenegraph.deactivateChart(-1, -1, !0);
+        scenegraph.table.eventManager.isDown && (scenegraph.table.eventManager.isDraging = !0), stateManager.fastScrolling = !0, stateManager.interactionState !== InteractionState.scrolling && stateManager.updateInteractionState(InteractionState.scrolling);
         const ratio = e.detail.value[0] / (1 - e.detail.value[1] + e.detail.value[0]);
         throttleVerticalWheel(ratio, e);
       }), scenegraph.component.hScrollBar.addEventListener("scrollDrag", e => {
-        var _a;
-        scenegraph.table.eventManager.isDown && (scenegraph.table.eventManager.isDraging = !0), stateManager.fastScrolling = !0, stateManager.interactionState !== InteractionState.scrolling && stateManager.updateInteractionState(InteractionState.scrolling), scenegraph.table.stateManager.hideMenu(), null === (_a = scenegraph.table.editorManager) || void 0 === _a || _a.completeEdit(), table.scenegraph.deactivateChart(-1, -1, !0);
+        scenegraph.table.eventManager.isDown && (scenegraph.table.eventManager.isDraging = !0), stateManager.fastScrolling = !0, stateManager.interactionState !== InteractionState.scrolling && stateManager.updateInteractionState(InteractionState.scrolling);
         const ratio = e.detail.value[0] / (1 - e.detail.value[1] + e.detail.value[0]);
         throttleHorizontalWheel(ratio);
       });
@@ -57072,7 +56995,7 @@
               const isHasSelected = !!(null === (_b = stateManager.select.ranges) || void 0 === _b ? void 0 : _b.length);
               eventManager.dealTableSelect(), stateManager.endSelectCells(!0, isHasSelected);
             }
-          }), table.scenegraph.updateChartState(null, void 0), table.scenegraph.deactivateChart(-1, -1, !0);
+          });
         }
       };
       eventManager.globalEventListeners.push({
@@ -57583,7 +57506,7 @@
     };
     let EventManager$1 = class EventManager {
       constructor(table) {
-        this.isDown = !1, this.isDraging = !1, this.globalEventListeners = [], this._enableTableScroll = !0, this.cutWaitPaste = !1, this.clipboardCheckTimer = null, this.cutOperationTime = 0, this.lastClipboardContent = "", this.cutCellRange = null, this.copySourceRange = null, this.table = table, this.handleTextStickBindId = [], this.inertiaScroll = new InertiaScroll(table.stateManager), "node" === Env$1.mode || table.options.disableInteraction || (this.bindOuterEvent(), setTimeout(() => {
+        this.isDown = !1, this.isDraging = !1, this.globalEventListeners = [], this._enableTableScroll = !0, this.cutWaitPaste = !1, this.clipboardCheckTimer = null, this.cutOperationTime = 0, this.lastClipboardContent = "", this.cutCellRange = null, this.cutRanges = null, this.copySourceRange = null, this.table = table, this.handleTextStickBindId = [], this.inertiaScroll = new InertiaScroll(table.stateManager), "node" === Env$1.mode || table.options.disableInteraction || (this.bindOuterEvent(), setTimeout(() => {
           this.bindSelfEvent();
         }, 0));
       }
@@ -57885,15 +57808,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);
@@ -57970,9 +57903,9 @@
       }
       clearCutArea(table) {
         try {
-          const selectCells = this.cutCellRange;
-          if (!selectCells || 0 === selectCells.length) return;
-          for (let i = 0; i < selectCells.length; i++) for (let j = 0; j < selectCells[i].length; j++) selectCells[i][j] && table.changeCellValue(selectCells[i][j].col, selectCells[i][j].row, void 0);
+          const ranges = this.cutRanges;
+          if (!ranges || 0 === ranges.length) return;
+          table.changeCellValuesByIds(ranges, "");
         } catch (error) {}
       }
       checkClipboardChanged() {
@@ -59910,6 +59843,15 @@
       constructor(table, customCellStyle, customCellStyleArrangement) {
         this.table = table, this.customCellStyle = customCellStyle, this.customCellStyleArrangement = customCellStyleArrangement;
       }
+      clearCustomCellStyleArrangement() {
+        this.customCellStyleArrangement = [];
+      }
+      addCustomCellStyleArrangement(cellPosition, customStyleId) {
+        this.customCellStyleArrangement.push({
+          cellPosition: cellPosition,
+          customStyleId: customStyleId
+        });
+      }
       getCustomCellStyle(col, row) {
         const customStyleIds = this.getCustomCellStyleIds(col, row);
         if (customStyleIds.length) {
@@ -60215,7 +60157,7 @@
       }
       constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.22.11-alpha.8", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env$1.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.22.11-alpha.9", 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
@@ -64026,15 +63968,16 @@
         step((generator = generator.apply(thisArg, _arguments || [])).next());
       });
     };
-    function listTableChangeCellValue(col, row, value, workOnEditableCell, triggerEvent, table) {
+    function listTableChangeCellValue(col, row, value, workOnEditableCell, triggerEvent, table, silentChangeCellValuesEvent) {
       if (workOnEditableCell && table.isHasEditorDefine(col, row) || !1 === workOnEditableCell) {
-        const recordIndex = table.getRecordShowIndexByCell(col, row),
+        const recordShowIndex = table.getRecordShowIndexByCell(col, row),
+          recordIndex = recordShowIndex >= 0 ? table.dataSource.getIndexKey(recordShowIndex) : void 0,
           {
             field: field
           } = table.internalProps.layoutMap.getBody(col, row),
           beforeChangeValue = table.getCellRawValue(col, row),
           oldValue = table.getCellOriginValue(col, row);
-        table.isHeader(col, row) ? table.internalProps.layoutMap.updateColumnTitle(col, row, value) : table.dataSource.changeFieldValue(value, recordIndex, field, col, row, table);
+        table.isHeader(col, row) ? table.internalProps.layoutMap.updateColumnTitle(col, row, value) : table.dataSource.changeFieldValue(value, recordShowIndex, field, col, row, table);
         const range = table.getCellRange(col, row),
           aggregators = table.internalProps.layoutMap.getAggregatorsByCell(col, row);
         if (aggregators) {
@@ -64057,16 +64000,24 @@
           table.scenegraph.updateRowHeight(row, newHeight - oldHeight);
         }
         const changedValue = table.getCellOriginValue(col, row);
-        oldValue !== changedValue && triggerEvent && table.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, {
-          col: col,
-          row: row,
-          rawValue: beforeChangeValue,
-          currentValue: oldValue,
-          changedValue: changedValue
-        }), table.scenegraph.updateNextFrame();
+        if (oldValue !== changedValue && triggerEvent) {
+          const changeValue = {
+            col: col,
+            row: row,
+            recordIndex: recordIndex,
+            field: field,
+            rawValue: beforeChangeValue,
+            currentValue: oldValue,
+            changedValue: changedValue
+          };
+          table.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, changeValue), silentChangeCellValuesEvent || table.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, {
+            values: [changeValue]
+          });
+        }
+        table.scenegraph.updateNextFrame();
       }
     }
-    function listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, table) {
+    function listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, table, silentChangeCellValuesEvent) {
       var _a, _b;
       return __awaiter(this, void 0, void 0, function* () {
         const changedCellResults = [];
@@ -64088,6 +64039,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];
@@ -64111,25 +64063,34 @@
             if (isCanChange) {
               changedCellResults[i][j] = !0;
               const value = rowValues[j],
-                recordIndex = table.getRecordShowIndexByCell(startCol + j, startRow + i),
+                recordShowIndex = table.getRecordShowIndexByCell(startCol + j, startRow + i),
+                recordIndex = recordShowIndex >= 0 ? table.dataSource.getIndexKey(recordShowIndex) : void 0,
                 {
                   field: field
                 } = table.internalProps.layoutMap.getBody(startCol + j, startRow + i),
                 beforeChangeValue = beforeChangeValues[i][j],
                 oldValue = oldValues[i][j];
-              table.isHeader(startCol + j, startRow + i) ? table.internalProps.layoutMap.updateColumnTitle(startCol + j, startRow + i, value) : table.dataSource.changeFieldValue(value, recordIndex, field, startCol + j, startRow + i, table);
+              table.isHeader(startCol + j, startRow + i) ? table.internalProps.layoutMap.updateColumnTitle(startCol + j, startRow + i, value) : table.dataSource.changeFieldValue(value, recordShowIndex, field, startCol + j, startRow + i, table);
               const changedValue = table.getCellOriginValue(startCol + j, startRow + i);
-              oldValue !== changedValue && triggerEvent && table.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, {
-                col: startCol + j,
-                row: startRow + i,
-                rawValue: beforeChangeValue,
-                currentValue: oldValue,
-                changedValue: changedValue
-              });
+              if (oldValue !== changedValue && triggerEvent) {
+                const changeValue = {
+                  col: startCol + j,
+                  row: startRow + i,
+                  recordIndex: recordIndex,
+                  field: field,
+                  rawValue: beforeChangeValue,
+                  currentValue: oldValue,
+                  changedValue: changedValue
+                };
+                table.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, changeValue), resultChangeValues.push(changeValue);
+              }
             } else changedCellResults[i][j] = !1;
           }
           pasteColEnd = Math.max(pasteColEnd, thisRowPasteColEnd);
         }
+        silentChangeCellValuesEvent || table.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, {
+          values: resultChangeValues
+        });
         const startRange = table.getCellRange(startCol, startRow),
           range = table.getCellRange(pasteColEnd, pasteRowEnd),
           aggregators = table.internalProps.layoutMap.getAggregatorsByCellRange(startRange.start.col, startRange.start.row, range.end.col, range.end.row);
@@ -64163,6 +64124,58 @@
         return table.scenegraph.updateNextFrame(), changedCellResults;
       });
     }
+    function listTableChangeCellValuesByIds(ranges, value, workOnEditableCell, triggerEvent, table, silentChangeCellValuesEvent) {
+      var _a, _b;
+      return __awaiter(this, void 0, void 0, function* () {
+        const resultChangeValues = [],
+          processed = new Set(),
+          nextValue = null != value ? value : "";
+        for (let i = 0; i < (null !== (_a = null == ranges ? void 0 : ranges.length) && void 0 !== _a ? _a : 0); i++) {
+          const range = ranges[i],
+            startCol = Math.min(range.start.col, range.end.col),
+            endCol = Math.max(range.start.col, range.end.col),
+            startRow = Math.min(range.start.row, range.end.row),
+            endRow = Math.max(range.start.row, range.end.row);
+          if (startCol > endCol || startRow > endRow) continue;
+          const values = [],
+            oldValues = [];
+          for (let row = startRow; row <= endRow; row++) {
+            const rowValues = [],
+              rowOldValues = [];
+            for (let col = startCol; col <= endCol; col++) rowValues.push(nextValue), rowOldValues.push(table.getCellOriginValue(col, row));
+            values.push(rowValues), oldValues.push(rowOldValues);
+          }
+          const changedCellResults = yield listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, table, !0);
+          for (let r = 0; r < values.length; r++) for (let c = 0; c < values[r].length; c++) {
+            const col = startCol + c,
+              row = startRow + r,
+              key = `${col},${row}`;
+            if (processed.has(key)) continue;
+            if (processed.add(key), !triggerEvent || !(null === (_b = null == changedCellResults ? void 0 : changedCellResults[r]) || void 0 === _b ? void 0 : _b[c])) continue;
+            const oldValue = oldValues[r][c],
+              changedValue = table.getCellOriginValue(col, row);
+            if (oldValue === changedValue) continue;
+            const recordShowIndex = table.getRecordShowIndexByCell(col, row),
+              recordIndex = recordShowIndex >= 0 ? table.dataSource.getIndexKey(recordShowIndex) : void 0,
+              {
+                field: field
+              } = table.internalProps.layoutMap.getBody(col, row);
+            resultChangeValues.push({
+              col: col,
+              row: row,
+              recordIndex: recordIndex,
+              field: field,
+              rawValue: oldValue,
+              currentValue: oldValue,
+              changedValue: changedValue
+            });
+          }
+        }
+        !silentChangeCellValuesEvent && triggerEvent && table.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, {
+          values: resultChangeValues
+        });
+      });
+    }
     function getCellUpdateType(col, row, table, oldCellUpdateType) {
       if ("group" === oldCellUpdateType) return oldCellUpdateType;
       if ("sort" === oldCellUpdateType && !table.internalProps.groupBy) return oldCellUpdateType;
@@ -64180,13 +64193,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;
@@ -64255,13 +64271,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;
@@ -64330,16 +64349,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,
@@ -64377,7 +64400,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 = [],
@@ -64409,15 +64432,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 {
@@ -65183,8 +65210,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;
@@ -65326,43 +65353,165 @@
         }
         return isValid$2(editorDefine);
       }
-      changeCellValue(col, row, value, workOnEditableCell = !1, triggerEvent = !0) {
-        return listTableChangeCellValue(col, row, value, workOnEditableCell, triggerEvent, this);
+      changeCellValue(col, row, value, workOnEditableCell = !1, triggerEvent = !0, silentChangeCellValuesEvent) {
+        return listTableChangeCellValue(col, row, value, workOnEditableCell, triggerEvent, this, silentChangeCellValuesEvent);
+      }
+      changeCellValues(startCol, startRow, values, workOnEditableCell = !1, triggerEvent = !0, silentChangeCellValuesEvent) {
+        return listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, this, silentChangeCellValuesEvent);
+      }
+      changeCellValuesByIds(ranges, value, workOnEditableCell = !1, triggerEvent = !0, silentChangeCellValuesEvent) {
+        return listTableChangeCellValuesByIds(ranges, value, workOnEditableCell, triggerEvent, this, silentChangeCellValuesEvent);
+      }
+      changeSourceCellValue(recordIndex, field, value) {
+        const tableIndex = this.getTableIndexByRecordIndex(recordIndex),
+          cellAddr = this.getCellAddrByFieldRecord(field, recordIndex);
+        if (tableIndex < 0 || cellAddr.col < 0 || cellAddr.row < 0) return;
+        this.dataSource.changeFieldValue(value, tableIndex, field, cellAddr.col, cellAddr.row, this);
+        const beforeChangeValue = this.getCellRawValue(cellAddr.col, cellAddr.row),
+          oldValue = this.getCellOriginValue(cellAddr.col, cellAddr.row),
+          changedValue = this.getCellOriginValue(cellAddr.col, cellAddr.row);
+        if (oldValue !== changedValue) {
+          const changeValue = {
+            col: cellAddr.col,
+            row: cellAddr.row,
+            recordIndex: recordIndex,
+            field: field,
+            rawValue: beforeChangeValue,
+            currentValue: oldValue,
+            changedValue: changedValue
+          };
+          this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, changeValue), this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, {
+            values: [changeValue]
+          });
+        }
+      }
+      changeCellValueByRecord(recordIndex, field, value, options) {
+        var _a, _b, _c, _d, _e;
+        const triggerEvent = null === (_a = null == options ? void 0 : options.triggerEvent) || void 0 === _a || _a,
+          silentChangeCellValuesEvent = null == options ? void 0 : options.silentChangeCellValuesEvent,
+          autoRefresh = null === (_b = null == options ? void 0 : options.autoRefresh) || void 0 === _b || _b,
+          records = null === (_c = this.dataSource.dataSourceObj) || void 0 === _c ? void 0 : _c.records;
+        let record, oldValue;
+        if (!Array.isArray(records) || "string" != typeof field && "number" != typeof field || (record = Array.isArray(recordIndex) ? getValueFromDeepArray(records, recordIndex) : records[recordIndex], oldValue = null == record ? void 0 : record[field]), this.dataSource.changeFieldValueByRecordIndex(value, recordIndex, field, this), !triggerEvent) return;
+        const changedValue = !record || "string" != typeof field && "number" != typeof field ? value : null == record ? void 0 : record[field];
+        if (oldValue !== changedValue) {
+          const cellAddr = this.getCellAddrByFieldRecord(field, recordIndex),
+            changeValue = {
+              col: null !== (_d = null == cellAddr ? void 0 : cellAddr.col) && void 0 !== _d ? _d : -1,
+              row: null !== (_e = null == cellAddr ? void 0 : cellAddr.row) && void 0 !== _e ? _e : -1,
+              recordIndex: recordIndex,
+              field: field,
+              rawValue: oldValue,
+              currentValue: oldValue,
+              changedValue: changedValue
+            };
+          this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, changeValue), silentChangeCellValuesEvent || this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, {
+            values: [changeValue]
+          });
+        }
+        autoRefresh && this.refreshAfterSourceChange();
+      }
+      changeCellValueBySource(recordIndex, field, value, triggerEvent = !0, silentChangeCellValuesEvent) {
+        return this.changeCellValueByRecord(recordIndex, field, value, {
+          triggerEvent: triggerEvent,
+          silentChangeCellValuesEvent: silentChangeCellValuesEvent,
+          autoRefresh: !0
+        });
+      }
+      changeCellValuesByRecords(changeValues, options) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const triggerEvent = null === (_a = null == options ? void 0 : options.triggerEvent) || void 0 === _a || _a,
+          silentChangeCellValuesEvent = null == options ? void 0 : options.silentChangeCellValuesEvent,
+          autoRefresh = null === (_b = null == options ? void 0 : options.autoRefresh) || void 0 === _b || _b,
+          resultChangeValues = [];
+        for (let i = 0; i < changeValues.length; i++) {
+          const {
+              recordIndex: recordIndex,
+              field: field,
+              value: value
+            } = changeValues[i],
+            records = null === (_c = this.dataSource.dataSourceObj) || void 0 === _c ? void 0 : _c.records;
+          let record, oldValue;
+          if (!Array.isArray(records) || "string" != typeof field && "number" != typeof field || (record = Array.isArray(recordIndex) ? getValueFromDeepArray(records, recordIndex) : records[recordIndex], oldValue = null == record ? void 0 : record[field]), this.dataSource.changeFieldValueByRecordIndex(value, recordIndex, field, this), triggerEvent) {
+            const changedValue = !record || "string" != typeof field && "number" != typeof field ? value : null == record ? void 0 : record[field];
+            if (oldValue !== changedValue) {
+              const changeValue = {
+                col: null !== (_e = null === (_d = this.getCellAddrByFieldRecord(field, recordIndex)) || void 0 === _d ? void 0 : _d.col) && void 0 !== _e ? _e : -1,
+                row: null !== (_g = null === (_f = this.getCellAddrByFieldRecord(field, recordIndex)) || void 0 === _f ? void 0 : _f.row) && void 0 !== _g ? _g : -1,
+                recordIndex: recordIndex,
+                field: field,
+                rawValue: oldValue,
+                currentValue: oldValue,
+                changedValue: changedValue
+              };
+              this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, changeValue), resultChangeValues.push(changeValue);
+            }
+          }
+        }
+        !silentChangeCellValuesEvent && resultChangeValues.length && triggerEvent && this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUES, {
+          values: resultChangeValues
+        }), autoRefresh && this.refreshAfterSourceChange();
+      }
+      changeCellValuesBySource(changeValues, triggerEvent = !0, silentChangeCellValuesEvent) {
+        return this.changeCellValuesByRecords(changeValues, {
+          triggerEvent: triggerEvent,
+          silentChangeCellValuesEvent: silentChangeCellValuesEvent,
+          autoRefresh: !0
+        });
       }
-      changeCellValues(startCol, startRow, values, workOnEditableCell = !1, triggerEvent = !0) {
-        return listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, this);
+      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) {
+      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
@@ -69582,8 +69731,8 @@
     }(ExcelEditCellKeyboardResponse || (ExcelEditCellKeyboardResponse = {}));
     class ExcelEditCellKeyboardPlugin {
       constructor(pluginOptions) {
-        var _a, _b;
-        this.id = "excel-edit-cell-keyboard", this.name = "Excel Edit Cell Keyboard", this.runTime = [TABLE_EVENT_TYPE.INITIALIZED], this.id = null !== (_a = null == pluginOptions ? void 0 : pluginOptions.id) && void 0 !== _a ? _a : this.id, this.pluginOptions = pluginOptions, this.responseKeyboard = null !== (_b = null == pluginOptions ? void 0 : pluginOptions.responseKeyboard) && void 0 !== _b ? _b : [ExcelEditCellKeyboardResponse.ENTER, ExcelEditCellKeyboardResponse.TAB, ExcelEditCellKeyboardResponse.ARROW_LEFT, ExcelEditCellKeyboardResponse.ARROW_RIGHT, ExcelEditCellKeyboardResponse.ARROW_DOWN, ExcelEditCellKeyboardResponse.ARROW_UP, ExcelEditCellKeyboardResponse.DELETE, ExcelEditCellKeyboardResponse.BACKSPACE], this.bindEvent();
+        var _a, _b, _c;
+        this.id = "excel-edit-cell-keyboard", this.name = "Excel Edit Cell Keyboard", this.runTime = [TABLE_EVENT_TYPE.INITIALIZED], this.id = null !== (_a = null == pluginOptions ? void 0 : pluginOptions.id) && void 0 !== _a ? _a : this.id, this.pluginOptions = pluginOptions, this.responseKeyboard = null !== (_b = null == pluginOptions ? void 0 : pluginOptions.responseKeyboard) && void 0 !== _b ? _b : [ExcelEditCellKeyboardResponse.ENTER, ExcelEditCellKeyboardResponse.TAB, ExcelEditCellKeyboardResponse.ARROW_LEFT, ExcelEditCellKeyboardResponse.ARROW_RIGHT, ExcelEditCellKeyboardResponse.ARROW_DOWN, ExcelEditCellKeyboardResponse.ARROW_UP, ExcelEditCellKeyboardResponse.DELETE, ExcelEditCellKeyboardResponse.BACKSPACE], this.aggregateDeleteToOneChangeCellValuesEvent = null !== (_c = null == pluginOptions ? void 0 : pluginOptions.aggregateDeleteToOneChangeCellValuesEvent) && void 0 !== _c && _c, this.bindEvent();
       }
       run(...args) {
         const table = args[2];
@@ -69614,7 +69763,7 @@
                 (null == selectCells ? void 0 : selectCells.length) > 0 && (document.activeElement === this.table.getElement() || Object.values(this.table.editorManager.cacheLastSelectedCellEditor || {}).some(editor => {
                   var _a;
                   return (null === (_a = editor.getInputElement) || void 0 === _a ? void 0 : _a.call(editor)) === document.activeElement;
-                })) && (deleteSelectRange(selectCells, this.table, null === (_c = null === (_b = this.pluginOptions) || void 0 === _b ? void 0 : _b.deleteWorkOnEditableCell) || void 0 === _c || _c), event.stopPropagation(), event.preventDefault());
+                })) && (deleteSelectRange(selectCells, this.table, null === (_c = null === (_b = this.pluginOptions) || void 0 === _b ? void 0 : _b.deleteWorkOnEditableCell) || void 0 === _c || _c, this.aggregateDeleteToOneChangeCellValuesEvent), event.stopPropagation(), event.preventDefault());
               }
             } else this.table.editorManager.completeEdit(), this.table.getElement().focus(), eventKey === ExcelEditCellKeyboardResponse.ENTER ? this.table.selectCell(col, row + 1) : eventKey === ExcelEditCellKeyboardResponse.TAB && this.table.selectCell(col + 1, row), event.stopPropagation(), event.preventDefault();
           }
@@ -69636,8 +69785,11 @@
         document.removeEventListener("keydown", this.handleKeyDown, !0);
       }
     }
-    function deleteSelectRange(selectCells, tableInstance, workOnEditableCell = !1) {
-      for (let i = 0; i < selectCells.length; i++) for (let j = 0; j < selectCells[i].length; j++) tableInstance.changeCellValue(selectCells[i][j].col, selectCells[i][j].row, "", workOnEditableCell);
+    function deleteSelectRange(selectCells, tableInstance, workOnEditableCell = !1, aggregateToOneChangeCellValuesEvent = !1) {
+      if (aggregateToOneChangeCellValuesEvent) {
+        const ranges = tableInstance.stateManager.select.ranges;
+        (null == ranges ? void 0 : ranges.length) && tableInstance.changeCellValuesByIds(ranges, "", workOnEditableCell, !0);
+      } else for (let i = 0; i < selectCells.length; i++) for (let j = 0; j < selectCells[i].length; j++) tableInstance.changeCellValue(selectCells[i][j].col, selectCells[i][j].row, "", workOnEditableCell);
     }
 
     const MENU_CONTAINER_CLASS = "vtable-context-menu-container";
@@ -91200,7 +91352,7 @@
         importStyle();
     }
 
-    const version = "1.22.11-alpha.8";
+    const version = "1.22.11-alpha.9";
     importStyles();
 
     exports.TYPES = index;