@visactor/vtable-gantt 1.26.6 → 1.26.8

package/dist/vtable-gantt.js

@@ -43314,7 +43314,11 @@
         super(config), this.type = AggregationType.CUSTOM, this.isRecord = !0, this.values = [], this.aggregationFun = config.aggregationFun;
       }
       push(record) {
-        record && (this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), record.isAggregator && this.children && this.children.push(record), this.field && this.values.push(record[this.field])), this.clearCacheValue();
+        if (record) {
+          if (this.recalculateFromChildren && record.isAggregator) return this.isRecord && this.records && this.records.push(...record.records), this.children && this.children.push(record), this.field && this.values.push(...record.records.map(item => item[this.field])), void this.clearCacheValue();
+          this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), record.isAggregator && this.children && this.children.push(record), this.field && this.values.push(record[this.field]);
+        }
+        this.clearCacheValue();
       }
       updateRecord(oldRecord, newRecord) {
         oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), oldRecord.isAggregator && newRecord.isAggregator && this.children && (this.children = this.children.map(item => item === oldRecord ? newRecord : item)), this.field && this.records.length && (this.values = this.records.map(item => item[this.field])), this.clearCacheValue());
@@ -43330,7 +43334,18 @@
         this.records = [], this.children = [], this.changedValue = void 0, this.fieldValue = void 0;
       }
       recalculate() {
-        this.fieldValue = void 0, this._formatedValue = void 0;
+        var _a;
+        this.recalculateFromChildren && (null === (_a = this.children) || void 0 === _a ? void 0 : _a.length) && this.field && (this.values = [], this.records = [], this.children.forEach(child => {
+          if (isValid$1(child.changedValue)) {
+            const value = child.value();
+            this.values.push(value), this.records.push({
+              [this.field]: value
+            });
+          } else if (child instanceof CustomAggregator && child.recalculateFromChildren) this.values.push(...child.values), this.records.push(...child.records);else {
+            const records = child.records;
+            this.values.push(...records.map(record => record[this.field])), this.records.push(...records);
+          }
+        })), this.fieldValue = void 0, this._formatedValue = void 0;
       }
     }
     class RecalculateAggregator extends Aggregator {
@@ -44380,8 +44395,8 @@
     function isZeroStyle(style) {
       return 0 === style || isArray$5(style) && style.every(s => 0 === s);
     }
-    function setActiveCellRangeState(table) {
-      const selectRanges = table.stateManager.select.ranges,
+    function setActiveCellRangeState(table, ranges = table.stateManager.select.ranges) {
+      const selectRanges = ranges,
         setRanges = [];
       for (let i = 0; i < selectRanges.length; i++) {
         const range = selectRanges[i];
@@ -44511,12 +44526,6 @@
     function defaultOrderFn(v1, v2, order) {
       return "desc" !== order ? v1 === v2 ? 0 : v1 > v2 ? 1 : -1 : v1 === v2 ? 0 : v1 < v2 ? 1 : -1;
     }
-    function getValueByPath(obj, paths) {
-      let prop,
-        res = obj;
-      for (; (prop = paths.shift()) && (res = res[prop], res););
-      return res;
-    }
     function isAllDigits(str) {
       return /^-?\d+(\.\d+)?$/.test(str);
     }
@@ -44707,6 +44716,7 @@
       MOUSELEAVE_CELL: "mouseleave_cell",
       CONTEXTMENU_CELL: "contextmenu_cell",
       CONTEXTMENU_CANVAS: "contextmenu_canvas",
+      CONTEXT_MENU_CLICK: "context_menu_click",
       RESIZE_COLUMN: "resize_column",
       RESIZE_COLUMN_END: "resize_column_end",
       RESIZE_ROW: "resize_row",
@@ -46531,7 +46541,7 @@
     const DARK = new TableTheme(darkTheme, darkTheme);
     const BRIGHT = new TableTheme(brightTheme, brightTheme);
     const ARCO = new TableTheme(arcoTheme, arcoTheme);
-    const DEFAULT = new TableTheme(defaultTheme, defaultTheme);
+    let DEFAULT = new TableTheme(defaultTheme, defaultTheme);
     const SIMPLIFY = new TableTheme(materialDesignTheme, materialDesignTheme);
     const builtin$1 = {
       DEFAULT: DEFAULT,
@@ -46540,6 +46550,9 @@
       DARK: DARK,
       BRIGHT: BRIGHT
     };
+    function setDefaultTheme(theme) {
+      DEFAULT = theme instanceof TableTheme ? theme.extends({}) : new TableTheme(theme, theme), builtin$1.DEFAULT = DEFAULT;
+    }
     const theme$1 = {
       TableTheme: TableTheme
     };
@@ -46558,11 +46571,14 @@
       DARK: DARK,
       BRIGHT: BRIGHT,
       ARCO: ARCO,
-      DEFAULT: DEFAULT,
+      get DEFAULT() {
+        return DEFAULT;
+      },
       SIMPLIFY: SIMPLIFY,
       theme: theme$1,
       of: of$1,
-      get: get$5
+      get: get$5,
+      setDefaultTheme: setDefaultTheme
     };
 
     var themes$1 = /*#__PURE__*/Object.freeze({
@@ -46570,12 +46586,13 @@
         ARCO: ARCO,
         BRIGHT: BRIGHT,
         DARK: DARK,
-        DEFAULT: DEFAULT,
+        get DEFAULT () { return DEFAULT; },
         SIMPLIFY: SIMPLIFY,
         TableTheme: TableTheme,
         default: themes,
         get: get$5,
         of: of$1,
+        setDefaultTheme: setDefaultTheme,
         tableThemeIsChanged: tableThemeIsChanged,
         theme: theme$1
     });
@@ -49879,21 +49896,64 @@
       if ((void 0 === fieldGet || "" === fieldGet) && Array.isArray(record)) {
         return record[col - table.leftRowSeriesNumberCount];
       }
-      if (isObject$8(record) && fieldGet in record) {
+      if (Array.isArray(fieldGet)) {
+        return getValue$2(getRecordFieldValue(record, fieldGet), promiseCallBack);
+      }
+      if (isRecordContainer(record) && fieldGet in record) {
         return getValue$2(record[fieldGet], promiseCallBack);
       }
       if ("function" == typeof fieldGet) {
         return getValue$2(fieldGet(record, col, row, table), promiseCallBack);
       }
-      if (Array.isArray(fieldGet)) {
-        return getValue$2(getValueByPath(record, [...fieldGet]), promiseCallBack);
-      }
       const fieldArray = `${fieldGet}`.split(".");
       if (fieldArray.length <= 1) {
         return getValue$2(record[fieldGet], promiseCallBack);
       }
       return getValue$2(applyChainSafe(record, (val, name) => getField(val, name, col, row, table, emptyFn), ...fieldArray), promiseCallBack);
     }
+    function isRecordContainer(value) {
+      return null !== value && "object" == typeof value;
+    }
+    function getRecordFieldPath(field) {
+      return Array.isArray(field) ? field : "string" == typeof field && field.includes(".") ? field.split(".") : void 0;
+    }
+    function hasRecordField(record, field) {
+      if (!isRecordContainer(record)) return !1;
+      const path = getRecordFieldPath(field);
+      if (!Array.isArray(field) && field in record) return !0;
+      if (!path) return !1;
+      let target = record;
+      for (const key of path) {
+        if (!isRecordContainer(target) || !(key in target)) return !1;
+        target = target[key];
+      }
+      return !0;
+    }
+    function getRecordFieldValue(record, field) {
+      if (null == record) return;
+      const path = getRecordFieldPath(field);
+      return !Array.isArray(field) && isRecordContainer(record) && field in record ? record[field] : path ? path.reduce((current, key) => null == current ? void 0 : current[key], record) : record[field];
+    }
+    function setRecordProperty(record, key, value) {
+      "__proto__" !== key && "constructor" !== key && "prototype" !== key ? record[key] = value : Object.defineProperty(record, key, {
+        configurable: !0,
+        enumerable: !0,
+        value: value,
+        writable: !0
+      });
+    }
+    function setRecordFieldValue(record, field, value) {
+      if (null == record) return;
+      const path = getRecordFieldPath(field);
+      if (!path || !Array.isArray(field) && isRecordContainer(record) && field in record) return void setRecordProperty(record, field, value);
+      if (0 === path.length) return;
+      let target = record;
+      for (let i = 0; i < path.length - 1; i++) {
+        const key = path[i];
+        Object.prototype.hasOwnProperty.call(target, key) && null !== target[key] && "object" == typeof target[key] || setRecordProperty(target, key, {}), target = target[key];
+      }
+      setRecordProperty(target, path[path.length - 1], value);
+    }
     function _getIndex(sortedIndexMap, index) {
       if (!sortedIndexMap) return index;
       const mapIndex = sortedIndexMap[index];
@@ -50129,21 +50189,19 @@
         return childrenLength;
       }
       changeFieldValue(value, index, field, col, row, table) {
-        var _a;
         if (null !== field && index >= 0) {
           const dataIndex = this.getIndexKey(index);
-          if (this.cacheBeforeChangedRecord(dataIndex, table), void 0 !== field && "" !== field || (field = col - table.leftRowSeriesNumberCount), "string" == typeof field || "number" == typeof field) {
-            const beforeChangedValue = null === (_a = this.beforeChangedRecordsMap.get(dataIndex.toString())) || void 0 === _a ? void 0 : _a[field],
+          if (this.cacheBeforeChangedRecord(dataIndex, table), void 0 !== field && "" !== field || (field = col - table.leftRowSeriesNumberCount), "string" == typeof field || "number" == typeof field || Array.isArray(field)) {
+            const beforeChangedValue = getRecordFieldValue(this.beforeChangedRecordsMap.get(dataIndex.toString()), field),
               record = this.getOriginalRecord(dataIndex);
             let formatValue = value;
-            "number" == typeof beforeChangedValue && isAllDigits(value) && (formatValue = parseFloat(value)), isPromise(record) ? record.then(record => {
-              record[field] = formatValue;
-            }).catch(err => {}) : record ? record[field] = formatValue : (this.records[dataIndex] = "Array" === this.addRecordRule ? [] : {}, this.records[dataIndex][field] = formatValue);
+            if ("number" == typeof beforeChangedValue && isAllDigits(value) && (formatValue = parseFloat(value)), isPromise(record)) return record.then(record => (setRecordFieldValue(record, field, formatValue), formatValue)).catch(err => {});
+            record ? setRecordFieldValue(record, field, formatValue) : (this.records[dataIndex] = "Array" === this.addRecordRule ? [] : {}, setRecordFieldValue(this.records[dataIndex], field, formatValue));
           }
         }
       }
       changeFieldValueByRecordIndex(value, recordIndex, field, table) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c;
         if (null === field) return;
         if (null == recordIndex) return;
         const rawKey = recordIndex.toString();
@@ -50152,12 +50210,12 @@
             originRecord = rawRecords ? Array.isArray(recordIndex) ? getValueFromDeepArray(rawRecords, recordIndex) : rawRecords[recordIndex] : void 0;
           this.beforeChangedRecordsMap.set(rawKey, null !== (_b = cloneDeep(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,
+        if ("string" == typeof field || "number" == typeof field || Array.isArray(field)) {
+          const beforeChangedValue = getRecordFieldValue(this.beforeChangedRecordsMap.get(rawKey), field),
+            rawRecords = Array.isArray(null === (_c = this.dataSourceObj) || void 0 === _c ? void 0 : _c.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);
+          "number" == typeof beforeChangedValue && isAllDigits(value) && (formatValue = parseFloat(value)), record ? setRecordFieldValue(record, field, formatValue) : rawRecords && "number" == typeof recordIndex && (rawRecords[recordIndex] = "Array" === this.addRecordRule ? [] : {}, setRecordFieldValue(rawRecords[recordIndex], field, formatValue));
         }
       }
       cacheBeforeChangedRecord(dataIndex, table) {
@@ -50532,8 +50590,7 @@
       hasOriginalField(index, field) {
         if (null === field) return !1;
         if ("function" == typeof field) return !0;
-        const record = this.getOriginalRecord(index);
-        return Boolean(record && field in record);
+        return hasRecordField(this.getOriginalRecord(index), field);
       }
       fieldPromiseCallBack(_index, _field, _value) {}
       recordPromiseCallBack(_index, _record) {}
@@ -53031,7 +53088,7 @@
         const cells = rowCells.split("\t"),
           rowValues = [];
         0 === rowIndex && result.push("<tbody>"), cells.forEach(function (cell, cellIndex) {
-          const parsedCellData = cell ? cell.toString().replace(/&/g, "&amp;").replace(/'/g, "&#39;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\n/g, "<br>").replace(/(<br(\s*|\/)>(\r\n|\n)?|\r\n|\n)/g, "<br>\r\n").replace(/\x20{2,}/gi, substring => `<span style="mso-spacerun: yes">${"&nbsp;".repeat(substring.length - 1)} </span>`).replace(/\t/gi, "&#9;") : " ";
+          const parsedCellData = cell ? cell.toString().replace(/&/g, "&amp;").replace(/'/g, "&#39;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\n/g, "<br>").replace(/(<br(\s*|\/)>(\r\n|\n)?|\r\n|\n)/g, "<br>\r\n").replace(/\x20{2,}/gi, substring => `<span style="mso-spacerun: yes">${"&nbsp;".repeat(substring.length - 1)} </span>`).replace(/\t/gi, "&#9;") : "";
           rowValues.push(`<td>${parsedCellData}</td>`);
         }), result.push("<tr>", ...rowValues, "</tr>"), rowIndex === rows.length - 1 && result.push("</tbody>");
       }), result.push("</table>"), [META_HEAD, result.join("")].join("");
@@ -53942,7 +53999,61 @@
       }
     }
 
-    function createImageCellGroup(columnGroup, xOrigin, yOrigin, col, row, width, height, keepAspectRatio, imageAutoSizing, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, range, isAsync) {
+    const CELL_MEDIA_KEY = "__vtable_cell_media__";
+    const CELL_MEDIA_KIND_KEY = "__vtable_cell_media_kind__";
+    function markCellMedia(graphic, kind) {
+      return graphic[CELL_MEDIA_KEY] = !0, graphic[CELL_MEDIA_KIND_KEY] = kind, graphic;
+    }
+    function isCellMedia(graphic) {
+      return !0 === (null == graphic ? void 0 : graphic[CELL_MEDIA_KEY]);
+    }
+    function getCellMediaChildren(cellGroup) {
+      const mediaChildren = [];
+      return cellGroup.forEachChildren(child => {
+        isCellMedia(child) && mediaChildren.push(child);
+      }), mediaChildren;
+    }
+    function getCellMediaByKind(cellGroup, kind) {
+      let graphic;
+      return cellGroup.forEachChildren(child => !(!isCellMedia(child) || child[CELL_MEDIA_KIND_KEY] !== kind) && (graphic = child, !0)), graphic;
+    }
+    function getCellMediaImage(cellGroup) {
+      return getCellMediaByKind(cellGroup, "image");
+    }
+    function getCellMediaPlayIcon(cellGroup) {
+      return getCellMediaByKind(cellGroup, "play-icon");
+    }
+    function releaseVideoResource(video) {
+      try {
+        video.pause();
+      } catch (err) {}
+      video.removeAttribute("src");
+      try {
+        video.load();
+      } catch (err) {}
+    }
+    function releaseGraphicMediaResource(graphic) {
+      var _a;
+      const source = null === (_a = null == graphic ? void 0 : graphic.attribute) || void 0 === _a ? void 0 : _a.image;
+      "undefined" != typeof HTMLVideoElement && source instanceof HTMLVideoElement && releaseVideoResource(source);
+    }
+    function removeCellMediaChildren(cellGroup) {
+      getCellMediaChildren(cellGroup).forEach(child => {
+        var _a;
+        releaseGraphicMediaResource(child), cellGroup.removeChild(child), null === (_a = child.release) || void 0 === _a || _a.call(child);
+      });
+    }
+
+    function hasCellMedia(cellGroup) {
+      return getCellMediaChildren(cellGroup).length > 0;
+    }
+    function getResizeImage(cellGroup) {
+      return hasCellMedia(cellGroup) ? getCellMediaImage(cellGroup) : void 0;
+    }
+    function getResizePlayIcon(cellGroup) {
+      return hasCellMedia(cellGroup) ? getCellMediaPlayIcon(cellGroup) : void 0;
+    }
+    function createImageCellGroup(columnGroup, xOrigin, yOrigin, col, row, width, height, keepAspectRatio, imageAutoSizing, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, range, isAsync, cellValue) {
       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, _0, _1, _2, _3, _4, _5, _6;
       const headerStyle = table._getCellStyle(col, row),
         functionalPadding = getFunctionalProp("padding", headerStyle, col, row, table);
@@ -53998,17 +54109,19 @@
           "icon-left" === child.role ? child.setAttribute("x", child.attribute.x + padding[3]) : "icon-right" === child.role ? child.setAttribute("x", child.attribute.x + width - rightIconWidth - padding[1]) : "icon-absolute-right" === child.role && child.setAttribute("x", child.attribute.x + width - absoluteRightIconWidth - padding[1]);
         }), cellGroup.forEachChildren(child => {
           "middle" === textBaseline ? child.setAttribute("y", (height - child.AABBBounds.height()) / 2) : "bottom" === textBaseline ? child.setAttribute("y", height - child.AABBBounds.height() - padding[2]) : child.setAttribute("y", padding[0]);
-        }), cellGroup._cellLeftIconWidth = cellLeftIconWidth, cellGroup._cellRightIconWidth = cellRightIconWidth;
-      }
-      const value = table.getCellValue(col, row),
-        image = createImage({
-          x: padding[3],
-          y: padding[0],
-          width: width - padding[1] - padding[3] - iconWidth,
-          height: height - padding[0] - padding[2],
-          image: value,
-          cursor: "pointer"
         });
+      }
+      cellGroup._cellLeftIconWidth = cellLeftIconWidth, cellGroup._cellRightIconWidth = cellRightIconWidth;
+      const value = arguments.length >= 18 ? cellValue : table.getCellValue(col, row);
+      removeCellMediaChildren(cellGroup);
+      const image = markCellMedia(createImage({
+        x: padding[3],
+        y: padding[0],
+        width: width - padding[1] - padding[3] - iconWidth,
+        height: height - padding[0] - padding[2],
+        image: value,
+        cursor: "pointer"
+      }), "image");
       if (image.name = "image", image.keepAspectRatio = keepAspectRatio, image.textAlign = textAlign, image.textBaseline = textBaseline, keepAspectRatio || imageAutoSizing ? image.resources && image.resources.has(image.attribute.image) && "success" === image.resources.get(image.attribute.image).state ? (image.setAttribute("opacity", 0), setTimeout(() => {
         image.setAttribute("opacity", 1), updateAutoSizingAndKeepAspectRatio(imageAutoSizing, keepAspectRatio, padding, textAlign, textBaseline, image, cellGroup, table), table.scenegraph.updateNextFrame();
       }, 0)) : image.successCallback = () => {
@@ -54042,10 +54155,10 @@
     }
     function updateImageCellContentWhileResize(cellGroup, col, row, deltaX, deltaY, table) {
       var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-      const image = cellGroup.getChildByName("image");
+      const image = getResizeImage(cellGroup);
       if (!image) return;
       const originImage = "string" != typeof image.attribute.image && image.attribute.image || (null === (_a = image.resources) || void 0 === _a ? void 0 : _a.get(image.attribute.image).data);
-      if (!originImage) return;
+      if (!originImage && !image.isAudioIcon) return;
       const headerStyle = table._getCellStyle(col, row),
         textAlign = null !== (_b = getProp("textAlign", headerStyle, col, row, table)) && void 0 !== _b ? _b : "left",
         textBaseline = null !== (_c = getProp("textBaseline", headerStyle, col, row, table)) && void 0 !== _c ? _c : "middle";
@@ -54059,17 +54172,31 @@
         colStart = null !== (_g = cellGroup.mergeStartCol) && void 0 !== _g ? _g : cellGroup.col,
         rowStart = null !== (_h = cellGroup.mergeStartRow) && void 0 !== _h ? _h : cellGroup.row,
         colEnd = null !== (_j = cellGroup.mergeEndCol) && void 0 !== _j ? _j : cellGroup.col,
-        rowEnd = null !== (_k = cellGroup.mergeEndCol) && void 0 !== _k ? _k : cellGroup.row,
+        rowEnd = null !== (_k = cellGroup.mergeEndRow) && void 0 !== _k ? _k : cellGroup.row,
         leftIconWidth = null !== (_l = cellGroup._cellLeftIconWidth) && void 0 !== _l ? _l : 0,
         rightIconWidth = null !== (_m = cellGroup._cellRightIconWidth) && void 0 !== _m ? _m : 0;
-      if (image.keepAspectRatio || isDamagePic(image)) {
+      if (image.isAudioIcon) {
+        const availableWidth = Math.max(1, cellWidth - padding[1] - padding[3] - leftIconWidth - rightIconWidth),
+          availableHeight = Math.max(1, cellHeight - padding[0] - padding[2]),
+          iconSize = Math.max(1, Math.min(availableWidth, availableHeight, 32)),
+          pos = calcStartPosition(leftIconWidth, 0, cellWidth - leftIconWidth - rightIconWidth, cellHeight, iconSize, iconSize, textAlign, textBaseline, padding);
+        for (let col = colStart; col <= colEnd; col++) for (let row = rowStart; row <= rowEnd; row++) {
+          const image = getResizeImage(table.scenegraph.getCell(col, row));
+          null == image || image.setAttributes({
+            x: pos.x,
+            y: pos.y,
+            width: iconSize,
+            height: iconSize
+          });
+        }
+      } else if (image.keepAspectRatio || isDamagePic(image)) {
         const {
             width: imageWidth,
             height: imageHeight
           } = calcKeepAspectRatioSize(originImage.width || originImage.videoWidth, originImage.height || originImage.videoHeight, cellWidth - (padding[1] + padding[3]), cellHeight - (padding[0] + padding[2])),
           pos = calcStartPosition(0, 0, cellWidth, cellHeight, imageWidth, imageHeight, textAlign, textBaseline, padding);
         for (let col = colStart; col <= colEnd; col++) for (let row = rowStart; row <= rowEnd; row++) {
-          const image = table.scenegraph.getCell(col, row).getChildByName("image");
+          const image = getResizeImage(table.scenegraph.getCell(col, row));
           null == image || image.setAttributes({
             x: pos.x,
             y: pos.y,
@@ -54078,7 +54205,7 @@
           });
         }
       } else for (let col = colStart; col <= colEnd; col++) for (let row = rowStart; row <= rowEnd; row++) {
-        const image = table.scenegraph.getCell(col, row).getChildByName("image");
+        const image = getResizeImage(table.scenegraph.getCell(col, row));
         null == image || image.setAttributes({
           x: leftIconWidth + padding[3],
           y: padding[0],
@@ -54086,7 +54213,7 @@
           height: cellHeight - padding[0] - padding[2]
         });
       }
-      if (cellGroup.getChildByName("play-icon")) {
+      if (getResizePlayIcon(cellGroup)) {
         const left = 0,
           top = 0,
           {
@@ -54097,7 +54224,8 @@
           anchorX = left + (width > image.attribute.width ? image.attribute.x - left + image.attribute.width / 2 : width / 2),
           anchorY = top + (height > image.attribute.height ? image.attribute.y - top + image.attribute.height / 2 : height / 2);
         for (let col = colStart; col <= colEnd; col++) for (let row = rowStart; row <= rowEnd; row++) {
-          table.scenegraph.getCell(col, row).getChildByName("play-icon").setAttributes({
+          const playIcon = getResizePlayIcon(table.scenegraph.getCell(col, row));
+          null == playIcon || playIcon.setAttributes({
             x: anchorX - iconSize / 2,
             y: anchorY - iconSize / 2,
             width: iconSize,
@@ -54126,12 +54254,12 @@
       for (let col = startCol; col <= endCol; col++) for (let row = startRow; row <= endRow; row++) {
         const cellGroup = table.scenegraph.getCell(col, row);
         if (cellGroup) {
-          const image = cellGroup.getChildByName("image");
+          const image = getResizeImage(cellGroup);
           image && image.setAttributes({
             dx: -table.getColsWidth(cellGroup.mergeStartCol, col - 1),
             dy: -table.getRowsHeight(cellGroup.mergeStartRow, row - 1)
           });
-          const playIcon = cellGroup.getChildByName("play-icon");
+          const playIcon = getResizePlayIcon(cellGroup);
           playIcon && playIcon.setAttributes({
             dx: -table.getColsWidth(cellGroup.mergeStartCol, col - 1),
             dy: -table.getRowsHeight(cellGroup.mergeStartRow, row - 1)
@@ -54170,8 +54298,8 @@
     }
 
     function dealPromiseData(dataPromise, tabel, callback) {
-      dataPromise.then(() => {
-        callback(), tabel.scenegraph.updateNextFrame();
+      dataPromise.then(value => {
+        callback(value), tabel.scenegraph.updateNextFrame();
       }).catch(err => {});
     }
 
@@ -54187,16 +54315,70 @@
       }
     }
 
-    function createCell(type, value, define, table, col, row, colWidth, cellWidth, cellHeight, columnGroup, y, padding, textAlign, textBaseline, mayHaveIcon, cellTheme, range, customResult) {
+    function isCornerCustomMergeRange(range, table) {
+      return !!(null == range ? void 0 : range.isCustom) && (range.start.col !== range.end.col || range.start.row !== range.end.row) && table.isCornerHeader(range.start.col, range.start.row) && table.isCornerHeader(range.end.col, range.end.row);
+    }
+    function shouldRenderCornerCustomMergeContent(col, row, range, table) {
+      return !isCornerCustomMergeRange(range, table) || col === range.end.col && row === range.end.row;
+    }
+    function createCornerCustomMergeContainer(customElementsGroup, width, height, range, table) {
+      if (!customElementsGroup || !isCornerCustomMergeRange(range, table)) return customElementsGroup;
+      const customContainer = new Group$1({
+        x: 0,
+        y: 0,
+        width: width,
+        height: height,
+        fill: !1,
+        stroke: !1,
+        pickable: !1,
+        clip: !0
+      });
+      return customContainer.name = CUSTOM_CONTAINER_NAME, customContainer.col = range.start.col, customContainer.row = range.start.row, customContainer.appendChild(customElementsGroup), customContainer;
+    }
+    function queueCornerCustomMergeContentUpdate(range, table, pendingRanges) {
+      pendingRanges ? pendingRanges.set(getCornerCustomMergeRangeKey(range), range) : refreshCornerCustomMergeContent(range, table);
+    }
+    function flushCornerCustomMergeContentUpdates(pendingRanges, table) {
+      pendingRanges.forEach(range => {
+        refreshCornerCustomMergeContentForResize(range, table);
+      }), pendingRanges.clear();
+    }
+    function getCornerCustomMergeRangeKey(range) {
+      return `${range.start.col}-${range.start.row}-${range.end.col}-${range.end.row}`;
+    }
+    function refreshCornerCustomMergeContent(range, table) {
+      var _a;
+      const cellGroup = table.scenegraph.getCell(range.end.col, range.end.row),
+        customContainer = cellGroup.getChildByName(CUSTOM_CONTAINER_NAME) || cellGroup.getChildByName(CUSTOM_MERGE_CONTAINER_NAME);
+      customContainer && (null === (_a = table.reactCustomLayout) || void 0 === _a || _a.removeCustomCell(range.start.col, range.start.row), customContainer.removeAllChild(), cellGroup.removeChild(customContainer)), table.scenegraph.updateCellContent(range.end.col, range.end.row);
+    }
+    function refreshCornerCustomMergeContentForResize(range, table) {
+      const cellGroup = table.scenegraph.getCell(range.end.col, range.end.row),
+        customContainer = cellGroup.getChildByName(CUSTOM_CONTAINER_NAME) || cellGroup.getChildByName(CUSTOM_MERGE_CONTAINER_NAME);
+      customContainer && cellGroup.removeChild(customContainer), table.scenegraph.updateCellContent(range.end.col, range.end.row);
+    }
+
+    const PROMISE_CELL_UPDATE_TOKEN_KEY = "__vtable_promise_cell_update_token__";
+    function nextPromiseCellUpdateToken(cellGroup) {
+      var _a;
+      const token = (null !== (_a = cellGroup[PROMISE_CELL_UPDATE_TOKEN_KEY]) && void 0 !== _a ? _a : 0) + 1;
+      return cellGroup[PROMISE_CELL_UPDATE_TOKEN_KEY] = token, token;
+    }
+    function isPromiseCellUpdateCurrent(table, col, row, cellGroup, token) {
+      return table.scenegraph.highPerformanceGetCell(col, row, !0) === cellGroup && cellGroup[PROMISE_CELL_UPDATE_TOKEN_KEY] === token;
+    }
+    function createCell(type, value, define, table, col, row, colWidth, cellWidth, cellHeight, columnGroup, y, padding, textAlign, textBaseline, mayHaveIcon, cellTheme, range, customResult, cellValue) {
       var _a, _b;
       let cellGroup,
         isAsync = !1;
+      const hasCellValue = arguments.length >= 19;
+      let renderValue = hasCellValue ? cellValue : value;
       if (isPromise(value)) {
         if ("cell" !== table.scenegraph.highPerformanceGetCell(col, row).role) return cellGroup;
-        value = table.getCellValue(col, row), isAsync = !0;
+        hasCellValue || (renderValue = table.getCellValue(col, row)), isAsync = !0;
       }
-      if ("checkbox" === type && define.tree) {
-        cellGroup = Factory.getFunction("createCheckboxCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync, !0);
+      if (value = renderValue, "checkbox" === type && define.tree) {
+        cellGroup = Factory.getFunction("createCheckboxCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync, !0, value);
       } else if ("text" === type || "link" === type || customResult) {
         if ("link" === type) {
           const cellValue = value,
@@ -54232,9 +54414,11 @@
           stroke: !1
         }), cellGroup.clear()) : table.internalProps.layoutMap.isAxisCell(col, row) && cellGroup.clear();
       } else if ("image" === type) {
-        cellGroup = Factory.getFunction("createImageCellGroup")(columnGroup, 0, y, col, row, cellWidth, cellHeight, define.keepAspectRatio, define.imageAutoSizing, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, range, isAsync);
+        cellGroup = Factory.getFunction("createImageCellGroup")(columnGroup, 0, y, col, row, cellWidth, cellHeight, define.keepAspectRatio, define.imageAutoSizing, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, range, isAsync, value);
+      } else if ("audio" === type) {
+        cellGroup = Factory.getFunction("createAudioCellGroup")(columnGroup, 0, y, col, row, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, range, isAsync, value);
       } else if ("video" === type) {
-        cellGroup = Factory.getFunction("createVideoCellGroup")(columnGroup, 0, y, col, row, cellWidth, cellHeight, define.keepAspectRatio, define.imageAutoSizing, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, range, isAsync);
+        cellGroup = Factory.getFunction("createVideoCellGroup")(columnGroup, 0, y, col, row, cellWidth, cellHeight, define.keepAspectRatio, define.imageAutoSizing, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, range, isAsync, value);
       } else if ("chart" === type) {
         const chartInstance = table.internalProps.layoutMap.getChartInstance(col, row);
         cellGroup = Factory.getFunction("createChartCellGroup")(null, columnGroup, 0, y, col, row, cellWidth, cellHeight, padding, value, define.chartModule, table.internalProps.layoutMap.getChartSpec(col, row), chartInstance, null !== (_b = table.internalProps.layoutMap.getChartDataId(col, row)) && void 0 !== _b ? _b : "data", table, cellTheme, table.internalProps.layoutMap.isShareChartSpec(col, row), isAsync, table.internalProps.layoutMap.isNoChartDataRenderNothing(col, row));
@@ -54249,34 +54433,40 @@
         const progressBarGroup = Factory.getFunction("createProgressBarCell")(define, style, colWidth, value, dataValue, col, row, padding, table, range);
         cellGroup.firstChild ? cellGroup.insertBefore(progressBarGroup, cellGroup.firstChild) : cellGroup.appendChild(progressBarGroup);
       } else if ("sparkline" === type) {
-        cellGroup = Factory.getFunction("createSparkLineCellGroup")(null, columnGroup, 0, y, col, row, cellWidth, cellHeight, padding, table, cellTheme, isAsync);
+        cellGroup = Factory.getFunction("createSparkLineCellGroup")(null, columnGroup, 0, y, col, row, cellWidth, cellHeight, padding, table, cellTheme, isAsync, value);
       } else if ("checkbox" === type) {
         if ("isAggregation" in table.internalProps.layoutMap && table.internalProps.layoutMap.isAggregation(col, row)) {
           cellGroup = Factory.getFunction("createTextCellGroup")(table, value, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, !1, void 0, !0, cellTheme, range, isAsync);
         } else {
-          cellGroup = Factory.getFunction("createCheckboxCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync, !1);
+          cellGroup = Factory.getFunction("createCheckboxCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync, !1, value);
         }
       } else if ("radio" === type) {
         if ("isAggregation" in table.internalProps.layoutMap && table.internalProps.layoutMap.isAggregation(col, row)) {
           cellGroup = Factory.getFunction("createTextCellGroup")(table, value, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, !1, void 0, !0, cellTheme, range, isAsync);
         } else {
-          cellGroup = Factory.getFunction("createRadioCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, table, cellTheme, define, range);
+          cellGroup = Factory.getFunction("createRadioCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, table, cellTheme, define, range, isAsync, value);
         }
       } else if ("switch" === type) {
-        cellGroup = Factory.getFunction("createSwitchCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync);
+        cellGroup = Factory.getFunction("createSwitchCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync, value);
       } else if ("button" === type) {
-        cellGroup = Factory.getFunction("createButtonCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync);
+        cellGroup = Factory.getFunction("createButtonCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync, value);
       }
       return cellGroup.onBeforeAttributeUpdate = onBeforeAttributeUpdateForInvertHighlight, cellGroup;
     }
     function _generateCustomElementsGroup(table, define, col, row, cellWidth, cellHeight, padding, range, customResult) {
       let customElementsGroup,
         renderDefault = !0;
-      if (customResult) customElementsGroup = customResult.elementsGroup, renderDefault = customResult.renderDefault;else if ((null == range ? void 0 : range.isCustom) && !table.isCornerHeader(col, row)) ;else {
+      if (!shouldRenderCornerCustomMergeContent(col, row, range, table)) return {
+        customElementsGroup: customElementsGroup,
+        renderDefault: !1
+      };
+      if (customResult) customElementsGroup = createCornerCustomMergeContainer(customResult.elementsGroup, cellWidth, cellHeight, range, table), renderDefault = customResult.renderDefault;else if ((null == range ? void 0 : range.isCustom) && !table.isCornerHeader(col, row)) ;else {
         let customRender, customLayout;
         if ("body" !== table.getCellLocation(col, row) ? (customRender = null == define ? void 0 : define.headerCustomRender, customLayout = null == define ? void 0 : define.headerCustomLayout) : (customRender = (null == define ? void 0 : define.customRender) || table.customRender, customLayout = null == define ? void 0 : define.customLayout), customLayout || customRender) {
-          const customResult = dealWithCustom(customLayout, customRender, col, row, cellWidth, cellHeight, !1, table.isAutoRowHeight(row), padding, range, table);
-          customElementsGroup = customResult.elementsGroup, renderDefault = customResult.renderDefault;
+          const customCol = range && isCornerCustomMergeRange(range, table) ? range.start.col : col,
+            customRow = range && isCornerCustomMergeRange(range, table) ? range.start.row : row,
+            customResult = dealWithCustom(customLayout, customRender, customCol, customRow, cellWidth, cellHeight, !1, table.isAutoRowHeight(row), padding, range, table);
+          customElementsGroup = createCornerCustomMergeContainer(customResult.elementsGroup, cellWidth, cellHeight, range, table), renderDefault = customResult.renderDefault;
         }
       }
       return {
@@ -54305,7 +54495,7 @@
             customLayout: customLayout,
             customRender: customRender
           } = customMerge;
-          range = customMergeRange, isMerge = range.start.col !== range.end.col || range.start.row !== range.end.row, value = customMergeText, customStyle = customMergeStyle, (customLayout || customRender) && (customResult = dealWithCustom(customLayout, customRender, customMergeRange.start.col, customMergeRange.start.row, table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col), table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row), !1, table.isAutoRowHeight(row), [0, 0, 0, 0], range, table)), isCustomMerge = !0;
+          range = customMergeRange, isMerge = range.start.col !== range.end.col || range.start.row !== range.end.row, value = customMergeText, customStyle = customMergeStyle, (customLayout || customRender) && shouldRenderCornerCustomMergeContent(col, row, customMergeRange, table) && (customResult = dealWithCustom(customLayout, customRender, customMergeRange.start.col, customMergeRange.start.row, table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col), table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row), !1, table.isAutoRowHeight(row), [0, 0, 0, 0], range, table)), isCustomMerge = !0;
         }
       }
       let colForDefine = col,
@@ -54399,25 +54589,30 @@
         textAlign = cellTheme.text.textAlign,
         textBaseline = cellTheme.text.textBaseline;
       let newCellGroup, cellWidth, cellHeight;
-      if (range ? (cellWidth = table.getColsWidth(range.start.col, range.end.col), cellHeight = table.getRowsHeight(range.start.row, range.end.row)) : (cellWidth = table.getColWidth(col), cellHeight = table.getRowHeight(row)), isPromise(value) ? (oldCellGroup.removeAllChild(), dealPromiseData(value, table, callUpdateCellContentForPromiseValue.bind(null, {
-        type: type,
-        value: value,
-        define: define,
-        table: table,
-        col: col,
-        row: row,
-        cellWidth: cellWidth,
-        cellHeight: cellHeight,
-        oldCellGroup: oldCellGroup,
-        padding: padding,
-        textAlign: textAlign,
-        textBaseline: textBaseline,
-        mayHaveIcon: mayHaveIcon,
-        addNew: addNew,
-        range: range,
-        customResult: customResult,
-        customStyle: customStyle
-      }))) : newCellGroup = updateCellContent(type, value, define, table, col, row, cellWidth, cellHeight, oldCellGroup, padding, textAlign, textBaseline, mayHaveIcon, addNew, cellTheme, range, customResult), isMerge) {
+      if (range ? (cellWidth = table.getColsWidth(range.start.col, range.end.col), cellHeight = table.getRowsHeight(range.start.row, range.end.row)) : (cellWidth = table.getColWidth(col), cellHeight = table.getRowHeight(row)), isPromise(value)) {
+        const updateToken = nextPromiseCellUpdateToken(oldCellGroup);
+        removeCellMediaChildren(oldCellGroup), oldCellGroup.removeAllChild(), dealPromiseData(value, table, callUpdateCellContentForPromiseValue.bind(null, {
+          type: type,
+          define: define,
+          table: table,
+          col: col,
+          row: row,
+          cellWidth: cellWidth,
+          cellHeight: cellHeight,
+          oldCellGroup: oldCellGroup,
+          padding: padding,
+          textAlign: textAlign,
+          textBaseline: textBaseline,
+          mayHaveIcon: mayHaveIcon,
+          addNew: addNew,
+          range: range,
+          customResult: customResult,
+          customStyle: customStyle,
+          promiseValue: value,
+          updateToken: updateToken
+        }));
+      } else newCellGroup = updateCellContent(type, value, define, table, col, row, cellWidth, cellHeight, oldCellGroup, padding, textAlign, textBaseline, mayHaveIcon, addNew, cellTheme, range, customResult);
+      if (isMerge) {
         const {
             width: contentWidth
           } = newCellGroup.attribute,
@@ -54428,9 +54623,10 @@
       }
       return newCellGroup;
     }
-    function updateCellContent(type, value, define, table, col, row, cellWidth, cellHeight, oldCellGroup, padding, textAlign, textBaseline, mayHaveIcon, addNew, cellTheme, range, customResult) {
+    function updateCellContent(type, value, define, table, col, row, cellWidth, cellHeight, oldCellGroup, padding, textAlign, textBaseline, mayHaveIcon, addNew, cellTheme, range, customResult, cellValue) {
       var _a, _b;
-      if (isPromise(value) && (value = table.getCellValue(col, row)), !addNew && (oldCellGroup.row !== row || oldCellGroup.col !== col)) return null;
+      const hasCellValue = arguments.length >= 18;
+      if (!addNew && (oldCellGroup.row !== row || oldCellGroup.col !== col)) return null;
       if (!addNew && oldCellGroup.parent && table.reactCustomLayout) {
         const reactGroup = oldCellGroup.getChildByName(CUSTOM_CONTAINER_NAME);
         if (reactGroup) {
@@ -54441,8 +54637,10 @@
           isNumber$3(col) && isNumber$3(row) && table.reactCustomLayout.removeCustomCell(col, row);
         }
       }
-      const newCellGroup = createCell(type, value, define, table, col, row, table.getColWidth(col), cellWidth, cellHeight, addNew ? table.scenegraph.getColGroup(col) : oldCellGroup.parent, addNew ? 0 : table.scenegraph.getCellGroupY(row), padding, textAlign, textBaseline, mayHaveIcon, cellTheme, range, customResult);
-      return !addNew && oldCellGroup.parent && (oldCellGroup.parent.insertAfter(newCellGroup, oldCellGroup), oldCellGroup.parent.removeChild(oldCellGroup), oldCellGroup.release(!0), (null === (_a = table.scenegraph) || void 0 === _a ? void 0 : _a.proxy.cellCache.get(col)) && (null === (_b = table.scenegraph) || void 0 === _b || _b.proxy.cellCache.set(col, newCellGroup))), newCellGroup;
+      const createCellArgs = [type, value, define, table, col, row, table.getColWidth(col), cellWidth, cellHeight, addNew ? table.scenegraph.getColGroup(col) : oldCellGroup.parent, addNew ? 0 : table.scenegraph.getCellGroupY(row), padding, textAlign, textBaseline, mayHaveIcon, cellTheme, range, customResult];
+      hasCellValue && createCellArgs.push(cellValue);
+      const newCellGroup = createCell(...createCellArgs);
+      return !addNew && oldCellGroup.parent && newCellGroup !== oldCellGroup && (oldCellGroup.parent.insertAfter(newCellGroup, oldCellGroup), oldCellGroup.parent.removeChild(oldCellGroup), removeCellMediaChildren(oldCellGroup), oldCellGroup.release(!0), (null === (_a = table.scenegraph) || void 0 === _a ? void 0 : _a.proxy.cellCache.get(col)) && (null === (_b = table.scenegraph) || void 0 === _b || _b.proxy.cellCache.set(col, newCellGroup))), newCellGroup;
     }
     function canUseFastUpdate(col, row, oldCellGroup, autoWrapText, mayHaveIcon, table) {
       var _a;
@@ -54451,29 +54649,31 @@
         value = table.getCellValue(col, row);
       return !(table.isHeader(col, row) || "cell" !== oldCellGroup.role || "text" !== cellType || autoWrapText || autoRowHeight || mayHaveIcon || "text" !== (null === (_a = oldCellGroup.firstChild) || void 0 === _a ? void 0 : _a.type) || isPromise(value));
     }
-    function callUpdateCellContentForPromiseValue(updateCellArgs) {
+    function callUpdateCellContentForPromiseValue(updateCellArgs, resolvedValue) {
       const {
-          type: type,
-          value: value,
-          define: define,
-          table: table,
-          col: col,
-          row: row,
-          cellWidth: cellWidth,
-          cellHeight: cellHeight,
-          oldCellGroup: oldCellGroup,
-          padding: padding,
-          textAlign: textAlign,
-          textBaseline: textBaseline,
-          mayHaveIcon: mayHaveIcon,
-          addNew: addNew,
-          range: range,
-          customResult: customResult,
-          customStyle: customStyle
-        } = updateCellArgs,
-        cellStyle = customStyle || table._getCellStyle(range ? range.start.col : col, range ? range.start.row : row),
+        type: type,
+        define: define,
+        table: table,
+        col: col,
+        row: row,
+        cellWidth: cellWidth,
+        cellHeight: cellHeight,
+        oldCellGroup: oldCellGroup,
+        padding: padding,
+        textAlign: textAlign,
+        textBaseline: textBaseline,
+        mayHaveIcon: mayHaveIcon,
+        addNew: addNew,
+        range: range,
+        customResult: customResult,
+        customStyle: customStyle,
+        promiseValue: promiseValue,
+        updateToken: updateToken
+      } = updateCellArgs;
+      if (!isPromiseCellUpdateCurrent(table, col, row, oldCellGroup, updateToken)) return;
+      const cellStyle = customStyle || table._getCellStyle(range ? range.start.col : col, range ? range.start.row : row),
         cellTheme = getStyleTheme(cellStyle, table, range ? range.start.col : col, range ? range.start.row : row, getProp).theme;
-      cellTheme.group.cornerRadius = getCellCornerRadius(col, row, table), updateCellContent(type, value, define, table, col, row, cellWidth, cellHeight, oldCellGroup, padding, textAlign, textBaseline, mayHaveIcon, addNew, cellTheme, range, customResult);
+      cellTheme.group.cornerRadius = getCellCornerRadius(col, row, table), updateCellContent(type, promiseValue, define, table, col, row, cellWidth, cellHeight, oldCellGroup, padding, textAlign, textBaseline, mayHaveIcon, addNew, cellTheme, range, customResult, resolvedValue);
     }
     function dealWithMergeCellSize(range, cellWidth, cellHeight, padding, textAlign, textBaseline, table) {
       for (let col = range.start.col; col <= range.end.col; col++) for (let row = range.start.row; row <= range.end.row; row++) {
@@ -54541,17 +54741,17 @@
             customRender: customMergeRender
           } = customMerge;
           if (customMergeLayout || customMergeRender) {
-            const customElementsGroup = dealWithCustom(customMergeLayout, customMergeRender, customMergeRange.start.col, customMergeRange.start.row, table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col), table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row), !1, table.isAutoRowHeight(row), [0, 0, 0, 0], customMergeRange, table).elementsGroup;
-            cellGroup.childrenCount > 0 && customElementsGroup ? cellGroup.insertBefore(customElementsGroup, cellGroup.firstChild) : customElementsGroup && cellGroup.appendChild(customElementsGroup);
             const rangeHeight = table.getRowHeight(row),
               rangeWidth = table.getColWidth(col),
-              {
-                width: contentWidth
-              } = cellGroup.attribute,
-              {
-                height: contentHeight
-              } = cellGroup.attribute;
-            return cellGroup.contentWidth = contentWidth, cellGroup.contentHeight = contentHeight, resizeCellGroup(cellGroup, rangeWidth, rangeHeight, customMergeRange, table), customMergeRange;
+              contentWidth = table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col),
+              contentHeight = table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row);
+            if (cellGroup.contentWidth = contentWidth, cellGroup.contentHeight = contentHeight, !shouldRenderCornerCustomMergeContent(col, row, customMergeRange, table)) {
+              const customContainer = cellGroup.getChildByName(CUSTOM_CONTAINER_NAME);
+              return customContainer && cellGroup.removeChild(customContainer), cellGroup.setAttribute("clip", !0), resizeCellGroup(cellGroup, rangeWidth, rangeHeight, customMergeRange, table), customMergeRange;
+            }
+            const customResult = dealWithCustom(customMergeLayout, customMergeRender, customMergeRange.start.col, customMergeRange.start.row, table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col), table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row), !1, table.isAutoRowHeight(row), [0, 0, 0, 0], customMergeRange, table),
+              customElementsGroup = createCornerCustomMergeContainer(customResult.elementsGroup, contentWidth, contentHeight, customMergeRange, table);
+            return cellGroup.childrenCount > 0 && customElementsGroup ? cellGroup.insertBefore(customElementsGroup, cellGroup.firstChild) : customElementsGroup && cellGroup.appendChild(customElementsGroup), resizeCellGroup(cellGroup, rangeWidth, rangeHeight, customMergeRange, table), isCornerCustomMergeRange(customMergeRange, table) && cellGroup.setAttribute("clip", !1), customMergeRange;
           }
         }
       }
@@ -54720,7 +54920,12 @@
             update ? newHeights[row] = Math.round(height) : table._setRowHeight(row, height);
           }
         } else {
-          fillRowsHeight(computeRowHeight(table.columnHeaderLevelCount, 0, table.colCount - 1, table), table.columnHeaderLevelCount, table.rowCount - 1 - table.bottomFrozenRowCount, table, update ? newHeights : void 0);
+          const fillStartRow = table.columnHeaderLevelCount,
+            fillEndRow = table.rowCount - 1 - table.bottomFrozenRowCount,
+            rowForCompute = getFirstUnresizedRow(table, fillStartRow, fillEndRow);
+          if (rowForCompute >= 0) {
+            fillRowsHeight(computeRowHeight(rowForCompute, 0, table.colCount - 1, table), fillStartRow, fillEndRow, table, update ? newHeights : void 0);
+          }
           for (let row = table.rowCount - table.bottomFrozenRowCount; row <= rowEnd; row++) {
             const height = computeRowHeight(row, 0, table.colCount - 1, table);
             update ? newHeights[row] = Math.round(height) : table._setRowHeight(row, height);
@@ -54784,7 +54989,7 @@
       table.isPivotTable() && (layoutMap.disableUseGetBodyCache(), layoutMap.disableUseHeaderPathCache());
     }
     function computeRowHeight(row, startCol, endCol, table) {
-      return computeRowHeightInternal(row, startCol, endCol, table, !0);
+      return table.internalProps._heightResizedRowMap.has(row) ? table.getRowHeight(row) : computeRowHeightInternal(row, startCol, endCol, table, !0);
     }
     function computeRowHeightInternal(row, startCol, endCol, table, enableCustomCompute) {
       if (!(table.isAutoRowHeight(row) || "adaptive" === table.heightMode && !1 !== table.options.autoHeightInAdaptiveMode) && "auto" !== table.getDefaultRowHeight(row)) return table.getDefaultRowHeight(row);
@@ -54885,10 +55090,14 @@
     }
     function fillRowsHeight(height, startRow, endRow, table, newHeights) {
       if (!table.internalProps.useOneRowHeightFillAll) {
-        for (let row = startRow; row <= endRow; row++) newHeights ? newHeights[row] = height : table._setRowHeight(row, height);
+        for (let row = startRow; row <= endRow; row++) table.internalProps._heightResizedRowMap.has(row) || (newHeights ? newHeights[row] = height : table._setRowHeight(row, height));
         table.internalProps.useOneRowHeightFillAll = !0;
       }
     }
+    function getFirstUnresizedRow(table, startRow, endRow) {
+      for (let row = startRow; row <= endRow; row++) if (!table.internalProps._heightResizedRowMap.has(row)) return row;
+      return -1;
+    }
     function computeCustomRenderHeight(col, row, table) {
       var _a, _b, _c, _d, _e, _f, _g;
       const customRender = table.getCustomRender(col, row);
@@ -54900,17 +55109,18 @@
           renderDefault = !1,
           enableCellPadding = !1;
         (table.isHeader(col, row) || (null === (_a = table.getBodyColumnDefine(col, row)) || void 0 === _a ? void 0 : _a.mergeCell) || table.hasCustomMerge()) && (cellRange = table.getCellRange(col, row), spanRow = cellRange.end.row - cellRange.start.row + 1);
-        const arg = {
-          col: null !== (_b = null == cellRange ? void 0 : cellRange.start.col) && void 0 !== _b ? _b : col,
-          row: null !== (_c = null == cellRange ? void 0 : cellRange.start.row) && void 0 !== _c ? _c : row,
-          dataValue: table.getCellOriginValue(col, row),
-          value: table.getCellValue(col, row),
-          rect: getCellRect$1(col, row, table),
-          table: table,
-          originCol: col,
-          originRow: row,
-          forComputation: !0
-        };
+        const skipCellValue = shouldSkipCustomRenderCellValueForComputation$1(col, row, table),
+          arg = {
+            col: null !== (_b = null == cellRange ? void 0 : cellRange.start.col) && void 0 !== _b ? _b : col,
+            row: null !== (_c = null == cellRange ? void 0 : cellRange.start.row) && void 0 !== _c ? _c : row,
+            dataValue: skipCellValue ? void 0 : table.getCellOriginValue(col, row),
+            value: skipCellValue ? void 0 : table.getCellValue(col, row),
+            rect: getCellRect$1(col, row, table),
+            table: table,
+            originCol: col,
+            originRow: row,
+            forComputation: !0
+          };
         if ("react-custom-layout" === customLayout && (customLayout = (null === (_d = table.reactCustomLayout) || void 0 === _d ? void 0 : _d.getCustomLayoutFunc(col, row)) || emptyCustomLayout), isFunction$3(customLayout)) {
           const customLayoutObj = customLayout(arg);
           customLayoutObj.rootContainer ? (customLayoutObj.rootContainer = decodeReactDom(customLayoutObj.rootContainer), dealPercentCalc(customLayoutObj.rootContainer, table.getColWidth(col), 0), customLayoutObj.rootContainer.setStage(table.scenegraph.stage), height = null !== (_e = customLayoutObj.rootContainer.AABBBounds.height()) && void 0 !== _e ? _e : 0, renderDefault = customLayoutObj.renderDefault, enableCellPadding = customLayoutObj.enableCellPadding) : (height = 0, renderDefault = customLayoutObj.renderDefault, enableCellPadding = customLayoutObj.enableCellPadding);
@@ -54924,11 +55134,15 @@
           height += padding[0] + padding[2];
         }
         return {
-          height: height / spanRow,
+          height: getMergedCellSingleRowHeight(height / spanRow, spanRow, table),
           renderDefault: renderDefault
         };
       }
     }
+    function shouldSkipCustomRenderCellValueForComputation$1(col, row, table) {
+      var _a, _b;
+      return table.isListTable() && !table.isHeader(col, row) && !(null === (_b = null === (_a = table.internalProps.dataSource) || void 0 === _a ? void 0 : _a.dataSourceObj) || void 0 === _b ? void 0 : _b.records);
+    }
     function computeTextHeight(col, row, cellType, table) {
       var _a, _b, _c, _d;
       let maxHeight = 0;
@@ -55012,7 +55226,14 @@
           maxHeight = (bounds.height() || ("number" == typeof lineHeight ? lineHeight : fontSize)) + (underline ? underlineOffset : 0);
         } else maxHeight = (null === (_d = table.options.customConfig) || void 0 === _d ? void 0 : _d.multilinesForXTable) ? lineHeight : lines.length * lineHeight;
       }
-      return (Math.max(maxHeight, iconHeight) + padding[0] + padding[2]) / spanRow;
+      return getMergedCellSingleRowHeight((Math.max(maxHeight, iconHeight) + padding[0] + padding[2]) / spanRow, spanRow, table);
+    }
+    function getMergedCellSingleRowHeight(height, spanRow, table) {
+      var _a;
+      if (spanRow <= 1) return height;
+      const configuredMinHeight = null === (_a = table.options.customConfig) || void 0 === _a ? void 0 : _a.minSingleRowHeight,
+        minSingleRowHeight = isNumber$3(configuredMinHeight) && configuredMinHeight > 0 ? configuredMinHeight : 2;
+      return Math.max(height, minSingleRowHeight);
     }
     function getCellRect$1(col, row, table) {
       return {
@@ -55025,14 +55246,15 @@
       };
     }
 
-    function updateRowHeight(scene, row, detaY, skipTableHeightMap) {
-      !skipTableHeightMap && detaY && scene.table._setRowHeight(row, scene.table.getRowHeight(row) + detaY, !0);
+    function updateRowHeight(scene, row, detaY, skipTableHeightMap, pendingCornerCustomMergeRanges) {
+      const shouldFlushCornerCustomMergeRanges = !pendingCornerCustomMergeRanges;
+      null != pendingCornerCustomMergeRanges || (pendingCornerCustomMergeRanges = new Map()), !skipTableHeightMap && detaY && scene.table._setRowHeight(row, scene.table.getRowHeight(row) + detaY, !0);
       for (let col = 0; col < scene.table.colCount; col++) {
         const cell = scene.getCell(col, row);
         if ("empty" === cell.role) continue;
         const mergeInfo = getCellMergeInfo(scene.table, col, row);
         if (mergeInfo && mergeInfo.start.col !== col) continue;
-        updateCellHeightForRow(scene, cell, col, row, cell.attribute.height + detaY, detaY, scene.table.isHeader(col, row)), scene.updateCellContentWhileResize(col, row);
+        updateCellHeightForRow(scene, cell, col, row, cell.attribute.height + detaY, detaY, scene.table.isHeader(col, row), pendingCornerCustomMergeRanges), scene.updateCellContentWhileResize(col, row);
       }
       let rowStart = 0,
         rowEnd = 0;
@@ -55041,11 +55263,12 @@
         const cellGroup = scene.highPerformanceGetCell(colIndex, rowIndex);
         "cell" === cellGroup.role && cellGroup.setAttribute("y", cellGroup.attribute.y + detaY);
       }
+      shouldFlushCornerCustomMergeRanges && flushCornerCustomMergeContentUpdates(pendingCornerCustomMergeRanges, scene.table);
     }
-    function updateCellHeightForRow(scene, cell, col, row, height, detaY, isHeader) {
-      cell && updateCellHeight(scene, cell, col, row, height, detaY);
+    function updateCellHeightForRow(scene, cell, col, row, height, detaY, isHeader, pendingCornerCustomMergeRanges) {
+      cell && updateCellHeight(scene, cell, col, row, height, detaY, isHeader, pendingCornerCustomMergeRanges);
     }
-    function updateCellHeight(scene, cell, col, row, distHeight, detaY, isHeader) {
+    function updateCellHeight(scene, cell, col, row, distHeight, detaY, isHeader, pendingCornerCustomMergeRanges) {
       var _a, _b, _c;
       if (cell.attribute.height === distHeight && !cell.needUpdateHeight) return;
       cell.needUpdateHeight = !1, cell.setAttribute("height", distHeight);
@@ -55062,16 +55285,23 @@
         (null == columnDefine ? void 0 : columnDefine.mergeCell) && (range = scene.table.getCellRange(col, row));
         const newBarCell = Factory.getFunction("createProgressBarCell")(columnDefine, style, cell.attribute.width, value, dataValue, col, row, padding, scene.table, range),
           oldBarCell = cell.getChildByName("progress-bar");
-        cell.insertBefore(newBarCell, oldBarCell), cell.removeChild(oldBarCell), oldBarCell.removeAllChild(), oldBarCell.release(), updateMergeCellContentHeight(cell, distHeight, detaY, scene.table.isAutoRowHeight(row), !0, scene.table);
+        cell.insertBefore(newBarCell, oldBarCell), cell.removeChild(oldBarCell), oldBarCell.removeAllChild(), oldBarCell.release(), updateMergeCellContentHeight(cell, distHeight, detaY, scene.table.isAutoRowHeight(row), !0, scene.table, !0, pendingCornerCustomMergeRanges);
       } else if ("sparkline" === type) {
         cell.removeAllChild();
         const headerStyle = scene.table._getCellStyle(col, row),
           padding = getQuadProps(getProp("padding", headerStyle, col, row, scene.table));
         Factory.getFunction("createSparkLineCellGroup")(cell, cell.parent, cell.attribute.x, cell.attribute.y, col, row, cell.attribute.width, cell.attribute.height, padding, scene.table, getStyleTheme(headerStyle, scene.table, col, row, getProp).theme, !1);
-      } else if ("image" === type || "video" === type) updateImageCellContentWhileResize(cell, col, row, 0, detaY, scene.table);else if ("axis" === (null === (_b = cell.firstChild) || void 0 === _b ? void 0 : _b.name)) null === (_c = cell.firstChild) || void 0 === _c || _c.originAxis.resize(cell.attribute.width, cell.attribute.height);else {
+      } else if ("image" === type || "video" === type || "audio" === type) updateImageCellContentWhileResize(cell, col, row, 0, detaY, scene.table);else if ("axis" === (null === (_b = cell.firstChild) || void 0 === _b ? void 0 : _b.name)) null === (_c = cell.firstChild) || void 0 === _c || _c.originAxis.resize(cell.attribute.width, cell.attribute.height);else {
         let renderDefault = !0;
         const customContainer = cell.getChildByName(CUSTOM_CONTAINER_NAME) || cell.getChildByName(CUSTOM_MERGE_CONTAINER_NAME);
         if (customContainer) {
+          if (scene.table.reactCustomLayout) {
+            const mergeRange = isMergeCellGroup(cell) ? scene.table.getCellRange(cell.mergeStartCol, cell.mergeStartRow) : void 0,
+              shouldUseMergeStart = mergeRange && isCornerCustomMergeRange(mergeRange, scene.table),
+              removeCol = shouldUseMergeStart ? mergeRange.start.col : col,
+              removeRow = shouldUseMergeStart ? mergeRange.start.row : row;
+            scene.table.reactCustomLayout.removeCustomCell(removeCol, removeRow);
+          }
           let customElementsGroup;
           cell.removeChild(customContainer);
           const customMergeRange = getCustomCellMergeCustom(col, row, cell, scene.table);
@@ -55079,7 +55309,7 @@
             if (mergeRow === row) continue;
             const mergedCell = scene.getCell(col, mergeRow),
               customContainer = mergedCell.getChildByName(CUSTOM_CONTAINER_NAME) || mergedCell.getChildByName(CUSTOM_MERGE_CONTAINER_NAME);
-            customContainer.removeAllChild(), mergedCell.removeChild(customContainer), getCustomCellMergeCustom(col, mergeRow, mergedCell, scene.table);
+            customContainer && (customContainer.removeAllChild(), mergedCell.removeChild(customContainer)), getCustomCellMergeCustom(col, mergeRow, mergedCell, scene.table);
           } else {
             let customRender, customLayout;
             const cellLocation = scene.table.getCellLocation(col, row),
@@ -55094,31 +55324,31 @@
               customRender = (null == define ? void 0 : define.customRender) || scene.table.customRender, customLayout = null == define ? void 0 : define.customLayout;
             }
             if ((customRender || customLayout) && isMergeCellGroup(cell)) for (let mergeCol = cell.mergeStartCol; mergeCol <= cell.mergeEndCol; mergeCol++) for (let mergeRow = cell.mergeStartRow; mergeRow <= cell.mergeEndRow; mergeRow++) mergeRow !== row && scene.updateCellContent(mergeCol, mergeRow);
-            if (customLayout || customRender) {
-              const style = scene.table._getCellStyle(col, row),
-                padding = getQuadProps(getProp("padding", style, col, row, scene.table));
-              let width = cell.attribute.width,
-                height = cell.attribute.height;
-              isMergeCellGroup(cell) && (width = scene.table.getColsWidth(cell.mergeStartCol, cell.mergeEndCol), height = scene.table.getRowsHeight(cell.mergeStartRow, cell.mergeEndRow));
-              const customResult = dealWithCustom(customLayout, customRender, col, row, width, height, !1, scene.table.isAutoRowHeight(row), padding, isMergeCellGroup(cell) ? {
-                start: {
-                  col: cell.mergeStartCol,
-                  row: cell.mergeStartRow
-                },
-                end: {
-                  col: cell.mergeEndCol,
-                  row: cell.mergeEndRow
-                }
-              } : void 0, scene.table);
-              customElementsGroup = customResult.elementsGroup, renderDefault = customResult.renderDefault;
+            const mergeRange = isMergeCellGroup(cell) ? scene.table.getCellRange(cell.mergeStartCol, cell.mergeStartRow) : void 0;
+            if (shouldRenderCornerCustomMergeContent(col, row, mergeRange, scene.table)) {
+              if (customLayout || customRender) {
+                const style = scene.table._getCellStyle(col, row),
+                  padding = getQuadProps(getProp("padding", style, col, row, scene.table));
+                let width = cell.attribute.width,
+                  height = cell.attribute.height;
+                isMergeCellGroup(cell) && (width = scene.table.getColsWidth(cell.mergeStartCol, cell.mergeEndCol), height = scene.table.getRowsHeight(cell.mergeStartRow, cell.mergeEndRow));
+                let customCol = col,
+                  customRow = row;
+                mergeRange && isCornerCustomMergeRange(mergeRange, scene.table) && (customCol = mergeRange.start.col, customRow = mergeRange.start.row);
+                const customResult = dealWithCustom(customLayout, customRender, customCol, customRow, width, height, !1, scene.table.isAutoRowHeight(row), padding, mergeRange, scene.table);
+                customElementsGroup = createCornerCustomMergeContainer(customResult.elementsGroup, width, height, mergeRange, scene.table), renderDefault = customResult.renderDefault;
+              }
+            } else renderDefault = !1;
+            if (cell.childrenCount > 0 && customElementsGroup ? cell.insertBefore(customElementsGroup, cell.firstChild) : customElementsGroup && cell.appendChild(customElementsGroup), isMergeCellGroup(cell)) {
+              const mergeRange = scene.table.getCellRange(cell.mergeStartCol, cell.mergeStartRow);
+              isCornerCustomMergeRange(mergeRange, scene.table) && cell.setAttribute("clip", !shouldRenderCornerCustomMergeContent(col, row, mergeRange, scene.table));
             }
-            cell.childrenCount > 0 && customElementsGroup ? cell.insertBefore(customElementsGroup, cell.firstChild) : customElementsGroup && cell.appendChild(customElementsGroup);
           }
         }
-        updateMergeCellContentHeight(cell, distHeight, detaY, scene.table.isAutoRowHeight(row), renderDefault, scene.table);
+        updateMergeCellContentHeight(cell, distHeight, detaY, scene.table.isAutoRowHeight(row), renderDefault, scene.table, !customContainer, pendingCornerCustomMergeRanges);
       }
     }
-    function updateMergeCellContentHeight(cellGroup, distHeight, detaY, autoRowHeight, renderDefault, table) {
+    function updateMergeCellContentHeight(cellGroup, distHeight, detaY, autoRowHeight, renderDefault, table, refreshCornerCustomMergeContent = !0, pendingCornerCustomMergeRanges) {
       if (isMergeCellGroup(cellGroup)) {
         distHeight = 0;
         for (let row = cellGroup.mergeStartRow; row <= cellGroup.mergeEndRow; row++) distHeight += table.getRowHeight(row);
@@ -55158,6 +55388,8 @@
           }, table);
           widthChange && (singleCellGroup.needUpdateWidth = !0);
         }
+        const mergeRange = table.getCellRange(cellGroup.mergeStartCol, cellGroup.mergeStartRow);
+        refreshCornerCustomMergeContent && isCornerCustomMergeRange(mergeRange, table) && queueCornerCustomMergeContentUpdate(mergeRange, table, pendingCornerCustomMergeRanges);
       } else {
         const style = table._getCellStyle(cellGroup.col, cellGroup.row),
           padding = getQuadProps(getProp("padding", style, cellGroup.col, cellGroup.row, table));
@@ -55165,19 +55397,20 @@
       }
     }
 
-    function updateColWidth(scene, col, detaX, skipTableWidthMap) {
-      skipTableWidthMap || scene.table._setColWidth(col, scene.table.getColWidth(col) + detaX, !0);
+    function updateColWidth(scene, col, detaX, skipTableWidthMap, pendingCornerCustomMergeRanges) {
+      const shouldFlushCornerCustomMergeRanges = !pendingCornerCustomMergeRanges;
+      null != pendingCornerCustomMergeRanges || (pendingCornerCustomMergeRanges = new Map()), skipTableWidthMap || scene.table._setColWidth(col, scene.table.getColWidth(col) + detaX, !0);
       const colOrCornerHeaderColumn = scene.getColGroup(col, !0),
         rightTopColumn = scene.getColGroupInRightTopCorner(col);
-      colOrCornerHeaderColumn && !rightTopColumn && updateColunmWidth(colOrCornerHeaderColumn, detaX, "col-corner", scene), rightTopColumn && updateColunmWidth(rightTopColumn, detaX, "right-top", scene);
+      colOrCornerHeaderColumn && !rightTopColumn && updateColunmWidth(colOrCornerHeaderColumn, detaX, "col-corner", scene, pendingCornerCustomMergeRanges), rightTopColumn && updateColunmWidth(rightTopColumn, detaX, "right-top", scene, pendingCornerCustomMergeRanges);
       const rowHeaderOrBodyColumn = scene.getColGroup(col);
-      rowHeaderOrBodyColumn && updateColunmWidth(rowHeaderOrBodyColumn, detaX, "row-body", scene);
+      rowHeaderOrBodyColumn && updateColunmWidth(rowHeaderOrBodyColumn, detaX, "row-body", scene, pendingCornerCustomMergeRanges);
       const leftBottomColumn = scene.getColGroupInLeftBottomCorner(col);
-      leftBottomColumn && updateColunmWidth(leftBottomColumn, detaX, "left-bottom", scene);
+      leftBottomColumn && updateColunmWidth(leftBottomColumn, detaX, "left-bottom", scene, pendingCornerCustomMergeRanges);
       const bottomColumn = scene.getColGroupInBottom(col);
-      bottomColumn && updateColunmWidth(bottomColumn, detaX, "bottom", scene);
+      bottomColumn && updateColunmWidth(bottomColumn, detaX, "bottom", scene, pendingCornerCustomMergeRanges);
       const rightBottomColumn = scene.getColGroupInRightBottomCorner(col);
-      rightBottomColumn && updateColunmWidth(rightBottomColumn, detaX, "right-bottom", scene), col < scene.frozenColCount ? (scene.cornerHeaderGroup.forEachChildrenSkipChild((column, index) => {
+      rightBottomColumn && updateColunmWidth(rightBottomColumn, detaX, "right-bottom", scene, pendingCornerCustomMergeRanges), col < scene.frozenColCount ? (scene.cornerHeaderGroup.forEachChildrenSkipChild((column, index) => {
         column.col > col && column.setAttribute("x", column.attribute.x + detaX);
       }), scene.rowHeaderGroup.forEachChildrenSkipChild((column, index) => {
         column.col > col && column.setAttribute("x", column.attribute.x + detaX);
@@ -55191,14 +55424,14 @@
         column.col > col && column.setAttribute("x", column.attribute.x + detaX);
       }), rightBottomColumn && scene.rightBottomCornerGroup.forEachChildrenSkipChild((column, index) => {
         column.col > col && column.setAttribute("x", column.attribute.x + detaX);
-      });
+      }), shouldFlushCornerCustomMergeRanges && flushCornerCustomMergeContentUpdates(pendingCornerCustomMergeRanges, scene.table);
     }
-    function updateColunmWidth(columnGroup, detaX, mode, scene) {
+    function updateColunmWidth(columnGroup, detaX, mode, scene, pendingCornerCustomMergeRanges) {
       var _a, _b, _c, _d, _e, _f, _g;
       let needRerangeRow = !1;
       const oldColumnWidth = null !== (_a = null == columnGroup ? void 0 : columnGroup.attribute.width) && void 0 !== _a ? _a : 0;
       if (null == columnGroup || columnGroup.setAttribute("width", oldColumnWidth + detaX), null == columnGroup || columnGroup.forEachChildren((cell, index) => {
-        if (updateCellWidth(scene, cell, cell.col, cell.row, oldColumnWidth, oldColumnWidth + detaX, detaX, "row-body" !== mode || cell.col < scene.table.rowHeaderLevelCount, scene.table.internalProps.autoWrapText)) {
+        if (updateCellWidth(scene, cell, cell.col, cell.row, oldColumnWidth, oldColumnWidth + detaX, detaX, "row-body" !== mode || cell.col < scene.table.rowHeaderLevelCount, scene.table.internalProps.autoWrapText, pendingCornerCustomMergeRanges)) {
           const mergeInfo = getCellMergeInfo(scene.table, cell.col, cell.row);
           if (mergeInfo && mergeInfo.end.row - mergeInfo.start.row) for (let row = mergeInfo.start.row; row <= mergeInfo.end.row; row++) resetRowHeight(scene, row);else resetRowHeight(scene, cell.row);
           needRerangeRow = !0;
@@ -55240,7 +55473,7 @@
         }
       }
     }
-    function updateCellWidth(scene, cell, col, row, oldWidth, distWidth, detaX, isHeader, autoWrapText) {
+    function updateCellWidth(scene, cell, col, row, oldWidth, distWidth, detaX, isHeader, autoWrapText, pendingCornerCustomMergeRanges) {
       var _a, _b, _c, _d, _e;
       if (cell.attribute.width === distWidth && !cell.needUpdateWidth) return !1;
       cell.needUpdateWidth = !1, cell.setAttribute("width", distWidth);
@@ -55262,14 +55495,14 @@
         const newBarCell = Factory.getFunction("createProgressBarCell")(columnDefine, style, cellGroup.attribute.width, value, dataValue, col, row, padding, scene.table, range),
           oldBarCell = cellGroup.getChildByName("progress-bar");
         cellGroup.insertBefore(newBarCell, oldBarCell), cellGroup.removeChild(oldBarCell), oldBarCell.removeAllChild(), oldBarCell.release();
-        const cellChange = updateMergeCellContentWidth(cellGroup, distWidth, detaX, autoRowHeight, !0, scene.table);
+        const cellChange = updateMergeCellContentWidth(cellGroup, distWidth, detaX, autoRowHeight, !0, scene.table, !0, pendingCornerCustomMergeRanges);
         isHeightChange = isHeightChange || cellChange;
       } else if ("sparkline" === type) {
         cellGroup.removeAllChild();
         const headerStyle = scene.table._getCellStyle(col, row),
           padding = getQuadProps(getProp("padding", headerStyle, col, row, scene.table));
         Factory.getFunction("createSparkLineCellGroup")(cellGroup, cellGroup.parent, cellGroup.attribute.x, cellGroup.attribute.y, col, row, cellGroup.attribute.width, cellGroup.attribute.height, padding, scene.table, getStyleTheme(headerStyle, scene.table, col, row, getProp).theme, !1);
-      } else if ("image" === type || "video" === type) updateImageCellContentWhileResize(cellGroup, col, row, detaX, 0, scene.table);else if ("axis" === (null === (_b = cellGroup.firstChild) || void 0 === _b ? void 0 : _b.name)) {
+      } else if ("image" === type || "video" === type || "audio" === type) updateImageCellContentWhileResize(cellGroup, col, row, detaX, 0, scene.table);else if ("axis" === (null === (_b = cellGroup.firstChild) || void 0 === _b ? void 0 : _b.name)) {
         const axisConfig = scene.table.internalProps.layoutMap.getAxisConfigInPivotChart(col, row),
           cellStyle = scene.table._getCellStyle(col, row),
           padding = getQuadProps(getProp("padding", cellStyle, col, row, scene.table));
@@ -55281,6 +55514,13 @@
         let renderDefault = !0;
         const customContainer = cell.getChildByName(CUSTOM_CONTAINER_NAME) || cell.getChildByName(CUSTOM_MERGE_CONTAINER_NAME);
         if (customContainer) {
+          if (scene.table.reactCustomLayout) {
+            const mergeRange = isMergeCellGroup(cellGroup) ? scene.table.getCellRange(cellGroup.mergeStartCol, cellGroup.mergeStartRow) : void 0,
+              shouldUseMergeStart = mergeRange && isCornerCustomMergeRange(mergeRange, scene.table),
+              removeCol = shouldUseMergeStart ? mergeRange.start.col : col,
+              removeRow = shouldUseMergeStart ? mergeRange.start.row : row;
+            scene.table.reactCustomLayout.removeCustomCell(removeCol, removeRow);
+          }
           let customElementsGroup;
           cell.removeChild(customContainer);
           const customMergeRange = getCustomCellMergeCustom(col, row, cell, scene.table);
@@ -55288,7 +55528,7 @@
             if (mergeCol === col) continue;
             const mergedCell = scene.getCell(mergeCol, row),
               customContainer = mergedCell.getChildByName(CUSTOM_CONTAINER_NAME) || mergedCell.getChildByName(CUSTOM_MERGE_CONTAINER_NAME);
-            customContainer.removeAllChild(), mergedCell.removeChild(customContainer), getCustomCellMergeCustom(mergeCol, row, mergedCell, scene.table);
+            customContainer && (customContainer.removeAllChild(), mergedCell.removeChild(customContainer)), getCustomCellMergeCustom(mergeCol, row, mergedCell, scene.table);
           } else {
             let customRender, customLayout;
             const cellType = scene.table.getCellLocation(col, row),
@@ -55303,28 +55543,28 @@
               customRender = (null == define ? void 0 : define.customRender) || scene.table.customRender, customLayout = null == define ? void 0 : define.customLayout;
             }
             if ((customRender || customLayout) && isMergeCellGroup(cellGroup)) for (let mergeCol = cellGroup.mergeStartCol; mergeCol <= cellGroup.mergeEndCol; mergeCol++) if (mergeCol !== col) for (let mergeRow = cellGroup.mergeStartRow; mergeRow <= cellGroup.mergeEndRow; mergeRow++) scene.updateCellContent(mergeCol, mergeRow);
-            if (customLayout || customRender) {
-              const style = scene.table._getCellStyle(col, row),
-                padding = getQuadProps(getProp("padding", style, col, row, scene.table));
-              let width = cellGroup.attribute.width,
-                height = cellGroup.attribute.height;
-              isMergeCellGroup(cellGroup) && (width = scene.table.getColsWidth(cellGroup.mergeStartCol, cellGroup.mergeEndCol), height = scene.table.getRowsHeight(cellGroup.mergeStartRow, cellGroup.mergeEndRow));
-              const customResult = dealWithCustom(customLayout, customRender, col, row, width, height, !1, scene.table.isAutoRowHeight(row), padding, isMergeCellGroup(cellGroup) ? {
-                start: {
-                  col: cellGroup.mergeStartCol,
-                  row: cellGroup.mergeStartRow
-                },
-                end: {
-                  col: cellGroup.mergeEndCol,
-                  row: cellGroup.mergeEndRow
-                }
-              } : void 0, scene.table);
-              customElementsGroup = customResult.elementsGroup, renderDefault = customResult.renderDefault, isHeightChange = !0;
+            const mergeRange = isMergeCellGroup(cellGroup) ? scene.table.getCellRange(cellGroup.mergeStartCol, cellGroup.mergeStartRow) : void 0;
+            if (shouldRenderCornerCustomMergeContent(col, row, mergeRange, scene.table)) {
+              if (customLayout || customRender) {
+                const style = scene.table._getCellStyle(col, row),
+                  padding = getQuadProps(getProp("padding", style, col, row, scene.table));
+                let width = cellGroup.attribute.width,
+                  height = cellGroup.attribute.height;
+                isMergeCellGroup(cellGroup) && (width = scene.table.getColsWidth(cellGroup.mergeStartCol, cellGroup.mergeEndCol), height = scene.table.getRowsHeight(cellGroup.mergeStartRow, cellGroup.mergeEndRow));
+                let customCol = col,
+                  customRow = row;
+                mergeRange && isCornerCustomMergeRange(mergeRange, scene.table) && (customCol = mergeRange.start.col, customRow = mergeRange.start.row);
+                const customResult = dealWithCustom(customLayout, customRender, customCol, customRow, width, height, !1, scene.table.isAutoRowHeight(row), padding, mergeRange, scene.table);
+                customElementsGroup = createCornerCustomMergeContainer(customResult.elementsGroup, width, height, mergeRange, scene.table), renderDefault = customResult.renderDefault, isHeightChange = !0;
+              }
+            } else renderDefault = !1;
+            if (cell.childrenCount > 0 && customElementsGroup ? cell.insertBefore(customElementsGroup, cell.firstChild) : customElementsGroup && cell.appendChild(customElementsGroup), isMergeCellGroup(cellGroup)) {
+              const mergeRange = scene.table.getCellRange(cellGroup.mergeStartCol, cellGroup.mergeStartRow);
+              isCornerCustomMergeRange(mergeRange, scene.table) && cell.setAttribute("clip", !shouldRenderCornerCustomMergeContent(col, row, mergeRange, scene.table));
             }
-            cell.childrenCount > 0 && customElementsGroup ? cell.insertBefore(customElementsGroup, cell.firstChild) : customElementsGroup && cell.appendChild(customElementsGroup);
           }
         }
-        const cellChange = updateMergeCellContentWidth(cellGroup, distWidth, detaX, autoRowHeight, renderDefault, scene.table);
+        const cellChange = updateMergeCellContentWidth(cellGroup, distWidth, detaX, autoRowHeight, renderDefault, scene.table, !customContainer, pendingCornerCustomMergeRanges);
         isHeightChange = isHeightChange || cellChange;
       }
       if (!autoWrapText) {
@@ -55332,7 +55572,7 @@
       }
       return !(!autoRowHeight || !autoWrapText) && isHeightChange;
     }
-    function updateMergeCellContentWidth(cellGroup, distWidth, detaX, autoRowHeight, renderDefault, table) {
+    function updateMergeCellContentWidth(cellGroup, distWidth, detaX, autoRowHeight, renderDefault, table, refreshCornerCustomMergeContent = !0, pendingCornerCustomMergeRanges) {
       if (isMergeCellGroup(cellGroup)) {
         distWidth = 0;
         let isHeightChange = !1;
@@ -55386,7 +55626,8 @@
           }, table);
           heightChange && (singleCellGroup.needUpdateHeight = !0), isHeightChange = isHeightChange || changed;
         }
-        return isHeightChange;
+        const mergeRange = table.getCellRange(cellGroup.mergeStartCol, cellGroup.mergeStartRow);
+        return refreshCornerCustomMergeContent && isCornerCustomMergeRange(mergeRange, table) && queueCornerCustomMergeContentUpdate(mergeRange, table, pendingCornerCustomMergeRanges), isHeightChange;
       }
       const style = table._getCellStyle(cellGroup.col, cellGroup.row),
         padding = getQuadProps(getProp("padding", style, cellGroup.col, cellGroup.row, table)),
@@ -56794,17 +57035,18 @@
           renderDefault = !1,
           enableCellPadding = !1;
         (table.isHeader(col, row) || (null === (_a = table.getBodyColumnDefine(col, row)) || void 0 === _a ? void 0 : _a.mergeCell) || table.hasCustomMerge()) && (cellRange = table.getCellRange(col, row), spanCol = cellRange.end.col - cellRange.start.col + 1);
-        const arg = {
-          col: null !== (_b = null == cellRange ? void 0 : cellRange.start.col) && void 0 !== _b ? _b : col,
-          row: null !== (_c = null == cellRange ? void 0 : cellRange.start.row) && void 0 !== _c ? _c : row,
-          dataValue: table.getCellOriginValue(col, row),
-          value: table.getCellValue(col, row),
-          rect: getCellRect(col, row, table),
-          table: table,
-          originCol: col,
-          originRow: row,
-          forComputation: !0
-        };
+        const skipCellValue = shouldSkipCustomRenderCellValueForComputation(col, row, table),
+          arg = {
+            col: null !== (_b = null == cellRange ? void 0 : cellRange.start.col) && void 0 !== _b ? _b : col,
+            row: null !== (_c = null == cellRange ? void 0 : cellRange.start.row) && void 0 !== _c ? _c : row,
+            dataValue: skipCellValue ? void 0 : table.getCellOriginValue(col, row),
+            value: skipCellValue ? void 0 : table.getCellValue(col, row),
+            rect: getCellRect(col, row, table),
+            table: table,
+            originCol: col,
+            originRow: row,
+            forComputation: !0
+          };
         if ("react-custom-layout" === customLayout && (customLayout = (null === (_d = table.reactCustomLayout) || void 0 === _d ? void 0 : _d.getCustomLayoutFunc(col, row)) || emptyCustomLayout), isFunction$3(customLayout)) {
           const customLayoutObj = customLayout(arg);
           if (customLayoutObj.rootContainer) {
@@ -56827,6 +57069,10 @@
         };
       }
     }
+    function shouldSkipCustomRenderCellValueForComputation(col, row, table) {
+      var _a, _b;
+      return table.isListTable() && !table.isHeader(col, row) && !(null === (_b = null === (_a = table.internalProps.dataSource) || void 0 === _a ? void 0 : _a.dataSourceObj) || void 0 === _b ? void 0 : _b.records);
+    }
     function computeTextWidth(col, row, cellType, table) {
       var _a, _b, _c, _d;
       let maxWidth = 0;
@@ -56936,8 +57182,12 @@
       const maxWidthColumnMap = new Map(),
         minWidthColumnMap = new Map();
       for (let col = startCol; col < endColPlus1; col++) {
-        const width = update && null !== (_a = newWidths[col]) && void 0 !== _a ? _a : table.getColWidth(col),
-          maxWidth = table.getMaxColWidth(col),
+        const width = update && null !== (_a = newWidths[col]) && void 0 !== _a ? _a : table.getColWidth(col);
+        if ("adaptive" === table.widthMode && table.internalProps._widthResizedColMap.has(col)) {
+          totalDrawWidth -= width;
+          continue;
+        }
+        const maxWidth = table.getMaxColWidth(col),
           minWidth = table.getMinColWidth(col);
         if (actualWidth += width, adaptiveColumns.push(col), maxWidth === width ? maxWidthColumnMap.set(col, width) : minWidth === width && minWidthColumnMap.set(col, width), null === (_b = table.options.customConfig) || void 0 === _b ? void 0 : _b.shrinkSparklineFirst) {
           "sparkline" === table.getBodyColumnType(col, 0) && (sparklineColumns.push({
@@ -57082,9 +57332,10 @@
         }
         const type = isVtableMerge || isCustomMerge ? "text" : table.getCellType(col, row);
         if (isPromise(value)) {
-          createEmptyCellGroup(col, row, 0, y, cellWidth, cellHeight, columnGroup), dealPromiseData(value, table, callCreateCellForPromiseValue.bind(null, {
+          const cellGroup = createEmptyCellGroup(col, row, 0, y, cellWidth, cellHeight, columnGroup),
+            updateToken = nextPromiseCellUpdateToken(cellGroup);
+          dealPromiseData(value, table, callCreateCellForPromiseValue.bind(null, {
             type: type,
-            value: value,
             define: define,
             table: table,
             col: col,
@@ -57099,7 +57350,10 @@
             cellLocation: cellLocation,
             range: range,
             customResult: customResult,
-            defaultRowHeight: defaultRowHeight
+            defaultRowHeight: defaultRowHeight,
+            promiseValue: value,
+            oldCellGroup: cellGroup,
+            updateToken: updateToken
           })), columnGroup.updateColumnRowNumber(row);
           const height = table.getRowHeight(row);
           columnGroup.updateColumnHeight(height), y += height;
@@ -57126,30 +57380,33 @@
         height: y
       };
     }
-    function callCreateCellForPromiseValue(createCellArgs) {
+    function callCreateCellForPromiseValue(createCellArgs, resolvedValue) {
       let padding, textAlign, textBaseline;
       const {
-          type: type,
-          value: value,
-          define: define,
-          table: table,
-          col: col,
-          row: row,
-          colWidth: colWidth,
-          cellWidth: cellWidth,
-          cellHeight: cellHeight,
-          columnGroup: columnGroup,
-          y: y,
-          cellLocation: cellLocation,
-          mayHaveIcon: mayHaveIcon,
-          customStyle: customStyle,
-          range: range,
-          customResult: customResult,
-          defaultRowHeight: defaultRowHeight
-        } = createCellArgs,
-        cellStyle = customStyle || table._getCellStyle(range ? range.start.col : col, range ? range.start.row : row),
+        type: type,
+        define: define,
+        table: table,
+        col: col,
+        row: row,
+        colWidth: colWidth,
+        cellWidth: cellWidth,
+        cellHeight: cellHeight,
+        columnGroup: columnGroup,
+        y: y,
+        cellLocation: cellLocation,
+        mayHaveIcon: mayHaveIcon,
+        customStyle: customStyle,
+        range: range,
+        customResult: customResult,
+        defaultRowHeight: defaultRowHeight,
+        promiseValue: promiseValue,
+        oldCellGroup: oldCellGroup,
+        updateToken: updateToken
+      } = createCellArgs;
+      if (!isPromiseCellUpdateCurrent(table, col, row, oldCellGroup, updateToken)) return;
+      const cellStyle = customStyle || table._getCellStyle(range ? range.start.col : col, range ? range.start.row : row),
         cellTheme = getStyleTheme(cellStyle, table, range ? range.start.col : col, range ? range.start.row : row, getProp).theme;
-      cellTheme.group.cornerRadius = getCellCornerRadius(col, row, table), cellTheme.group.width = colWidth, cellTheme.group.height = Array.isArray(defaultRowHeight) ? defaultRowHeight[row] : defaultRowHeight, cellTheme._vtable.padding && (padding = cellTheme._vtable.padding), cellTheme.text.textAlign && (textAlign = cellTheme.text.textAlign), cellTheme.text.textBaseline && (textBaseline = cellTheme.text.textBaseline), "body" === cellLocation || cellTheme.group.fill || (cellTheme.group.fill = "#fff"), createCell(type, value, define, table, col, row, colWidth, cellWidth, cellHeight, columnGroup, y, padding, textAlign, textBaseline, mayHaveIcon, cellTheme, range, customResult);
+      cellTheme.group.cornerRadius = getCellCornerRadius(col, row, table), cellTheme.group.width = colWidth, cellTheme.group.height = Array.isArray(defaultRowHeight) ? defaultRowHeight[row] : defaultRowHeight, cellTheme._vtable.padding && (padding = cellTheme._vtable.padding), cellTheme.text.textAlign && (textAlign = cellTheme.text.textAlign), cellTheme.text.textBaseline && (textBaseline = cellTheme.text.textBaseline), "body" === cellLocation || cellTheme.group.fill || (cellTheme.group.fill = "#fff"), createCell(type, promiseValue, define, table, col, row, colWidth, cellWidth, cellHeight, columnGroup, y, padding, textAlign, textBaseline, mayHaveIcon, cellTheme, range, customResult, resolvedValue);
     }
     function dealMerge(range, mergeMap, table, forceUpdate) {
       let cellWidth = 0,
@@ -57175,7 +57432,7 @@
         width: width,
         height: height
       });
-      cellGroup.role = "cell", cellGroup.col = col, cellGroup.row = row, columnGroup.addChild(cellGroup);
+      return cellGroup.role = "cell", cellGroup.col = col, cellGroup.row = row, columnGroup.addChild(cellGroup), cellGroup;
     }
 
     function createColGroup(containerGroup, xOrigin, yOrigin, colStart, colEnd, rowStart, rowEnd, cellLocation, table, rowLimit) {
@@ -57218,7 +57475,7 @@
       let targetRow = distRow;
       for (; targetRow < bodyBottomRow && table.getRowsHeight(table.frozenRowCount, targetRow) < visibleBodyHeight;) {
         const nextRow = targetRow + 1;
-        computeRowsHeight(table, nextRow, nextRow, !1), targetRow = nextRow;
+        table.internalProps._heightResizedRowMap.has(nextRow) || computeRowsHeight(table, nextRow, nextRow, !1), targetRow = nextRow;
       }
       return targetRow;
     }
@@ -57238,7 +57495,20 @@
       let distCol, distRow, distColForCompute, distRowForCompute;
       proxy.setParamsForRow(), proxy.setParamsForColumn(), "adaptive" === table.widthMode || table.options.autoWrapText && ("adaptive" === table.heightMode || table.isAutoRowHeight(table.columnHeaderLevelCount)) ? (distColForCompute = table.colCount - 1, distCol = Math.min(proxy.firstScreenColLimit - 1, table.colCount - 1)) : distCol = Math.min(proxy.firstScreenColLimit - 1, table.colCount - 1), "adaptive" === table.heightMode ? (distRowForCompute = table.rowCount - 1, distRow = Math.min(proxy.firstScreenRowLimit - 1, table.rowCount - 1)) : distRow = Math.min(proxy.firstScreenRowLimit - 1, table.rowCount - 1);
       let bodyDistRow = Math.min(proxy.bodyBottomRow, distRow - table.bottomFrozenRowCount);
-      0 === table.internalProps._widthResizedColMap.size && computeColsWidth(table, 0, null != distColForCompute ? distColForCompute : distCol), 0 === table.internalProps._heightResizedRowMap.size && (computeRowsHeight(table, 0, "auto" === table.options.canvasHeight || (null === (_a = table.options.customConfig) || void 0 === _a ? void 0 : _a.forceComputeAllRowHeight) ? table.rowCount - 1 : null != distRowForCompute ? distRowForCompute : distRow), "autoHeight" === table.heightMode && (bodyDistRow = fillVisibleBodyRows$1(proxy, bodyDistRow), syncVisibleBodyRows(proxy, bodyDistRow))), distCol < table.colCount - table.rightFrozenColCount && table.colCount - table.rightFrozenColCount <= table.colCount - 1 && computeColsWidth(table, table.colCount - table.rightFrozenColCount, table.colCount - 1), distRow < table.rowCount - table.bottomFrozenRowCount && table.rowCount - table.bottomFrozenRowCount <= table.rowCount - 1 && computeRowsHeight(table, table.rowCount - table.bottomFrozenRowCount, table.rowCount - 1), table.scenegraph.colHeaderGroup.setAttribute("x", table.getFrozenColsWidth()), table.scenegraph.rowHeaderGroup.setAttribute("y", table.getFrozenRowsHeight()), table.scenegraph.bottomFrozenGroup.setAttribute("x", table.getFrozenColsWidth()), table.scenegraph.rightFrozenGroup.setAttribute("y", table.getFrozenRowsHeight()), table.scenegraph.bodyGroup.setAttributes({
+      const colEndForCompute = null != distColForCompute ? distColForCompute : distCol;
+      let hasUnresizedColumns = !1;
+      for (let col = 0; col <= colEndForCompute; col++) if (!table.internalProps._widthResizedColMap.has(col)) {
+        hasUnresizedColumns = !0;
+        break;
+      }
+      hasUnresizedColumns && computeColsWidth(table, 0, colEndForCompute);
+      const rowEndForCompute = "auto" === table.options.canvasHeight || (null === (_a = table.options.customConfig) || void 0 === _a ? void 0 : _a.forceComputeAllRowHeight) ? table.rowCount - 1 : null != distRowForCompute ? distRowForCompute : distRow;
+      let hasUnresizedRows = !1;
+      for (let row = 0; row <= rowEndForCompute; row++) if (!table.internalProps._heightResizedRowMap.has(row)) {
+        hasUnresizedRows = !0;
+        break;
+      }
+      hasUnresizedRows && computeRowsHeight(table, 0, rowEndForCompute), "autoHeight" === table.heightMode && (bodyDistRow = fillVisibleBodyRows$1(proxy, bodyDistRow), syncVisibleBodyRows(proxy, bodyDistRow)), distCol < table.colCount - table.rightFrozenColCount && table.colCount - table.rightFrozenColCount <= table.colCount - 1 && computeColsWidth(table, table.colCount - table.rightFrozenColCount, table.colCount - 1), distRow < table.rowCount - table.bottomFrozenRowCount && table.rowCount - table.bottomFrozenRowCount <= table.rowCount - 1 && computeRowsHeight(table, table.rowCount - table.bottomFrozenRowCount, table.rowCount - 1), table.scenegraph.colHeaderGroup.setAttribute("x", table.getFrozenColsWidth()), table.scenegraph.rowHeaderGroup.setAttribute("y", table.getFrozenRowsHeight()), table.scenegraph.bottomFrozenGroup.setAttribute("x", table.getFrozenColsWidth()), table.scenegraph.rightFrozenGroup.setAttribute("y", table.getFrozenRowsHeight()), table.scenegraph.bodyGroup.setAttributes({
         x: table.getFrozenColsWidth(),
         y: table.getFrozenRowsHeight()
       }), createColGroup(cornerHeaderGroup, xOrigin, yOrigin, 0, table.frozenColCount - 1, 0, table.frozenRowCount - 1, table.isListTable() ? "columnHeader" : "cornerHeader", table), distCol - table.rightFrozenColCount >= table.frozenColCount && createColGroup(colHeaderGroup, xOrigin, yOrigin, table.frozenColCount, distCol - table.rightFrozenColCount, 0, table.frozenRowCount - 1, "columnHeader", table), table.frozenColCount > 0 && (table.leftRowSeriesNumberCount > 0 && createColGroup(rowHeaderGroup, xOrigin, yOrigin, 0, table.leftRowSeriesNumberCount - 1, table.frozenRowCount, bodyDistRow, "rowHeader", table), table.frozenColCount > table.leftRowSeriesNumberCount && createColGroup(rowHeaderGroup, xOrigin, yOrigin, table.leftRowSeriesNumberCount, Math.min(table.frozenColCount - 1, table.rowHeaderLevelCount + table.leftRowSeriesNumberCount - 1), table.frozenRowCount, bodyDistRow, "rowHeader", table), table.frozenColCount > table.rowHeaderLevelCount + table.leftRowSeriesNumberCount && createColGroup(rowHeaderGroup, xOrigin, yOrigin, table.rowHeaderLevelCount + table.leftRowSeriesNumberCount, table.frozenColCount - 1, table.frozenRowCount, bodyDistRow, "body", table)), table.bottomFrozenRowCount > 0 && (table.frozenColCount > 0 && (table.leftRowSeriesNumberCount > 0 && createColGroup(leftBottomCornerGroup, xOrigin, yOrigin, 0, table.leftRowSeriesNumberCount - 1, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, "rowHeader", table), table.rowHeaderLevelCount > 0 && createColGroup(leftBottomCornerGroup, xOrigin, yOrigin, table.leftRowSeriesNumberCount, table.leftRowSeriesNumberCount + table.rowHeaderLevelCount - 1, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, "rowHeader", table), table.frozenColCount > table.rowHeaderLevelCount + table.leftRowSeriesNumberCount && createColGroup(leftBottomCornerGroup, xOrigin, yOrigin, table.rowHeaderLevelCount + table.leftRowSeriesNumberCount, table.frozenColCount - 1, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, "body", table)), distCol - table.rightFrozenColCount >= table.frozenColCount && createColGroup(bottomFrozenGroup, xOrigin, yOrigin, table.frozenColCount, distCol - table.rightFrozenColCount, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, table.isPivotChart() ? "rowHeader" : "body", table)), table.rightFrozenColCount > 0 && (createColGroup(rightTopCornerGroup, xOrigin, yOrigin, table.colCount - 1 - table.rightFrozenColCount + 1, table.colCount - 1, 0, table.frozenRowCount - 1, "columnHeader", table), createColGroup(rightFrozenGroup, xOrigin, yOrigin, table.colCount - 1 - table.rightFrozenColCount + 1, table.colCount - 1, table.frozenRowCount, bodyDistRow, table.isPivotChart() ? "rowHeader" : "body", table)), table.bottomFrozenRowCount > 0 && table.rightFrozenColCount > 0 && createColGroup(rightBottomCornerGroup, xOrigin, yOrigin, table.colCount - 1 - table.rightFrozenColCount + 1, table.colCount - 1, table.rowCount - 1 - table.bottomFrozenRowCount + 1, table.rowCount - 1, "body", table), distCol - table.rightFrozenColCount >= table.frozenColCount && createColGroup(bodyGroup, xOrigin, yOrigin, table.frozenColCount, distCol - table.rightFrozenColCount, table.frozenRowCount, bodyDistRow, "body", table), bodyGroup.firstChild || colHeaderGroup.firstChild || cornerHeaderGroup.firstChild || rowHeaderGroup.firstChild ? (proxy.currentRow = null !== (_e = null !== (_c = null === (_b = bodyGroup.firstChild) || void 0 === _b ? void 0 : _b.rowNumber) && void 0 !== _c ? _c : null === (_d = rowHeaderGroup.firstChild) || void 0 === _d ? void 0 : _d.rowNumber) && void 0 !== _e ? _e : proxy.totalRow, proxy.rowEnd = proxy.currentRow, proxy.rowUpdatePos = proxy.rowEnd + 1, proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2), proxy.currentCol = null !== (_o = null !== (_l = null !== (_j = null !== (_g = null === (_f = bodyGroup.lastChild) || void 0 === _f ? void 0 : _f.col) && void 0 !== _g ? _g : null === (_h = colHeaderGroup.lastChild) || void 0 === _h ? void 0 : _h.col) && void 0 !== _j ? _j : null === (_k = rowHeaderGroup.lastChild) || void 0 === _k ? void 0 : _k.col) && void 0 !== _l ? _l : null === (_m = cornerHeaderGroup.lastChild) || void 0 === _m ? void 0 : _m.col) && void 0 !== _o ? _o : proxy.totalCol, proxy.colEnd = proxy.currentCol, proxy.colUpdatePos = proxy.colEnd + 1, proxy.referenceCol = proxy.colStart + Math.floor((proxy.colEnd - proxy.colStart) / 2), proxy.progress()) : (proxy.currentRow = proxy.totalRow, proxy.rowEnd = proxy.currentRow, proxy.rowUpdatePos = proxy.rowEnd + 1, proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2), proxy.currentCol = proxy.totalCol, proxy.colEnd = proxy.currentCol, proxy.colUpdatePos = proxy.colEnd + 1, proxy.referenceCol = proxy.colStart + Math.floor((proxy.colEnd - proxy.colStart) / 2));
@@ -57720,6 +57990,7 @@
       });
     }
 
+    let stickTextUpdateId = 0;
     function resetTextStick(table) {
       const {
         changedCells: changedCells
@@ -57735,6 +58006,8 @@
     }
     function handleTextStick(table) {
       const changedCells = resetTextStick(table),
+        horizontalUpdateId = ++stickTextUpdateId,
+        verticalUpdateId = ++stickTextUpdateId,
         {
           scrollTop: scrollTop,
           scrollLeft: scrollLeft,
@@ -57757,42 +58030,53 @@
         for (let row = 0; row < frozenRowCount && !(colEnd < colStart); row++) [colStart, colEnd].forEach(col => {
           const style = table._getCellStyle(col, row);
           if ((null == style ? void 0 : style.textStick) && "vertical" !== (null == style ? void 0 : style.textStick)) {
-            adjustCellContentHorizontalLayout(table.scenegraph.getCell(col, row), frozenColsWidth + table.tableX, table.tableNoFrameWidth - table.getRightFrozenColsWidth() + table.tableX, changedCells, null == style ? void 0 : style.textStickBaseOnAlign, table);
+            adjustCellContentHorizontalLayout(table.scenegraph.getCell(col, row), frozenColsWidth + table.tableX, table.tableNoFrameWidth - table.getRightFrozenColsWidth() + table.tableX, changedCells, null == style ? void 0 : style.textStickBaseOnAlign, table, horizontalUpdateId, {
+              colStart: colStart,
+              colEnd: colEnd,
+              rowStart: row,
+              rowEnd: row
+            });
           }
         });
         for (let col = 0; col < frozenColCount && !(rowEnd < rowStart); col++) [rowStart, rowEnd].forEach(row => {
           const style = table._getCellStyle(col, row);
           if ((null == style ? void 0 : style.textStick) && "horizontal" !== (null == style ? void 0 : style.textStick)) {
-            adjustCellContentVerticalLayout(table.scenegraph.getCell(col, row), frozenRowsHeight + table.tableY, table.tableNoFrameHeight - table.getBottomFrozenRowsHeight() + table.tableY, changedCells, null == style ? void 0 : style.textStickBaseOnAlign, table);
+            adjustCellContentVerticalLayout(table.scenegraph.getCell(col, row), frozenRowsHeight + table.tableY, table.tableNoFrameHeight - table.getBottomFrozenRowsHeight() + table.tableY, changedCells, null == style ? void 0 : style.textStickBaseOnAlign, table, verticalUpdateId, {
+              colStart: col,
+              colEnd: col,
+              rowStart: rowStart,
+              rowEnd: rowEnd
+            });
           }
         });
         for (let col = colStart; col <= colEnd && !(rowEnd < rowStart); col++) [rowStart, rowEnd].forEach(row => {
           const style = table._getCellStyle(col, row);
           if ((null == style ? void 0 : style.textStick) && "horizontal" !== (null == style ? void 0 : style.textStick)) {
-            adjustCellContentVerticalLayout(table.scenegraph.getCell(col, row), frozenRowsHeight + table.tableY, table.tableNoFrameHeight - table.getBottomFrozenRowsHeight() + table.tableY, changedCells, null == style ? void 0 : style.textStickBaseOnAlign, table);
+            adjustCellContentVerticalLayout(table.scenegraph.getCell(col, row), frozenRowsHeight + table.tableY, table.tableNoFrameHeight - table.getBottomFrozenRowsHeight() + table.tableY, changedCells, null == style ? void 0 : style.textStickBaseOnAlign, table, verticalUpdateId, {
+              colStart: col,
+              colEnd: col,
+              rowStart: rowStart,
+              rowEnd: rowEnd
+            });
           }
         });
         for (let row = rowStart; row <= rowEnd && !(colEnd < colStart); row++) [colStart, colEnd].forEach(col => {
           const style = table._getCellStyle(col, row);
           if ((null == style ? void 0 : style.textStick) && "vertical" !== (null == style ? void 0 : style.textStick)) {
-            adjustCellContentHorizontalLayout(table.scenegraph.getCell(col, row), frozenColsWidth + table.tableX, table.tableNoFrameWidth - table.getRightFrozenColsWidth() + table.tableX, changedCells, null == style ? void 0 : style.textStickBaseOnAlign, table);
+            adjustCellContentHorizontalLayout(table.scenegraph.getCell(col, row), frozenColsWidth + table.tableX, table.tableNoFrameWidth - table.getRightFrozenColsWidth() + table.tableX, changedCells, null == style ? void 0 : style.textStickBaseOnAlign, table, horizontalUpdateId, {
+              colStart: colStart,
+              colEnd: colEnd,
+              rowStart: row,
+              rowEnd: row
+            });
           }
         });
       }
     }
-    function adjustCellContentVerticalLayout(cellGroup, minTop, maxTop, changedCells, textStickBaseOnAlign, table) {
-      if (isNumber$3(cellGroup.mergeStartCol) && isNumber$3(cellGroup.mergeStartRow) && isNumber$3(cellGroup.mergeEndCol) && isNumber$3(cellGroup.mergeEndRow)) {
-        const {
-          colStart: colStart,
-          colEnd: colEnd,
-          rowStart: rowStart,
-          rowEnd: rowEnd
-        } = getCellMergeRange(cellGroup, table.scenegraph);
-        for (let col = colStart; col <= colEnd; col++) for (let row = rowStart; row <= rowEnd; row++) {
-          const singleCellGroup = table.scenegraph.getCell(col, row);
-          "cell" === singleCellGroup.role && dealVertical(singleCellGroup, minTop, maxTop, changedCells, textStickBaseOnAlign);
-        }
-      } else dealVertical(cellGroup, minTop, maxTop, changedCells, textStickBaseOnAlign);
+    function adjustCellContentVerticalLayout(cellGroup, minTop, maxTop, changedCells, textStickBaseOnAlign, table, updateId, visibleRange) {
+      dealMergedCellGroups(cellGroup, table, visibleRange, updateId, "verticalStickUpdateId", singleCellGroup => {
+        dealVertical(singleCellGroup, minTop, maxTop, changedCells, textStickBaseOnAlign);
+      });
     }
     function dealVertical(cellGroup, minTop, maxTop, changedCells, textStickBaseOnAlign) {
       var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
@@ -57850,19 +58134,31 @@
         });
       }
     }
-    function adjustCellContentHorizontalLayout(cellGroup, minLeft, maxLeft, changedCells, textStickBaseOnAlign, table) {
+    function adjustCellContentHorizontalLayout(cellGroup, minLeft, maxLeft, changedCells, textStickBaseOnAlign, table, updateId, visibleRange) {
+      dealMergedCellGroups(cellGroup, table, visibleRange, updateId, "horizontalStickUpdateId", singleCellGroup => {
+        dealHorizontal(singleCellGroup, minLeft, maxLeft, changedCells, textStickBaseOnAlign);
+      });
+    }
+    function dealMergedCellGroups(cellGroup, table, visibleRange, updateId, updateIdKey, dealCell) {
       if (isNumber$3(cellGroup.mergeStartCol) && isNumber$3(cellGroup.mergeStartRow) && isNumber$3(cellGroup.mergeEndCol) && isNumber$3(cellGroup.mergeEndRow)) {
         const {
-          colStart: colStart,
-          colEnd: colEnd,
-          rowStart: rowStart,
-          rowEnd: rowEnd
-        } = getCellMergeRange(cellGroup, table.scenegraph);
-        for (let col = colStart; col <= colEnd; col++) for (let row = rowStart; row <= rowEnd; row++) {
+            colStart: colStart,
+            colEnd: colEnd,
+            rowStart: rowStart,
+            rowEnd: rowEnd
+          } = getCellMergeRange(cellGroup, table.scenegraph),
+          visibleColStart = Math.max(colStart, visibleRange.colStart),
+          visibleColEnd = Math.min(colEnd, visibleRange.colEnd),
+          visibleRowStart = Math.max(rowStart, visibleRange.rowStart),
+          visibleRowEnd = Math.min(rowEnd, visibleRange.rowEnd);
+        for (let col = visibleColStart; col <= visibleColEnd; col++) for (let row = visibleRowStart; row <= visibleRowEnd; row++) {
           const singleCellGroup = table.scenegraph.getCell(col, row);
-          "cell" === singleCellGroup.role && dealHorizontal(singleCellGroup, minLeft, maxLeft, changedCells, textStickBaseOnAlign);
+          "cell" === singleCellGroup.role && singleCellGroup[updateIdKey] !== updateId && (singleCellGroup[updateIdKey] = updateId, dealCell(singleCellGroup));
         }
-      } else dealHorizontal(cellGroup, minLeft, maxLeft, changedCells, textStickBaseOnAlign);
+      } else {
+        if (cellGroup[updateIdKey] === updateId) return;
+        cellGroup[updateIdKey] = updateId, dealCell(cellGroup);
+      }
     }
     function dealHorizontal(cellGroup, minLeft, maxLeft, changedCells, textStickBaseOnAlign) {
       var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
@@ -57962,7 +58258,9 @@
     };
     class SceneProxy {
       constructor(table) {
-        this.isRelease = !1, this.mode = "column", this.rowLimit = 200, this.currentRow = 0, this.rowStart = 0, this.rowEnd = 0, this.referenceRow = 0, this.screenTopRow = 0, this.deltaY = 0, this.deltaHeight = 0, this.colLimit = 100, this.screenLeftCol = 0, this.deltaX = 0, this.deltaWidth = 0, this.cellCache = new Map(), this.table = table, this.table.isPivotChart() ? (this.rowLimit = Math.max(100, Math.ceil(2 * table.tableNoFrameHeight / table.defaultRowHeight)), this.colLimit = Math.max(100, Math.ceil(2 * table.tableNoFrameWidth / table.defaultColWidth))) : this.table.isAutoRowHeight(table.columnHeaderLevelCount) ? this.rowLimit = Math.max(100, Math.ceil(2 * table.tableNoFrameHeight / table.defaultRowHeight)) : ("autoWidth" === this.table.widthMode || (this.rowLimit = Math.max(200, Math.ceil(2 * table.tableNoFrameHeight / table.defaultRowHeight))), this.colLimit = Math.max(100, Math.ceil(2 * table.tableNoFrameWidth / table.defaultColWidth))), this.table.internalProps.transpose ? this.mode = "row" : this.table.isPivotTable() && (this.mode = "pivot"), this.table.options.maintainedDataCount && (this.rowLimit = this.table.options.maintainedDataCount), this.table.options.maintainedColumnCount && (this.colLimit = this.table.options.maintainedColumnCount), "adaptive" === this.table.heightMode && (this.rowLimit = this.table.rowCount), "adaptive" === this.table.widthMode && (this.colLimit = this.table.colCount);
+        this.isRelease = !1, this.mode = "column", this.rowLimit = 200, this.currentRow = 0, this.rowStart = 0, this.rowEnd = 0, this.referenceRow = 0, this.screenTopRow = 0, this.deltaY = 0, this.deltaHeight = 0, this.colLimit = 100, this.screenLeftCol = 0, this.deltaX = 0, this.deltaWidth = 0, this.cellCache = new Map(), this.table = table;
+        const defaultRowHeight = this.getEstimatedRowHeightForProxy();
+        this.table.isPivotChart() ? (this.rowLimit = Math.max(100, Math.ceil(2 * table.tableNoFrameHeight / defaultRowHeight)), this.colLimit = Math.max(100, Math.ceil(2 * table.tableNoFrameWidth / table.defaultColWidth))) : this.table.isAutoRowHeight(table.columnHeaderLevelCount) ? this.rowLimit = Math.max(100, Math.ceil(2 * table.tableNoFrameHeight / defaultRowHeight)) : ("autoWidth" === this.table.widthMode || (this.rowLimit = Math.max(200, Math.ceil(2 * table.tableNoFrameHeight / table.defaultRowHeight))), this.colLimit = Math.max(100, Math.ceil(2 * table.tableNoFrameWidth / table.defaultColWidth))), this.table.internalProps.transpose ? this.mode = "row" : this.table.isPivotTable() && (this.mode = "pivot"), this.table.options.maintainedDataCount && (this.rowLimit = this.table.options.maintainedDataCount), this.table.options.maintainedColumnCount && (this.colLimit = this.table.options.maintainedColumnCount), "adaptive" === this.table.heightMode && (this.rowLimit = this.table.rowCount), "adaptive" === this.table.widthMode && (this.colLimit = this.table.colCount);
       }
       get bodyLeftCol() {
         return this.table.frozenColCount;
@@ -57986,7 +58284,7 @@
         this.bodyBottomRow = this.table.rowCount - 1 - this.table.bottomFrozenRowCount;
         const totalActualBodyRowCount = Math.min(this.rowLimit, this.bodyBottomRow - this.bodyTopRow + 1);
         this.totalActualBodyRowCount = totalActualBodyRowCount, this.totalRow = this.bodyTopRow + totalActualBodyRowCount - 1, this.rowStart = this.bodyTopRow, this.rowEnd = this.totalRow;
-        const defaultRowHeight = this.table.defaultRowHeight;
+        const defaultRowHeight = this.getEstimatedRowHeightForProxy();
         this.taskRowCount = 1 * Math.ceil(this.table.tableNoFrameHeight / defaultRowHeight);
         const totalBodyHeight = defaultRowHeight * totalActualBodyRowCount,
           totalHeight = defaultRowHeight * (this.bodyBottomRow - this.bodyTopRow + 1);
@@ -58009,11 +58307,16 @@
         this.taskColCount = 1 * Math.ceil(this.table.tableNoFrameWidth / defaultColWidth);
         const widthLimit = 5 * this.table.tableNoFrameWidth;
         this.screenColCount = Math.ceil(this.table.tableNoFrameWidth / defaultColWidth), this.firstScreenColLimit = this.bodyLeftCol + Math.min(this.colLimit, Math.ceil(widthLimit / defaultColWidth));
-        const defaultRowHeight = this.table.defaultRowHeight;
+        const defaultRowHeight = this.getEstimatedRowHeightForProxy();
         this.taskRowCount = 1 * Math.ceil(this.table.tableNoFrameHeight / defaultRowHeight);
         const heightLimit = 5 * this.table.tableNoFrameHeight;
         this.screenRowCount = Math.ceil(this.table.tableNoFrameHeight / defaultRowHeight), this.firstScreenRowLimit = this.bodyTopRow + Math.min(this.rowLimit, Math.ceil(heightLimit / defaultRowHeight));
       }
+      getEstimatedRowHeightForProxy() {
+        var _a;
+        const minSingleRowHeight = null === (_a = this.table.options.customConfig) || void 0 === _a ? void 0 : _a.minSingleRowHeight;
+        return "autoHeight" === this.table.heightMode ? isNumber$3(minSingleRowHeight) && minSingleRowHeight > 0 ? minSingleRowHeight : 2 : this.table.defaultRowHeight;
+      }
       createGroupForFirstScreen(cornerHeaderGroup, colHeaderGroup, rowHeaderGroup, rightFrozenGroup, bottomFrozenGroup, bodyGroup, xOrigin, yOrigin) {
         createGroupForFirstScreen(cornerHeaderGroup, colHeaderGroup, rowHeaderGroup, rightFrozenGroup, bottomFrozenGroup, bodyGroup, xOrigin, yOrigin, this);
       }
@@ -59610,6 +59913,7 @@
               },
               placement: baseIcon.tooltip.placement
             },
+            appearDelay: baseIcon.tooltip.appearDelay,
             disappearDelay: baseIcon.tooltip.disappearDelay,
             style: Object.assign({}, null === (_a = scene.table.internalProps.theme) || void 0 === _a ? void 0 : _a.tooltipStyle, null === (_b = baseIcon.tooltip) || void 0 === _b ? void 0 : _b.style)
           };
@@ -60161,6 +60465,7 @@
       }
       releaseStage() {
         var _a, _b, _c;
+        this.clear = !0, this._needUpdateContainer = !1;
         const releaseAppRef = this.releaseVRenderAppRef;
         this.releaseVRenderAppRef = void 0;
         try {
@@ -60352,8 +60657,8 @@
           updateCellSelectBorder(this, cellRange), moveSelectingRangeComponentsToSelectedRangeComponents(this);
         });
       }
-      updateColWidth(col, detaX, skipUpdateContainer, skipTableWidthMap) {
-        updateColWidth(this, col, Math.round(detaX), skipTableWidthMap), skipUpdateContainer || this.updateContainer({
+      updateColWidth(col, detaX, skipUpdateContainer, skipTableWidthMap, pendingCornerCustomMergeRanges) {
+        updateColWidth(this, col, Math.round(detaX), skipTableWidthMap, pendingCornerCustomMergeRanges), skipUpdateContainer || this.updateContainer({
           async: !0
         });
       }
@@ -60422,51 +60727,17 @@
         this.proxy.resize(), ("adaptive" === this.table.widthMode || this.table.autoFillWidth) && (0 === this.table.internalProps._widthResizedColMap.size ? this.recalculateColWidths() : this.dealWidthMode()), "adaptive" === this.table.heightMode ? 0 === this.table.internalProps._heightResizedRowMap.size ? this.recalculateRowHeights() : this.dealHeightMode() : this.table.autoFillHeight && this.dealHeightMode(), this.resetFrozen(), this.updateTableSize(), this.updateBorderSizeAndPosition(), this.component.updateScrollBar(), ("adaptive" === this.table.widthMode || "adaptive" === this.table.heightMode || this.table.autoFillWidth || this.table.autoFillHeight || (null === (_a = this.table.containerFit) || void 0 === _a ? void 0 : _a.width) || (null === (_b = this.table.containerFit) || void 0 === _b ? void 0 : _b.height)) && this.updateChartSizeForResizeColWidth(-1), this.proxy.progress(), this.updateNextFrame();
       }
       updateTableSize() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+        var _a, _b, _c;
         const contentWidth = Math.max(this.colHeaderGroup.attribute.width, this.bodyGroup.attribute.width, this.bottomFrozenGroup.attribute.width, 0) + Math.max(this.cornerHeaderGroup.attribute.width, this.rowHeaderGroup.attribute.width, this.leftBottomCornerGroup.attribute.width, 0) + Math.max(this.rightTopCornerGroup.attribute.width, this.rightFrozenGroup.attribute.width, this.rightBottomCornerGroup.attribute.width, 0),
           contentHeight = Math.max(this.colHeaderGroup.attribute.height, this.cornerHeaderGroup.attribute.height, this.rightTopCornerGroup.attribute.height, 0) + Math.max(this.rowHeaderGroup.attribute.height, this.bodyGroup.attribute.height, this.rightFrozenGroup.attribute.height, 0) + Math.max(this.leftBottomCornerGroup.attribute.height, this.bottomFrozenGroup.attribute.height, this.rightBottomCornerGroup.attribute.height, 0);
         let tableWidth = contentWidth,
           tableHeight = contentHeight;
-        if (tableWidth = (null === (_a = this.table.containerFit) || void 0 === _a ? void 0 : _a.width) ? this.table.tableNoFrameWidth : Math.min(this.table.tableNoFrameWidth, contentWidth), tableHeight = (null === (_b = this.table.containerFit) || void 0 === _b ? void 0 : _b.height) ? this.table.tableNoFrameHeight : Math.min(this.table.tableNoFrameHeight, contentHeight), this.tableGroup.setAttributes({
+        tableWidth = (null === (_a = this.table.containerFit) || void 0 === _a ? void 0 : _a.width) ? this.table.tableNoFrameWidth : Math.min(this.table.tableNoFrameWidth, contentWidth), tableHeight = (null === (_b = this.table.containerFit) || void 0 === _b ? void 0 : _b.height) ? this.table.tableNoFrameHeight : Math.min(this.table.tableNoFrameHeight, contentHeight), this.tableGroup.setAttributes({
           x: this.table.tableX,
           y: this.table.tableY,
           width: tableWidth,
           height: tableHeight
-        }), this.tableGroup.border) {
-          const rectAttributes = null === (_c = this.tableGroup.border) || void 0 === _c ? void 0 : _c.attribute;
-          let borderTop, borderRight, borderBottom, borderLeft;
-          (null == rectAttributes ? void 0 : rectAttributes.strokeArrayWidth) ? (borderTop = rectAttributes.strokeArrayWidth ? rectAttributes.strokeArrayWidth[0] : null !== (_d = rectAttributes.lineWidth) && void 0 !== _d ? _d : 0, borderRight = rectAttributes.strokeArrayWidth ? rectAttributes.strokeArrayWidth[1] : null !== (_e = rectAttributes.lineWidth) && void 0 !== _e ? _e : 0, borderBottom = rectAttributes.strokeArrayWidth ? rectAttributes.strokeArrayWidth[2] : null !== (_f = rectAttributes.lineWidth) && void 0 !== _f ? _f : 0, borderLeft = rectAttributes.strokeArrayWidth ? rectAttributes.strokeArrayWidth[3] : null !== (_g = rectAttributes.lineWidth) && void 0 !== _g ? _g : 0) : (borderTop = null !== (_h = null == rectAttributes ? void 0 : rectAttributes.lineWidth) && void 0 !== _h ? _h : 0, borderRight = null !== (_j = null == rectAttributes ? void 0 : rectAttributes.lineWidth) && void 0 !== _j ? _j : 0, borderBottom = null !== (_k = null == rectAttributes ? void 0 : rectAttributes.lineWidth) && void 0 !== _k ? _k : 0, borderLeft = null !== (_l = null == rectAttributes ? void 0 : rectAttributes.lineWidth) && void 0 !== _l ? _l : 0), "rect" === this.tableGroup.border.type ? (null === (_m = this.table.theme.frameStyle) || void 0 === _m ? void 0 : _m.innerBorder) ? this.tableGroup.border.setAttributes({
-            x: this.table.tableX + borderLeft / 2,
-            y: this.table.tableY + borderTop / 2,
-            width: this.tableGroup.attribute.width - borderLeft / 2 - borderRight / 2,
-            height: this.tableGroup.attribute.height - borderTop / 2 - borderBottom / 2
-          }) : this.tableGroup.border.setAttributes({
-            x: this.table.tableX - borderLeft / 2,
-            y: this.table.tableY - borderTop / 2,
-            width: this.tableGroup.attribute.width + borderLeft / 2 + borderRight / 2,
-            height: this.tableGroup.attribute.height + borderTop / 2 + borderBottom / 2
-          }) : "group" === this.tableGroup.border.type && ((null === (_o = this.table.theme.frameStyle) || void 0 === _o ? void 0 : _o.innerBorder) ? (this.tableGroup.border.setAttributes({
-            x: this.table.tableX + borderLeft / 2,
-            y: this.table.tableY + borderTop / 2,
-            width: this.tableGroup.attribute.width - borderLeft / 2 - borderRight / 2,
-            height: this.tableGroup.attribute.height - borderTop / 2 - borderBottom / 2
-          }), null === (_p = this.tableGroup.border.firstChild) || void 0 === _p || _p.setAttributes({
-            x: 0,
-            y: 0,
-            width: this.tableGroup.attribute.width - borderLeft / 2 - borderRight / 2,
-            height: this.tableGroup.attribute.height - borderTop / 2 - borderBottom / 2
-          })) : (this.tableGroup.border.setAttributes({
-            x: this.table.tableX - borderLeft / 2,
-            y: this.table.tableY - borderTop / 2,
-            width: this.tableGroup.attribute.width + borderLeft / 2 + borderRight / 2,
-            height: this.tableGroup.attribute.height + borderTop / 2 + borderBottom / 2
-          }), null === (_q = this.tableGroup.border.firstChild) || void 0 === _q || _q.setAttributes({
-            x: borderLeft / 2,
-            y: borderTop / 2,
-            width: this.tableGroup.attribute.width,
-            height: this.tableGroup.attribute.height
-          })));
-        }
+        });
         const hasFrozenCols = this.table.frozenColCount > 0,
           hasRightFrozenCols = this.table.rightFrozenColCount > 0,
           hasFrozenRows = this.table.frozenRowCount > 0,
@@ -60517,10 +60788,51 @@
           width: 0,
           height: 0
         });
-        this.updateDomContainer();
+        if (hasBottomFrozenRows && !(null === (_c = this.table.containerFit) || void 0 === _c ? void 0 : _c.height)) {
+          const actualContentBottom = Math.max(this.colHeaderGroup.attribute.y + this.colHeaderGroup.attribute.height, this.cornerHeaderGroup.attribute.y + this.cornerHeaderGroup.attribute.height, this.rightTopCornerGroup.attribute.y + this.rightTopCornerGroup.attribute.height, this.rowHeaderGroup.attribute.y + this.rowHeaderGroup.attribute.height, this.bodyGroup.attribute.y + this.bodyGroup.attribute.height, this.rightFrozenGroup.attribute.y + this.rightFrozenGroup.attribute.height, this.leftBottomCornerGroup.attribute.y + this.leftBottomCornerGroup.attribute.height, this.bottomFrozenGroup.attribute.y + this.bottomFrozenGroup.attribute.height, this.rightBottomCornerGroup.attribute.y + this.rightBottomCornerGroup.attribute.height);
+          actualContentBottom > 0 && actualContentBottom < this.tableGroup.attribute.height && this.tableGroup.setAttribute("height", actualContentBottom);
+        }
+        this.updateTableGroupBorder(), this.updateDomContainer();
+      }
+      updateTableGroupBorder() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        if (!this.tableGroup.border) return;
+        const rectAttributes = null === (_a = this.tableGroup.border) || void 0 === _a ? void 0 : _a.attribute;
+        let borderTop, borderRight, borderBottom, borderLeft;
+        (null == rectAttributes ? void 0 : rectAttributes.strokeArrayWidth) ? (borderTop = rectAttributes.strokeArrayWidth ? rectAttributes.strokeArrayWidth[0] : null !== (_b = rectAttributes.lineWidth) && void 0 !== _b ? _b : 0, borderRight = rectAttributes.strokeArrayWidth ? rectAttributes.strokeArrayWidth[1] : null !== (_c = rectAttributes.lineWidth) && void 0 !== _c ? _c : 0, borderBottom = rectAttributes.strokeArrayWidth ? rectAttributes.strokeArrayWidth[2] : null !== (_d = rectAttributes.lineWidth) && void 0 !== _d ? _d : 0, borderLeft = rectAttributes.strokeArrayWidth ? rectAttributes.strokeArrayWidth[3] : null !== (_e = rectAttributes.lineWidth) && void 0 !== _e ? _e : 0) : (borderTop = null !== (_f = null == rectAttributes ? void 0 : rectAttributes.lineWidth) && void 0 !== _f ? _f : 0, borderRight = null !== (_g = null == rectAttributes ? void 0 : rectAttributes.lineWidth) && void 0 !== _g ? _g : 0, borderBottom = null !== (_h = null == rectAttributes ? void 0 : rectAttributes.lineWidth) && void 0 !== _h ? _h : 0, borderLeft = null !== (_j = null == rectAttributes ? void 0 : rectAttributes.lineWidth) && void 0 !== _j ? _j : 0), "rect" === this.tableGroup.border.type ? (null === (_k = this.table.theme.frameStyle) || void 0 === _k ? void 0 : _k.innerBorder) ? this.tableGroup.border.setAttributes({
+          x: this.table.tableX + borderLeft / 2,
+          y: this.table.tableY + borderTop / 2,
+          width: this.tableGroup.attribute.width - borderLeft / 2 - borderRight / 2,
+          height: this.tableGroup.attribute.height - borderTop / 2 - borderBottom / 2
+        }) : this.tableGroup.border.setAttributes({
+          x: this.table.tableX - borderLeft / 2,
+          y: this.table.tableY - borderTop / 2,
+          width: this.tableGroup.attribute.width + borderLeft / 2 + borderRight / 2,
+          height: this.tableGroup.attribute.height + borderTop / 2 + borderBottom / 2
+        }) : "group" === this.tableGroup.border.type && ((null === (_l = this.table.theme.frameStyle) || void 0 === _l ? void 0 : _l.innerBorder) ? (this.tableGroup.border.setAttributes({
+          x: this.table.tableX + borderLeft / 2,
+          y: this.table.tableY + borderTop / 2,
+          width: this.tableGroup.attribute.width - borderLeft / 2 - borderRight / 2,
+          height: this.tableGroup.attribute.height - borderTop / 2 - borderBottom / 2
+        }), null === (_m = this.tableGroup.border.firstChild) || void 0 === _m || _m.setAttributes({
+          x: 0,
+          y: 0,
+          width: this.tableGroup.attribute.width - borderLeft / 2 - borderRight / 2,
+          height: this.tableGroup.attribute.height - borderTop / 2 - borderBottom / 2
+        })) : (this.tableGroup.border.setAttributes({
+          x: this.table.tableX - borderLeft / 2,
+          y: this.table.tableY - borderTop / 2,
+          width: this.tableGroup.attribute.width + borderLeft / 2 + borderRight / 2,
+          height: this.tableGroup.attribute.height + borderTop / 2 + borderBottom / 2
+        }), null === (_o = this.tableGroup.border.firstChild) || void 0 === _o || _o.setAttributes({
+          x: borderLeft / 2,
+          y: borderTop / 2,
+          width: this.tableGroup.attribute.width,
+          height: this.tableGroup.attribute.height
+        })));
       }
-      updateRowHeight(row, detaY, skipTableHeightMap) {
-        detaY = Math.round(detaY), updateRowHeight(this, row, detaY, skipTableHeightMap), this.updateContainerHeight(row, detaY);
+      updateRowHeight(row, detaY, skipTableHeightMap, pendingCornerCustomMergeRanges) {
+        detaY = Math.round(detaY), updateRowHeight(this, row, detaY, skipTableHeightMap, pendingCornerCustomMergeRanges), this.updateContainerHeight(row, detaY);
       }
       updateRowsHeight(rows, detaYs, skipTableHeightMap) {
         for (let i = 0; i < rows.length; i++) {
@@ -60729,7 +61041,7 @@
         var _a;
         updateConfig.async ? this._needUpdateContainer || (this._needUpdateContainer = !0, setTimeout(() => {
           var _a;
-          this.updateContainerSync(null !== (_a = updateConfig.needUpdateCellY) && void 0 !== _a && _a);
+          this._needUpdateContainer && !this.clear ? this.updateContainerSync(null !== (_a = updateConfig.needUpdateCellY) && void 0 !== _a && _a) : this._needUpdateContainer = !1;
         }, 0)) : (this._needUpdateContainer = !0, this.updateContainerSync(null !== (_a = updateConfig.needUpdateCellY) && void 0 !== _a && _a));
       }
       updateContainerSync(needUpdateCellY = !1) {
@@ -60814,7 +61126,7 @@
         var _a;
         const type = (null === (_a = this.table.getCellRawRecord(col, row)) || void 0 === _a ? void 0 : _a.vtableMerge) ? "text" : this.table.getCellType(col, row),
           cellGroup = this.getCell(col, row);
-        "image" !== type && "video" !== type || updateImageCellContentWhileResize(cellGroup, col, row, 0, 0, this.table);
+        "image" !== type && "video" !== type && "audio" !== type || updateImageCellContentWhileResize(cellGroup, col, row, 0, 0, this.table);
       }
       createFrameBorder() {
         var _a, _b, _c, _d, _e;
@@ -61794,7 +62106,12 @@
             colMax = Math.max(sourceMergeInfo.end.col, targetMergeInfo.end.col, oldSourceMergeInfo.end.col, oldTargetMergeInfo.end.col),
             rowMin = Math.min(sourceMergeInfo.start.row, targetMergeInfo.start.row, oldSourceMergeInfo.start.row, oldTargetMergeInfo.start.row);
           let rowMax = Math.max(sourceMergeInfo.end.row, targetMergeInfo.end.row, oldSourceMergeInfo.end.row, oldTargetMergeInfo.end.row);
-          "row" === moveContext.moveType && "tree" === state.table.internalProps.layoutMap.rowHierarchyType && (rowMax = moveContext.targetIndex > moveContext.sourceIndex ? rowMax + moveContext.targetSize - 1 : rowMax + moveContext.sourceSize - 1), state.table.transpose || !state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource) && "row" !== state.columnMove.movingColumnOrRow || (state.table.changeRecordOrder(moveContext.sourceIndex, moveContext.targetIndex), state.changeCheckboxAndRadioOrder(moveContext.sourceIndex, moveContext.targetIndex)), "column" === moveContext.moveType ? clearWidthsAndHeightsCache(colMin, colMax, 0, -1, state.table) : clearWidthsAndHeightsCache(0, -1, rowMin, rowMax, state.table), state.table.clearCellStyleCache(), state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource) || "row" === state.columnMove.movingColumnOrRow ? state.table.scenegraph.updateHeaderPosition(state.table.scenegraph.proxy.colStart, state.table.scenegraph.proxy.colEnd, state.table.scenegraph.proxy.rowStart, state.table.scenegraph.proxy.rowEnd, moveContext.moveType) : "column" === moveContext.moveType ? state.table.scenegraph.updateHeaderPosition(colMin, colMax, 0, -1, moveContext.moveType) : state.table.scenegraph.updateHeaderPosition(0, -1, rowMin, rowMax, moveContext.moveType), "adjustFrozenCount" === state.table.internalProps.frozenColDragHeaderMode && state.table.isListTable() && (state.table.isLeftFrozenColumn(state.columnMove.colTarget) && !state.table.isLeftFrozenColumn(state.columnMove.colSource) ? state.table.frozenColCount += sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1 : state.table.isLeftFrozenColumn(state.columnMove.colSource) && !state.table.isLeftFrozenColumn(state.columnMove.colTarget) && (state.table.frozenColCount -= sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1), state.table.isRightFrozenColumn(state.columnMove.colTarget) && !state.table.isRightFrozenColumn(state.columnMove.colSource) ? state.table.rightFrozenColCount += sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1 : state.table.isRightFrozenColumn(state.columnMove.colSource) && !state.table.isRightFrozenColumn(state.columnMove.colTarget) && (state.table.rightFrozenColCount -= sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1)), moveColResult = !0;
+          if ("row" === moveContext.moveType && "tree" === state.table.internalProps.layoutMap.rowHierarchyType && (rowMax = moveContext.targetIndex > moveContext.sourceIndex ? rowMax + moveContext.targetSize - 1 : rowMax + moveContext.sourceSize - 1), state.table.isListTable() && !state.table.transpose && (state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource) || "row" === state.columnMove.movingColumnOrRow)) {
+            const sourceRecordPath = state.table.getRecordIndexByCell(0, moveContext.sourceIndex),
+              targetRecordPath = state.table.getRecordIndexByCell(0, moveContext.targetIndex);
+            state.table.changeRecordOrder(moveContext.sourceIndex, moveContext.targetIndex), state.changeCheckboxOrder(sourceRecordPath, targetRecordPath), state.changeRadioOrder(sourceRecordPath, targetRecordPath);
+          }
+          "column" === moveContext.moveType ? clearWidthsAndHeightsCache(colMin, colMax, 0, -1, state.table) : clearWidthsAndHeightsCache(0, -1, rowMin, rowMax, state.table), state.table.clearCellStyleCache(), state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource) || "row" === state.columnMove.movingColumnOrRow ? state.table.scenegraph.updateHeaderPosition(state.table.scenegraph.proxy.colStart, state.table.scenegraph.proxy.colEnd, state.table.scenegraph.proxy.rowStart, state.table.scenegraph.proxy.rowEnd, moveContext.moveType) : "column" === moveContext.moveType ? state.table.scenegraph.updateHeaderPosition(colMin, colMax, 0, -1, moveContext.moveType) : state.table.scenegraph.updateHeaderPosition(0, -1, rowMin, rowMax, moveContext.moveType), "adjustFrozenCount" === state.table.internalProps.frozenColDragHeaderMode && state.table.isListTable() && (state.table.isLeftFrozenColumn(state.columnMove.colTarget) && !state.table.isLeftFrozenColumn(state.columnMove.colSource) ? state.table.frozenColCount += sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1 : state.table.isLeftFrozenColumn(state.columnMove.colSource) && !state.table.isLeftFrozenColumn(state.columnMove.colTarget) && (state.table.frozenColCount -= sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1), state.table.isRightFrozenColumn(state.columnMove.colTarget) && !state.table.isRightFrozenColumn(state.columnMove.colSource) ? state.table.rightFrozenColCount += sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1 : state.table.isRightFrozenColumn(state.columnMove.colSource) && !state.table.isRightFrozenColumn(state.columnMove.colTarget) && (state.table.rightFrozenColCount -= sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1)), moveColResult = !0;
         }
       }
       return state.columnMove.moving = !1, setTimeout(() => {
@@ -61866,17 +62183,20 @@
       }), state.table.internalProps.title && state.table.internalProps.title.resize(), state.table.internalProps.emptyTip && state.table.internalProps.emptyTip.resize(), state.columnResize.col < state.table.frozenColCount && !state.table.isPivotTable() && !state.table.transpose ? state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1, state.columnResize.isRightFrozen) : state.table.options.frozenColCount && state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1), (state.columnResize.col >= state.table.colCount - state.table.rightFrozenColCount && !state.table.isPivotTable() && !state.table.transpose || state.table.options.rightFrozenColCount) && state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount), state.table.scenegraph.updateNextFrame();
     }
     function updateResizeColForColumn(detaX, state) {
-      "adaptive" === state.table.widthMode && state.columnResize.col < state.table.colCount - 1 ? (state.table.scenegraph.updateColWidth(state.columnResize.col, detaX), state.table.scenegraph.updateColWidth(state.columnResize.col + 1, -detaX), state.table.internalProps._widthResizedColMap.add(state.columnResize.col), state.table.internalProps._widthResizedColMap.add(state.columnResize.col + 1)) : (state.table.scenegraph.updateColWidth(state.columnResize.col, detaX), state.table.internalProps._widthResizedColMap.add(state.columnResize.col));
+      const pendingCornerCustomMergeRanges = new Map();
+      "adaptive" === state.table.widthMode && state.columnResize.col < state.table.colCount - 1 ? (state.table.scenegraph.updateColWidth(state.columnResize.col, detaX, void 0, void 0, pendingCornerCustomMergeRanges), state.table.scenegraph.updateColWidth(state.columnResize.col + 1, -detaX, void 0, void 0, pendingCornerCustomMergeRanges), state.table.internalProps._widthResizedColMap.add(state.columnResize.col), state.table.internalProps._widthResizedColMap.add(state.columnResize.col + 1)) : (state.table.scenegraph.updateColWidth(state.columnResize.col, detaX, void 0, void 0, pendingCornerCustomMergeRanges), state.table.internalProps._widthResizedColMap.add(state.columnResize.col)), flushCornerCustomMergeContentUpdates(pendingCornerCustomMergeRanges, state.table);
     }
     function updateResizeColForAll$1(detaX, state) {
-      const layout = state.table.internalProps.layoutMap;
+      const layout = state.table.internalProps.layoutMap,
+        pendingCornerCustomMergeRanges = new Map();
       for (let col = state.table.frozenColCount; col < state.table.colCount - state.table.rightFrozenColCount; col++) {
         if (!(state.table.internalProps.transpose || state.table.isPivotTable() && !layout.indicatorsAsCol)) {
           const cellDefine = layout.getBody(col, state.table.columnHeaderLevelCount);
           if (null == cellDefine ? void 0 : cellDefine.disableColumnResize) continue;
         }
-        state.table.scenegraph.updateColWidth(col, detaX), state.table.internalProps._widthResizedColMap.add(col);
+        state.table.scenegraph.updateColWidth(col, detaX, void 0, void 0, pendingCornerCustomMergeRanges), state.table.internalProps._widthResizedColMap.add(col);
       }
+      flushCornerCustomMergeContentUpdates(pendingCornerCustomMergeRanges, state.table);
     }
     function updateResizeColForIndicator$1(detaX, state) {
       const layout = state.table.internalProps.layoutMap;
@@ -61886,14 +62206,16 @@
           headerPath = headerPaths.colHeaderPaths[headerPaths.colHeaderPaths.length - 1];
         resizeDimensionKey = headerPath.dimensionKey, resizeDimensionValue = headerPath.value;
       }
+      const pendingCornerCustomMergeRanges = new Map();
       for (let col = state.table.rowHeaderLevelCount; col < state.table.colCount - state.table.rightFrozenColCount; col++) {
         const indicatorKey = layout.getIndicatorKey(col, state.table.columnHeaderLevelCount);
-        if (layout.indicatorsAsCol && indicatorKey === resizeIndicatorKey) state.table.scenegraph.updateColWidth(col, detaX), state.table.internalProps._widthResizedColMap.add(col);else if (!layout.indicatorsAsCol) {
+        if (layout.indicatorsAsCol && indicatorKey === resizeIndicatorKey) state.table.scenegraph.updateColWidth(col, detaX, void 0, void 0, pendingCornerCustomMergeRanges), state.table.internalProps._widthResizedColMap.add(col);else if (!layout.indicatorsAsCol) {
           const headerPaths = layout.getCellHeaderPaths(col, state.table.columnHeaderLevelCount - 1),
             headerPath = null == headerPaths ? void 0 : headerPaths.colHeaderPaths[headerPaths.colHeaderPaths.length - 1];
-          headerPath && resizeDimensionKey === headerPath.dimensionKey && resizeDimensionValue === headerPath.value && (state.table.scenegraph.updateColWidth(col, detaX), state.table.internalProps._widthResizedColMap.add(col));
+          headerPath && resizeDimensionKey === headerPath.dimensionKey && resizeDimensionValue === headerPath.value && (state.table.scenegraph.updateColWidth(col, detaX, void 0, void 0, pendingCornerCustomMergeRanges), state.table.internalProps._widthResizedColMap.add(col));
         }
       }
+      flushCornerCustomMergeContentUpdates(pendingCornerCustomMergeRanges, state.table);
     }
     function updateResizeColForIndicatorGroup$1(detaX, state) {
       const layout = state.table.internalProps.layoutMap,
@@ -61902,15 +62224,17 @@
         startCol = node.startInTotal + state.table.frozenColCount,
         endCol = node.startInTotal + state.table.frozenColCount + node.size - 1,
         totalColWidth = state.table.getColsWidth(startCol, endCol),
-        moveX = detaX;
+        moveX = detaX,
+        pendingCornerCustomMergeRanges = new Map();
       for (let col = startCol; col <= endCol; col++) {
         if (!(state.table.internalProps.transpose || state.table.isPivotTable() && !layout.indicatorsAsCol)) {
           const cellDefine = layout.getBody(col, state.table.columnHeaderLevelCount);
           if (null == cellDefine ? void 0 : cellDefine.disableColumnResize) continue;
         }
         let deltaWidth = state.table.getColWidth(col) / totalColWidth * moveX;
-        deltaWidth > 0 && deltaWidth < .5 ? deltaWidth = .5 : deltaWidth < 0 && deltaWidth >= -.5 && (deltaWidth = -.5), state.table.scenegraph.updateColWidth(col, deltaWidth), state.table.internalProps._widthResizedColMap.add(col);
+        deltaWidth > 0 && deltaWidth < .5 ? deltaWidth = .5 : deltaWidth < 0 && deltaWidth >= -.5 && (deltaWidth = -.5), state.table.scenegraph.updateColWidth(col, deltaWidth, void 0, void 0, pendingCornerCustomMergeRanges), state.table.internalProps._widthResizedColMap.add(col);
       }
+      flushCornerCustomMergeContentUpdates(pendingCornerCustomMergeRanges, state.table);
     }
 
     function setRadioState(col, row, field, type, indexInCell, state) {
@@ -61969,20 +62293,71 @@
         null == radio || radio._handlePointerUp();
       }
     }
-    function changeRadioOrder(sourceIndex, targetIndex, state) {
-      const {
-        radioState: radioState,
-        table: table
-      } = state;
-      if (table.internalProps.transpose ? (sourceIndex = table.getRecordShowIndexByCell(sourceIndex, 0), targetIndex = table.getRecordShowIndexByCell(targetIndex, 0)) : (sourceIndex = table.getRecordShowIndexByCell(0, sourceIndex), targetIndex = table.getRecordShowIndexByCell(0, targetIndex)), sourceIndex > targetIndex) {
-        const sourceRecord = radioState[sourceIndex];
-        for (let i = sourceIndex; i > targetIndex; i--) radioState[i] = radioState[i - 1];
-        radioState[targetIndex] = sourceRecord;
-      } else if (sourceIndex < targetIndex) {
-        const sourceRecord = radioState[sourceIndex];
-        for (let i = sourceIndex; i < targetIndex; i++) radioState[i] = radioState[i + 1];
-        radioState[targetIndex] = sourceRecord;
+    function normalizeRecordPath$1(recordPath) {
+      return Array.isArray(recordPath) ? recordPath : [recordPath];
+    }
+    function parseRecordPathKey(key) {
+      return isNumber$3(key) ? [key] : key.split(",").map(item => Number(item));
+    }
+    function isSameRecordPath$1(source, target) {
+      return source.length === target.length && source.every((item, index) => item === target[index]);
+    }
+    function isSameParentPath$1(source, target) {
+      return source.length === target.length && source.slice(0, -1).every((item, index) => item === target[index]);
+    }
+    function isDescendantPath$1(path, ancestor) {
+      return ancestor.length <= path.length && ancestor.every((item, index) => item === path[index]);
+    }
+    function getMovedRecordPath$1(path, source, target) {
+      return target.concat(path.slice(source.length));
+    }
+    function getShiftedSiblingPath$1(path, parent, sourceIndex, targetIndex) {
+      if (path.length <= parent.length || !isDescendantPath$1(path.slice(0, parent.length), parent)) return path;
+      const siblingIndex = path[parent.length];
+      if (sourceIndex < targetIndex && siblingIndex > sourceIndex && siblingIndex <= targetIndex) {
+        const shifted = [...path];
+        return shifted[parent.length] = siblingIndex - 1, shifted;
       }
+      if (sourceIndex > targetIndex && siblingIndex >= targetIndex && siblingIndex < sourceIndex) {
+        const shifted = [...path];
+        return shifted[parent.length] = siblingIndex + 1, shifted;
+      }
+      return path;
+    }
+    function getChangedRecordPath(path, sourcePath, targetPath) {
+      const parentPath = sourcePath.slice(0, -1),
+        sourceIndex = sourcePath[sourcePath.length - 1],
+        targetIndex = targetPath[targetPath.length - 1];
+      return isDescendantPath$1(path, sourcePath) ? getMovedRecordPath$1(path, sourcePath, targetPath) : getShiftedSiblingPath$1(path, parentPath, sourceIndex, targetIndex);
+    }
+    function getRadioStateValue(recordPath) {
+      return 1 === recordPath.length ? recordPath[0] : recordPath;
+    }
+    function getRadioStateKey(recordPath) {
+      return recordPath.toString();
+    }
+    function changeRadioStateValue(value, sourcePath, targetPath) {
+      if (isNumber$3(value)) return getRadioStateValue(getChangedRecordPath([value], sourcePath, targetPath));
+      if (Array.isArray(value)) return getRadioStateValue(getChangedRecordPath(value, sourcePath, targetPath));
+      if (isString$2(value)) return getRadioStateKey(getChangedRecordPath(parseRecordPathKey(value), sourcePath, targetPath));
+      if (isObject$8(value)) {
+        const nextValue = {};
+        return Object.keys(value).forEach(key => {
+          const nextPath = getChangedRecordPath(parseRecordPathKey(key), sourcePath, targetPath);
+          nextValue[getRadioStateKey(nextPath)] = value[key];
+        }), nextValue;
+      }
+      return value;
+    }
+    function changeRadioOrder(sourceRecordPath, targetRecordPath, state) {
+      const {
+          radioState: radioState
+        } = state,
+        sourcePath = normalizeRecordPath$1(sourceRecordPath),
+        targetPath = normalizeRecordPath$1(targetRecordPath);
+      !isSameRecordPath$1(sourcePath, targetPath) && isSameParentPath$1(sourcePath, targetPath) && Object.keys(radioState).forEach(field => {
+        radioState[field] = changeRadioStateValue(radioState[field], sourcePath, targetPath);
+      });
     }
 
     function setCheckedState(col, row, field, checked, state) {
@@ -62107,41 +62482,58 @@
         checkbox = (null == cellGroup ? void 0 : cellGroup.getChildByName("checkbox")) || (null === (_b = null === (_a = null == cellGroup ? void 0 : cellGroup.getChildByName("checkbox-content")) || void 0 === _a ? void 0 : _a._checkboxGroup) || void 0 === _b ? void 0 : _b.getChildByName("checkbox"));
       checkbox && ("indeterminate" === checked ? (checkbox.setAttribute("indeterminate", !0), checkbox.setAttribute("checked", void 0)) : (checkbox.setAttribute("indeterminate", void 0), checkbox.setAttribute("checked", checked)));
     }
-    function changeCheckboxOrder(sourceIndex, targetIndex, state) {
-      const {
-        checkedState: checkedState,
-        table: table
-      } = state;
-      let source, target;
-      if (table.internalProps.transpose ? (sourceIndex = table.getRecordShowIndexByCell(sourceIndex, 0), targetIndex = table.getRecordShowIndexByCell(targetIndex, 0)) : (source = table.isPivotTable() ? void 0 : table.getRecordIndexByCell(0, sourceIndex), target = table.isPivotTable() ? void 0 : table.getRecordIndexByCell(0, targetIndex)), isNumber$3(source) && isNumber$3(target)) {
-        if ((sourceIndex = source) > (targetIndex = target)) {
-          const sourceRecord = checkedState.get(sourceIndex.toString());
-          for (let i = sourceIndex; i > targetIndex; i--) checkedState.set(i.toString(), checkedState.get((i - 1).toString()));
-          checkedState.set(targetIndex.toString(), sourceRecord);
-        } else if (sourceIndex < targetIndex) {
-          const sourceRecord = checkedState.get(sourceIndex.toString());
-          for (let i = sourceIndex; i < targetIndex; i++) checkedState.set(i.toString(), checkedState.get((i + 1).toString()));
-          checkedState.set(targetIndex.toString(), sourceRecord);
-        }
-      } else if (isArray$5(source) && isArray$5(target)) if ((sourceIndex = source[source.length - 1]) > (targetIndex = target[target.length - 1])) {
-        const sourceRecord = checkedState.get(source.toString());
-        for (let i = sourceIndex; i > targetIndex; i--) {
-          const now = [...source];
-          now[now.length - 1] = i;
-          const last = [...source];
-          last[last.length - 1] = i - 1, checkedState.set(now.toString(), checkedState.get(last.toString()));
-        }
-        checkedState.set(target.toString(), sourceRecord);
-      } else if (sourceIndex < targetIndex) {
-        const sourceRecord = checkedState.get(source.toString());
-        for (let i = sourceIndex; i < targetIndex; i++) {
-          const now = [...source];
-          now[now.length - 1] = i;
-          const next = [...source];
-          next[next.length - 1] = i + 1, checkedState.set(now.toString(), checkedState.get(next.toString()));
-        }
-        checkedState.set(target.toString(), sourceRecord);
+    function normalizeRecordPath(recordPath) {
+      return isArray$5(recordPath) ? recordPath : [recordPath];
+    }
+    function parseCheckboxStateKey(key) {
+      return isNumber$3(key) ? [key] : key.split(",").map(item => Number(item));
+    }
+    function stringifyRecordPath(recordPath) {
+      return recordPath.toString();
+    }
+    function isSameRecordPath(source, target) {
+      return source.length === target.length && source.every((item, index) => item === target[index]);
+    }
+    function isSameParentPath(source, target) {
+      return source.length === target.length && source.slice(0, -1).every((item, index) => item === target[index]);
+    }
+    function isDescendantPath(path, ancestor) {
+      return ancestor.length <= path.length && ancestor.every((item, index) => item === path[index]);
+    }
+    function getMovedRecordPath(path, source, target) {
+      return target.concat(path.slice(source.length));
+    }
+    function getShiftedSiblingPath(path, parent, sourceIndex, targetIndex) {
+      if (path.length <= parent.length || !isDescendantPath(path.slice(0, parent.length), parent)) return path;
+      const siblingIndex = path[parent.length];
+      if (sourceIndex < targetIndex && siblingIndex > sourceIndex && siblingIndex <= targetIndex) {
+        const shifted = [...path];
+        return shifted[parent.length] = siblingIndex - 1, shifted;
+      }
+      if (sourceIndex > targetIndex && siblingIndex >= targetIndex && siblingIndex < sourceIndex) {
+        const shifted = [...path];
+        return shifted[parent.length] = siblingIndex + 1, shifted;
       }
+      return path;
+    }
+    function changeCheckboxOrder(sourceRecordPath, targetRecordPath, state) {
+      const {
+          checkedState: checkedState
+        } = state,
+        sourcePath = normalizeRecordPath(sourceRecordPath),
+        targetPath = normalizeRecordPath(targetRecordPath);
+      if (isSameRecordPath(sourcePath, targetPath) || !isSameParentPath(sourcePath, targetPath)) return;
+      const parentPath = sourcePath.slice(0, -1),
+        sourceIndex = sourcePath[sourcePath.length - 1],
+        targetIndex = targetPath[targetPath.length - 1],
+        nextCheckedState = new Map();
+      checkedState.forEach((value, key) => {
+        const keyPath = parseCheckboxStateKey(key);
+        let nextPath;
+        nextPath = isDescendantPath(keyPath, sourcePath) ? getMovedRecordPath(keyPath, sourcePath, targetPath) : getShiftedSiblingPath(keyPath, parentPath, sourceIndex, targetIndex), nextCheckedState.set(stringifyRecordPath(nextPath), value);
+      }), checkedState.clear(), nextCheckedState.forEach((value, key) => {
+        checkedState.set(key, value);
+      });
     }
     function getGroupCheckboxState(table) {
       const result = [],
@@ -62307,10 +62699,13 @@
       }), state.table.internalProps.title && state.table.internalProps.title.resize(), state.table.internalProps.emptyTip && state.table.internalProps.emptyTip.resize(), state.table.scenegraph.updateNextFrame();
     }
     function updateResizeColForRow(detaY, state) {
-      "adaptive" === state.table.heightMode && state.rowResize.row < state.table.rowCount - 1 ? (state.table.scenegraph.updateRowHeight(state.rowResize.row, detaY), state.table.scenegraph.updateRowHeight(state.rowResize.row + 1, -detaY), state.table.internalProps._heightResizedRowMap.add(state.rowResize.row), state.table.internalProps._heightResizedRowMap.add(state.rowResize.row + 1)) : (state.table.scenegraph.updateRowHeight(state.rowResize.row, detaY), state.table.internalProps._heightResizedRowMap.add(state.rowResize.row));
+      const pendingCornerCustomMergeRanges = new Map();
+      "adaptive" === state.table.heightMode && state.rowResize.row < state.table.rowCount - 1 ? (state.table.scenegraph.updateRowHeight(state.rowResize.row, detaY, void 0, pendingCornerCustomMergeRanges), state.table.scenegraph.updateRowHeight(state.rowResize.row + 1, -detaY, void 0, pendingCornerCustomMergeRanges), state.table.internalProps._heightResizedRowMap.add(state.rowResize.row), state.table.internalProps._heightResizedRowMap.add(state.rowResize.row + 1)) : (state.table.scenegraph.updateRowHeight(state.rowResize.row, detaY, void 0, pendingCornerCustomMergeRanges), state.table.internalProps._heightResizedRowMap.add(state.rowResize.row)), flushCornerCustomMergeContentUpdates(pendingCornerCustomMergeRanges, state.table);
     }
     function updateResizeColForAll(detaY, state) {
-      for (let row = state.table.frozenRowCount; row < state.table.rowCount - state.table.bottomFrozenRowCount; row++) state.table.scenegraph.updateRowHeight(row, detaY), state.table.internalProps._heightResizedRowMap.add(row);
+      const pendingCornerCustomMergeRanges = new Map();
+      for (let row = state.table.frozenRowCount; row < state.table.rowCount - state.table.bottomFrozenRowCount; row++) state.table.scenegraph.updateRowHeight(row, detaY, void 0, pendingCornerCustomMergeRanges), state.table.internalProps._heightResizedRowMap.add(row);
+      flushCornerCustomMergeContentUpdates(pendingCornerCustomMergeRanges, state.table);
     }
     function updateResizeColForIndicator(detaY, state) {
       var _a, _b;
@@ -62321,16 +62716,18 @@
           headerPath = null === (_a = headerPaths.rowHeaderPaths) || void 0 === _a ? void 0 : _a[headerPaths.rowHeaderPaths.length - 1];
         resizeDimensionKey = null == headerPath ? void 0 : headerPath.dimensionKey, resizeDimensionValue = null == headerPath ? void 0 : headerPath.value;
       } else resizeIndicatorKey = layout.getIndicatorKey(state.table.rowHeaderLevelCount, state.rowResize.row);
+      const pendingCornerCustomMergeRanges = new Map();
       for (let row = state.table.columnHeaderLevelCount; row < state.table.rowCount - state.table.bottomFrozenRowCount; row++) {
         const indicatorKey = layout.getIndicatorKey(state.table.rowHeaderLevelCount, row);
         if (layout.indicatorsAsCol || indicatorKey !== resizeIndicatorKey) {
           if (layout.indicatorsAsCol) {
             const headerPaths = layout.getCellHeaderPaths(state.table.rowHeaderLevelCount - 1, row),
               headerPath = null === (_b = null == headerPaths ? void 0 : headerPaths.rowHeaderPaths) || void 0 === _b ? void 0 : _b[headerPaths.rowHeaderPaths.length - 1];
-            headerPath && resizeDimensionKey === headerPath.dimensionKey && resizeDimensionValue === headerPath.value && (state.table.scenegraph.updateRowHeight(row, detaY), state.table.internalProps._heightResizedRowMap.add(row));
+            headerPath && resizeDimensionKey === headerPath.dimensionKey && resizeDimensionValue === headerPath.value && (state.table.scenegraph.updateRowHeight(row, detaY, void 0, pendingCornerCustomMergeRanges), state.table.internalProps._heightResizedRowMap.add(row));
           }
-        } else state.table.scenegraph.updateRowHeight(row, detaY), state.table.internalProps._heightResizedRowMap.add(row);
+        } else state.table.scenegraph.updateRowHeight(row, detaY, void 0, pendingCornerCustomMergeRanges), state.table.internalProps._heightResizedRowMap.add(row);
       }
+      flushCornerCustomMergeContentUpdates(pendingCornerCustomMergeRanges, state.table);
     }
     function updateResizeColForIndicatorGroup(detaY, state) {
       const layout = state.table.internalProps.layoutMap,
@@ -62339,11 +62736,13 @@
         startRow = node.startInTotal + state.table.frozenRowCount,
         endRow = node.startInTotal + state.table.frozenRowCount + node.size - 1,
         totalRowHeight = state.table.getRowsHeight(startRow, endRow),
-        moveY = detaY;
+        moveY = detaY,
+        pendingCornerCustomMergeRanges = new Map();
       for (let row = startRow; row <= endRow; row++) {
         let deltaHeight = state.table.getRowHeight(row) / totalRowHeight * moveY;
-        deltaHeight > 0 && deltaHeight < .5 ? deltaHeight = .5 : deltaHeight < 0 && deltaHeight >= -.5 && (deltaHeight = -.51), state.table.scenegraph.updateRowHeight(row, deltaHeight), state.table.internalProps._heightResizedRowMap.add(row);
+        deltaHeight > 0 && deltaHeight < .5 ? deltaHeight = .5 : deltaHeight < 0 && deltaHeight >= -.5 && (deltaHeight = -.51), state.table.scenegraph.updateRowHeight(row, deltaHeight, void 0, pendingCornerCustomMergeRanges), state.table.internalProps._heightResizedRowMap.add(row);
       }
+      flushCornerCustomMergeContentUpdates(pendingCornerCustomMergeRanges, state.table);
     }
 
     function updateCustomSelectBorder(scene, selectRange, style) {
@@ -62694,6 +63093,7 @@
                   placement: inlineIcon.attribute.tooltip.placement
                 },
                 style: Object.assign({}, null === (_e = this.table.internalProps.theme) || void 0 === _e ? void 0 : _e.tooltipStyle, null === (_f = inlineIcon.tooltip) || void 0 === _f ? void 0 : _f.style, null === (_h = null === (_g = inlineIcon.attribute) || void 0 === _g ? void 0 : _g.tooltip) || void 0 === _h ? void 0 : _h.style),
+                appearDelay: inlineIcon.attribute.tooltip.appearDelay,
                 disappearDelay: inlineIcon.attribute.tooltip.disappearDelay
               };
               this.table.internalProps.tooltipHandler.isBinded(tooltipOptions) || this.table.showTooltip(col, row, tooltipOptions);
@@ -63278,16 +63678,117 @@
       syncRadioState(col, row, field, radioType, indexInCell, isChecked) {
         return syncRadioState(col, row, field, radioType, indexInCell, isChecked, this);
       }
-      changeCheckboxAndRadioOrder(sourceIndex, targetIndex) {
-        this.checkedState.size && changeCheckboxOrder(sourceIndex, targetIndex, this), this.radioState.length && changeRadioOrder(sourceIndex, targetIndex, this);
+      changeCheckboxOrder(sourceRecordPath, targetRecordPath) {
+        this.checkedState.size && changeCheckboxOrder(sourceRecordPath, targetRecordPath, this);
+      }
+      changeRadioOrder(sourceRecordPath, targetRecordPath) {
+        Object.keys(this.radioState).length && changeRadioOrder(sourceRecordPath, targetRecordPath, this);
       }
       setCustomSelectRanges(customSelectRanges) {
         deletaCustomSelectRanges(this), addCustomSelectRanges(customSelectRanges, this);
       }
     };
 
+    const AUDIO_EXTENSIONS = new Set(["mp3", "wav", "oga", "m4a", "aac", "flac", "opus"]);
+    function isAudioUrl(value) {
+      if ("string" != typeof value) return !1;
+      const trimmedValue = value.trim(),
+        queryIndex = trimmedValue.indexOf("?"),
+        hashIndex = trimmedValue.indexOf("#");
+      let endIndex = trimmedValue.length;
+      queryIndex >= 0 && (endIndex = queryIndex), hashIndex >= 0 && hashIndex < endIndex && (endIndex = hashIndex);
+      const path = trimmedValue.slice(0, endIndex),
+        dotIndex = path.lastIndexOf(".");
+      return !(dotIndex < 0 || dotIndex === path.length - 1) && AUDIO_EXTENSIONS.has(path.slice(dotIndex + 1).toLowerCase());
+    }
+
+    const MEDIA_PREVIEW_MANAGER_KEY = "__vtable_media_preview_manager__";
+    function formatAudioTime(time) {
+      if (!Number.isFinite(time) || time < 0) return "0:00";
+      return `${Math.floor(time / 60)}:${Math.floor(time % 60).toString().padStart(2, "0")}`;
+    }
+    function updateAudioProgressStyle(progress, value) {
+      progress.style.background = `linear-gradient(\n    to right,\n    #2563EB 0%,\n    #2563EB ${value}%,\n    #D1D5DB ${value}%,\n    #D1D5DB 100%\n  )`;
+    }
+    function ensureAudioPreviewStyle() {
+      const styleId = "vtable-audio-preview-style";
+      if (document.getElementById(styleId)) return;
+      const style = document.createElement("style");
+      style.id = styleId, style.textContent = "\n    .vtable-audio-preview-progress {\n      -webkit-appearance: none;\n      appearance: none;\n    }\n    .vtable-audio-preview-progress::-webkit-slider-runnable-track {\n      height: 4px;\n      border-radius: 999px;\n      background: transparent;\n    }\n    .vtable-audio-preview-progress::-webkit-slider-thumb {\n      -webkit-appearance: none;\n      appearance: none;\n      width: 12px;\n      height: 12px;\n      margin-top: -4px;\n      border-radius: 50%;\n      border: 0;\n      background: #2563EB;\n    }\n    .vtable-audio-preview-progress::-moz-range-track {\n      height: 4px;\n      border-radius: 999px;\n      background: transparent;\n    }\n    .vtable-audio-preview-progress::-moz-range-thumb {\n      width: 12px;\n      height: 12px;\n      border-radius: 50%;\n      border: 0;\n      background: #2563EB;\n    }\n  ", document.head.appendChild(style);
+    }
+    function createAudioPreview(cellValue) {
+      ensureAudioPreviewStyle();
+      const audio = document.createElement("audio");
+      audio.src = cellValue, audio.preload = "auto";
+      let released = !1;
+      const wrapper = document.createElement("div");
+      wrapper.style.width = "80%", wrapper.style.maxWidth = "640px", wrapper.style.height = "54px", wrapper.style.boxSizing = "border-box", wrapper.style.padding = "0 16px", wrapper.style.borderRadius = "27px", wrapper.style.background = "#F8FAFC", wrapper.style.display = "flex", wrapper.style.alignItems = "center", wrapper.style.gap = "10px", wrapper.style.boxShadow = "0 8px 24px rgba(15, 23, 42, 0.16)";
+      const playButton = document.createElement("button");
+      playButton.type = "button", playButton.textContent = "▶", playButton.style.width = "34px", playButton.style.height = "34px", playButton.style.border = "1px solid #CBD5E1", playButton.style.borderRadius = "8px", playButton.style.background = "#EFF6FF", playButton.style.color = "#0F172A", playButton.style.cursor = "pointer", playButton.style.flex = "0 0 auto", playButton.style.fontSize = "14px";
+      const timeLabel = document.createElement("span");
+      timeLabel.textContent = "0:00 / 0:00", timeLabel.style.color = "#0F172A", timeLabel.style.font = "14px sans-serif", timeLabel.style.whiteSpace = "nowrap";
+      const progress = document.createElement("input");
+      progress.className = "vtable-audio-preview-progress", progress.type = "range", progress.min = "0", progress.max = "100", progress.value = "0", progress.step = "0.1", progress.style.flex = "1 1 auto", progress.style.height = "4px", progress.style.borderRadius = "999px", progress.style.outline = "none", progress.style.cursor = "pointer", progress.style.accentColor = "#2563EB", updateAudioProgressStyle(progress, 0);
+      const updateProgress = () => {
+        const duration = Number.isFinite(audio.duration) ? audio.duration : 0,
+          currentTime = audio.currentTime || 0,
+          value = duration > 0 ? Math.min(100, currentTime / duration * 100) : 0;
+        progress.disabled = duration <= 0, progress.style.cursor = duration > 0 ? "pointer" : "default", progress.value = `${value}`, timeLabel.textContent = `${formatAudioTime(currentTime)} / ${formatAudioTime(duration)}`, updateAudioProgressStyle(progress, value);
+      };
+      return playButton.addEventListener("click", e => {
+        if (e.stopPropagation(), audio.paused) {
+          const playPromise = audio.play();
+          playPromise && playPromise.catch(error => {
+            released || "AbortError" === (null == error ? void 0 : error.name) || (playButton.textContent = "▶");
+          });
+        } else audio.pause();
+      }), progress.addEventListener("click", e => {
+        e.stopPropagation();
+      }), progress.addEventListener("input", () => {
+        const duration = Number.isFinite(audio.duration) ? audio.duration : 0,
+          value = Number(progress.value);
+        duration > 0 && Number.isFinite(value) && (audio.currentTime = duration * value / 100), updateProgress();
+      }), audio.addEventListener("loadedmetadata", updateProgress), audio.addEventListener("durationchange", updateProgress), audio.addEventListener("timeupdate", updateProgress), audio.addEventListener("play", () => {
+        playButton.textContent = "❚❚";
+      }), audio.addEventListener("pause", () => {
+        playButton.textContent = "▶";
+      }), audio.addEventListener("ended", () => {
+        audio.currentTime = 0, playButton.textContent = "▶", updateProgress();
+      }), wrapper.appendChild(playButton), wrapper.appendChild(timeLabel), wrapper.appendChild(progress), wrapper.appendChild(audio), {
+        element: wrapper,
+        destroy: () => {
+          released = !0, audio.pause(), audio.removeAttribute("src"), audio.load();
+        }
+      };
+    }
+    function createMediaPreviewManager(table) {
+      const manager = {
+        closePreview: null,
+        registered: !1,
+        close() {
+          const closePreview = manager.closePreview;
+          manager.closePreview = null, null == closePreview || closePreview();
+        },
+        open(closePreview) {
+          manager.close(), manager.closePreview = closePreview;
+        },
+        release() {
+          manager.close(), manager.registered = !1;
+        },
+        ensureRegistered() {
+          manager.registered || (table.addReleaseObj(manager), manager.registered = !0);
+        }
+      };
+      return manager;
+    }
+    function getMediaPreviewManager(table) {
+      const tableWithManager = table;
+      tableWithManager[MEDIA_PREVIEW_MANAGER_KEY] || (tableWithManager[MEDIA_PREVIEW_MANAGER_KEY] = createMediaPreviewManager(table));
+      const manager = tableWithManager[MEDIA_PREVIEW_MANAGER_KEY];
+      return manager.ensureRegistered(), manager;
+    }
     function bindMediaClick(table) {
-      "browser" === Env$1.mode && table.on(TABLE_EVENT_TYPE.CLICK_CELL, e => {
+      "browser" === Env$1.mode && (getMediaPreviewManager(table), table.on(TABLE_EVENT_TYPE.CLICK_CELL, e => {
         const {
           col: col,
           row: row
@@ -63343,25 +63844,60 @@
             clickToPreview: clickToPreview
           } = columnDefine;
           if (!1 === clickToPreview) return;
-          const overlay = document.createElement("div");
-          overlay.style.width = "100%", overlay.style.height = "100%", overlay.style.position = "fixed", overlay.style.top = "0", overlay.style.left = "0", overlay.style.backgroundColor = "rgba(30, 30, 30, 0.4)", overlay.style.display = "flex", overlay.style.justifyContent = "center", overlay.style.alignItems = "center", overlay.style.overflow = "hidden", overlay.style.zIndex = "9999", overlay.addEventListener("click", e => {
-            e.target === overlay && document.body.removeChild(overlay);
+          if (!cellValue) return;
+          const previewManager = getMediaPreviewManager(table),
+            overlay = document.createElement("div");
+          overlay.style.width = "100%", overlay.style.height = "100%", overlay.style.position = "fixed", overlay.style.top = "0", overlay.style.left = "0", overlay.style.backgroundColor = "rgba(30, 30, 30, 0.4)", overlay.style.display = "flex", overlay.style.justifyContent = "center", overlay.style.alignItems = "center", overlay.style.overflow = "hidden", overlay.style.zIndex = "9999";
+          const closeOverlay = () => {
+            overlay.parentNode && document.body.removeChild(overlay);
+          };
+          previewManager.open(closeOverlay), overlay.addEventListener("click", e => {
+            e.target === overlay && previewManager.close();
           });
           const image = new Image();
           image.src = cellValue, image.style.maxWidth = "80%", image.style.maxHeight = "80%", image.style.backgroundColor = "#FFF", overlay.appendChild(image), document.body.appendChild(overlay);
+        } else if ("audio" === cellType || "video" === cellType && isAudioUrl(cellValue)) {
+          const {
+            clickToPreview: clickToPreview
+          } = columnDefine;
+          if (!1 === clickToPreview) return;
+          if (!cellValue) return;
+          const previewManager = getMediaPreviewManager(table),
+            overlay = document.createElement("div");
+          overlay.style.width = "100%", overlay.style.height = "100%", overlay.style.position = "fixed", overlay.style.top = "0", overlay.style.left = "0", overlay.style.backgroundColor = "rgba(30, 30, 30, 0.4)", overlay.style.display = "flex", overlay.style.justifyContent = "center", overlay.style.alignItems = "center", overlay.style.overflow = "hidden", overlay.style.zIndex = "9999";
+          const audioPreview = createAudioPreview(cellValue),
+            closeOverlay = () => {
+              audioPreview.destroy(), overlay.parentNode && document.body.removeChild(overlay);
+            };
+          previewManager.open(closeOverlay), overlay.addEventListener("click", e => {
+            e.target === overlay && previewManager.close();
+          }), overlay.appendChild(audioPreview.element), document.body.appendChild(overlay);
         } else if ("video" === cellType) {
           const {
             clickToPreview: clickToPreview
           } = columnDefine;
           if (!1 === clickToPreview) return;
-          const overlay = document.createElement("div");
-          overlay.style.width = "100%", overlay.style.height = "100%", overlay.style.position = "fixed", overlay.style.top = "0", overlay.style.left = "0", overlay.style.backgroundColor = "rgba(30, 30, 30, 0.4)", overlay.style.display = "flex", overlay.style.justifyContent = "center", overlay.style.alignItems = "center", overlay.style.overflow = "hidden", overlay.style.zIndex = "9999", overlay.addEventListener("click", e => {
-            e.target === overlay && document.body.removeChild(overlay);
-          });
+          if (!cellValue) return;
+          const previewManager = getMediaPreviewManager(table),
+            overlay = document.createElement("div");
+          overlay.style.width = "100%", overlay.style.height = "100%", overlay.style.position = "fixed", overlay.style.top = "0", overlay.style.left = "0", overlay.style.backgroundColor = "rgba(30, 30, 30, 0.4)", overlay.style.display = "flex", overlay.style.justifyContent = "center", overlay.style.alignItems = "center", overlay.style.overflow = "hidden", overlay.style.zIndex = "9999";
           const video = document.createElement("video");
-          video.src = cellValue, video.style.maxWidth = "80%", video.style.maxHeight = "80%", video.setAttribute("preload", "auto"), video.setAttribute("controls", "true"), overlay.appendChild(video), document.body.appendChild(overlay);
+          video.src = cellValue, video.style.maxWidth = "80%", video.style.maxHeight = "80%", video.setAttribute("preload", "auto"), video.setAttribute("controls", "true");
+          const closeOverlay = () => {
+            try {
+              video.pause();
+            } catch (err) {}
+            video.removeAttribute("src");
+            try {
+              video.load();
+            } catch (err) {}
+            overlay.parentNode && document.body.removeChild(overlay);
+          };
+          previewManager.open(closeOverlay), overlay.appendChild(video), overlay.addEventListener("click", e => {
+            e.target === overlay && previewManager.close();
+          }), document.body.appendChild(overlay);
         }
-      });
+      }));
     }
 
     function bindDrillEvent(table) {
@@ -64955,7 +65491,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.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.isDown = !1, this.isDraging = !1, this.globalEventListeners = [], this._enableTableScroll = !0, this.cutWaitPaste = !1, this.clipboardCheckTimer = null, this.cutOperationId = 0, this.clipboardOperationId = 0, this.pasteOperationId = 0, this.pasteWriteInProgress = !1, this.pasteWritePromise = Promise.resolve(), this.clipboardWritePromise = Promise.resolve(), this.lastCopiedClipboardData = null, this.internalFormulaHtmlMarkerId = 0, this.fieldKeyIds = new WeakMap(), this.fieldKeyId = 0, this.activeCutState = null, 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));
       }
@@ -65176,7 +65712,7 @@
       }
       release() {
         var _a;
-        null === (_a = this.gesture) || void 0 === _a || _a.release(), this.globalEventListeners.forEach(item => {
+        this.clipboardOperationId++, this.pasteOperationId++, this.resetCutState(), null === (_a = this.gesture) || void 0 === _a || _a.release(), this.globalEventListeners.forEach(item => {
           "document" === item.env ? document.removeEventListener(item.name, item.callback) : "body" === item.env ? document.body.removeEventListener(item.name, item.callback) : "window" === item.env ? window.removeEventListener(item.name, item.callback) : "vglobal" === item.env && vglobal.removeEventListener(item.name, item.callback);
         }), this.globalEventListeners = [];
       }
@@ -65189,289 +65725,807 @@
       handleCopy(e, isCut = !1) {
         var _a, _b, _c, _d, _e, _f;
         return __awaiter$1(this, void 0, void 0, function* () {
-          const table = this.table;
-          !isCut && (this.cutWaitPaste = !1), this.copySourceRange = null;
-          const sourceRanges = table.stateManager.select.ranges;
-          if (sourceRanges && 1 === sourceRanges.length) {
-            const sourceRange = sourceRanges[0];
-            this.copySourceRange = {
-              startCol: Math.min(sourceRange.start.col, sourceRange.end.col),
-              startRow: Math.min(sourceRange.start.row, sourceRange.end.row)
-            };
-          } else if (!(null == sourceRanges ? void 0 : sourceRanges.length)) return void (this.copySourceRange = null);
+          const table = this.table,
+            operationId = ++this.clipboardOperationId;
+          this.pasteOperationId++, isCut || this.resetCutState();
+          const copySnapshot = this.getCopySnapshot(isCut);
+          if (this.copySourceRange = null, this.lastCopiedClipboardData = null, !copySnapshot) return this.copySourceRange = null, null;
           const data = this.table.getCopyValue(null === (_b = null === (_a = table.options.keyboardOptions) || void 0 === _a ? void 0 : _a.getCopyCellValue) || void 0 === _b ? void 0 : _b.value);
-          if (isValid$1(data)) {
+          if (!isValid$1(data)) return null;
+          {
             e.preventDefault();
+            let copySucceeded = !1,
+              copiedClipboardData = null;
+            const canUseAsyncClipboard = window.isSecureContext && !!(null === (_c = navigator.clipboard) || void 0 === _c ? void 0 : _c.writeText),
+              canWriteRichClipboard = window.isSecureContext && !!(null === (_d = navigator.clipboard) || void 0 === _d ? void 0 : _d.write) && !!window.ClipboardItem,
+              hasEventClipboard = !!e.clipboardData,
+              dataHTML = !canUseAsyncClipboard || canWriteRichClipboard || hasEventClipboard ? this.getCopyDataHTML(data) : null,
+              formulaClipboardData = this.getCopyFormulaPlainData(data, isCut);
+            if (null === formulaClipboardData) return null;
+            const plainClipboardData = data,
+              internalFormulaText = formulaClipboardData !== plainClipboardData ? formulaClipboardData : void 0,
+              internalFormulaHtmlMarker = internalFormulaText ? this.createInternalFormulaHtmlMarker() : void 0,
+              clipboardHTML = dataHTML && internalFormulaHtmlMarker ? this.attachInternalFormulaHtmlMarker(dataHTML, internalFormulaHtmlMarker) : dataHTML,
+              eventClipboardWriteData = hasEventClipboard ? this.setCopyDataToEventClipboard(plainClipboardData, clipboardHTML, e, internalFormulaText, internalFormulaHtmlMarker) : null;
+            if (eventClipboardWriteData) return copiedClipboardData = eventClipboardWriteData, this.lastCopiedClipboardData = copiedClipboardData, isCut && (this.lastClipboardContent = this.getClipboardSignature(copiedClipboardData), copySnapshot.clipboardData = copiedClipboardData, copySnapshot.clipboardSignature = this.lastClipboardContent), this.copySourceRange = copySnapshot.copySourceRange, this.afterCopyData(data, isCut, copySnapshot, !isCut), isCut && (null === (_e = table.keyboardOptions) || void 0 === _e ? void 0 : _e.showCopyCellBorder) && window.setTimeout(() => {
+              this.isClipboardOperationCurrent(operationId) && (setActiveCellRangeState(table, copySnapshot.ranges), table.clearSelected());
+            }, 0), copySnapshot;
             const element = table.getElement();
-            element && element !== document.activeElement && (element.focus(), yield new Promise(resolve => setTimeout(resolve, 10)));
+            if (element && element !== document.activeElement && (element.focus(), yield new Promise(resolve => setTimeout(resolve, 10)), !this.isClipboardOperationCurrent(operationId))) return null;
             try {
               if (navigator.clipboard && navigator.clipboard.writeText) {
                 let hasPermission = !0;
                 if (navigator.permissions && navigator.permissions.query) try {
-                  hasPermission = "granted" === (yield navigator.permissions.query({
+                  if (hasPermission = "granted" === (yield navigator.permissions.query({
                     name: "clipboard-write"
-                  })).state;
+                  })).state, !this.isClipboardOperationCurrent(operationId)) return null;
                 } catch (permissionError) {
                   hasPermission = !0;
                 }
                 if (hasPermission) try {
-                  if (window.ClipboardItem) {
-                    let htmlValues = data;
-                    1 === table.stateManager.select.ranges.length && (null === (_d = null === (_c = table.options.keyboardOptions) || void 0 === _c ? void 0 : _c.getCopyCellValue) || void 0 === _d ? void 0 : _d.html) && (htmlValues = this.table.getCopyValue(null === (_e = table.options.keyboardOptions) || void 0 === _e ? void 0 : _e.getCopyCellValue.html));
-                    const dataHTML = setDataToHTML(htmlValues);
-                    yield navigator.clipboard.write([new ClipboardItem({
-                      "text/html": new Blob([dataHTML], {
+                  if (!this.isClipboardOperationCurrent(operationId)) return null;
+                  copiedClipboardData = yield this.queueClipboardWrite(() => __awaiter$1(this, void 0, void 0, function* () {
+                    return this.isClipboardOperationCurrent(operationId) ? canWriteRichClipboard && clipboardHTML ? (yield navigator.clipboard.write([new ClipboardItem({
+                      "text/html": new Blob([clipboardHTML], {
                         type: "text/html"
                       }),
-                      "text/plain": new Blob([data], {
+                      "text/plain": new Blob([plainClipboardData], {
                         type: "text/plain"
                       })
-                    })]);
-                  } else yield navigator.clipboard.writeText(data);
+                    })]), {
+                      html: clipboardHTML,
+                      text: plainClipboardData,
+                      hasHtml: !0,
+                      hasText: !0,
+                      internalFormulaText: internalFormulaText,
+                      internalFormulaHtmlMarker: internalFormulaHtmlMarker
+                    }) : (yield navigator.clipboard.writeText(plainClipboardData), {
+                      html: "",
+                      text: plainClipboardData,
+                      hasText: !0,
+                      internalFormulaText: internalFormulaText
+                    }) : null;
+                  })), copiedClipboardData && (copySucceeded = !0);
                 } catch (clipboardError) {
-                  this.fallbackCopyToClipboard(data, e);
-                } else this.fallbackCopyToClipboard(data, e);
-              } else this.fallbackCopyToClipboard(data, e);
-              table.fireListeners(TABLE_EVENT_TYPE.COPY_DATA, {
-                cellRange: table.stateManager.select.ranges,
-                copyData: data,
-                isCut: isCut
+                  if (!this.isClipboardOperationCurrent(operationId)) return null;
+                  if (copySucceeded = this.fallbackCopyToClipboard(plainClipboardData), !this.isClipboardOperationCurrent(operationId)) return null;
+                  copySucceeded && (copiedClipboardData = {
+                    html: "",
+                    text: plainClipboardData,
+                    hasText: !0,
+                    internalFormulaText: internalFormulaText
+                  });
+                } else copySucceeded = this.fallbackCopyToClipboard(plainClipboardData), copySucceeded && (copiedClipboardData = {
+                  html: "",
+                  text: plainClipboardData,
+                  hasText: !0,
+                  internalFormulaText: internalFormulaText
+                });
+              } else copySucceeded = this.fallbackCopyToClipboard(plainClipboardData), copySucceeded && (copiedClipboardData = {
+                html: "",
+                text: plainClipboardData,
+                hasText: !0,
+                internalFormulaText: internalFormulaText
               });
+              if (!copySucceeded) return null;
+              if (!this.isClipboardOperationCurrent(operationId)) return null;
+              this.lastCopiedClipboardData = copiedClipboardData, isCut && (this.lastClipboardContent = this.getClipboardSignature(copiedClipboardData), copySnapshot.clipboardData = copiedClipboardData, copySnapshot.clipboardSignature = this.lastClipboardContent), this.copySourceRange = copySnapshot.copySourceRange, this.afterCopyData(data, isCut, copySnapshot, !1);
             } catch (error) {
-              this.fallbackCopyToClipboard(data, e);
+              if (!this.isClipboardOperationCurrent(operationId)) return null;
+              if (!this.fallbackCopyToClipboard(plainClipboardData)) return null;
+              if (!this.isClipboardOperationCurrent(operationId)) return null;
+              this.lastCopiedClipboardData = {
+                html: "",
+                text: plainClipboardData,
+                hasText: !0,
+                internalFormulaText: internalFormulaText
+              }, isCut && (this.lastClipboardContent = this.getClipboardSignature(this.lastCopiedClipboardData), copySnapshot.clipboardData = this.lastCopiedClipboardData, copySnapshot.clipboardSignature = this.lastClipboardContent), this.copySourceRange = copySnapshot.copySourceRange, this.afterCopyData(data, isCut, copySnapshot, !1);
+            }
+          }
+          return (null === (_f = table.keyboardOptions) || void 0 === _f ? void 0 : _f.showCopyCellBorder) && (setActiveCellRangeState(table, copySnapshot.ranges), table.clearSelected()), copySnapshot;
+        });
+      }
+      afterCopyData(data, isCut, copySnapshot, updateCopyCellBorder = !0) {
+        var _a;
+        const table = this.table;
+        try {
+          table.fireListeners(TABLE_EVENT_TYPE.COPY_DATA, {
+            cellRange: this.cloneRanges(copySnapshot.ranges),
+            copyData: data,
+            isCut: isCut
+          });
+        } catch (error) {}
+        updateCopyCellBorder && (null === (_a = table.keyboardOptions) || void 0 === _a ? void 0 : _a.showCopyCellBorder) && (setActiveCellRangeState(table, copySnapshot.ranges), table.clearSelected());
+      }
+      getCopySnapshot(includeCellInfos) {
+        const ranges = this.table.stateManager.select.ranges;
+        if (!(null == ranges ? void 0 : ranges.length)) return null;
+        const clonedRanges = ranges.map(range => ({
+            start: {
+              col: range.start.col,
+              row: range.start.row
+            },
+            end: {
+              col: range.end.col,
+              row: range.end.row
             }
+          })),
+          sourceRange = 1 === ranges.length ? ranges[0] : null,
+          sourceCellMatrix = this.getSourceCellMatrix(clonedRanges),
+          sourceCells = this.getSourceCells(sourceCellMatrix),
+          sourceSize = this.getSourceSize(clonedRanges, sourceCellMatrix);
+        return {
+          ranges: clonedRanges,
+          copySourceRange: sourceRange ? {
+            startCol: Math.min(sourceRange.start.col, sourceRange.end.col),
+            startRow: Math.min(sourceRange.start.row, sourceRange.end.row)
+          } : null,
+          cellInfos: includeCellInfos ? this.table.getSelectedCellInfos() : null,
+          sourceCells: sourceCells,
+          sourceCellMatrix: sourceCellMatrix,
+          sourceColCount: sourceSize.colCount,
+          sourceRowCount: sourceSize.rowCount,
+          clipboardData: null,
+          clipboardSignature: ""
+        };
+      }
+      cloneRanges(ranges) {
+        return ranges.map(range => ({
+          start: {
+            col: range.start.col,
+            row: range.start.row
+          },
+          end: {
+            col: range.end.col,
+            row: range.end.row
+          }
+        }));
+      }
+      getSourceCellMatrix(ranges) {
+        const table = this.table,
+          createSourceCell = (col, row) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            const recordShowIndex = null === (_a = table.getRecordShowIndexByCell) || void 0 === _a ? void 0 : _a.call(table, col, row);
+            return {
+              col: col,
+              row: row,
+              recordIndex: recordShowIndex >= 0 ? null === (_c = null === (_b = table.dataSource) || void 0 === _b ? void 0 : _b.getIndexKey) || void 0 === _c ? void 0 : _c.call(_b, recordShowIndex) : void 0,
+              field: null === (_g = null === (_f = null === (_e = null === (_d = table.internalProps) || void 0 === _d ? void 0 : _d.layoutMap) || void 0 === _e ? void 0 : _e.getBody) || void 0 === _f ? void 0 : _f.call(_e, col, row)) || void 0 === _g ? void 0 : _g.field,
+              value: null === (_h = table.getCellOriginValue) || void 0 === _h ? void 0 : _h.call(table, col, row)
+            };
+          };
+        if (1 === ranges.length) {
+          const range = ranges[0],
+            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),
+            sourceCellMatrix = [];
+          for (let row = startRow; row <= endRow; row++) {
+            const rowCells = [];
+            for (let col = startCol; col <= endCol; col++) rowCells.push(createSourceCell(col, row));
+            sourceCellMatrix.push(rowCells);
           }
-          (null === (_f = table.keyboardOptions) || void 0 === _f ? void 0 : _f.showCopyCellBorder) && (setActiveCellRangeState(table), table.clearSelected());
+          return sourceCellMatrix;
+        }
+        let minCol = Math.min(ranges[0].start.col, ranges[0].end.col),
+          maxCol = Math.max(ranges[0].start.col, ranges[0].end.col),
+          minRow = Math.min(ranges[0].start.row, ranges[0].end.row),
+          maxRow = Math.max(ranges[0].start.row, ranges[0].end.row);
+        ranges.forEach(range => {
+          minCol = Math.min(minCol, range.start.col, range.end.col), maxCol = Math.max(maxCol, range.start.col, range.end.col), minRow = Math.min(minRow, range.start.row, range.end.row), maxRow = Math.max(maxRow, range.start.row, range.end.row);
         });
+        const isExistDataInRow = row => ranges.some(range => {
+            const startRow = Math.min(range.start.row, range.end.row),
+              endRow = Math.max(range.start.row, range.end.row);
+            return startRow <= row && endRow >= row;
+          }),
+          isExistDataInCol = col => ranges.some(range => {
+            const startCol = Math.min(range.start.col, range.end.col),
+              endCol = Math.max(range.start.col, range.end.col);
+            return startCol <= col && endCol >= col;
+          }),
+          getRangeExistDataInCell = (col, row) => ranges.some(range => {
+            const startRow = Math.min(range.start.row, range.end.row),
+              endRow = Math.max(range.start.row, range.end.row),
+              startCol = Math.min(range.start.col, range.end.col),
+              endCol = Math.max(range.start.col, range.end.col);
+            return startCol <= col && endCol >= col && startRow <= row && endRow >= row;
+          }),
+          sourceCellMatrix = [];
+        for (let row = minRow; row <= maxRow; row++) {
+          if (!isExistDataInRow(row)) continue;
+          const rowCells = [];
+          for (let col = minCol; col <= maxCol; col++) isExistDataInCol(col) && rowCells.push(getRangeExistDataInCell(col, row) ? createSourceCell(col, row) : null);
+          sourceCellMatrix.push(rowCells);
+        }
+        return sourceCellMatrix;
+      }
+      getSourceCells(sourceCellMatrix) {
+        const sourceCells = [];
+        for (let row = 0; row < sourceCellMatrix.length; row++) for (let col = 0; col < sourceCellMatrix[row].length; col++) {
+          const sourceCell = sourceCellMatrix[row][col];
+          sourceCell && sourceCells.push(sourceCell);
+        }
+        return sourceCells;
+      }
+      getSourceSize(ranges, sourceCellMatrix) {
+        var _a, _b;
+        if (sourceCellMatrix.length) return {
+          colCount: null !== (_b = null === (_a = sourceCellMatrix[0]) || void 0 === _a ? void 0 : _a.length) && void 0 !== _b ? _b : 0,
+          rowCount: sourceCellMatrix.length
+        };
+        if (1 === ranges.length) {
+          const range = ranges[0];
+          return {
+            colCount: Math.abs(range.end.col - range.start.col) + 1,
+            rowCount: Math.abs(range.end.row - range.start.row) + 1
+          };
+        }
+        return {
+          colCount: 0,
+          rowCount: 0
+        };
+      }
+      getClipboardSignature(data) {
+        return data ? JSON.stringify({
+          html: data.hasHtml ? data.html : null,
+          text: data.hasText ? data.text : null
+        }) : "";
       }
-      fallbackCopyToClipboard(data, e) {
+      isClipboardOperationCurrent(operationId) {
+        return operationId === this.clipboardOperationId && !this.table.isReleased;
+      }
+      isPasteOperationCurrent(operationId) {
+        return (void 0 === operationId || operationId === this.pasteOperationId) && !this.table.isReleased;
+      }
+      queueClipboardWrite(write) {
+        return __awaiter$1(this, void 0, void 0, function* () {
+          const previousWrite = this.clipboardWritePromise;
+          let settleCurrentWrite = () => {};
+          this.clipboardWritePromise = previousWrite.catch(() => {}).then(() => new Promise(resolve => {
+            settleCurrentWrite = resolve;
+          })), yield previousWrite.catch(() => {});
+          try {
+            return yield write();
+          } finally {
+            settleCurrentWrite();
+          }
+        });
+      }
+      isClipboardDataChanged(clipboardData, cutState) {
+        if (!clipboardData || clipboardData.readFailed) return null;
+        const sourceData = cutState.clipboardData;
+        if (!sourceData) return this.getClipboardSignature(clipboardData) !== cutState.clipboardSignature;
+        if (sourceData.hasHtml && !clipboardData.hasHtml) return null;
+        if (sourceData.hasText && !clipboardData.hasText) return null;
+        let hasComparableType = !1;
+        return !(!clipboardData.hasHtml || !sourceData.hasHtml || (hasComparableType = !0, clipboardData.html === sourceData.html)) || !(!clipboardData.hasText || !sourceData.hasText || (hasComparableType = !0, clipboardData.text === sourceData.text)) || !hasComparableType && null;
+      }
+      isClipboardDataSameAsLastCopy(clipboardData) {
+        const sourceData = this.lastCopiedClipboardData;
+        return !(!clipboardData || clipboardData.readFailed || !sourceData) && this.isClipboardDataSameBySignature(clipboardData, sourceData);
+      }
+      isClipboardDataSameBySignature(clipboardData, sourceData) {
+        return !(sourceData.hasHtml !== clipboardData.hasHtml || sourceData.hasText !== clipboardData.hasText || sourceData.hasHtml && sourceData.html !== clipboardData.html || sourceData.hasText && sourceData.text !== clipboardData.text);
+      }
+      getCopyFormulaPlainData(data, isCut) {
+        var _a, _b;
+        const table = this.table;
+        if (1 !== table.stateManager.select.ranges.length || !(null === (_b = null === (_a = table.options.keyboardOptions) || void 0 === _a ? void 0 : _a.getCopyCellValue) || void 0 === _b ? void 0 : _b.html)) return data;
+        try {
+          return this.table.getCopyValue(table.options.keyboardOptions.getCopyCellValue.html);
+        } catch (error) {
+          return isCut ? null : data;
+        }
+      }
+      getCopyDataHTML(data) {
+        var _a, _b, _c;
+        const table = this.table;
+        let htmlValues = data;
+        try {
+          return 1 === table.stateManager.select.ranges.length && (null === (_b = null === (_a = table.options.keyboardOptions) || void 0 === _a ? void 0 : _a.getCopyCellValue) || void 0 === _b ? void 0 : _b.html) && (htmlValues = this.table.getCopyValue(null === (_c = table.options.keyboardOptions) || void 0 === _c ? void 0 : _c.getCopyCellValue.html)), setDataToHTML(htmlValues);
+        } catch (error) {
+          try {
+            return setDataToHTML(data);
+          } catch (fallbackError) {
+            return null;
+          }
+        }
+      }
+      createInternalFormulaHtmlMarker() {
+        return `vtable-formula-${Date.now()}-${++this.internalFormulaHtmlMarkerId}`;
+      }
+      attachInternalFormulaHtmlMarker(html, marker) {
+        return `${html}\x3c!--${marker}--\x3e`;
+      }
+      setCopyDataToEventClipboard(data, dataHTML, e, internalFormulaText, internalFormulaHtmlMarker) {
+        const clipboardData = e.clipboardData;
+        if (!clipboardData) return null;
+        try {
+          clipboardData.setData("text/plain", data);
+          const copiedClipboardData = {
+            html: "",
+            text: data,
+            hasText: !0,
+            internalFormulaText: internalFormulaText
+          };
+          if (dataHTML) try {
+            clipboardData.setData("text/html", dataHTML), copiedClipboardData.html = dataHTML, copiedClipboardData.hasHtml = !0, copiedClipboardData.internalFormulaHtmlMarker = internalFormulaHtmlMarker;
+          } catch (error) {}
+          return copiedClipboardData;
+        } catch (error) {
+          return null;
+        }
+      }
+      fallbackCopyToClipboard(data) {
         try {
-          if (e.clipboardData) return void e.clipboardData.setData("text/plain", data);
           document.activeElement && document.activeElement !== document.body && document.activeElement.blur();
           const textArea = document.createElement("textarea");
           textArea.value = data, textArea.style.position = "fixed", textArea.style.left = "-999999px", textArea.style.top = "-999999px", textArea.style.opacity = "0", textArea.setAttribute("readonly", ""), textArea.setAttribute("aria-hidden", "true"), document.body.appendChild(textArea), textArea.focus(), textArea.select(), textArea.setSelectionRange(0, data.length);
           try {
-            document.execCommand("copy");
+            const successful = document.execCommand("copy");
+            return successful;
           } catch (execError) {} finally {
             document.body.removeChild(textArea);
           }
         } catch (error) {}
+        return !1;
       }
       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.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();
+          const copySnapshot = yield this.handleCopy(e, !0);
+          if (!copySnapshot) return;
+          const cutState = {
+            id: ++this.cutOperationId,
+            ranges: this.cloneRanges(copySnapshot.ranges),
+            cellInfos: copySnapshot.cellInfos,
+            sourceCells: copySnapshot.sourceCells,
+            sourceCellMatrix: copySnapshot.sourceCellMatrix,
+            sourceColCount: copySnapshot.sourceColCount,
+            sourceRowCount: copySnapshot.sourceRowCount,
+            clipboardData: copySnapshot.clipboardData,
+            clipboardSignature: copySnapshot.clipboardSignature,
+            copySourceRange: copySnapshot.copySourceRange,
+            isSingleRange: 1 === copySnapshot.ranges.length
+          };
+          this.cutWaitPaste = !0, this.activeCutState = cutState, this.cutCellRange = cutState.cellInfos, this.cutRanges = cutState.ranges, this.clipboardCheckTimer && clearTimeout(this.clipboardCheckTimer), this.clipboardCheckTimer = window.setTimeout(() => {
+            this.cutWaitPaste && this.resetCutState();
+          }, 3e4), this.lastClipboardContent = cutState.clipboardSignature;
         });
       }
       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.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);
+        const pasteOperationId = ++this.pasteOperationId,
+          pasteRange = this.getPasteRange();
+        if (!pasteRange) return;
+        const eventClipboardData = this.getEventClipboardData(e),
+          pasteCopySourceRange = this.copySourceRange;
+        if (!this.cutWaitPaste) return void this.readClipboardDataForPaste(eventClipboardData).then(clipboardData => {
+          if (!this.isPasteOperationCurrent(pasteOperationId)) return;
+          const copySourceRange = this.isClipboardDataSameAsLastCopy(clipboardData) ? pasteCopySourceRange : null;
+          this.executePaste(clipboardData, {
+            pasteRange: pasteRange,
+            copySourceRange: copySourceRange,
+            pasteOperationId: pasteOperationId
+          });
+        }).catch(error => {});
+        const cutState = this.activeCutState;
+        cutState ? this.readClipboardDataForPaste(eventClipboardData).then(clipboardData => __awaiter$1(this, void 0, void 0, function* () {
+          var _a, _b, _c, _d, _e;
+          if (!this.isPasteOperationCurrent(pasteOperationId) || (null === (_a = this.activeCutState) || void 0 === _a ? void 0 : _a.id) !== cutState.id) return;
+          const changed = this.isClipboardDataChanged(clipboardData, cutState);
+          if (null === changed) return void (yield this.executePaste(clipboardData, {
+            pasteRange: pasteRange,
+            copySourceRange: this.isClipboardDataSameAsLastCopy(clipboardData) ? pasteCopySourceRange : null,
+            pasteOperationId: pasteOperationId
+          }));
+          const pasteResult = yield this.executePaste(clipboardData, {
+            pasteRange: pasteRange,
+            copySourceRange: changed ? null : cutState.copySourceRange,
+            cutState: changed ? null : cutState,
+            pasteOperationId: pasteOperationId
+          });
+          if (this.isPasteOperationCurrent(pasteOperationId) && (null === (_b = this.activeCutState) || void 0 === _b ? void 0 : _b.id) === cutState.id) if (changed || !pasteResult.pasted || (null === (_c = this.activeCutState) || void 0 === _c ? void 0 : _c.id) !== cutState.id) changed && (null === (_e = this.activeCutState) || void 0 === _e ? void 0 : _e.id) === cutState.id && this.resetCutState();else if (pasteResult.migratedSourceCells.length === cutState.sourceCells.length) {
+            if (!(yield this.clearCutArea(pasteResult.migratedSourceCells, pasteResult.changedCells))) return void this.resetCutState();
+            (null === (_d = this.activeCutState) || void 0 === _d ? void 0 : _d.id) === cutState.id && this.resetCutState();
+          }
+        })).catch(() => __awaiter$1(this, void 0, void 0, function* () {
+          this.isPasteOperationCurrent(pasteOperationId) && (yield this.executePaste(eventClipboardData, {
+            pasteRange: pasteRange,
+            copySourceRange: this.isClipboardDataSameAsLastCopy(eventClipboardData) ? pasteCopySourceRange : null,
+            pasteOperationId: pasteOperationId
+          }));
+        })) : this.executePaste(eventClipboardData, {
+          pasteRange: pasteRange,
+          copySourceRange: this.isClipboardDataSameAsLastCopy(eventClipboardData) ? pasteCopySourceRange : null,
+          pasteOperationId: pasteOperationId
+        });
       }
-      executePaste(e) {
-        var _a, _b, _c;
+      executePaste(clipboardData, pasteContext) {
+        var _a, _b, _c, _d;
         return __awaiter$1(this, void 0, void 0, function* () {
-          const table = this.table;
-          if (!(null === (_a = table.editorManager) || void 0 === _a ? void 0 : _a.editingEditor)) {
-            if (table.changeCellValues && (null === (_b = table.stateManager.select.ranges) || void 0 === _b ? void 0 : _b.length) > 0) try {
-              if (navigator.clipboard && navigator.clipboard.read) try {
-                const clipboardItems = yield navigator.clipboard.read();
-                let handled = !1;
-                for (const item of clipboardItems) {
-                  if (item.types.includes("text/html")) {
-                    yield this.pasteHtmlToTable(item), handled = !0;
-                    break;
-                  }
-                  if (item.types.includes("text/plain")) {
-                    yield this.pasteTextToTable(item), handled = !0;
-                    break;
-                  }
-                }
-                handled || (yield this.fallbackPasteFromClipboard(e));
-              } catch (clipboardError) {
-                yield this.fallbackPasteFromClipboard(e);
-              } else yield this.fallbackPasteFromClipboard(e);
+          const table = this.table,
+            emptyResult = this.getEmptyPasteResult(),
+            pasteClipboardData = this.getPasteClipboardData(clipboardData, pasteContext);
+          if (!this.isPasteOperationCurrent(pasteContext.pasteOperationId) || (null === (_a = table.editorManager) || void 0 === _a ? void 0 : _a.editingEditor)) return emptyResult;
+          if (this.pasteWriteInProgress && (yield this.pasteWritePromise.catch(() => {}), !this.isPasteOperationCurrent(pasteContext.pasteOperationId) || (null === (_b = table.editorManager) || void 0 === _b ? void 0 : _b.editingEditor))) return emptyResult;
+          let pasteResult = emptyResult,
+            settlePasteWrite = () => {};
+          this.pasteWritePromise = new Promise(resolve => {
+            settlePasteWrite = resolve;
+          }), this.pasteWriteInProgress = !0;
+          try {
+            if (table.changeCellValues) try {
+              if (null == pasteClipboardData ? void 0 : pasteClipboardData.html) try {
+                const htmlResult = yield this.processPastedHTML(pasteClipboardData.html, pasteContext);
+                if (htmlResult.pasted) return pasteResult = htmlResult, pasteResult;
+              } catch (error) {
+                if (/<table\b/i.test(pasteClipboardData.html)) return emptyResult;
+              }
+              if ((null == pasteClipboardData ? void 0 : pasteClipboardData.hasText) || (null == pasteClipboardData ? void 0 : pasteClipboardData.text)) return pasteResult = yield this.processPastedText(null !== (_c = pasteClipboardData.internalFormulaText) && void 0 !== _c ? _c : pasteClipboardData.text, pasteContext), pasteResult;
             } catch (error) {
-              yield this.fallbackPasteFromClipboard(e);
+              pasteContext.cutState && this.resetCutState();
             }
-            (null === (_c = table.keyboardOptions) || void 0 === _c ? void 0 : _c.showCopyCellBorder) && clearActiveCellRangeState(table);
+            return pasteResult;
+          } finally {
+            this.pasteWriteInProgress = !1, settlePasteWrite(), !pasteContext.cutState && (null === (_d = table.keyboardOptions) || void 0 === _d ? void 0 : _d.showCopyCellBorder) && clearActiveCellRangeState(table);
           }
         });
       }
-      fallbackPasteFromClipboard(e) {
+      getPasteClipboardData(clipboardData, pasteContext) {
+        var _a, _b;
+        if (!clipboardData || !pasteContext.copySourceRange) return clipboardData;
+        const sourceData = null !== (_b = null === (_a = pasteContext.cutState) || void 0 === _a ? void 0 : _a.clipboardData) && void 0 !== _b ? _b : this.lastCopiedClipboardData;
+        return (null == sourceData ? void 0 : sourceData.internalFormulaText) && sourceData.internalFormulaHtmlMarker && sourceData.hasHtml && clipboardData.hasHtml && this.isClipboardDataSameBySignature(clipboardData, sourceData) && clipboardData.html.includes(sourceData.internalFormulaHtmlMarker) ? Object.assign(Object.assign({}, clipboardData), {
+          internalFormulaText: sourceData.internalFormulaText
+        }) : clipboardData;
+      }
+      getPasteRange() {
+        const ranges = this.table.stateManager.select.ranges;
+        if (!(null == ranges ? void 0 : ranges.length)) return null;
+        const range = ranges[ranges.length - 1];
+        return {
+          col: Math.min(range.start.col, range.end.col),
+          row: Math.min(range.start.row, range.end.row),
+          maxCol: Math.max(range.start.col, range.end.col),
+          maxRow: Math.max(range.start.row, range.end.row)
+        };
+      }
+      getEventClipboardData(e) {
+        var _a;
+        const clipboardData = e.clipboardData || window.clipboardData;
+        if (!clipboardData) return null;
+        try {
+          const types = Array.from(null !== (_a = clipboardData.types) && void 0 !== _a ? _a : []),
+            html = clipboardData.getData("text/html") || "",
+            text = clipboardData.getData("text/plain") || clipboardData.getData("text") || clipboardData.getData("Text") || "",
+            hasHtml = types.includes("text/html") || !!html;
+          return {
+            html: html,
+            text: text,
+            hasHtml: hasHtml,
+            hasText: types.includes("text/plain") || types.includes("text") || types.includes("Text") || !!text
+          };
+        } catch (error) {
+          return {
+            html: "",
+            text: "",
+            readFailed: !0
+          };
+        }
+      }
+      readClipboardDataForPaste(eventClipboardData) {
+        var _a, _b;
         return __awaiter$1(this, void 0, void 0, function* () {
-          const table = this.table,
-            ranges = table.stateManager.select.ranges,
-            col = Math.min(ranges[0].start.col, ranges[0].end.col),
-            row = Math.min(ranges[0].start.row, ranges[0].end.row);
-          try {
-            const element = table.getElement();
-            element && element !== document.activeElement && (element.focus(), yield new Promise(resolve => setTimeout(resolve, 10)));
-            const clipboardData = e.clipboardData || window.clipboardData || window.Clipboard;
-            if (clipboardData) {
-              const pastedData = clipboardData.getData("text") || clipboardData.getData("Text");
-              if (pastedData) return void (yield this.processPastedText(pastedData, col, row));
-            }
+          if ((null == eventClipboardData ? void 0 : eventClipboardData.readFailed) || (null == eventClipboardData ? void 0 : eventClipboardData.hasHtml) || (null == eventClipboardData ? void 0 : eventClipboardData.hasText)) return eventClipboardData;
+          if (null === (_a = navigator.clipboard) || void 0 === _a ? void 0 : _a.read) try {
+            const clipboardItems = yield navigator.clipboard.read(),
+              clipboardData = {
+                html: "",
+                text: ""
+              };
+            for (const item of clipboardItems) {
+              if (!clipboardData.html && item.types.includes("text/html")) try {
+                clipboardData.html = yield (yield item.getType("text/html")).text(), clipboardData.hasHtml = !0;
+              } catch (error) {}
+              if (!clipboardData.text && item.types.includes("text/plain")) try {
+                clipboardData.text = yield (yield item.getType("text/plain")).text(), clipboardData.hasText = !0;
+              } catch (error) {}
+            }
+            if (clipboardData.hasHtml || clipboardData.hasText) return clipboardData;
+          } catch (error) {}
+          if (null === (_b = navigator.clipboard) || void 0 === _b ? void 0 : _b.readText) try {
+            return {
+              html: "",
+              text: yield navigator.clipboard.readText(),
+              hasText: !0
+            };
           } catch (error) {}
+          return null != eventClipboardData ? eventClipboardData : {
+            html: "",
+            text: "",
+            readFailed: !0
+          };
         });
       }
-      processPastedText(pastedData, col, row) {
+      decodeHTMLCellValue(cellHTML) {
         var _a;
+        const template = document.createElement("template");
+        return template.innerHTML = cellHTML.replace(/<br\b[^>]*>(?:\r\n|\r|\n)?/gim, "\n").replace(/&nbsp;/gi, " "), null !== (_a = template.content.textContent) && void 0 !== _a ? _a : "";
+      }
+      processPastedHTML(pastedData, pasteContext) {
+        var _a, _b, _c;
         return __awaiter$1(this, void 0, void 0, function* () {
-          const table = this.table,
-            rows = pastedData.split("\n"),
+          const cellRegex = /<t[dh][^>]*>([\s\S]*?)<\/t[dh]>/gi,
+            table = this.table,
+            pasteRange = pasteContext.pasteRange,
+            {
+              col: col,
+              row: row,
+              maxCol: maxCol,
+              maxRow: maxRow
+            } = pasteRange;
+          let pasteValuesColCount = 0,
+            pasteValuesRowCount = 0,
             values = [];
+          if (!pastedData || !/<table\b/i.test(pastedData)) return this.getEmptyPasteResult();
+          const matches = Array.from(pastedData.matchAll(/<tr[^>]*>([\s\S]*?)<\/tr>/gi));
+          for (const match of matches) {
+            const rowContent = match[1],
+              cellMatches = Array.from(rowContent.matchAll(cellRegex));
+            if (!cellMatches.length) continue;
+            const rowValues = cellMatches.map(cellMatch => this.decodeHTMLCellValue(cellMatch[1]));
+            values.push(rowValues), pasteValuesColCount = Math.max(pasteValuesColCount, null !== (_a = null == rowValues ? void 0 : rowValues.length) && void 0 !== _a ? _a : 0);
+          }
+          if (pasteValuesRowCount = null !== (_b = values.length) && void 0 !== _b ? _b : 0, !pasteValuesRowCount || !pasteValuesColCount) return this.getEmptyPasteResult();
           let processedValues;
-          rows.forEach(function (rowCells) {
-            const cells = rowCells.split("\t"),
-              rowValues = [];
-            values.push(rowValues), cells.forEach(function (cell, cellIndex) {
-              cellIndex === cells.length - 1 && (cell = cell.trim()), rowValues.push(cell);
-            });
-          }), (null === (_a = table.options.keyboardOptions) || void 0 === _a ? void 0 : _a.processFormulaBeforePaste) && this.copySourceRange && (processedValues = table.options.keyboardOptions.processFormulaBeforePaste(values, this.copySourceRange.startCol, this.copySourceRange.startRow, col, row));
-          const changedCellResults = yield table.changeCellValues(col, row, processedValues || values, !0);
-          table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA) && table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
+          values = this.handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1), (null === (_c = table.options.keyboardOptions) || void 0 === _c ? void 0 : _c.processFormulaBeforePaste) && pasteContext.copySourceRange && (processedValues = table.options.keyboardOptions.processFormulaBeforePaste(values, pasteContext.copySourceRange.startCol, pasteContext.copySourceRange.startRow, col, row));
+          const valuesToPaste = processedValues || values,
+            targetCells = this.getPasteTargetCells(pasteRange, valuesToPaste);
+          if (!this.isPasteOperationCurrent(pasteContext.pasteOperationId)) return this.getEmptyPasteResult();
+          if (pasteContext.cutState) {
+            const validatedCellResults = yield this.validatePasteTargetCells(pasteRange, valuesToPaste);
+            if (!this.isPasteOperationCurrent(pasteContext.pasteOperationId)) return this.getEmptyPasteResult();
+            if (!this.isFullPasteAllowed(valuesToPaste, validatedCellResults)) return this.getEmptyPasteResult(validatedCellResults);
+          }
+          const rawChangedCellResults = yield table.changeCellValues(col, row, valuesToPaste, !pasteContext.cutState, !0, void 0, () => !this.isPasteOperationCurrent(pasteContext.pasteOperationId));
+          if (!this.isPasteOperationCurrent(pasteContext.pasteOperationId)) return this.getEmptyPasteResult();
+          const changedCellResults = this.normalizeChangedCellResults(rawChangedCellResults, pasteRange, valuesToPaste),
+            changedCells = this.getChangedCells(targetCells, changedCellResults),
+            migratedSourceCells = this.getMigratedSourceCells(pasteContext.cutState, changedCellResults);
+          return changedCells.length ? (this.firePastedDataEvent(col, row, valuesToPaste, changedCellResults), {
+            pasted: !0,
+            changedCellResults: changedCellResults,
+            changedCells: changedCells,
+            migratedSourceCells: migratedSourceCells
+          }) : this.getEmptyPasteResult(changedCellResults);
+        });
+      }
+      processPastedText(pastedData, pasteContext) {
+        var _a;
+        return __awaiter$1(this, void 0, void 0, function* () {
+          const table = this.table,
+            pasteRange = pasteContext.pasteRange,
+            {
+              col: col,
+              row: row,
+              maxCol: maxCol,
+              maxRow: maxRow
+            } = pasteRange;
+          let values = this.parsePlainTextPastedData(pastedData);
+          const pasteValuesRowCount = values.length,
+            pasteValuesColCount = Math.max(...values.map(rowValues => rowValues.length));
+          if (!pasteValuesRowCount || !pasteValuesColCount) return this.getEmptyPasteResult();
+          let processedValues;
+          values = this.handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1), (null === (_a = table.options.keyboardOptions) || void 0 === _a ? void 0 : _a.processFormulaBeforePaste) && pasteContext.copySourceRange && (processedValues = table.options.keyboardOptions.processFormulaBeforePaste(values, pasteContext.copySourceRange.startCol, pasteContext.copySourceRange.startRow, col, row));
+          const valuesToPaste = processedValues || values,
+            targetCells = this.getPasteTargetCells(pasteRange, valuesToPaste);
+          if (!this.isPasteOperationCurrent(pasteContext.pasteOperationId)) return this.getEmptyPasteResult();
+          if (pasteContext.cutState) {
+            const validatedCellResults = yield this.validatePasteTargetCells(pasteRange, valuesToPaste);
+            if (!this.isPasteOperationCurrent(pasteContext.pasteOperationId)) return this.getEmptyPasteResult();
+            if (!this.isFullPasteAllowed(valuesToPaste, validatedCellResults)) return this.getEmptyPasteResult(validatedCellResults);
+          }
+          const rawChangedCellResults = yield table.changeCellValues(col, row, valuesToPaste, !pasteContext.cutState, !0, void 0, () => !this.isPasteOperationCurrent(pasteContext.pasteOperationId));
+          if (!this.isPasteOperationCurrent(pasteContext.pasteOperationId)) return this.getEmptyPasteResult();
+          const changedCellResults = this.normalizeChangedCellResults(rawChangedCellResults, pasteRange, valuesToPaste),
+            changedCells = this.getChangedCells(targetCells, changedCellResults),
+            migratedSourceCells = this.getMigratedSourceCells(pasteContext.cutState, changedCellResults);
+          return changedCells.length ? (this.firePastedDataEvent(col, row, valuesToPaste, changedCellResults), {
+            pasted: !0,
+            changedCellResults: changedCellResults,
+            changedCells: changedCells,
+            migratedSourceCells: migratedSourceCells
+          }) : this.getEmptyPasteResult(changedCellResults);
+        });
+      }
+      firePastedDataEvent(col, row, pasteData, changedCellResults) {
+        const table = this.table;
+        if (table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA)) try {
+          table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
             col: col,
             row: row,
-            pasteData: processedValues || values,
+            pasteData: pasteData,
             changedCellResults: changedCellResults
           });
-        });
-      }
-      clearCutArea(table) {
-        try {
-          const ranges = this.cutRanges;
-          if (!ranges || 0 === ranges.length) return;
-          table.changeCellValuesByRanges(ranges, "");
         } catch (error) {}
       }
-      checkClipboardChanged() {
-        return __awaiter$1(this, void 0, void 0, function* () {
-          if (!navigator.clipboard || !navigator.clipboard.readText) return !1;
-          try {
-            return (yield navigator.clipboard.readText()) !== this.lastClipboardContent;
-          } catch (err) {
-            return !1;
-          }
-        });
+      getEmptyPasteResult(changedCellResults = []) {
+        return {
+          pasted: !1,
+          changedCellResults: changedCellResults,
+          changedCells: [],
+          migratedSourceCells: []
+        };
       }
-      saveClipboardContent() {
-        navigator.clipboard && navigator.clipboard.readText && setTimeout(() => {
-          navigator.clipboard.readText().then(text => {
-            this.lastClipboardContent = text;
-          }).catch(err => {});
-        }, 50);
-      }
-      pasteHtmlToTable(item) {
-        const regex = /<tr[^>]*>([\s\S]*?)<\/tr>/g,
-          cellRegex = /<td[^>]*>([\s\S]*?)<\/td>/g,
-          table = this.table,
-          ranges = table.stateManager.select.ranges,
-          selectRangeLength = ranges.length,
-          col = Math.min(ranges[selectRangeLength - 1].start.col, ranges[selectRangeLength - 1].end.col),
-          row = Math.min(ranges[selectRangeLength - 1].start.row, ranges[selectRangeLength - 1].end.row),
-          maxCol = Math.max(ranges[selectRangeLength - 1].start.col, ranges[selectRangeLength - 1].end.col),
-          maxRow = Math.max(ranges[selectRangeLength - 1].start.row, ranges[selectRangeLength - 1].end.row);
-        let pasteValuesColCount = 0,
-          pasteValuesRowCount = 0,
-          values = [];
-        item.getType("text/html").then(blob => {
-          blob.text().then(pastedData => __awaiter$1(this, void 0, void 0, function* () {
-            var _a, _b, _c;
-            if (pastedData && /(<table)|(<TABLE)/g.test(pastedData)) {
-              const matches = Array.from(pastedData.matchAll(regex));
-              for (const match of matches) {
-                const rowContent = match[1],
-                  rowValues = Array.from(rowContent.matchAll(cellRegex)).map(cellMatch => cellMatch[1].replace(/(<(?!br)([^>]+)>)/gi, "").replace(/<br(\s*|\/)>[\r\n]?/gim, "\n").replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&#9;/gi, "\t").replace(/&nbsp;/g, " "));
-                values.push(rowValues), pasteValuesColCount = Math.max(pasteValuesColCount, null !== (_a = null == rowValues ? void 0 : rowValues.length) && void 0 !== _a ? _a : 0);
-              }
-              let processedValues;
-              pasteValuesRowCount = null !== (_b = values.length) && void 0 !== _b ? _b : 0, values = this.handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1), (null === (_c = table.options.keyboardOptions) || void 0 === _c ? void 0 : _c.processFormulaBeforePaste) && this.copySourceRange && (processedValues = table.options.keyboardOptions.processFormulaBeforePaste(values, this.copySourceRange.startCol, this.copySourceRange.startRow, col, row));
-              const changedCellResults = yield table.changeCellValues(col, row, processedValues || values, !0);
-              table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA) && table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
-                col: col,
-                row: row,
-                pasteData: processedValues || values,
-                changedCellResults: changedCellResults
-              });
-            } else navigator.clipboard.read().then(clipboardItems => {
-              for (const item of clipboardItems) item.types.includes("text/plain") && item.getType("text/plain").then(blob => {
-                blob.text().then(data => this._pasteValue(data));
-              });
-            });
-          }));
-        });
+      getPasteTargetCells(pasteRange, values) {
+        const targetCells = [];
+        for (let rowIndex = 0; rowIndex < values.length; rowIndex++) {
+          targetCells[rowIndex] = [];
+          for (let colIndex = 0; colIndex < values[rowIndex].length; colIndex++) targetCells[rowIndex][colIndex] = this.getCellIdentity(pasteRange.col + colIndex, pasteRange.row + rowIndex);
+        }
+        return targetCells;
       }
-      _pasteValue(pastedData) {
-        var _a, _b;
+      getChangedCells(targetCells, changedCellResults) {
+        var _a, _b, _c;
+        const changedCells = [];
+        for (let rowIndex = 0; rowIndex < changedCellResults.length; rowIndex++) for (let colIndex = 0; colIndex < (null !== (_b = null === (_a = changedCellResults[rowIndex]) || void 0 === _a ? void 0 : _a.length) && void 0 !== _b ? _b : 0); colIndex++) changedCellResults[rowIndex][colIndex] && (null === (_c = targetCells[rowIndex]) || void 0 === _c ? void 0 : _c[colIndex]) && changedCells.push(targetCells[rowIndex][colIndex]);
+        return changedCells;
+      }
+      normalizeChangedCellResults(changedCellResults, pasteRange, values) {
+        if (Array.isArray(changedCellResults)) return changedCellResults;
+        const table = this.table;
+        return values.map((rowValues, rowIndex) => rowValues.map((_value, colIndex) => {
+          const targetCol = pasteRange.col + colIndex,
+            targetRow = pasteRange.row + rowIndex;
+          return targetCol < table.colCount && targetRow < table.rowCount && (!table.isHasEditorDefine || table.isHasEditorDefine(targetCol, targetRow));
+        }));
+      }
+      validatePasteTargetCells(pasteRange, values) {
+        var _a, _b, _c, _d;
         return __awaiter$1(this, void 0, void 0, function* () {
           const table = this.table,
-            ranges = table.stateManager.select.ranges,
-            selectRangeLength = ranges.length,
-            col = Math.min(ranges[selectRangeLength - 1].start.col, ranges[selectRangeLength - 1].end.col),
-            row = Math.min(ranges[selectRangeLength - 1].start.row, ranges[selectRangeLength - 1].end.row),
-            maxCol = Math.max(ranges[selectRangeLength - 1].start.col, ranges[selectRangeLength - 1].end.col),
-            maxRow = Math.max(ranges[selectRangeLength - 1].start.row, ranges[selectRangeLength - 1].end.row);
-          let pasteValuesColCount = 0,
-            pasteValuesRowCount = 0,
-            values = [];
-          let processedValues;
-          pastedData.split("\n").forEach(function (rowCells, rowIndex) {
-            var _a;
-            const cells = rowCells.split("\t"),
-              rowValues = [];
-            values.push(rowValues), cells.forEach(function (cell, cellIndex) {
-              cellIndex === cells.length - 1 && (cell = cell.trim()), rowValues.push(cell);
-            }), pasteValuesColCount = Math.max(pasteValuesColCount, null !== (_a = null == rowValues ? void 0 : rowValues.length) && void 0 !== _a ? _a : 0);
-          }), pasteValuesRowCount = null !== (_a = values.length) && void 0 !== _a ? _a : 0, values = this.handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1), (null === (_b = table.options.keyboardOptions) || void 0 === _b ? void 0 : _b.processFormulaBeforePaste) && this.copySourceRange && (processedValues = table.options.keyboardOptions.processFormulaBeforePaste(values, this.copySourceRange.startCol, this.copySourceRange.startRow, col, row));
-          const changedCellResults = yield table.changeCellValues(col, row, processedValues || values, !0);
-          table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA) && table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
-            col: col,
-            row: row,
-            pasteData: processedValues || values,
-            changedCellResults: changedCellResults
-          });
+            changedCellResults = [];
+          for (let rowIndex = 0; rowIndex < values.length; rowIndex++) {
+            changedCellResults[rowIndex] = [];
+            for (let colIndex = 0; colIndex < values[rowIndex].length; colIndex++) {
+              const targetCol = pasteRange.col + colIndex,
+                targetRow = pasteRange.row + rowIndex,
+                tableAny = table;
+              let canChange = targetCol < tableAny.colCount && targetRow < tableAny.rowCount && (!tableAny.isHasEditorDefine || tableAny.isHasEditorDefine(targetCol, targetRow));
+              if (canChange) {
+                const editor = null === (_a = tableAny.getEditor) || void 0 === _a ? void 0 : _a.call(tableAny, targetCol, targetRow),
+                  oldValue = null === (_b = table.getCellOriginValue) || void 0 === _b ? void 0 : _b.call(table, targetCol, targetRow),
+                  validateResult = null === (_d = null === (_c = null == editor ? void 0 : editor.validateValue) || void 0 === _c ? void 0 : _c.call(editor, values[rowIndex][colIndex], oldValue, {
+                    col: targetCol,
+                    row: targetRow
+                  }, table)) || void 0 === _d || _d,
+                  resolvedValidateResult = validateResult && "function" == typeof validateResult.then ? yield validateResult : validateResult;
+                canChange = !0 === resolvedValidateResult || "validate-exit" === resolvedValidateResult || "validate-not-exit" === resolvedValidateResult;
+              }
+              changedCellResults[rowIndex][colIndex] = canChange;
+            }
+          }
+          return changedCellResults;
         });
       }
-      pasteTextToTable(item) {
+      isFullPasteAllowed(values, changedCellResults) {
+        return values.every((rowValues, rowIndex) => rowValues.every((_value, colIndex) => {
+          var _a;
+          return !0 === (null === (_a = changedCellResults[rowIndex]) || void 0 === _a ? void 0 : _a[colIndex]);
+        }));
+      }
+      getMigratedSourceCells(cutState, changedCellResults) {
+        var _a, _b, _c, _d, _e;
+        if (!(null == cutState ? void 0 : cutState.sourceCells.length) || !cutState.sourceColCount || !cutState.sourceRowCount) return [];
+        const migratedSourceCells = [],
+          migratedKeys = new Set();
+        if (!cutState.isSingleRange) {
+          for (let rowIndex = 0; rowIndex < changedCellResults.length; rowIndex++) for (let colIndex = 0; colIndex < (null !== (_b = null === (_a = changedCellResults[rowIndex]) || void 0 === _a ? void 0 : _a.length) && void 0 !== _b ? _b : 0); colIndex++) {
+            if (!changedCellResults[rowIndex][colIndex]) continue;
+            const sourceRow = rowIndex % cutState.sourceRowCount,
+              sourceCol = colIndex % cutState.sourceColCount,
+              sourceCell = null === (_c = cutState.sourceCellMatrix[sourceRow]) || void 0 === _c ? void 0 : _c[sourceCol];
+            if (!sourceCell) continue;
+            const sourceKey = this.getCellKey(sourceCell);
+            migratedKeys.has(sourceKey) || (migratedKeys.add(sourceKey), migratedSourceCells.push(sourceCell));
+          }
+          return migratedSourceCells.length === cutState.sourceCells.length ? migratedSourceCells : [];
+        }
+        for (let rowIndex = 0; rowIndex < changedCellResults.length; rowIndex++) for (let colIndex = 0; colIndex < (null !== (_e = null === (_d = changedCellResults[rowIndex]) || void 0 === _d ? void 0 : _d.length) && void 0 !== _e ? _e : 0); colIndex++) {
+          if (!changedCellResults[rowIndex][colIndex]) continue;
+          const sourceRow = rowIndex % cutState.sourceRowCount,
+            sourceCol = colIndex % cutState.sourceColCount,
+            sourceIndex = sourceRow * cutState.sourceColCount + sourceCol,
+            sourceCell = cutState.sourceCells[sourceIndex];
+          if (!sourceCell) continue;
+          const sourceKey = this.getCellKey(sourceCell);
+          migratedKeys.has(sourceKey) || (migratedKeys.add(sourceKey), migratedSourceCells.push(sourceCell));
+        }
+        return migratedSourceCells;
+      }
+      getCellIdentity(col, row) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const table = this.table,
+          recordShowIndex = null === (_a = table.getRecordShowIndexByCell) || void 0 === _a ? void 0 : _a.call(table, col, row);
+        return {
+          col: col,
+          row: row,
+          recordIndex: recordShowIndex >= 0 ? null === (_c = null === (_b = table.dataSource) || void 0 === _b ? void 0 : _b.getIndexKey) || void 0 === _c ? void 0 : _c.call(_b, recordShowIndex) : void 0,
+          field: null === (_g = null === (_f = null === (_e = null === (_d = table.internalProps) || void 0 === _d ? void 0 : _d.layoutMap) || void 0 === _e ? void 0 : _e.getBody) || void 0 === _f ? void 0 : _f.call(_e, col, row)) || void 0 === _g ? void 0 : _g.field
+        };
+      }
+      clearCutArea(migratedSourceCells, changedTargetCells) {
+        var _a, _b;
         return __awaiter$1(this, void 0, void 0, function* () {
-          const table = this.table,
-            ranges = table.stateManager.select.ranges,
-            selectRangeLength = ranges.length,
-            col = Math.min(ranges[selectRangeLength - 1].start.col, ranges[selectRangeLength - 1].end.col),
-            row = Math.min(ranges[selectRangeLength - 1].start.row, ranges[selectRangeLength - 1].end.row),
-            maxCol = Math.max(ranges[selectRangeLength - 1].start.col, ranges[selectRangeLength - 1].end.col),
-            maxRow = Math.max(ranges[selectRangeLength - 1].start.row, ranges[selectRangeLength - 1].end.row);
           try {
-            const blob = yield item.getType("text/plain"),
-              pastedData = yield blob.text(),
-              values = this.parsePastedData(pastedData),
-              pasteValuesRowCount = values.length,
-              pasteValuesColCount = Math.max(...values.map(row => row.length), 0),
-              processedValues = this.handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1),
-              changedCellResults = yield table.changeCellValues(col, row, processedValues, !0);
-            table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA) && table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
-              col: col,
-              row: row,
-              pasteData: processedValues,
-              changedCellResults: changedCellResults
+            const table = this.table,
+              changedTargetKeys = new Set();
+            changedTargetCells.forEach(cell => {
+              changedTargetKeys.add(this.getCellKey(cell)), changedTargetKeys.add(this.getCoordKey(cell));
             });
-          } catch (error) {}
+            const clearedKeys = new Set(),
+              sourceChanges = [],
+              coordChanges = [];
+            for (let i = 0; i < migratedSourceCells.length; i++) {
+              const sourceCell = migratedSourceCells[i],
+                sourceKey = this.getCellKey(sourceCell);
+              if (clearedKeys.has(sourceKey) || changedTargetKeys.has(sourceKey) || changedTargetKeys.has(this.getCoordKey(sourceCell))) continue;
+              const currentAddress = this.getCurrentCellAddress(sourceCell);
+              currentAddress && this.isSourceCellUnchanged(sourceCell, currentAddress) && (void 0 !== sourceCell.recordIndex && void 0 !== sourceCell.field && table.changeCellValuesByRecords ? sourceChanges.push({
+                recordIndex: sourceCell.recordIndex,
+                field: sourceCell.field,
+                value: ""
+              }) : coordChanges.push(currentAddress), clearedKeys.add(sourceKey));
+            }
+            sourceChanges.length && table.changeCellValuesByRecords(sourceChanges, {
+              triggerEvent: !0,
+              autoRefresh: !1
+            });
+            for (let i = 0; i < coordChanges.length; i++) yield table.changeCellValues(coordChanges[i].col, coordChanges[i].row, [[""]], !1);
+            return sourceChanges.length && (null === (_b = (_a = table).refreshAfterSourceChange) || void 0 === _b || _b.call(_a)), !0;
+          } catch (error) {
+            return !1;
+          }
         });
       }
+      isSourceCellUnchanged(sourceCell, currentAddress) {
+        var _a;
+        const table = this.table;
+        return Object.is(null === (_a = table.getCellOriginValue) || void 0 === _a ? void 0 : _a.call(table, currentAddress.col, currentAddress.row), sourceCell.value);
+      }
+      getCurrentCellAddress(sourceCell) {
+        const table = this.table;
+        if (void 0 !== sourceCell.recordIndex && void 0 !== sourceCell.field && table.getCellAddrByFieldRecord) {
+          const address = table.getCellAddrByFieldRecord(sourceCell.field, sourceCell.recordIndex);
+          return address && address.col >= 0 && address.row >= 0 ? address : null;
+        }
+        return {
+          col: sourceCell.col,
+          row: sourceCell.row
+        };
+      }
+      getCellKey(cell) {
+        return void 0 !== cell.recordIndex && void 0 !== cell.field ? `record:${this.getStableKeyPart(cell.recordIndex)}:${this.getStableKeyPart(cell.field)}` : this.getCoordKey(cell);
+      }
+      getCoordKey(cell) {
+        return `coord:${cell.col}:${cell.row}`;
+      }
+      getStableKeyPart(value) {
+        if (null === value) return "null";
+        const valueType = typeof value;
+        if ("string" === valueType || "number" === valueType || "boolean" === valueType) return `${valueType}:${JSON.stringify(value)}`;
+        if (Array.isArray(value)) return `array:[${value.map(item => this.getStableKeyPart(item)).join(",")}]`;
+        if ("object" === valueType || "function" === valueType) {
+          let id = this.fieldKeyIds.get(value);
+          return void 0 === id && (id = ++this.fieldKeyId, this.fieldKeyIds.set(value, id)), `${valueType}:#${id}`;
+        }
+        return `${valueType}:${String(value)}`;
+      }
+      resetCutState() {
+        var _a;
+        this.cutWaitPaste = !1, this.activeCutState = null, this.cutCellRange = null, this.cutRanges = null, (null === (_a = this.table.keyboardOptions) || void 0 === _a ? void 0 : _a.showCopyCellBorder) && clearActiveCellRangeState(this.table), this.clipboardCheckTimer && (clearTimeout(this.clipboardCheckTimer), this.clipboardCheckTimer = null);
+      }
       parsePastedData(pastedData) {
         const rows = pastedData.replace(/\r(?!\n)/g, "\r\n").split("\r\n"),
           values = [];
@@ -65480,6 +66534,10 @@
           values.push(rowValues);
         }), values;
       }
+      parsePlainTextPastedData(pastedData) {
+        const rows = pastedData.replace(/\r\n|\r/g, "\n").split("\n");
+        return rows.length > 1 && "" === rows[rows.length - 1] && rows.pop(), rows.map(rowCells => rowCells.split("\t"));
+      }
       processCellValue(cell) {
         cell.includes("\n") && (cell = cell.replace(/^"(.*)"$/, "$1").replace(/["]*/g, match => new Array(Math.floor(match.length / 2)).fill('"').join("")));
         const numValue = Number(cell);
@@ -65669,6 +66727,7 @@
             return TextStyle;
           case "image":
           case "video":
+          case "audio":
             return ImageStyle$1;
           case "chart":
           case "sparkline":
@@ -66627,6 +67686,7 @@
             return TextHeaderStyle;
           case "image":
           case "video":
+          case "audio":
             return ImageStyle;
           case "checkbox":
             return CheckboxStyle;
@@ -67677,7 +68737,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._scrollToRowCorrectTimer = null, this._tableBorderWidth_left = 0, this._tableBorderWidth_right = 0, this._tableBorderWidth_top = 0, this._tableBorderWidth_bottom = 0, this.version = "1.26.6", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "undefined" != typeof window) {
+        if (super(), this.showFrozenIcon = !0, this._scrollToRowCorrectTimer = null, this._tableBorderWidth_left = 0, this._tableBorderWidth_right = 0, this._tableBorderWidth_top = 0, this._tableBorderWidth_bottom = 0, this.version = "1.26.8", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "undefined" != typeof window) {
           const g = window;
           g[this.id] = this;
           const registry = g.__vtable__ || (g.__vtable__ = {
@@ -68682,7 +69742,7 @@
             defaultRowHeight = 40,
             defaultHeaderRowHeight: defaultHeaderRowHeight,
             defaultColWidth = 80,
-            defaultHeaderColWidth = 80,
+            defaultHeaderColWidth: defaultHeaderColWidth,
             keyboardOptions: keyboardOptions,
             eventOptions: eventOptions,
             rowSeriesNumber: rowSeriesNumber,
@@ -69008,7 +70068,13 @@
             colMax = Math.max(sourceMergeInfo.end.col, targetMergeInfo.end.col, oldSourceMergeInfo.end.col, oldTargetMergeInfo.end.col),
             rowMin = Math.min(sourceMergeInfo.start.row, targetMergeInfo.start.row, oldSourceMergeInfo.start.row, oldTargetMergeInfo.start.row);
           let rowMax = Math.max(sourceMergeInfo.end.row, targetMergeInfo.end.row, oldSourceMergeInfo.end.row, oldTargetMergeInfo.end.row);
-          if ("row" === moveContext.moveType && "tree" === this.internalProps.layoutMap.rowHierarchyType && (rowMax = moveContext.targetIndex > moveContext.sourceIndex ? rowMax + moveContext.targetSize - 1 : rowMax + moveContext.sourceSize - 1), this.transpose || !this.isSeriesNumberInBody(args.source.col, args.source.row) && "row" !== args.movingColumnOrRow || (this.changeRecordOrder(moveContext.sourceIndex, moveContext.targetIndex), this.stateManager.changeCheckboxAndRadioOrder(moveContext.sourceIndex, moveContext.targetIndex)), "column" === moveContext.moveType) for (let col = colMin; col <= colMax; col++) this._clearColRangeWidthsMap(col);else for (let row = rowMin; row <= rowMax; row++) this._clearRowRangeHeightsMap(row);
+          if ("row" === moveContext.moveType && "tree" === this.internalProps.layoutMap.rowHierarchyType && (rowMax = moveContext.targetIndex > moveContext.sourceIndex ? rowMax + moveContext.targetSize - 1 : rowMax + moveContext.sourceSize - 1), this.isListTable() && !this.transpose && (this.isSeriesNumberInBody(args.source.col, args.source.row) || "row" === args.movingColumnOrRow)) {
+            const listTable = this,
+              sourceRecordPath = listTable.getRecordIndexByCell(args.source.col, moveContext.sourceIndex),
+              targetRecordPath = listTable.getRecordIndexByCell(args.target.col, moveContext.targetIndex);
+            this.changeRecordOrder(moveContext.sourceIndex, moveContext.targetIndex), this.stateManager.changeCheckboxOrder(sourceRecordPath, targetRecordPath), this.stateManager.changeRadioOrder(sourceRecordPath, targetRecordPath);
+          }
+          if ("column" === moveContext.moveType) for (let col = colMin; col <= colMax; col++) this._clearColRangeWidthsMap(col);else for (let row = rowMin; row <= rowMax; row++) this._clearRowRangeHeightsMap(row);
           return this.clearCellStyleCache(), this.isSeriesNumberInBody(args.source.col, args.source.row) || "row" === args.movingColumnOrRow ? this.scenegraph.updateHeaderPosition(this.scenegraph.proxy.colStart, this.scenegraph.proxy.colEnd, this.scenegraph.proxy.rowStart, this.scenegraph.proxy.rowEnd, moveContext.moveType) : "column" === moveContext.moveType ? this.scenegraph.updateHeaderPosition(colMin, colMax, 0, -1, moveContext.moveType) : this.scenegraph.updateHeaderPosition(0, -1, rowMin, rowMax, moveContext.moveType), "adjustFrozenCount" === this.internalProps.frozenColDragHeaderMode && this.isListTable() && (this.isLeftFrozenColumn(args.target.col) && !this.isLeftFrozenColumn(args.source.col) ? this.frozenColCount += sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1 : this.isLeftFrozenColumn(args.source.col) && !this.isLeftFrozenColumn(args.target.col) && (this.frozenColCount -= sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1), this.isRightFrozenColumn(args.target.col) && !this.isRightFrozenColumn(args.source.col) ? this.rightFrozenColCount += sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1 : this.isRightFrozenColumn(args.source.col) && !this.isRightFrozenColumn(args.target.col) && (this.rightFrozenColCount -= sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1)), null === (_e = (_d = this.scenegraph).updateNextFrame) || void 0 === _e || _e.call(_d), !0;
         } finally {
           this.stateManager.columnMove.movingColumnOrRow = prevMoving;
@@ -71670,6 +72736,23 @@
         if (null == r ? void 0 : r.start) for (let col = r.start.col; col <= r.end.col; col++) for (let row = r.start.row; row <= r.end.row; row++) table.scenegraph.updateCellContent(col, row);
       }
     }
+    function isSameRecordIndex(sourceRecordIndex, currentRecordIndex) {
+      return Array.isArray(sourceRecordIndex) || Array.isArray(currentRecordIndex) ? Array.isArray(sourceRecordIndex) && Array.isArray(currentRecordIndex) && sourceRecordIndex.length === currentRecordIndex.length && sourceRecordIndex.every((value, index) => value === currentRecordIndex[index]) : sourceRecordIndex === currentRecordIndex;
+    }
+    function isTargetCellSnapshotCurrent(table, snapshot) {
+      if (table.isHeader(snapshot.col, snapshot.row) !== snapshot.isHeader) return !1;
+      if (snapshot.isHeader) return !0;
+      const recordShowIndex = table.getRecordShowIndexByCell(snapshot.col, snapshot.row),
+        recordIndex = recordShowIndex >= 0 ? table.dataSource.getIndexKey(recordShowIndex) : void 0,
+        {
+          field: field
+        } = table.internalProps.layoutMap.getBody(snapshot.col, snapshot.row);
+      return isSameRecordIndex(snapshot.recordIndex, recordIndex) && snapshot.field === field;
+    }
+    function areTargetCellSnapshotsCurrent(table, snapshots) {
+      for (let i = 0; i < snapshots.length; i++) for (let j = 0; j < snapshots[i].length; j++) if (!isTargetCellSnapshotCurrent(table, snapshots[i][j])) return !1;
+      return !0;
+    }
     function listTableChangeCellValue(col, row, value, workOnEditableCell, triggerEvent, table, noTriggerChangeCellValuesEvent) {
       var _a, _b;
       if (workOnEditableCell && table.isHasEditorDefine(col, row) || !1 === workOnEditableCell) {
@@ -71724,29 +72807,70 @@
         table.scenegraph.updateNextFrame();
       }
     }
-    function listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, table, noTriggerChangeCellValuesEvent) {
-      var _a, _b;
+    function listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, table, noTriggerChangeCellValuesEvent, shouldCancel) {
+      var _a, _b, _c, _d, _e;
       return __awaiter(this, void 0, void 0, function* () {
         const changedCellResults = [];
         let pasteColEnd = startCol,
           pasteRowEnd = startRow;
         const beforeChangeValues = [],
-          oldValues = [];
+          oldValues = [],
+          targetSnapshots = [];
         let cellUpdateType;
         for (let i = 0; i < values.length && !(startRow + i > table.rowCount - 1); i++) {
           const rowValues = values[i],
             rawRowValues = [],
-            oldRowValues = [];
-          beforeChangeValues.push(rawRowValues), oldValues.push(oldRowValues);
+            oldRowValues = [],
+            rowTargetSnapshots = [];
+          beforeChangeValues.push(rawRowValues), oldValues.push(oldRowValues), targetSnapshots.push(rowTargetSnapshots);
           for (let j = 0; j < rowValues.length && !(startCol + j > table.colCount - 1); j++) {
+            const col = startCol + j,
+              row = startRow + i;
             cellUpdateType = getCellUpdateType(startCol + j, startRow + i, table, cellUpdateType);
-            const beforeChangeValue = table.getCellRawValue(startCol + j, startRow + i);
+            const beforeChangeValue = table.getCellRawValue(col, row);
             rawRowValues.push(beforeChangeValue);
-            const oldValue = table.getCellOriginValue(startCol + j, startRow + i);
+            const oldValue = table.getCellOriginValue(col, row);
             oldRowValues.push(oldValue);
+            const isHeader = table.isHeader(col, row),
+              recordShowIndex = table.getRecordShowIndexByCell(col, row),
+              recordIndex = recordShowIndex >= 0 ? table.dataSource.getIndexKey(recordShowIndex) : void 0,
+              {
+                field: field
+              } = table.internalProps.layoutMap.getBody(col, row);
+            rowTargetSnapshots.push({
+              col: col,
+              row: row,
+              isHeader: isHeader,
+              recordIndex: recordIndex,
+              field: field
+            });
+          }
+        }
+        const resultChangeValues = [],
+          preValidatedCellResults = shouldCancel && workOnEditableCell ? [] : null;
+        if (preValidatedCellResults) for (let i = 0; i < values.length; i++) {
+          if (null == shouldCancel ? void 0 : shouldCancel()) return changedCellResults;
+          if (startRow + i > table.rowCount - 1) break;
+          preValidatedCellResults[i] = [];
+          const rowValues = values[i];
+          for (let j = 0; j < rowValues.length && !(startCol + j > table.colCount - 1); j++) {
+            let isCanChange = !1;
+            if (table.isHasEditorDefine(startCol + j, startRow + i)) {
+              const editor = table.getEditor(startCol + j, startRow + i),
+                oldValue = oldValues[i][j],
+                value = rowValues[j],
+                maybePromiseOrValue = null === (_b = null === (_a = null == editor ? void 0 : editor.validateValue) || void 0 === _a ? void 0 : _a.call(editor, value, oldValue, {
+                  col: startCol + j,
+                  row: startRow + i
+                }, table)) || void 0 === _b || _b,
+                validateResult = isPromise(maybePromiseOrValue) ? yield maybePromiseOrValue : maybePromiseOrValue;
+              if (null == shouldCancel ? void 0 : shouldCancel()) return changedCellResults;
+              isCanChange = !0 === validateResult || "validate-exit" === validateResult || "validate-not-exit" === validateResult;
+            }
+            preValidatedCellResults[i][j] = isCanChange;
           }
         }
-        const resultChangeValues = [];
+        if ((null == shouldCancel ? void 0 : shouldCancel()) || !areTargetCellSnapshotsCurrent(table, targetSnapshots)) return changedCellResults;
         for (let i = 0; i < values.length && !(startRow + i > table.rowCount - 1); i++) {
           changedCellResults[i] = [], pasteRowEnd = startRow + i;
           const rowValues = values[i];
@@ -71754,16 +72878,17 @@
           for (let j = 0; j < rowValues.length && !(startCol + j > table.colCount - 1); j++) {
             thisRowPasteColEnd = startCol + j;
             let isCanChange = !1;
-            if (!1 === workOnEditableCell) isCanChange = !0;else if (table.isHasEditorDefine(startCol + j, startRow + i)) {
+            if (preValidatedCellResults) isCanChange = !0 === (null === (_c = preValidatedCellResults[i]) || void 0 === _c ? void 0 : _c[j]);else if (!1 === workOnEditableCell) isCanChange = !0;else if (table.isHasEditorDefine(startCol + j, startRow + i)) {
               const editor = table.getEditor(startCol + j, startRow + i),
                 oldValue = oldValues[i][j],
                 value = rowValues[j],
-                maybePromiseOrValue = null === (_b = null === (_a = null == editor ? void 0 : editor.validateValue) || void 0 === _a ? void 0 : _a.call(editor, value, oldValue, {
+                maybePromiseOrValue = null === (_e = null === (_d = null == editor ? void 0 : editor.validateValue) || void 0 === _d ? void 0 : _d.call(editor, value, oldValue, {
                   col: startCol + j,
                   row: startRow + i
-                }, table)) || void 0 === _b || _b;
+                }, table)) || void 0 === _e || _e;
               if (isPromise(maybePromiseOrValue)) {
                 const validateResult = yield maybePromiseOrValue;
+                if (null == shouldCancel ? void 0 : shouldCancel()) return changedCellResults;
                 isCanChange = !0 === validateResult || "validate-exit" === validateResult || "validate-not-exit" === validateResult;
               } else isCanChange = !0 === maybePromiseOrValue || "validate-exit" === maybePromiseOrValue || "validate-not-exit" === maybePromiseOrValue;
             }
@@ -71777,7 +72902,10 @@
                 } = 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, recordShowIndex, field, startCol + j, startRow + i, table);
+              if (table.isHeader(startCol + j, startRow + i)) table.internalProps.layoutMap.updateColumnTitle(startCol + j, startRow + i, value);else {
+                const changeResult = table.dataSource.changeFieldValue(value, recordShowIndex, field, startCol + j, startRow + i, table);
+                isPromise(changeResult) && (yield changeResult);
+              }
               const changedValue = table.getCellOriginValue(startCol + j, startRow + i);
               if (oldValue !== changedValue && triggerEvent) {
                 const changeValue = {
@@ -72474,6 +73602,9 @@
         }), clearLayoutColumnState(null !== (_a = column.children) && void 0 !== _a ? _a : column.columns);
       });
     }
+    function isSameField(left, right) {
+      return left === right || Array.isArray(left) && Array.isArray(right) && arrayEqual(left, right);
+    }
     class ListTable extends BaseTable {
       constructor(container, options) {
         var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -72776,7 +73907,7 @@
         return this.transpose ? this.dataSource.getTableIndex(recordIndex) + this.rowHeaderLevelCount : this.dataSource.getTableIndex(recordIndex) + this.columnHeaderLevelCount;
       }
       getTableIndexByField(field) {
-        const colObj = this.internalProps.layoutMap.columnObjects.find(col => col.field === field);
+        const colObj = this.internalProps.layoutMap.columnObjects.find(col => isSameField(col.field, field));
         if (!colObj) return -1;
         const layoutRange = this.internalProps.layoutMap.getBodyLayoutRangeById(colObj.id);
         return this.transpose ? layoutRange.start.row : layoutRange.start.col;
@@ -72919,7 +74050,7 @@
         const {
             layoutMap: layoutMap
           } = this.internalProps,
-          colObj = layoutMap.columnObjects.find(col => col.field === field);
+          colObj = layoutMap.columnObjects.find(col => isSameField(col.field, field));
         if (colObj) {
           const layoutRange = layoutMap.getBodyLayoutRangeById(colObj.id);
           let startRow;
@@ -73034,7 +74165,7 @@
       _getSortFuncFromHeaderOption(columns, field, fieldKey) {
         if (columns || (columns = this.internalProps.columns), field && columns && columns.length > 0) for (let i = 0; i < columns.length; i++) {
           const header = columns[i];
-          if ((fieldKey && fieldKey === header.fieldKey || !fieldKey && header.field === field) && header.sort && "function" == typeof header.sort) return header.sort;
+          if ((fieldKey && fieldKey === header.fieldKey || !fieldKey && isSameField(header.field, field)) && header.sort && "function" == typeof header.sort) return header.sort;
           if (header.columns) {
             const sort = this._getSortFuncFromHeaderOption(header.columns, field, fieldKey);
             if (sort) return sort;
@@ -73046,7 +74177,7 @@
         const normalizedSortState = (Array.isArray(sortState) ? sortState : sortState ? [sortState] : []).filter(Boolean);
         if (normalizedSortState.length ? this.internalProps.sortState = sortState : this.internalProps.sortState = null, executeSort) if (normalizedSortState.length) this.internalProps.layoutMap.headerObjects.some(item => !1 !== item.define.sort) && (this.dataSource.sort(normalizedSortState.map(item => {
           const sortFunc = this._getSortFuncFromHeaderOption(this.internalProps.columns, item.field);
-          this.internalProps.layoutMap.headerObjects.find(col => col && col.field === item.field);
+          this.internalProps.layoutMap.headerObjects.find(col => col && isSameField(col.field, item.field));
           return {
             field: item.field,
             order: item.order,
@@ -73134,15 +74265,17 @@
         this.stateManager.endResizeIfResizing(), clearChartRenderQueue(), null === (_a = this.internalProps.dataSource) || void 0 === _a || _a.release(), this.internalProps.releaseList = null === (_b = this.internalProps.releaseList) || void 0 === _b ? void 0 : _b.filter(item => !item.dataSourceObj), this.internalProps.dataSource = null, Array.isArray(option) || (null == option ? void 0 : option.order) ? sort = option : option ? sort = option.sortState : null === option && (sort = null);
         "undefined" != typeof window && window.performance.now();
         const oldHoverState = {
-          col: this.stateManager.hover.cellPos.col,
-          row: this.stateManager.hover.cellPos.row
-        };
+            col: this.stateManager.hover.cellPos.col,
+            row: this.stateManager.hover.cellPos.row
+          },
+          oldScrollLeft = this.stateManager.scroll.horizontalBarPos,
+          oldScrollTop = this.stateManager.scroll.verticalBarPos;
         if (this.scenegraph.clearCells(), void 0 !== sort && (null === sort || !Array.isArray(sort) && isValid$1(sort.field) || Array.isArray(sort)) && (this.internalProps.sortState = this.internalProps.multipleSort ? Array.isArray(sort) ? sort : [sort] : sort, this.stateManager.setSortState(this.sortState)), records) {
           if (_setRecords(this, records), this.sortState) {
             const sortState = Array.isArray(this.sortState) ? this.sortState : [this.sortState];
             sortState.some(item => item.order && item.field && "normal" !== item.order) && this.internalProps.layoutMap.headerObjectsIncludeHided.some(item => !1 !== item.define.sort) && this.dataSource.sort(sortState.map(item => {
               const sortFunc = this._getSortFuncFromHeaderOption(void 0, item.field);
-              this.internalProps.layoutMap.headerObjectsIncludeHided.find(col => col && col.field === item.field);
+              this.internalProps.layoutMap.headerObjectsIncludeHided.find(col => col && isSameField(col.field, item.field));
               return {
                 field: item.field,
                 order: item.order || "asc",
@@ -73152,13 +74285,13 @@
           }
           this.refreshRowColCount();
         } else _setRecords(this, records);
-        this.stateManager.initCheckedState(records), this.clearCellStyleCache(), this.scenegraph.createSceneGraph(), this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), this._updateSize();
+        this.stateManager.initCheckedState(records), this.clearCellStyleCache(), this.stateManager.scroll.horizontalBarPos = 0, this.stateManager.scroll.verticalBarPos = 0, this.scenegraph.createSceneGraph(), this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), this._updateSize();
         if ((null !== (_c = this.options.componentLayoutOrder) && void 0 !== _c ? _c : ["legend", "title"]).forEach(component => {
           var _a, _b;
           "legend" === component ? null === (_a = this.internalProps.legends) || void 0 === _a || _a.forEach(legend => {
             null == legend || legend.resize();
           }) : "title" === component && (null === (_b = this.internalProps.title) || void 0 === _b || _b.resize());
-        }), this.scenegraph.resize(), this.options.emptyTip) if (this.internalProps.emptyTip) null === (_d = this.internalProps.emptyTip) || void 0 === _d || _d.resetVisible();else {
+        }), this.scenegraph.resize(), oldScrollLeft && this.stateManager.setScrollLeft(oldScrollLeft, void 0, !1), oldScrollTop && this.stateManager.setScrollTop(oldScrollTop, void 0, !1), this.options.emptyTip) if (this.internalProps.emptyTip) null === (_d = this.internalProps.emptyTip) || void 0 === _d || _d.resetVisible();else {
           const EmptyTip = Factory.getComponent("emptyTip");
           this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this), null === (_e = this.internalProps.emptyTip) || void 0 === _e || _e.resetVisible();
         }
@@ -73228,8 +74361,8 @@
       changeCellValue(col, row, value, workOnEditableCell = !1, triggerEvent = !0, noTriggerChangeCellValuesEvent) {
         return listTableChangeCellValue(col, row, value, workOnEditableCell, triggerEvent, this, noTriggerChangeCellValuesEvent);
       }
-      changeCellValues(startCol, startRow, values, workOnEditableCell = !1, triggerEvent = !0, noTriggerChangeCellValuesEvent) {
-        return listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, this, noTriggerChangeCellValuesEvent);
+      changeCellValues(startCol, startRow, values, workOnEditableCell = !1, triggerEvent = !0, noTriggerChangeCellValuesEvent, shouldCancel) {
+        return listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, this, noTriggerChangeCellValuesEvent, shouldCancel);
       }
       changeCellValuesByRanges(ranges, value, workOnEditableCell = !1, triggerEvent = !0, noTriggerChangeCellValuesEvent) {
         return listTableChangeCellValuesByRanges(ranges, value, workOnEditableCell, triggerEvent, this, noTriggerChangeCellValuesEvent);
@@ -73264,8 +74397,8 @@
           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 (Array.isArray(records) && ("string" == typeof field || "number" == typeof field || Array.isArray(field)) && (record = Array.isArray(recordIndex) ? getValueFromDeepArray(records, recordIndex) : records[recordIndex], oldValue = getRecordFieldValue(record, field)), this.dataSource.changeFieldValueByRecordIndex(value, recordIndex, field, this), Array.isArray(records) && (record = Array.isArray(recordIndex) ? getValueFromDeepArray(records, recordIndex) : records[recordIndex]), !triggerEvent) return;
+        const changedValue = record && ("string" == typeof field || "number" == typeof field || Array.isArray(field)) ? getRecordFieldValue(record, field) : value;
         if (oldValue !== changedValue) {
           const cellAddr = this.getCellAddrByFieldRecord(field, recordIndex),
             changeValue = {
@@ -73304,8 +74437,8 @@
             } = 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 (Array.isArray(records) && ("string" == typeof field || "number" == typeof field || Array.isArray(field)) && (record = Array.isArray(recordIndex) ? getValueFromDeepArray(records, recordIndex) : records[recordIndex], oldValue = getRecordFieldValue(record, field)), this.dataSource.changeFieldValueByRecordIndex(value, recordIndex, field, this), Array.isArray(records) && (record = Array.isArray(recordIndex) ? getValueFromDeepArray(records, recordIndex) : records[recordIndex]), triggerEvent) {
+            const changedValue = record && ("string" == typeof field || "number" == typeof field || Array.isArray(field)) ? getRecordFieldValue(record, field) : value;
             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,
@@ -75386,12 +76519,30 @@
       }
       release() {
         var _a, _b;
+        this._clearPendingBind();
         const tooltipInstances = this._tooltipInstances;
         for (const k in tooltipInstances) null === (_b = null === (_a = tooltipInstances[k]) || void 0 === _a ? void 0 : _a.release) || void 0 === _b || _b.call(_a);
-        delete this._tooltipInstances, this._attachInfo = null;
+        delete this._tooltipInstances, this._attachInfo = null, this._pendingInfo = null;
       }
       _bindToCell(col, row, tooltipOptions) {
+        this._clearPendingBind();
+        const appearDelay = null == tooltipOptions ? void 0 : tooltipOptions.appearDelay;
+        if (tooltipOptions && appearDelay && appearDelay > 0) {
+          this._unbindAttachedTooltip();
+          const id = setTimeout(() => {
+            this._pendingInfo = null, this._bindToCellImmediately(col, row, tooltipOptions);
+          }, appearDelay);
+          this._pendingInfo = {
+            id: id,
+            col: col,
+            row: row,
+            tooltipOptions: tooltipOptions
+          };
+        } else this._bindToCellImmediately(col, row, tooltipOptions);
+      }
+      _bindToCellImmediately(col, row, tooltipOptions) {
         var _a;
+        if (!tooltipOptions) return void this._unbindAttachedTooltip();
         const info = this._attachInfo,
           instance = this._getTooltipInstanceInfo(col, row);
         if (!info || instance && info.instance === instance || (null === (_a = info.instance) || void 0 === _a || _a.unbindTooltipElement(), this._attachInfo = null), !instance) return;
@@ -75404,6 +76555,17 @@
           };
         }
       }
+      _clearPendingBind() {
+        this._pendingInfo && (clearTimeout(this._pendingInfo.id), this._pendingInfo = null);
+      }
+      _unbindAttachedTooltip() {
+        const info = this._attachInfo;
+        if (!info) return;
+        const {
+          instance: instance
+        } = info;
+        null == instance || instance.unbindTooltipElement(), this._attachInfo = null;
+      }
       _move(col, row, tooltipOptions) {
         const info = this._attachInfo;
         if (!info || !cellInRange(info.range, col, row)) return;
@@ -75421,14 +76583,10 @@
         this._attachInfo.tooltipOptions.position = position, this._attachInfo.tooltipOptions.referencePosition = referencePosition, null == instance || instance.locateTooltipElement(col, row, position, referencePosition, this.confine);
       }
       _unbindFromCell() {
-        const info = this._attachInfo;
-        if (!info) return;
-        const {
-          instance: instance
-        } = info;
-        null == instance || instance.unbindTooltipElement(), this._attachInfo = null;
+        this._clearPendingBind(), this._unbindAttachedTooltip();
       }
       _isBindCell(col, row) {
+        if (this._pendingInfo && this._pendingInfo.col === col && this._pendingInfo.row === row) return !0;
         const info = this._attachInfo;
         return !!info && cellInRange(info.range, col, row);
       }
@@ -75519,8 +76677,8 @@
         return tooltipInstances && tooltipInstances["bubble-tooltip"] || tooltipInstances && (tooltipInstances["bubble-tooltip"] = TOOLTIP_INSTANCE_FACTORY["bubble-tooltip"](table));
       }
       isBinded(tooltipOptions) {
-        var _a;
-        return JSON.stringify(tooltipOptions) === JSON.stringify(null === (_a = this._attachInfo) || void 0 === _a ? void 0 : _a.tooltipOptions);
+        var _a, _b;
+        return JSON.stringify(tooltipOptions) === JSON.stringify(null === (_a = this._attachInfo) || void 0 === _a ? void 0 : _a.tooltipOptions) || JSON.stringify(tooltipOptions) === JSON.stringify(null === (_b = this._pendingInfo) || void 0 === _b ? void 0 : _b.tooltipOptions);
       }
     }
 
@@ -75785,7 +76943,7 @@
           cornerRadius: cellTheme.group.cornerRadius
         })).role = "cell", cellGroup.col = col, cellGroup.row = row, cellGroup = null !== (_0 = null == columnGroup ? void 0 : columnGroup.addCellGroup(cellGroup)) && void 0 !== _0 ? _0 : cellGroup);
       }
-      if (cellGroup.AABBBounds.width(), isNoChartDataRenderNothing && Array.isArray(table.getCellValue(col, row)) || !isNoChartDataRenderNothing) {
+      if (cellGroup.AABBBounds.width(), isNoChartDataRenderNothing && Array.isArray(dataValue) || !isNoChartDataRenderNothing) {
         const chartGroup = new Chart(isShareChartSpec, {
           stroke: !1,
           x: padding[3],
@@ -75799,7 +76957,7 @@
           height: height - padding[2] - padding[0],
           chartInstance: chartInstance,
           dataId: dataId,
-          data: table.getCellValue(col, row) || [],
+          data: dataValue || [],
           cellPadding: padding,
           dpr: table.internalProps.pixelRatio,
           detectPickChartItem: null === (_2 = table.options.customConfig) || void 0 === _2 ? void 0 : _2.detectPickChartItem,
@@ -75890,8 +77048,9 @@
       }
     }
 
-    function createCheckboxCellGroup(cellGroup, columnGroup, xOrigin, yOrigin, col, row, colWidth, width, height, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync, isCheckboxTree) {
+    function createCheckboxCellGroup(cellGroup, columnGroup, xOrigin, yOrigin, col, row, colWidth, width, height, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync, isCheckboxTree, cellValue) {
       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, _0;
+      const value = arguments.length >= 20 ? cellValue : table.getCellValue(col, row);
       if (!cellGroup) {
         const strokeArrayWidth = getCellBorderStrokeWidth(col, row, cellTheme, table);
         isAsync && (cellGroup = table.scenegraph.highPerformanceGetCell(col, row, !0)) && "cell" === cellGroup.role && cellGroup.setAttributes({
@@ -75952,7 +77111,7 @@
           "middle" === textBaseline ? child.setAttribute("y", (height - child.AABBBounds.height()) / 2) : "bottom" === textBaseline ? child.setAttribute("y", height - child.AABBBounds.height() - padding[2]) : child.setAttribute("y", padding[0]);
         });
       }
-      const checkboxComponent = createCheckbox(col, row, colWidth - iconWidth, width, height, padding, cellTheme, define, table, isCheckboxTree);
+      const checkboxComponent = createCheckbox(col, row, colWidth - iconWidth, width, height, padding, cellTheme, define, table, isCheckboxTree, value);
       if (1 !== cellContentLeftIcons.length || cellContentLeftIcons[0].name !== InternalIconName.expandIconName && cellContentLeftIcons[0].name !== InternalIconName.collapseIconName) checkboxComponent && cellGroup.appendChild(checkboxComponent), checkboxComponent.render();else {
         const checkContent = new CheckboxContent({
           x: 0,
@@ -75987,7 +77146,7 @@
       }
       return width -= padding[1] + padding[3] + iconWidth, height -= padding[0] + padding[2], "center" === textAlign ? checkboxComponent.setAttribute("x", padding[3] + cellLeftIconWidth + (width - checkboxComponent.AABBBounds.width()) / 2) : "right" === textAlign ? checkboxComponent.setAttribute("x", padding[3] + cellLeftIconWidth + width - checkboxComponent.AABBBounds.width()) : checkboxComponent.setAttribute("x", padding[3] + cellLeftIconWidth), "middle" === textBaseline ? checkboxComponent.setAttribute("y", padding[0] + (height - checkboxComponent.AABBBounds.height()) / 2) : "bottom" === textBaseline ? checkboxComponent.setAttribute("y", padding[0] + height - checkboxComponent.AABBBounds.height()) : checkboxComponent.setAttribute("y", padding[0]), cellGroup;
     }
-    function createCheckbox(col, row, colWidth, cellWidth, cellHeight, padding, cellTheme, define, table, isCheckboxTree) {
+    function createCheckbox(col, row, colWidth, cellWidth, cellHeight, padding, cellTheme, define, table, isCheckboxTree, cellValue) {
       var _a, _b, _c, _d;
       const style = table._getCellStyle(col, row),
         size = getProp("size", style, col, row, table),
@@ -76001,7 +77160,7 @@
         disableCheckedStroke = getProp("disableCheckedStroke", style, col, row, table),
         checkIconImage = getProp("checkIconImage", style, col, row, table),
         indeterminateIconImage = getProp("indeterminateIconImage", style, col, row, table),
-        value = table.getCellValue(col, row),
+        value = cellValue,
         dataValue = table.getCellOriginValue(col, row);
       let isChecked,
         isDisabled,
@@ -76076,11 +77235,12 @@
       return checkbox.name = "checkbox", checkbox;
     }
 
-    function createRadioCellGroup(cellGroup, columnGroup, xOrigin, yOrigin, col, row, colWidth, width, height, padding, textAlign, textBaseline, table, cellTheme, define, range) {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    function createRadioCellGroup(cellGroup, columnGroup, xOrigin, yOrigin, col, row, colWidth, width, height, padding, textAlign, textBaseline, table, cellTheme, define, range, isAsync, cellValue) {
+      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, _0;
+      const value = arguments.length >= 18 ? cellValue : table.getCellValue(col, row);
       if (!cellGroup) {
         const strokeArrayWidth = getCellBorderStrokeWidth(col, row, cellTheme, table);
-        (cellGroup = new Group$1({
+        isAsync && (cellGroup = table.scenegraph.highPerformanceGetCell(col, row, !0)) && "cell" === cellGroup.role && cellGroup.setAttributes({
           x: xOrigin,
           y: yOrigin,
           width: width,
@@ -76095,17 +77255,32 @@
           lineCap: "butt",
           clip: !0,
           cornerRadius: cellTheme.group.cornerRadius
-        })).role = "cell", cellGroup.col = col, cellGroup.row = row, cellGroup = null !== (_o = null == columnGroup ? void 0 : columnGroup.addCellGroup(cellGroup)) && void 0 !== _o ? _o : cellGroup;
+        }), cellGroup && "cell" === cellGroup.role || ((cellGroup = new Group$1({
+          x: xOrigin,
+          y: yOrigin,
+          width: width,
+          height: height,
+          lineWidth: null !== (_p = null === (_o = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _o ? void 0 : _o.lineWidth) && void 0 !== _p ? _p : void 0,
+          fill: null !== (_r = null === (_q = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _q ? void 0 : _q.fill) && void 0 !== _r ? _r : void 0,
+          stroke: null !== (_t = null === (_s = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _s ? void 0 : _s.stroke) && void 0 !== _t ? _t : void 0,
+          strokeArrayWidth: strokeArrayWidth,
+          strokeArrayColor: null !== (_v = null === (_u = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _u ? void 0 : _u.strokeArrayColor) && void 0 !== _v ? _v : void 0,
+          cursor: null !== (_x = null === (_w = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _w ? void 0 : _w.cursor) && void 0 !== _x ? _x : void 0,
+          lineDash: null !== (_z = null === (_y = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _y ? void 0 : _y.lineDash) && void 0 !== _z ? _z : void 0,
+          lineCap: "butt",
+          clip: !0,
+          cornerRadius: cellTheme.group.cornerRadius
+        })).role = "cell", cellGroup.col = col, cellGroup.row = row, cellGroup = null !== (_0 = null == columnGroup ? void 0 : columnGroup.addCellGroup(cellGroup)) && void 0 !== _0 ? _0 : cellGroup);
       }
       const {
         width: radioWidth,
         height: radioHeight
-      } = createRadio(col, row, colWidth, width, height, padding, cellTheme, define, cellGroup, range, table);
+      } = createRadio(col, row, colWidth, width, height, padding, cellTheme, define, cellGroup, range, table, value);
       return width -= padding[1] + padding[3], height -= padding[0] + padding[2], cellGroup.forEachChildren(radioComponent => {
         "center" === textAlign ? radioComponent.setAttribute("x", padding[3] + radioComponent.attribute.x + (width - radioWidth) / 2) : "right" === textAlign ? radioComponent.setAttribute("x", padding[3] + radioComponent.attribute.x + width - radioWidth) : radioComponent.setAttribute("x", padding[3] + radioComponent.attribute.x), "middle" === textBaseline ? radioComponent.setAttribute("y", padding[0] + radioComponent.attribute.y + (height - radioHeight) / 2) : "bottom" === textBaseline ? radioComponent.setAttribute("y", padding[0] + radioComponent.attribute.y + height - radioHeight) : radioComponent.setAttribute("y", padding[0] + radioComponent.attribute.y);
       }), cellGroup;
     }
-    function createRadio(col, row, colWidth, cellWidth, cellHeight, padding, cellTheme, define, cellGroup, range, table) {
+    function createRadio(col, row, colWidth, cellWidth, cellHeight, padding, cellTheme, define, cellGroup, range, table, cellValue) {
       var _a, _b, _c, _d;
       const style = table._getCellStyle(col, row);
       let size = getProp("size", style, col, row, table),
@@ -76121,7 +77296,7 @@
         disableCheckedFill = getProp("disableCheckedFill", style, col, row, table),
         disableCheckedStroke = getProp("disableCheckedStroke", style, col, row, table);
       isNumber$3(outerRadius) ? size = 2 * outerRadius : outerRadius = Math.round(size / 2), (!isNumber$3(innerRadius) || innerRadius < 0) && (innerRadius = Math.round(outerRadius / 7 * 3));
-      const value = table.getCellValue(col, row),
+      const value = cellValue,
         dataValue = table.getCellOriginValue(col, row),
         hierarchyOffset = getHierarchyOffset(col, row, table),
         cellStyle = table._getCellStyle(col, row),
@@ -76217,8 +77392,9 @@
       return null !== (_a = null != isDisabled ? isDisabled : globalDisable) && void 0 !== _a && _a;
     }
 
-    function createSwitchCellGroup(cellGroup, columnGroup, xOrigin, yOrigin, col, row, colWidth, width, height, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync) {
+    function createSwitchCellGroup(cellGroup, columnGroup, xOrigin, yOrigin, col, row, colWidth, width, height, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync, cellValue) {
       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, _0;
+      const value = arguments.length >= 19 ? cellValue : table.getCellValue(col, row);
       if (!cellGroup) {
         const strokeArrayWidth = getCellBorderStrokeWidth(col, row, cellTheme, table);
         isAsync && (cellGroup = table.scenegraph.highPerformanceGetCell(col, row, !0)) && "cell" === cellGroup.role && cellGroup.setAttributes({
@@ -76274,10 +77450,10 @@
           "middle" === textBaseline ? child.setAttribute("y", (height - child.AABBBounds.height()) / 2) : "bottom" === textBaseline ? child.setAttribute("y", height - child.AABBBounds.height() - padding[2]) : child.setAttribute("y", padding[0]);
         });
       }
-      const switchComponent = createSwitch(col, row, colWidth - iconWidth, width, height, padding, cellTheme, define, table);
+      const switchComponent = createSwitch(col, row, colWidth - iconWidth, width, height, padding, cellTheme, define, table, value);
       return switchComponent && cellGroup.appendChild(switchComponent), switchComponent.render(), width -= padding[1] + padding[3] + iconWidth, height -= padding[0] + padding[2], "center" === textAlign ? switchComponent.setAttribute("x", padding[3] + cellLeftIconWidth + (width - switchComponent.AABBBounds.width()) / 2) : "right" === textAlign ? switchComponent.setAttribute("x", padding[3] + cellLeftIconWidth + width - switchComponent.AABBBounds.width()) : switchComponent.setAttribute("x", padding[3] + cellLeftIconWidth), "middle" === textBaseline ? switchComponent.setAttribute("y", padding[0] + (height - switchComponent.AABBBounds.height()) / 2) : "bottom" === textBaseline ? switchComponent.setAttribute("y", padding[0] + height - switchComponent.AABBBounds.height()) : switchComponent.setAttribute("y", padding[0]), cellGroup;
     }
-    function createSwitch(col, row, colWidth, cellWidth, cellHeight, padding, cellTheme, define, table) {
+    function createSwitch(col, row, colWidth, cellWidth, cellHeight, padding, cellTheme, define, table, cellValue) {
       var _a, _b, _c, _d;
       const style = table._getCellStyle(col, row),
         spaceBetweenTextAndCircle = getProp("spaceBetweenTextAndCircle", style, col, row, table),
@@ -76289,7 +77465,7 @@
         disableCheckedFill = getProp("disableCheckedFill", style, col, row, table),
         disableUncheckedFill = getProp("disableUncheckedFill", style, col, row, table),
         circleFill = getProp("circleFill", style, col, row, table),
-        value = table.getCellValue(col, row),
+        value = cellValue,
         dataValue = table.getCellOriginValue(col, row);
       let isChecked,
         isDisabled,
@@ -76380,8 +77556,9 @@
 
     const xScale = new PointScale(),
       yScale = new LinearScale();
-    function createSparkLineCellGroup(cellGroup, columnGroup, xOrigin, yOrigin, col, row, width, height, padding, table, cellTheme, isAsync) {
+    function createSparkLineCellGroup(cellGroup, columnGroup, xOrigin, yOrigin, col, row, width, height, padding, table, cellTheme, isAsync, cellValue) {
       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, _0;
+      const value = arguments.length >= 13 ? cellValue : table.getCellValue(col, row);
       if (!cellGroup) {
         const strokeArrayWidth = getCellBorderStrokeWidth(col, row, cellTheme, table);
         isAsync && (cellGroup = table.scenegraph.highPerformanceGetCell(col, row, !0)) && "cell" === cellGroup.role && cellGroup.setAttributes({
@@ -76416,13 +77593,13 @@
           cornerRadius: cellTheme.group.cornerRadius
         })).role = "cell", cellGroup.col = col, cellGroup.row = row, cellGroup = null !== (_0 = null == columnGroup ? void 0 : columnGroup.addCellGroup(cellGroup)) && void 0 !== _0 ? _0 : cellGroup);
       }
-      const chartGroup = createSparkLine(col, row, width, height, padding, table);
+      const chartGroup = createSparkLine(col, row, width, height, padding, table, value);
       return chartGroup && cellGroup.appendChild(chartGroup), cellGroup;
     }
-    function createSparkLine(col, row, width, height, padding, table) {
+    function createSparkLine(col, row, width, height, padding, table, cellValue) {
       let sparklineSpec, chartGroup;
       const chartSpecRaw = table.internalProps.layoutMap.getBody(col, row).sparklineSpec,
-        dataValue = table.getCellValue(col, row);
+        dataValue = cellValue;
       if (!Array.isArray(dataValue)) return;
       const x = padding[3],
         y = padding[0];
@@ -76433,7 +77610,7 @@
           col: col,
           row: row,
           dataValue: table.getCellOriginValue(col, row) || "",
-          value: table.getCellValue(col, row) || "",
+          value: dataValue || "",
           rect: table.getCellRangeRelativeRect(table.getCellRange(col, row)),
           table: table
         };
@@ -76576,15 +77753,91 @@
       return numbers;
     }
 
+    const audioIconSvg = '<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="3" width="42" height="42" rx="10" fill="#F8FAFF" fill-opacity="0.92"/><rect x="3.75" y="3.75" width="40.5" height="40.5" rx="9.25" stroke="#1D4ED8" stroke-opacity="0.22" stroke-width="1.5"/><path d="M16 30H12C10.8954 30 10 29.1046 10 28V20C10 18.8954 10.8954 18 12 18H16L26 10V38L16 30Z" fill="#EAF1FF" stroke="#0F172A" stroke-opacity="0.24" stroke-width="5.5" stroke-linejoin="round"/><path d="M31.5 18.5C33.3 21.3 33.3 26.7 31.5 29.5" stroke="#0F172A" stroke-opacity="0.24" stroke-width="5.5" stroke-linecap="round"/><path d="M36 15C39.2 20.4 39.2 27.6 36 33" stroke="#0F172A" stroke-opacity="0.24" stroke-width="5.5" stroke-linecap="round"/><path d="M16 30H12C10.8954 30 10 29.1046 10 28V20C10 18.8954 10.8954 18 12 18H16L26 10V38L16 30Z" fill="#EAF1FF" stroke="#2563EB" stroke-width="3.2" stroke-linejoin="round"/><path d="M31.5 18.5C33.3 21.3 33.3 26.7 31.5 29.5" stroke="#2563EB" stroke-width="3.2" stroke-linecap="round"/><path d="M36 15C39.2 20.4 39.2 27.6 36 33" stroke="#2563EB" stroke-width="3.2" stroke-linecap="round"/></svg>';
+    function createAudioCellGroup(columnGroup, xOrigin, yOrigin, col, row, width, height, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, range, isAsync, _cellValue) {
+      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, _0, _1, _2, _3, _4;
+      const headerStyle = table._getCellStyle(col, row),
+        functionalPadding = getFunctionalProp("padding", headerStyle, col, row, table);
+      (null === (_a = table.options.customConfig) || void 0 === _a ? void 0 : _a.imageMargin) ? padding = getQuadProps(null === (_b = table.options.customConfig) || void 0 === _b ? void 0 : _b.imageMargin) : isValid$1(functionalPadding) && (padding = functionalPadding), (null === (_c = null == cellTheme ? void 0 : cellTheme.text) || void 0 === _c ? void 0 : _c.textAlign) && (textAlign = cellTheme.text.textAlign), (null === (_d = null == cellTheme ? void 0 : cellTheme.text) || void 0 === _d ? void 0 : _d.textBaseline) && (textBaseline = cellTheme.text.textBaseline);
+      const strokeArrayWidth = getCellBorderStrokeWidth(col, row, cellTheme, table);
+      let cellGroup, cellIcons;
+      if (isAsync && (cellGroup = table.scenegraph.highPerformanceGetCell(col, row, !0), cellGroup && "cell" === cellGroup.role && cellGroup.setAttributes({
+        x: xOrigin,
+        y: yOrigin,
+        width: width,
+        height: height,
+        lineWidth: null !== (_f = null === (_e = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _e ? void 0 : _e.lineWidth) && void 0 !== _f ? _f : void 0,
+        fill: null !== (_h = null === (_g = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _g ? void 0 : _g.fill) && void 0 !== _h ? _h : void 0,
+        stroke: null !== (_k = null === (_j = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _j ? void 0 : _j.stroke) && void 0 !== _k ? _k : void 0,
+        strokeArrayWidth: strokeArrayWidth,
+        strokeArrayColor: null !== (_m = null === (_l = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _l ? void 0 : _l.strokeArrayColor) && void 0 !== _m ? _m : void 0,
+        cursor: null !== (_p = null === (_o = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _o ? void 0 : _o.cursor) && void 0 !== _p ? _p : void 0,
+        lineDash: null !== (_r = null === (_q = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _q ? void 0 : _q.lineDash) && void 0 !== _r ? _r : void 0,
+        lineCap: "butt",
+        clip: !0,
+        cornerRadius: cellTheme.group.cornerRadius
+      })), cellGroup && "cell" === cellGroup.role || (cellGroup = new Group$1({
+        x: xOrigin,
+        y: yOrigin,
+        width: width,
+        height: height,
+        lineWidth: null !== (_t = null === (_s = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _s ? void 0 : _s.lineWidth) && void 0 !== _t ? _t : void 0,
+        fill: null !== (_v = null === (_u = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _u ? void 0 : _u.fill) && void 0 !== _v ? _v : void 0,
+        stroke: null !== (_x = null === (_w = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _w ? void 0 : _w.stroke) && void 0 !== _x ? _x : void 0,
+        strokeArrayWidth: strokeArrayWidth,
+        strokeArrayColor: null !== (_z = null === (_y = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _y ? void 0 : _y.strokeArrayColor) && void 0 !== _z ? _z : void 0,
+        cursor: null !== (_1 = null === (_0 = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _0 ? void 0 : _0.cursor) && void 0 !== _1 ? _1 : void 0,
+        lineDash: null !== (_3 = null === (_2 = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _2 ? void 0 : _2.lineDash) && void 0 !== _3 ? _3 : void 0,
+        lineCap: "butt",
+        clip: !0,
+        cornerRadius: cellTheme.group.cornerRadius
+      }), cellGroup.role = "cell", cellGroup.col = col, cellGroup.row = row, cellGroup = null !== (_4 = null == columnGroup ? void 0 : columnGroup.addCellGroup(cellGroup)) && void 0 !== _4 ? _4 : cellGroup), mayHaveIcon) {
+        let iconCol = col,
+          iconRow = row;
+        range && (iconCol = range.start.col, iconRow = range.start.row), cellIcons = table.getCellIcons(iconCol, iconRow);
+      }
+      let cellLeftIconWidth = 0,
+        cellRightIconWidth = 0;
+      if (Array.isArray(cellIcons) && 0 !== cellIcons.length) {
+        const {
+          leftIconWidth: leftIconWidth,
+          rightIconWidth: rightIconWidth,
+          absoluteRightIconWidth: absoluteRightIconWidth
+        } = dealWithIconLayout(cellIcons, cellGroup, range, table);
+        cellLeftIconWidth = leftIconWidth, cellRightIconWidth = rightIconWidth, cellGroup.forEachChildren(child => {
+          "icon-left" === child.role ? child.setAttribute("x", child.attribute.x + padding[3]) : "icon-right" === child.role ? child.setAttribute("x", child.attribute.x + width - rightIconWidth - padding[1]) : "icon-absolute-right" === child.role && child.setAttribute("x", child.attribute.x + width - absoluteRightIconWidth - padding[1]);
+        }), cellGroup.forEachChildren(child => {
+          "middle" === textBaseline ? child.setAttribute("y", (height - child.AABBBounds.height()) / 2) : "bottom" === textBaseline ? child.setAttribute("y", height - child.AABBBounds.height() - padding[2]) : child.setAttribute("y", padding[0]);
+        });
+      }
+      cellGroup._cellLeftIconWidth = cellLeftIconWidth, cellGroup._cellRightIconWidth = cellRightIconWidth;
+      const availableWidth = Math.max(1, width - padding[1] - padding[3] - cellLeftIconWidth - cellRightIconWidth),
+        availableHeight = Math.max(1, height - padding[0] - padding[2]),
+        iconSize = Math.max(1, Math.min(availableWidth, availableHeight, 32)),
+        pos = calcStartPosition(cellLeftIconWidth, 0, width - cellLeftIconWidth - cellRightIconWidth, height, iconSize, iconSize, textAlign, textBaseline, padding);
+      removeCellMediaChildren(cellGroup);
+      const image = markCellMedia(createImage({
+        x: pos.x,
+        y: pos.y,
+        width: iconSize,
+        height: iconSize,
+        image: audioIconSvg,
+        cursor: "pointer"
+      }), "image");
+      return image.name = "image", image.keepAspectRatio = !0, image.isAudioIcon = !0, image.textAlign = textAlign, image.textBaseline = textBaseline, cellGroup.appendChild(image), cellGroup;
+    }
+
     const regedIcons = get$4();
-    function releaseVideoResource(video) {
-      try {
-        video.pause();
-      } catch (err) {}
-      video.removeAttribute("src");
-      try {
-        video.load();
-      } catch (err) {}
+    function updateVideoMediaDxDy(startCol, endCol, startRow, endRow, table) {
+      for (let col = startCol; col <= endCol; col++) for (let row = startRow; row <= endRow; row++) {
+        const cellGroup = table.scenegraph.getCell(col, row);
+        cellGroup && cellGroup.forEachChildren(child => {
+          isCellMedia(child) && child.setAttributes({
+            dx: -table.getColsWidth(cellGroup.mergeStartCol, col - 1),
+            dy: -table.getRowsHeight(cellGroup.mergeStartRow, row - 1)
+          });
+        });
+      }
     }
     function getVideoFirstFrameTimeout(table) {
       var _a;
@@ -76599,7 +77852,7 @@
     function snapshotVideoFirstFrame(video, image, table) {
       const displayWidth = image.attribute.width,
         displayHeight = image.attribute.height;
-      if ("number" != typeof displayWidth || "number" != typeof displayHeight || displayWidth <= 0 || displayHeight <= 0) return !1;
+      if (video.videoWidth <= 0 || video.videoHeight <= 0 || "number" != typeof displayWidth || "number" != typeof displayHeight || displayWidth <= 0 || displayHeight <= 0) return !1;
       const canvas = document.createElement("canvas"),
         context = canvas.getContext("2d");
       if (!context) return !1;
@@ -76635,7 +77888,7 @@
         height: viewBoxHeight
       } : void 0;
     }
-    function createVideoCellGroup(columnGroup, xOrigin, yOrigin, col, row, width, height, keepAspectRatio, imageAutoSizing, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, range, isAsync) {
+    function createVideoCellGroup(columnGroup, xOrigin, yOrigin, col, row, width, height, keepAspectRatio, imageAutoSizing, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, range, isAsync, cellValue) {
       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, _0, _1, _2, _3, _4, _5, _6, _7;
       const headerStyle = table._getCellStyle(col, row),
         functionalPadding = getFunctionalProp("padding", headerStyle, col, row, table);
@@ -76690,10 +77943,26 @@
           "icon-left" === child.role ? child.setAttribute("x", child.attribute.x + padding[3]) : "icon-right" === child.role ? child.setAttribute("x", child.attribute.x + width - rightIconWidth - padding[1]) : "icon-absolute-right" === child.role && child.setAttribute("x", child.attribute.x + width - absoluteRightIconWidth - padding[1]);
         }), cellGroup.forEachChildren(child => {
           "middle" === textBaseline ? child.setAttribute("y", (height - child.AABBBounds.height()) / 2) : "bottom" === textBaseline ? child.setAttribute("y", height - child.AABBBounds.height() - padding[2]) : child.setAttribute("y", padding[0]);
-        }), cellGroup._cellLeftIconWidth = cellLeftIconWidth, cellGroup._cellRightIconWidth = cellRightIconWidth;
+        });
       }
-      const value = table.getCellValue(col, row),
-        video = document.createElement("video");
+      cellGroup._cellLeftIconWidth = cellLeftIconWidth, cellGroup._cellRightIconWidth = cellRightIconWidth;
+      const value = arguments.length >= 18 ? cellValue : table.getCellValue(col, row);
+      if (removeCellMediaChildren(cellGroup), isAudioUrl(value)) {
+        const availableWidth = Math.max(1, width - padding[1] - padding[3] - cellLeftIconWidth - cellRightIconWidth),
+          availableHeight = Math.max(1, height - padding[0] - padding[2]),
+          iconSize = Math.max(1, Math.min(availableWidth, availableHeight, 32)),
+          pos = calcStartPosition(cellLeftIconWidth, 0, width - cellLeftIconWidth - cellRightIconWidth, height, iconSize, iconSize, textAlign, textBaseline, padding),
+          image = markCellMedia(createImage({
+            x: pos.x,
+            y: pos.y,
+            width: iconSize,
+            height: iconSize,
+            image: audioIconSvg,
+            cursor: "pointer"
+          }), "image");
+        return image.name = "image", image.keepAspectRatio = !0, image.isAudioIcon = !0, image.textAlign = textAlign, image.textBaseline = textBaseline, cellGroup.appendChild(image), cellGroup;
+      }
+      const video = document.createElement("video");
       video.muted = !0, video.playsInline = !0;
       const shouldSnapshot = !0 === (null === (_7 = table.options.customConfig) || void 0 === _7 ? void 0 : _7.videoFirstFrameSnapshot);
       let loadTimer,
@@ -76704,7 +77973,7 @@
         releaseCurrentVideo = () => {
           videoReleased || (videoReleased = !0, clearVideoLoadTimer(), releaseVideoResource(video));
         },
-        isCurrentImage = () => cellGroup.getChildByName("image", !0) === image,
+        isCurrentImage = () => getCellMediaImage(cellGroup) === image,
         handleVideoLoadFail = () => {
           videoReleased || (isCurrentImage() && ((() => {
             var _a, _b;
@@ -76736,7 +78005,7 @@
                 y: pos.y,
                 width: imageWidth,
                 height: imageHeight
-              }), isMerge && updateImageDxDy(cellGroup.mergeStartCol, cellGroup.mergeEndCol, cellGroup.mergeStartRow, cellGroup.mergeEndRow, table);
+              }), isMerge && updateVideoMediaDxDy(cellGroup.mergeStartCol, cellGroup.mergeEndCol, cellGroup.mergeStartRow, cellGroup.mergeEndRow, table);
             }
           })(), table.scenegraph.updateNextFrame()), shouldSnapshot && releaseCurrentVideo());
         };
@@ -76745,6 +78014,7 @@
         if (!isCurrentImage()) return void releaseCurrentVideo();
         const scenegraph = table.scenegraph;
         if (!scenegraph) return;
+        if (video.videoWidth <= 0 || video.videoHeight <= 0) return void handleVideoLoadFail();
         imageAutoSizing && _adjustWidthHeight(col, row, video.videoWidth, video.videoHeight, scenegraph, padding, cellGroup);
         const {
           width: cellWidth,
@@ -76771,7 +78041,7 @@
           height: cellHeight - padding[2] - padding[0],
           dy: 0
         });
-        isMerge && updateImageDxDy(cellGroup.mergeStartCol, cellGroup.mergeEndCol, cellGroup.mergeStartRow, cellGroup.mergeEndRow, table);
+        isMerge && updateVideoMediaDxDy(cellGroup.mergeStartCol, cellGroup.mergeEndCol, cellGroup.mergeStartRow, cellGroup.mergeEndRow, table);
         const {
             width: width,
             height: height
@@ -76779,11 +78049,10 @@
           iconSize = Math.floor(Math.min(width - padding[1] - padding[3], height - padding[2] - padding[0]) / 2),
           anchorX = 0 + (width > image.attribute.width ? image.attribute.x - 0 + image.attribute.width / 2 : width / 2),
           anchorY = 0 + (height > image.attribute.height ? image.attribute.y - 0 + image.attribute.height / 2 : height / 2),
-          imageGraphic = cellGroup.getChildByName("image", !0),
           {
             dx: dx,
             dy: dy
-          } = imageGraphic.attribute,
+          } = image.attribute,
           playIcon = new Icon$1({
             x: anchorX - iconSize / 2,
             y: anchorY - iconSize / 2,
@@ -76794,16 +78063,16 @@
             dx: dx,
             dy: dy
           });
-        playIcon.name = "play-icon", cellGroup.appendChild(playIcon), shouldSnapshot && snapshotVideoFirstFrame(video, image, table) && releaseCurrentVideo(), scenegraph.updateNextFrame();
+        markCellMedia(playIcon, "play-icon"), playIcon.name = "play-icon", cellGroup.appendChild(playIcon), shouldSnapshot && snapshotVideoFirstFrame(video, image, table) && releaseCurrentVideo(), scenegraph.updateNextFrame();
       }), video.addEventListener("error", handleVideoLoadFail), video.addEventListener("abort", handleVideoLoadFail);
-      const image = createImage({
+      const image = markCellMedia(createImage({
         x: padding[3],
         y: padding[0],
-        width: width - padding[1] - padding[3],
-        height: height - padding[2] - padding[0],
+        width: Math.max(1, width - padding[1] - padding[3]),
+        height: Math.max(1, height - padding[2] - padding[0]),
         image: video,
         cursor: "pointer"
-      });
+      }), "image");
       image.name = "image", image.keepAspectRatio = keepAspectRatio, image.textAlign = textAlign, image.textBaseline = textBaseline, cellGroup.appendChild(image), image.successCallback = () => {
         const scenegraph = table.scenegraph;
         scenegraph && isDamagePic(image) && (updateAutoSizingAndKeepAspectRatio(imageAutoSizing, keepAspectRatio, padding, textAlign, textBaseline, image, cellGroup, table), scenegraph.updateNextFrame());
@@ -76870,8 +78139,9 @@
     }
 
     function createCellGroup(table, value, columnGroup, xOrigin, yOrigin, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, customElementsGroup, renderDefault, cellTheme, range, isAsync) {
-      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, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9;
-      const headerStyle = table._getCellStyle(col, row),
+      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, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11;
+      const isCornerCustomMergeContentCell = isCornerCustomMergeRange(range, table) && col === range.end.col && row === range.end.row,
+        headerStyle = table._getCellStyle(col, row),
         functionalPadding = getFunctionalProp("padding", headerStyle, col, row, table);
       isValid$1(functionalPadding) && (padding = functionalPadding), (null === (_a = null == cellTheme ? void 0 : cellTheme.text) || void 0 === _a ? void 0 : _a.textAlign) && (textAlign = null === (_b = null == cellTheme ? void 0 : cellTheme.text) || void 0 === _b ? void 0 : _b.textAlign), (null === (_c = null == cellTheme ? void 0 : cellTheme.text) || void 0 === _c ? void 0 : _c.textBaseline) && (textBaseline = null === (_d = null == cellTheme ? void 0 : cellTheme.text) || void 0 === _d ? void 0 : _d.textBaseline);
       const autoRowHeight = table.isAutoRowHeight(row),
@@ -76893,7 +78163,7 @@
         cursor: null !== (_q = null === (_p = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _p ? void 0 : _p.cursor) && void 0 !== _q ? _q : void 0,
         lineDash: null !== (_s = null === (_r = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _r ? void 0 : _r.lineDash) && void 0 !== _s ? _s : void 0,
         lineCap: "butt",
-        clip: !0,
+        clip: !isCornerCustomMergeContentCell,
         cornerRadius: cellTheme.group.cornerRadius
       })), cellGroup && "cell" === cellGroup.role || (cellGroup = new Group$1({
         x: xOrigin,
@@ -76908,9 +78178,12 @@
         cursor: null !== (_2 = null === (_1 = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _1 ? void 0 : _1.cursor) && void 0 !== _2 ? _2 : void 0,
         lineDash: null !== (_4 = null === (_3 = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _3 ? void 0 : _3.lineDash) && void 0 !== _4 ? _4 : void 0,
         lineCap: "butt",
-        clip: !0,
+        clip: !isCornerCustomMergeContentCell,
         cornerRadius: cellTheme.group.cornerRadius
-      }), cellGroup.role = "cell", cellGroup.col = col, cellGroup.row = row, cellGroup = null !== (_5 = null == columnGroup ? void 0 : columnGroup.addCellGroup(cellGroup)) && void 0 !== _5 ? _5 : cellGroup), customElementsGroup && cellGroup.appendChild(customElementsGroup), renderDefault) {
+      }), cellGroup.role = "cell", cellGroup.col = col, cellGroup.row = row, cellGroup = null !== (_5 = null == columnGroup ? void 0 : columnGroup.addCellGroup(cellGroup)) && void 0 !== _5 ? _5 : cellGroup), customElementsGroup && cellGroup.appendChild(customElementsGroup), isCornerCustomMergeContentCell && cellGroup.setAttributes({
+        width: Math.max(cellGroup.attribute.width, null !== (_6 = null == customElementsGroup ? void 0 : customElementsGroup.attribute.width) && void 0 !== _6 ? _6 : 0),
+        height: Math.max(cellGroup.attribute.height, null !== (_7 = null == customElementsGroup ? void 0 : customElementsGroup.attribute.height) && void 0 !== _7 ? _7 : 0)
+      }), renderDefault) {
         const textStr = value;
         let icons;
         if (mayHaveIcon) {
@@ -76918,11 +78191,11 @@
             iconRow = row;
           range && (iconCol = range.start.col, iconRow = range.start.row), icons = table.getCellIcons(iconCol, iconRow);
         }
-        createCellContent(cellGroup, icons, textStr, padding, autoColWidth, autoRowHeight, autoWrapText, "number" == typeof lineClamp ? lineClamp : void 0, cellGroup.attribute.width, cellGroup.attribute.height, textAlign, textBaseline, table, cellTheme, range), (null === (_6 = null == cellTheme ? void 0 : cellTheme._vtable) || void 0 === _6 ? void 0 : _6.marked) && createMark(null === (_7 = null == cellTheme ? void 0 : cellTheme._vtable) || void 0 === _7 ? void 0 : _7.marked, cellGroup);
+        createCellContent(cellGroup, icons, textStr, padding, autoColWidth, autoRowHeight, autoWrapText, "number" == typeof lineClamp ? lineClamp : void 0, cellGroup.attribute.width, cellGroup.attribute.height, textAlign, textBaseline, table, cellTheme, range), (null === (_8 = null == cellTheme ? void 0 : cellTheme._vtable) || void 0 === _8 ? void 0 : _8.marked) && createMark(null === (_9 = null == cellTheme ? void 0 : cellTheme._vtable) || void 0 === _9 ? void 0 : _9.marked, cellGroup);
       }
       return customElementsGroup && cellGroup.setAttributes({
-        width: Math.max(cellGroup.attribute.width, null !== (_8 = customElementsGroup.attribute.width) && void 0 !== _8 ? _8 : 0),
-        height: Math.max(cellGroup.attribute.height, null !== (_9 = customElementsGroup.attribute.height) && void 0 !== _9 ? _9 : 0)
+        width: Math.max(cellGroup.attribute.width, null !== (_10 = customElementsGroup.attribute.width) && void 0 !== _10 ? _10 : 0),
+        height: Math.max(cellGroup.attribute.height, null !== (_11 = customElementsGroup.attribute.height) && void 0 !== _11 ? _11 : 0)
       }), cellGroup;
     }
 
@@ -77388,8 +78661,9 @@
       scale.niceMax(target.targetTicks.length);
     }
 
-    function createButtonCellGroup(cellGroup, columnGroup, xOrigin, yOrigin, col, row, colWidth, width, height, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync) {
+    function createButtonCellGroup(cellGroup, columnGroup, xOrigin, yOrigin, col, row, colWidth, width, height, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync, cellValue) {
       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, _0;
+      const value = arguments.length >= 19 ? cellValue : table.getCellValue(col, row);
       if (!cellGroup) {
         const strokeArrayWidth = getCellBorderStrokeWidth(col, row, cellTheme, table);
         isAsync && (cellGroup = table.scenegraph.highPerformanceGetCell(col, row, !0)) && "cell" === cellGroup.role && cellGroup.setAttributes({
@@ -77445,10 +78719,10 @@
           "middle" === textBaseline ? child.setAttribute("y", (height - child.AABBBounds.height()) / 2) : "bottom" === textBaseline ? child.setAttribute("y", height - child.AABBBounds.height() - padding[2]) : child.setAttribute("y", padding[0]);
         });
       }
-      const buttonComponent = createButton(col, row, colWidth - iconWidth, width, height, padding, cellTheme, define, table);
+      const buttonComponent = createButton(col, row, colWidth - iconWidth, width, height, padding, cellTheme, define, table, value);
       return buttonComponent && cellGroup.appendChild(buttonComponent), width -= padding[1] + padding[3] + iconWidth, height -= padding[0] + padding[2], "center" === textAlign ? buttonComponent.setAttribute("x", padding[3] + cellLeftIconWidth + (width - buttonComponent.AABBBounds.width()) / 2) : "right" === textAlign ? buttonComponent.setAttribute("x", padding[3] + cellLeftIconWidth + width - buttonComponent.AABBBounds.width()) : buttonComponent.setAttribute("x", padding[3] + cellLeftIconWidth), "middle" === textBaseline ? buttonComponent.setAttribute("y", padding[0] + (height - buttonComponent.AABBBounds.height()) / 2) : "bottom" === textBaseline ? buttonComponent.setAttribute("y", padding[0] + height - buttonComponent.AABBBounds.height()) : buttonComponent.setAttribute("y", padding[0]), cellGroup;
     }
-    function createButton(col, row, colWidth, cellWidth, cellHeight, padding, cellTheme, define, table) {
+    function createButton(col, row, colWidth, cellWidth, cellHeight, padding, cellTheme, define, table, cellValue) {
       var _a, _b;
       const style = table._getCellStyle(col, row),
         buttonColor = getProp("buttonColor", style, col, row, table),
@@ -77462,7 +78736,7 @@
         buttonDisableColor = getProp("buttonDisableColor", style, col, row, table),
         buttonDisableBorderColor = getProp("buttonDisableBorderColor", style, col, row, table),
         buttonTextDisableColor = getProp("buttonTextDisableColor", style, col, row, table),
-        value = table.getCellValue(col, row),
+        value = cellValue,
         dataValue = table.getCellOriginValue(col, row),
         hierarchyOffset = getHierarchyOffset(col, row, table),
         cellStyle = table._getCellStyle(col, row),
@@ -77573,8 +78847,11 @@
     const registerVideoCell = () => {
       Factory.registerFunction("createVideoCellGroup", createVideoCellGroup);
     };
+    const registerAudioCell = () => {
+      Factory.registerFunction("createAudioCellGroup", createAudioCellGroup);
+    };
 
-    registerAxis(), registerEmptyTip(), registerLegend(), registerMenu(), registerTitle(), registerTooltip(), registerListTreeStickCellPlugin(), registerCustomCellStylePlugin(), registerAnimation(), registerChartCell(), registerCheckboxCell(), registerImageCell(), registerProgressBarCell(), registerRadioCell(), registerSwitchCell(), registerButtonCell(), registerSparkLineCell(), registerTextCell(), registerVideoCell();
+    registerAxis(), registerEmptyTip(), registerLegend(), registerMenu(), registerTitle(), registerTooltip(), registerListTreeStickCellPlugin(), registerCustomCellStylePlugin(), registerAnimation(), registerAudioCell(), registerChartCell(), registerCheckboxCell(), registerImageCell(), registerProgressBarCell(), registerRadioCell(), registerSwitchCell(), registerButtonCell(), registerSparkLineCell(), registerTextCell(), registerVideoCell();
     class ListTableAll extends ListTable {}
 
     class Circle extends Circle$1 {
@@ -79025,30 +80302,36 @@
         }
         else if (Array.isArray(markLine)) {
             return markLine.map((item, index) => {
+                const style = item.style;
                 return {
                     ...item,
                     date: item.date,
                     scrollToMarkLine: item.scrollToMarkLine,
                     position: item.position ?? 'left',
-                    style: {
-                        lineColor: item.style?.lineColor || 'red',
-                        lineWidth: item.style?.lineWidth || 1,
-                        lineDash: item.style?.lineDash
-                    }
+                    style: typeof style === 'function'
+                        ? style
+                        : {
+                            lineColor: style?.lineColor || 'red',
+                            lineWidth: style?.lineWidth ?? 1,
+                            lineDash: style?.lineDash
+                        }
                 };
             });
         }
+        const style = markLine.style;
         return [
             {
                 ...markLine,
                 date: markLine.date,
                 scrollToMarkLine: markLine.scrollToMarkLine ?? true,
                 position: markLine.position ?? 'left',
-                style: {
-                    lineColor: markLine.style?.lineColor || 'red',
-                    lineWidth: markLine.style?.lineWidth || 1,
-                    lineDash: markLine.style?.lineDash
-                }
+                style: typeof style === 'function'
+                    ? style
+                    : {
+                        lineColor: style?.lineColor || 'red',
+                        lineWidth: style?.lineWidth ?? 1,
+                        lineDash: style?.lineDash
+                    }
             }
         ];
     }
@@ -81197,6 +82480,15 @@
         }
     }
 
+    function resolveMarkLineStyle(line, args) {
+        const style = typeof line.style === 'function' ? line.style(args) : line.style;
+        const lineWidth = typeof style?.lineWidth === 'function' ? style.lineWidth(args) : style?.lineWidth;
+        return {
+            lineColor: style?.lineColor || 'red',
+            lineWidth: lineWidth ?? 1,
+            lineDash: style?.lineDash
+        };
+    }
     class MarkLine {
         _scene;
         group;
@@ -81242,7 +82534,6 @@
             const minDate = this._scene._gantt.parsedOptions.minDate;
             minDate &&
                 markLine.forEach(line => {
-                    const style = line.style;
                     const contentStyle = line.contentStyle || {};
                     const date = this._scene._gantt.parsedOptions.timeScaleIncludeHour
                         ? createDateAtMidnight(line.date)
@@ -81265,6 +82556,15 @@
                     else if (line.position === 'middle') {
                         dateX = cellStartX + cellWidth / 2;
                     }
+                    const style = resolveMarkLineStyle(line, {
+                        date,
+                        dateIndex: cellIndex,
+                        dateX,
+                        cellStartX,
+                        cellWidth,
+                        timelineColWidth: this._scene._gantt.parsedOptions.timelineColWidth,
+                        millisecondsPerPixel: this._scene._gantt.getCurrentMillisecondsPerPixel()
+                    });
                     const markLineGroup = new Group$2({
                         pickable: false,
                         x: dateX - this.markLineContainerWidth / 2,
@@ -87912,7 +89212,7 @@
         PluginManager: PluginManager
     });
 
-    const version = "1.26.6";
+    const version = "1.26.8";
 
     exports.Gantt = Gantt;
     exports.TABLE_EVENT_TYPE = TABLE_EVENT_TYPE;