@visactor/vtable-gantt 1.26.5 → 1.26.7

package/dist/vtable-gantt.js

@@ -44707,6 +44707,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",
@@ -52000,7 +52001,7 @@
           const recordIndex = recordIndexsMaxToMin[index];
           if (isNumber$3(recordIndex) && (recordIndex >= this.sourceLength || recordIndex < 0)) continue;
           const originRecordIndex = this.getOriginRecordIndexForGroup(recordIndex);
-          this.beforeChangedRecordsMap.delete(originRecordIndex.toString()), this.dataSourceObj.records.splice(originRecordIndex, 1), this.sourceLength -= 1, this.adjustBeforeChangedRecordsMap(originRecordIndex, 1, "delete");
+          isValid$1(originRecordIndex) && (this.beforeChangedRecordsMap.delete(originRecordIndex.toString()), this.dataSourceObj.records.splice(originRecordIndex, 1), this.sourceLength -= 1, this.adjustBeforeChangedRecordsMap(originRecordIndex, 1, "delete"));
         }
         this.updateGroup();
       }
@@ -52009,7 +52010,7 @@
           const recordIndex = recordIndexs[index];
           if (isNumber$3(recordIndex) && (recordIndex >= this.sourceLength || recordIndex < 0)) continue;
           const originRecordIndex = this.getOriginRecordIndexForGroup(recordIndex);
-          this.beforeChangedRecordsMap.delete(originRecordIndex.toString()), this.dataSourceObj.records[originRecordIndex] = records[index];
+          isValid$1(originRecordIndex) && (this.beforeChangedRecordsMap.delete(originRecordIndex.toString()), this.dataSourceObj.records[originRecordIndex] = records[index]);
         }
         this.updateGroup();
       }
@@ -53749,7 +53750,7 @@
       "image" === icon.type ? icon.isGif ? (iconAttribute.gif = icon.src, iconAttribute.image = icon.src) : iconAttribute.image = icon.src : ("svg" === icon.type || "svg" in icon) && (iconAttribute.image = icon.svg), iconAttribute.width = icon.width, iconAttribute.height = icon.height, iconAttribute.visibleTime = null !== (_a = icon.visibleTime) && void 0 !== _a ? _a : "always", iconAttribute.funcType = icon.funcType, iconAttribute.interactive = icon.interactive, iconAttribute.isGif = icon.isGif;
       let iconMark,
         hierarchyOffset = 0;
-      return dealWithIconComputeVar && 0 !== (null == dealWithIconComputeVar ? void 0 : dealWithIconComputeVar.addedHierarchyOffset) || !isNumber$3(col) || !isNumber$3(row) || !table || icon.funcType !== IconFuncTypeEnum.collapse && icon.funcType !== IconFuncTypeEnum.expand && icon.positionType !== IconPosition.contentLeft && icon.positionType !== IconPosition.contentRight || (hierarchyOffset = range ? getHierarchyOffset(range.start.col, range.start.row, table) : getHierarchyOffset(col, row, table), dealWithIconComputeVar && (dealWithIconComputeVar.addedHierarchyOffset = 1)), iconAttribute.marginLeft = (null !== (_b = icon.marginLeft) && void 0 !== _b ? _b : 0) + hierarchyOffset, iconAttribute.marginRight = null !== (_c = icon.marginRight) && void 0 !== _c ? _c : 0, !1 === icon.interactive && (iconAttribute.pickable = !1), icon.hover && (iconAttribute.backgroundWidth = null !== (_d = icon.hover.width) && void 0 !== _d ? _d : icon.width, iconAttribute.backgroundHeight = null !== (_e = icon.hover.width) && void 0 !== _e ? _e : icon.width, iconAttribute.backgroundColor = null !== (_f = icon.hover.bgColor) && void 0 !== _f ? _f : "rgba(22,44,66,0.2)", iconAttribute.hoverImage = icon.hover.image), icon.cursor && (iconAttribute.cursor = icon.cursor), "shape" in icon && "circle" === icon.shape && (iconAttribute.shape = icon.shape), mark ? (mark.setAttributes(iconAttribute), mark.loadImage(iconAttribute.image), mark.tooltip = icon.tooltip, mark.name = icon.name, mark) : ("text" === icon.type ? (iconAttribute.text = icon.content, merge(iconAttribute, icon.style), iconMark = new TextIcon(iconAttribute), iconMark.tooltip = icon.tooltip, iconMark.name = icon.name) : (iconMark = new Icon$1(iconAttribute), iconMark.tooltip = icon.tooltip, iconMark.name = icon.name), iconMark);
+      return dealWithIconComputeVar && 0 !== (null == dealWithIconComputeVar ? void 0 : dealWithIconComputeVar.addedHierarchyOffset) || !isNumber$3(col) || !isNumber$3(row) || !table || icon.funcType !== IconFuncTypeEnum.collapse && icon.funcType !== IconFuncTypeEnum.expand && icon.positionType !== IconPosition.contentLeft && icon.positionType !== IconPosition.contentRight || (hierarchyOffset = range ? getHierarchyOffset(range.start.col, range.start.row, table) : getHierarchyOffset(col, row, table), dealWithIconComputeVar && (dealWithIconComputeVar.addedHierarchyOffset = 1)), iconAttribute.marginLeft = (null !== (_b = icon.marginLeft) && void 0 !== _b ? _b : 0) + hierarchyOffset, iconAttribute.marginRight = null !== (_c = icon.marginRight) && void 0 !== _c ? _c : 0, !1 === icon.interactive && (iconAttribute.pickable = !1), icon.hover && (iconAttribute.backgroundWidth = null !== (_d = icon.hover.width) && void 0 !== _d ? _d : icon.width, iconAttribute.backgroundHeight = null !== (_e = icon.hover.width) && void 0 !== _e ? _e : icon.width, iconAttribute.backgroundColor = null !== (_f = icon.hover.bgColor) && void 0 !== _f ? _f : "rgba(22,44,66,0.2)", iconAttribute.hoverImage = icon.hover.image), icon.cursor && (iconAttribute.cursor = icon.cursor), "shape" in icon && "circle" === icon.shape && (iconAttribute.shape = icon.shape), "text" === icon.type && (iconAttribute.text = icon.content, merge(iconAttribute, icon.style)), isNil$1(iconAttribute.opacity) && (iconAttribute.opacity = "mouseenter_cell" === iconAttribute.visibleTime || "click_cell" === iconAttribute.visibleTime ? 0 : 1), mark ? (mark.setAttributes(iconAttribute), iconAttribute.image && mark.loadImage(iconAttribute.image), mark.tooltip = icon.tooltip, mark.name = icon.name, mark) : ("text" === icon.type ? (iconMark = new TextIcon(iconAttribute), iconMark.tooltip = icon.tooltip, iconMark.name = icon.name) : (iconMark = new Icon$1(iconAttribute), iconMark.tooltip = icon.tooltip, iconMark.name = icon.name), iconMark);
     }
     function dealWithRichTextIcon(icon) {
       var _a, _b, _c, _d, _e, _f;
@@ -53942,7 +53943,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 +54053,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 +54099,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 +54116,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 +54149,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 +54157,7 @@
           height: cellHeight - padding[0] - padding[2]
         });
       }
-      if (cellGroup.getChildByName("play-icon")) {
+      if (getResizePlayIcon(cellGroup)) {
         const left = 0,
           top = 0,
           {
@@ -54097,7 +54168,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 +54198,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 +54242,8 @@
     }
 
     function dealPromiseData(dataPromise, tabel, callback) {
-      dataPromise.then(() => {
-        callback(), tabel.scenegraph.updateNextFrame();
+      dataPromise.then(value => {
+        callback(value), tabel.scenegraph.updateNextFrame();
       }).catch(err => {});
     }
 
@@ -54187,16 +54259,27 @@
       }
     }
 
-    function createCell(type, value, define, table, col, row, colWidth, cellWidth, cellHeight, columnGroup, y, padding, textAlign, textBaseline, mayHaveIcon, cellTheme, range, customResult) {
+    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 +54315,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,23 +54334,23 @@
         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;
     }
@@ -54399,25 +54484,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 +54518,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 +54532,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 +54544,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++) {
@@ -54784,15 +54879,26 @@
       table.isPivotTable() && (layoutMap.disableUseGetBodyCache(), layoutMap.disableUseHeaderPathCache());
     }
     function computeRowHeight(row, startCol, endCol, table) {
+      return 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);
       let maxHeight;
-      if (table.options.customComputeRowHeight) {
-        const customRowHeight = table.options.customComputeRowHeight({
-          row: row,
-          table: table
+      if (enableCustomCompute && table.options.customComputeRowHeight) {
+        let realHeight,
+          hasRealHeight = !1;
+        const getRealHeight = () => (hasRealHeight || (realHeight = computeRowHeightInternal(row, startCol, endCol, table, !1), hasRealHeight = !0), realHeight),
+          computeArgs = {
+            row: row,
+            table: table
+          };
+        Object.defineProperty(computeArgs, "realHeight", {
+          get: getRealHeight,
+          enumerable: !1,
+          configurable: !0
         });
-        if ("number" == typeof customRowHeight) return customRowHeight;
-        if ("auto" !== customRowHeight) return table.getDefaultRowHeight(row);
+        const customRowHeight = table.options.customComputeRowHeight(computeArgs);
+        return "number" == typeof customRowHeight ? customRowHeight : "auto" === customRowHeight ? getRealHeight() : table.getDefaultRowHeight(row);
       }
       if (table.internalProps.rowHeightConfig) {
         const rowHeightConfig = table.internalProps.rowHeightConfig.find(item => item.key === row);
@@ -54889,17 +54995,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);
@@ -54913,11 +55020,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;
@@ -55001,7 +55112,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 {
@@ -55057,7 +55175,7 @@
         const headerStyle = scene.table._getCellStyle(col, row),
           padding = getQuadProps(getProp("padding", headerStyle, col, row, scene.table));
         Factory.getFunction("createSparkLineCellGroup")(cell, cell.parent, cell.attribute.x, cell.attribute.y, col, row, cell.attribute.width, cell.attribute.height, padding, scene.table, getStyleTheme(headerStyle, scene.table, col, row, getProp).theme, !1);
-      } else if ("image" === type || "video" === type) updateImageCellContentWhileResize(cell, col, row, 0, detaY, scene.table);else if ("axis" === (null === (_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) {
@@ -55258,7 +55376,7 @@
         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));
@@ -56783,17 +56901,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) {
@@ -56816,6 +56935,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;
@@ -57071,9 +57194,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,
@@ -57088,7 +57212,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;
@@ -57115,30 +57242,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,
@@ -57164,7 +57294,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) {
@@ -57198,6 +57328,22 @@
       containerGroup.setAttribute("width", x), containerGroup.setAttribute("height", heightMax);
     }
 
+    function fillVisibleBodyRows$1(proxy, distRow) {
+      const {
+          table: table
+        } = proxy,
+        bodyBottomRow = table.rowCount - 1 - table.bottomFrozenRowCount,
+        visibleBodyHeight = table.tableNoFrameHeight - table.getFrozenRowsHeight() - table.getBottomFrozenRowsHeight();
+      let targetRow = distRow;
+      for (; targetRow < bodyBottomRow && table.getRowsHeight(table.frozenRowCount, targetRow) < visibleBodyHeight;) {
+        const nextRow = targetRow + 1;
+        computeRowsHeight(table, nextRow, nextRow, !1), targetRow = nextRow;
+      }
+      return targetRow;
+    }
+    function syncVisibleBodyRows(proxy, targetRow) {
+      targetRow <= proxy.totalRow || (proxy.totalRow = targetRow, proxy.totalActualBodyRowCount = Math.max(proxy.totalActualBodyRowCount, targetRow - proxy.bodyTopRow + 1));
+    }
     function createGroupForFirstScreen(cornerHeaderGroup, colHeaderGroup, rowHeaderGroup, rightFrozenGroup, bottomFrozenGroup, bodyGroup, xOrigin, yOrigin, proxy) {
       var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
       const {
@@ -57209,10 +57355,12 @@
           rightBottomCornerGroup: rightBottomCornerGroup
         } = table.scenegraph;
       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), 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), 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({
+      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({
         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, distRow - table.bottomFrozenRowCount, "rowHeader", table), table.frozenColCount > table.leftRowSeriesNumberCount && createColGroup(rowHeaderGroup, xOrigin, yOrigin, table.leftRowSeriesNumberCount, Math.min(table.frozenColCount - 1, table.rowHeaderLevelCount + table.leftRowSeriesNumberCount - 1), table.frozenRowCount, distRow - table.bottomFrozenRowCount, "rowHeader", table), table.frozenColCount > table.rowHeaderLevelCount + table.leftRowSeriesNumberCount && createColGroup(rowHeaderGroup, xOrigin, yOrigin, table.rowHeaderLevelCount + table.leftRowSeriesNumberCount, table.frozenColCount - 1, table.frozenRowCount, distRow - table.bottomFrozenRowCount, "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, distRow - table.bottomFrozenRowCount, 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, distRow - table.bottomFrozenRowCount, "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));
+      }), 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));
     }
 
     function getFirstChild(containerGroup) {
@@ -57691,6 +57839,7 @@
       });
     }
 
+    let stickTextUpdateId = 0;
     function resetTextStick(table) {
       const {
         changedCells: changedCells
@@ -57706,6 +57855,8 @@
     }
     function handleTextStick(table) {
       const changedCells = resetTextStick(table),
+        horizontalUpdateId = ++stickTextUpdateId,
+        verticalUpdateId = ++stickTextUpdateId,
         {
           scrollTop: scrollTop,
           scrollLeft: scrollLeft,
@@ -57728,42 +57879,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;
@@ -57821,19 +57983,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;
@@ -57933,7 +58107,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;
@@ -57957,7 +58133,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);
@@ -57980,11 +58156,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);
       }
@@ -58631,10 +58812,12 @@
         rowUpdatePos = isValid$1(rowUpdatePos) ? isValid$1(pos) ? Math.min(rowUpdatePos, pos) : rowUpdatePos : pos;
       }
       let updateAfter;
-      if (scene.table._clearRowRangeHeightsMap(), verifyProxyRowStatus(scene), addRows.forEach(row => {
+      scene.table._clearRowRangeHeightsMap(), verifyProxyRowStatus(scene), addRows.forEach(row => {
         const needUpdateAfter = addRow(row, scene, skipUpdateProxy);
         updateAfter = null != updateAfter ? updateAfter : needUpdateAfter, rowHeightsMap.insert(row);
-      }), resetRowNumberAndY(scene), addRows.length) {
+      });
+      const filledVisibleRowStart = fillVisibleBodyRows(scene);
+      if (isNumber$3(filledVisibleRowStart) && (updateAfter = null != updateAfter ? updateAfter : filledVisibleRowStart, rowUpdatePos = isValid$1(rowUpdatePos) ? Math.min(rowUpdatePos, filledVisibleRowStart) : filledVisibleRowStart), resetRowNumberAndY(scene), addRows.length) {
         const pos = _getUpdateRowIndex(addRows[0] - 1, addRows[addRows.length - 1] + 1, scene);
         rowUpdatePos = isValid$1(rowUpdatePos) ? isValid$1(pos) ? Math.min(rowUpdatePos, pos) : rowUpdatePos : pos;
       }
@@ -58702,6 +58885,24 @@
       }
       if (!(row < proxy.rowStart)) return row > proxy.rowEnd ? proxy.rowEnd - proxy.rowStart + 1 < proxy.rowLimit ? (proxy.rowEnd++, proxy.currentRow++, addRowCellGroup(row, scene), row) : void 0 : proxy.rowEnd - proxy.rowStart + 1 < proxy.rowLimit ? (proxy.rowEnd++, proxy.currentRow++, addRowCellGroup(row, scene), row) : row;
     }
+    function fillVisibleBodyRows(scene) {
+      const {
+        table: table,
+        proxy: proxy
+      } = scene;
+      if ("autoHeight" !== table.heightMode) return;
+      const bodyBottomRow = table.rowCount - 1 - table.bottomFrozenRowCount,
+        visibleBodyHeight = table.tableNoFrameHeight - table.getFrozenRowsHeight() - table.getBottomFrozenRowsHeight();
+      let targetRow = Math.min(proxy.rowEnd, bodyBottomRow);
+      for (computeRowsHeight(table, proxy.rowStart, targetRow, !1); targetRow < bodyBottomRow && table.getRowsHeight(table.frozenRowCount, targetRow) < visibleBodyHeight;) {
+        const nextRow = targetRow + 1;
+        computeRowsHeight(table, nextRow, nextRow, !1), targetRow = nextRow;
+      }
+      if (targetRow <= proxy.rowEnd) return;
+      const startRow = proxy.rowEnd + 1;
+      for (let row = startRow; row <= targetRow; row++) addRowCellGroup(row, scene);
+      return proxy.rowEnd = targetRow, proxy.currentRow = Math.max(proxy.currentRow, targetRow), proxy.totalRow = Math.max(proxy.totalRow, targetRow), proxy.totalActualBodyRowCount = Math.max(proxy.totalActualBodyRowCount, targetRow - proxy.rowStart + 1), proxy.rowUpdatePos = Math.min(proxy.rowUpdatePos, startRow), startRow;
+    }
     function resetRowNumber(scene) {
       function processCell(cellGroup, rowIndex) {
         cellGroup.row = rowIndex;
@@ -59561,6 +59762,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)
           };
@@ -60373,70 +60575,109 @@
         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({
+        });
+        const hasFrozenCols = this.table.frozenColCount > 0,
+          hasRightFrozenCols = this.table.rightFrozenColCount > 0,
+          hasFrozenRows = this.table.frozenRowCount > 0,
+          hasBottomFrozenRows = this.table.bottomFrozenRowCount > 0;
+        if (hasBottomFrozenRows) {
+          const bottomFrozenRowsHeight = this.table.getBottomFrozenRowsHeight(),
+            topFrozenBottom = 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),
+            middleContentBottom = Math.max(this.rowHeaderGroup.attribute.y + this.rowHeaderGroup.attribute.height, this.bodyGroup.attribute.y + this.bodyGroup.attribute.height, this.rightFrozenGroup.attribute.y + this.rightFrozenGroup.attribute.height, topFrozenBottom),
+            bottomFrozenY = Math.min(this.tableGroup.attribute.height - bottomFrozenRowsHeight, middleContentBottom);
+          this.bottomFrozenGroup.setAttribute("y", bottomFrozenY), this.leftBottomCornerGroup.setAttributes({
+            visible: hasFrozenCols,
+            y: bottomFrozenY,
+            height: bottomFrozenRowsHeight,
+            width: hasFrozenCols ? this.table.getFrozenColsWidth() : 0
+          }), this.rightBottomCornerGroup.setAttributes({
+            visible: hasRightFrozenCols,
             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
-          })));
-        }
-        this.table.bottomFrozenRowCount > 0 && (this.bottomFrozenGroup.setAttribute("y", this.tableGroup.attribute.height - this.table.getBottomFrozenRowsHeight()), this.leftBottomCornerGroup.setAttributes({
-          visible: !0,
-          y: this.tableGroup.attribute.height - this.table.getBottomFrozenRowsHeight(),
-          height: this.table.getBottomFrozenRowsHeight(),
-          width: this.table.getFrozenColsWidth()
-        }), this.rightBottomCornerGroup.setAttributes({
-          visible: !0,
-          y: this.tableGroup.attribute.height - this.table.getBottomFrozenRowsHeight(),
-          height: this.table.getBottomFrozenRowsHeight()
-        })), this.table.rightFrozenColCount > 0 && (this.rightFrozenGroup.setAttribute("x", this.tableGroup.attribute.width - this.table.getRightFrozenColsWidth()), this.rightTopCornerGroup.setAttributes({
-          visible: !0,
-          x: this.tableGroup.attribute.width - this.table.getRightFrozenColsWidth(),
-          width: this.table.getRightFrozenColsWidth(),
-          height: this.table.getFrozenRowsHeight()
+            y: bottomFrozenY,
+            width: 0,
+            height: bottomFrozenRowsHeight
+          });
+        } else this.leftBottomCornerGroup.setAttributes({
+          visible: !1,
+          width: 0,
+          height: 0
         }), this.rightBottomCornerGroup.setAttributes({
-          visible: !0,
-          x: this.tableGroup.attribute.width - this.table.getRightFrozenColsWidth(),
-          width: this.table.getRightFrozenColsWidth()
-        })), this.updateDomContainer();
+          visible: !1,
+          width: 0,
+          height: 0
+        });
+        if (hasRightFrozenCols) {
+          const rightFrozenColsWidth = this.table.getRightFrozenColsWidth(),
+            middleContentRight = Math.max(this.colHeaderGroup.attribute.x + this.colHeaderGroup.attribute.width, this.bodyGroup.attribute.x + this.bodyGroup.attribute.width, this.bottomFrozenGroup.attribute.x + this.bottomFrozenGroup.attribute.width),
+            rightFrozenX = Math.min(this.tableGroup.attribute.width - rightFrozenColsWidth, middleContentRight);
+          this.rightFrozenGroup.setAttribute("x", rightFrozenX), this.rightTopCornerGroup.setAttributes({
+            visible: hasFrozenRows,
+            x: rightFrozenX,
+            width: hasFrozenRows ? rightFrozenColsWidth : 0,
+            height: hasFrozenRows ? this.table.getFrozenRowsHeight() : 0
+          }), this.rightBottomCornerGroup.setAttributes({
+            visible: hasBottomFrozenRows,
+            x: rightFrozenX,
+            width: hasBottomFrozenRows ? rightFrozenColsWidth : 0,
+            height: hasBottomFrozenRows ? this.table.getBottomFrozenRowsHeight() : 0
+          });
+        } else this.rightTopCornerGroup.setAttributes({
+          visible: !1,
+          width: 0,
+          height: 0
+        });
+        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);
@@ -60733,7 +60974,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;
@@ -61713,7 +61954,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(() => {
@@ -61888,20 +62134,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) {
@@ -62014,47 +62311,70 @@
       } = checkbox.attribute;
       indeterminate ? (checked || checkbox._handlePointerUp(), checkbox._handlePointerUp()) : oldChecked ? checked || checkbox._handlePointerUp() : checked && checkbox._handlePointerUp();
     }
+    function setCheckboxStateByRecordIndex(recordIndex, field, checked, table) {
+      setRecordCheckboxState(recordIndex, field, checked, table.stateManager.checkedState), table.internalProps.enableCheckboxCascade && "indeterminate" !== checked && (updateChildrenCheckboxStateByRecordIndex(recordIndex, field, checked, table), updateParentCheckboxStateByRecordIndex(recordIndex, field, table)), updateVisibleCheckboxCellByRecordIndex(recordIndex, field, checked, table), updateHeaderCheckboxStateByField(field, table), renderCheckboxStateUpdate(table);
+    }
+    function clearCheckboxState(field, table) {
+      isValid$1(field) && (clearRecordCheckboxState(table.records, field, table), updateVisibleCheckboxCellsByField(field, !1, table), updateHeaderCheckboxStateByField(field, table), renderCheckboxStateUpdate(table));
+    }
     function setCellCheckboxStateByAttribute(col, row, checked, table) {
       var _a, _b;
       const cellGroup = table.scenegraph.getCell(col, row),
         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 = [],
@@ -62067,6 +62387,115 @@
         }
       }), result;
     }
+    function normalizeRecordIndex(recordIndex) {
+      return isArray$5(recordIndex) && 1 === recordIndex.length ? recordIndex[0] : recordIndex;
+    }
+    function setRecordCheckboxState(recordIndex, field, checked, checkedState) {
+      const dataIndex = normalizeRecordIndex(recordIndex).toString();
+      checkedState.get(dataIndex) ? checkedState.get(dataIndex)[field] = checked : checkedState.set(dataIndex, {
+        [field]: checked
+      });
+    }
+    function clearRecordCheckboxState(records, field, table, parentIndex = []) {
+      isArray$5(records) && records.forEach((record, index) => {
+        const recordIndex = parentIndex.length ? parentIndex.concat(index) : [index];
+        !1 !== getRecordCheckboxState(recordIndex, record, field, table) && setRecordCheckboxState(recordIndex, field, !1, table.stateManager.checkedState), isArray$5(null == record ? void 0 : record.children) && clearRecordCheckboxState(record.children, field, table, recordIndex);
+      });
+    }
+    function updateVisibleCheckboxCellByRecordIndex(recordIndex, field, checked, table) {
+      var _a, _b;
+      const bodyRowIndex = null === (_b = (_a = table).getBodyRowIndexByRecordIndex) || void 0 === _b ? void 0 : _b.call(_a, recordIndex);
+      if (!isNumber$3(bodyRowIndex) || bodyRowIndex < 0) return;
+      const row = bodyRowIndex + table.columnHeaderLevelCount;
+      getCheckboxColsByField(field, row, table).forEach(col => {
+        setCellCheckboxStateByAttribute(col, row, checked, table);
+      });
+    }
+    function updateVisibleCheckboxCellsByField(field, checked, table) {
+      const cols = getCheckboxColsByField(field, table.columnHeaderLevelCount, table);
+      for (let row = table.columnHeaderLevelCount; row < table.rowCount; row++) cols.forEach(col => {
+        setCellCheckboxStateByAttribute(col, row, checked, table);
+      });
+    }
+    function renderCheckboxStateUpdate(table) {
+      const renderAsync = table.renderAsync;
+      isFunction$3(renderAsync) ? renderAsync.call(table) : table.render();
+    }
+    function updateHeaderCheckboxStateByField(field, table) {
+      const fieldKey = field;
+      let hasChecked = !1,
+        hasUnchecked = !1,
+        hasRecord = !1;
+      traverseRecords(table.records, (record, recordIndex) => {
+        const state = getRecordCheckboxState(recordIndex, record, field, table);
+        hasRecord = !0, !0 === state ? hasChecked = !0 : "indeterminate" === state ? (hasChecked = !0, hasUnchecked = !0) : hasUnchecked = !0;
+      });
+      const checked = !(!hasRecord || !hasChecked || hasUnchecked) || !!hasChecked && "indeterminate";
+      table.stateManager.headerCheckedState[fieldKey] = checked, updateVisibleHeaderCheckboxCellByField(field, checked, table);
+    }
+    function updateVisibleHeaderCheckboxCellByField(field, checked, table) {
+      for (let row = 0; row < table.columnHeaderLevelCount; row++) for (let col = 0; col < table.colCount; col++) table.getHeaderField(col, row) === field && "checkbox" === table.getCellType(col, row) && table.scenegraph.updateHeaderCheckboxCellState(col, row, checked);
+    }
+    function getCheckboxColsByField(field, row, table) {
+      const cols = [];
+      for (let col = 0; col < table.colCount; col++) {
+        if (table.isHeader(col, row)) continue;
+        const define = table.getBodyColumnDefine(col, row);
+        (null == define ? void 0 : define.field) === field && "checkbox" === table.getCellType(col, row) && cols.push(col);
+      }
+      return cols;
+    }
+    function updateChildrenCheckboxStateByRecordIndex(recordIndex, field, checked, table) {
+      var _a;
+      const record = getRecordByRecordIndex(table.records, recordIndex);
+      (null === (_a = null == record ? void 0 : record.children) || void 0 === _a ? void 0 : _a.length) && record.children.forEach((child, childIndex) => {
+        const childRecordIndex = normalizeRecordIndexToArray(recordIndex).concat(childIndex);
+        setRecordCheckboxState(childRecordIndex, field, checked, table.stateManager.checkedState), updateVisibleCheckboxCellByRecordIndex(childRecordIndex, field, checked, table), updateChildrenCheckboxStateByRecordIndex(childRecordIndex, field, checked, table);
+      });
+    }
+    function updateParentCheckboxStateByRecordIndex(recordIndex, field, table) {
+      var _a;
+      const recordIndexPath = normalizeRecordIndexToArray(recordIndex);
+      for (let level = recordIndexPath.length - 1; level > 0; level--) {
+        const parentIndex = recordIndexPath.slice(0, level),
+          parentRecord = getRecordByRecordIndex(table.records, parentIndex);
+        if (!(null === (_a = null == parentRecord ? void 0 : parentRecord.children) || void 0 === _a ? void 0 : _a.length)) continue;
+        const childStates = parentRecord.children.map((child, childIndex) => {
+            const childRecordIndex = parentIndex.concat(childIndex),
+              childState = getRecordCheckboxState(childRecordIndex, child, field, table);
+            return setRecordCheckboxState(childRecordIndex, field, childState, table.stateManager.checkedState), childState;
+          }),
+          allChecked = childStates.every(state => !0 === state),
+          allUnchecked = childStates.every(state => !0 !== state && "indeterminate" !== state),
+          parentState = !!allChecked || !allUnchecked && "indeterminate";
+        setRecordCheckboxState(parentIndex, field, parentState, table.stateManager.checkedState), updateVisibleCheckboxCellByRecordIndex(parentIndex, field, parentState, table);
+      }
+    }
+    function getRecordCheckboxState(recordIndex, record, field, table) {
+      var _a;
+      const fieldKey = field,
+        dataIndex = normalizeRecordIndex(recordIndex).toString(),
+        cachedState = null === (_a = table.stateManager.checkedState.get(dataIndex)) || void 0 === _a ? void 0 : _a[fieldKey];
+      if (isValid$1(cachedState)) return cachedState;
+      const value = null == record ? void 0 : record[fieldKey];
+      return isObject$8(value) && isValid$1(value.checked) ? value.checked : "boolean" == typeof value && value;
+    }
+    function getRecordByRecordIndex(records, recordIndex) {
+      const recordIndexPath = normalizeRecordIndexToArray(recordIndex);
+      let record,
+        currentRecords = records;
+      for (let i = 0; i < recordIndexPath.length; i++) record = null == currentRecords ? void 0 : currentRecords[recordIndexPath[i]], currentRecords = null == record ? void 0 : record.children;
+      return record;
+    }
+    function normalizeRecordIndexToArray(recordIndex) {
+      return isArray$5(recordIndex) ? recordIndex : [recordIndex];
+    }
+    function traverseRecords(records, handler, parentIndex = []) {
+      isArray$5(records) && records.forEach((record, index) => {
+        const recordIndex = parentIndex.length ? parentIndex.concat(index) : index;
+        handler(record, recordIndex), isArray$5(null == record ? void 0 : record.children) && traverseRecords(record.children, handler, isArray$5(recordIndex) ? recordIndex : [recordIndex]);
+      });
+    }
     function initRecordCheckState(records, state) {
       const table = state.table,
         start = table.isPivotTable() ? 0 : table.internalProps.transpose ? table.rowHeaderLevelCount : table.columnHeaderLevelCount,
@@ -62498,6 +62927,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);
@@ -63082,16 +63512,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
@@ -63147,25 +63678,57 @@
             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);
+          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;
+          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);
-          });
+          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) {
@@ -65429,7 +65992,9 @@
 
     class BodyHelper {
       constructor(_table) {
-        this._table = _table;
+        this._table = _table, this.updateIcons();
+      }
+      updateIcons() {
         const regedIcons = get$4();
         this.expandIcon = regedIcons[InternalIconName.expandIconName], this.collapseIcon = regedIcons[InternalIconName.collapseIconName];
       }
@@ -65471,6 +66036,7 @@
             return TextStyle;
           case "image":
           case "video":
+          case "audio":
             return ImageStyle$1;
           case "chart":
           case "sparkline":
@@ -66192,7 +66758,9 @@
 
     class HeaderHelper {
       constructor(_table) {
-        this._table = _table;
+        this._table = _table, this.updateIcons();
+      }
+      updateIcons() {
         const regedIcons = get$4();
         this.freezeIcon = regedIcons[InternalIconName.freezeIconName], this.frozenIcon = regedIcons[InternalIconName.frozenIconName], this.frozenCurrentIcon = regedIcons[InternalIconName.frozenCurrentIconName], this.normalIcon = regedIcons[InternalIconName.normalIconName], this.upIcon = regedIcons[InternalIconName.upwardIconName], this.downIcon = regedIcons[InternalIconName.downwardIconName], this.dropDownAbsoluteIcon = regedIcons[InternalIconName.dropdownIconName], this.expandIcon = regedIcons[InternalIconName.expandIconName], this.collapseIcon = regedIcons[InternalIconName.collapseIconName];
       }
@@ -66427,6 +66995,7 @@
             return TextHeaderStyle;
           case "image":
           case "video":
+          case "audio":
             return ImageStyle;
           case "checkbox":
             return CheckboxStyle;
@@ -66654,7 +67223,9 @@
 
     class RowSeriesNumberHelper {
       constructor(_table) {
-        this._table = _table;
+        this._table = _table, this.updateIcons();
+      }
+      updateIcons() {
         const regedIcons = get$4();
         this.dragReorderIconName = regedIcons[InternalIconName.dragReorderIconName];
       }
@@ -67405,8 +67976,9 @@
     let PluginManager$1 = class PluginManager {
       constructor(table, options) {
         var _a;
-        this.plugins = new Map(), this.pluginEventMap = new Map(), this.table = table, null === (_a = options.plugins) || void 0 === _a || _a.map(plugin => {
-          this.register(plugin), this._bindTableEventForPlugin(plugin);
+        this.plugins = new Map(), this.pluginEventMap = new Map(), this.table = table, null === (_a = options.plugins) || void 0 === _a || _a.forEach(plugin => {
+          var _a;
+          this.register(plugin), null === (_a = plugin.init) || void 0 === _a || _a.call(plugin, this.table, options), this._bindTableEventForPlugin(plugin);
         });
       }
       register(plugin) {
@@ -67431,16 +68003,17 @@
           this.pluginEventMap.set(plugin.id, [...(this.pluginEventMap.get(plugin.id) || []), id]);
         });
       }
-      removeOrAddPlugins(plugins) {
+      removeOrAddPlugins(plugins, options = this.table.options) {
         Array.from(this.plugins.values()).filter(plugin => !(null == plugins ? void 0 : plugins.some(p => p.id === plugin.id))).forEach(plugin => {
-          var _a;
+          var _a, _b;
           null === (_a = this.pluginEventMap.get(plugin.id)) || void 0 === _a || _a.forEach(id => {
             this.table.off(id);
-          }), this.release(), this.plugins.delete(plugin.id);
+          }), this.pluginEventMap.delete(plugin.id), null === (_b = plugin.release) || void 0 === _b || _b.call(plugin, this.table), this.plugins.delete(plugin.id);
         });
         const addedPlugins = null == plugins ? void 0 : plugins.filter(plugin => !this.plugins.has(plugin.id));
         null == addedPlugins || addedPlugins.forEach(plugin => {
-          this.register(plugin), this._bindTableEventForPlugin(plugin);
+          var _a;
+          this.register(plugin), null === (_a = plugin.init) || void 0 === _a || _a.call(plugin, this.table, options), this._bindTableEventForPlugin(plugin);
         });
       }
       updatePlugins(plugins) {
@@ -67463,6 +68036,9 @@
         isTouchEvent: isTouchEvent$1
       } = event,
       rangeReg = /^\$(\d+)\$(\d+)$/;
+    function normalizeCellType(cellType) {
+      return isValid$1(cellType) ? cellType : "text";
+    }
     importStyle$2();
     class BaseTable extends EventTarget$2 {
       static get EVENT_TYPE() {
@@ -67470,7 +68046,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.5", 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.7", 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__ = {
@@ -67565,7 +68141,7 @@
             var _a, _b;
             return "node" === Env$1.mode ? that.canvasWidth / (null != pixelRatio ? pixelRatio : 1) : this._.canvas.width / (null !== (_b = null !== (_a = this._.context.pixelRatio) && void 0 !== _a ? _a : that.internalProps.pixelRatio) && void 0 !== _b ? _b : window.devicePixelRatio);
           }
-        }, internalProps.cellTextOverflows = {}, internalProps.focusedTable = !1, internalProps.theme = themes.of(null !== (_r = options.theme) && void 0 !== _r ? _r : themes.DEFAULT), internalProps.theme.isPivot = this.isPivotTable(), setIconColor(internalProps.theme.functionalIconsStyle), container ? (clearDOM && (container.innerHTML = ""), container.appendChild(internalProps.element), this._updateSize()) : this._updateSize(), internalProps.bodyHelper = new BodyHelper(this), internalProps.headerHelper = new HeaderHelper(this), internalProps.rowSeriesNumberHelper = new RowSeriesNumberHelper(this), internalProps.autoWrapText = options.autoWrapText, internalProps.enableLineBreak = options.enableLineBreak, internalProps.allowFrozenColCount = null !== (_s = options.allowFrozenColCount) && void 0 !== _s ? _s : 0, internalProps.limitMaxAutoWidth = null !== (_t = options.limitMaxAutoWidth) && void 0 !== _t ? _t : 450, internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, this.scenegraph = new Scenegraph$1(this), this.stateManager = new StateManager$1(this), this.eventManager = new EventManager$1(this), this.animationManager = new TableAnimationManager(this), options.legends) {
+        }, internalProps.cellTextOverflows = {}, internalProps.focusedTable = !1, internalProps.theme = themes.of(null !== (_r = options.theme) && void 0 !== _r ? _r : themes.DEFAULT), internalProps.theme.isPivot = this.isPivotTable(), this._updateFunctionalIcons(), container ? (clearDOM && (container.innerHTML = ""), container.appendChild(internalProps.element), this._updateSize()) : this._updateSize(), internalProps.bodyHelper = new BodyHelper(this), internalProps.headerHelper = new HeaderHelper(this), internalProps.rowSeriesNumberHelper = new RowSeriesNumberHelper(this), internalProps.autoWrapText = options.autoWrapText, internalProps.enableLineBreak = options.enableLineBreak, internalProps.allowFrozenColCount = null !== (_s = options.allowFrozenColCount) && void 0 !== _s ? _s : 0, internalProps.limitMaxAutoWidth = null !== (_t = options.limitMaxAutoWidth) && void 0 !== _t ? _t : 450, internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, this.scenegraph = new Scenegraph$1(this), this.stateManager = new StateManager$1(this), this.eventManager = new EventManager$1(this), this.animationManager = new TableAnimationManager(this), options.legends) {
           internalProps.legends = [];
           const createLegend = Factory.getFunction("createLegend");
           if (Array.isArray(options.legends)) {
@@ -68529,7 +69105,7 @@
           height: !1
         }), this.customRender = customRender, this.contentOffsetX = null != translateX ? translateX : 0, this.contentOffsetY = null != translateY ? translateY : 0, this.canvasWidth = isNumber$3(canvasWidth) ? canvasWidth : void 0, this.canvasHeight = isNumber$3(canvasHeight) ? canvasHeight : void 0;
         const internalProps = this.internalProps;
-        if ("node" === Env$1.mode || options.canvas || updateRootElementPadding(internalProps.element, this.padding), this.columnWidthComputeMode = null !== (_d = options.columnWidthComputeMode) && void 0 !== _d ? _d : "normal", internalProps.frozenColCount = frozenColCount, internalProps.unfreezeAllOnExceedsMaxWidth = null == unfreezeAllOnExceedsMaxWidth || unfreezeAllOnExceedsMaxWidth, internalProps.defaultRowHeight = defaultRowHeight, internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight, internalProps.defaultColWidth = defaultColWidth, internalProps.defaultHeaderColWidth = null != defaultHeaderColWidth ? defaultHeaderColWidth : defaultColWidth, internalProps.keyboardOptions = keyboardOptions, internalProps.eventOptions = eventOptions, internalProps.rowSeriesNumber = rowSeriesNumber, internalProps.enableCheckboxCascade = null === (_e = null != enableCheckboxCascade ? enableCheckboxCascade : null == rowSeriesNumber ? void 0 : rowSeriesNumber.enableTreeCheckbox) || void 0 === _e || _e, internalProps.enableHeaderCheckboxCascade = enableCheckboxCascade || null == enableHeaderCheckboxCascade || enableHeaderCheckboxCascade, internalProps.columnResizeMode = null !== (_f = null == resize ? void 0 : resize.columnResizeMode) && void 0 !== _f ? _f : columnResizeMode, internalProps.canResizeColumn = null == resize ? void 0 : resize.canResizeColumn, internalProps.rowResizeMode = null !== (_g = null == resize ? void 0 : resize.rowResizeMode) && void 0 !== _g ? _g : rowResizeMode, internalProps.dragHeaderMode = null !== (_j = null !== (_h = null == dragOrder ? void 0 : dragOrder.dragHeaderMode) && void 0 !== _h ? _h : dragHeaderMode) && void 0 !== _j ? _j : "none", internalProps.renderChartAsync = renderChartAsync, setBatchRenderChartCount(renderChartAsyncBatchCount), internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto", internalProps.cellTextOverflows = {}, internalProps.groupBy = null !== (_k = null == groupConfig ? void 0 : groupConfig.groupBy) && void 0 !== _k ? _k : groupBy, internalProps.groupTitleCheckbox = null == groupConfig ? void 0 : groupConfig.titleCheckbox, internalProps.groupTitleFieldFormat = null !== (_l = null == groupConfig ? void 0 : groupConfig.titleFieldFormat) && void 0 !== _l ? _l : groupTitleFieldFormat, internalProps.groupTitleCustomLayout = null !== (_m = null == groupConfig ? void 0 : groupConfig.titleCustomLayout) && void 0 !== _m ? _m : groupTitleCustomLayout, internalProps.enableTreeStickCell = null !== (_o = null == groupConfig ? void 0 : groupConfig.enableTreeStickCell) && void 0 !== _o ? _o : enableTreeStickCell, (null == updateConfig ? void 0 : updateConfig.clearColWidthCache) && (internalProps._widthResizedColMap.clear(), this.colWidthsMap = new NumberMap(), this.colContentWidthsMap = new NumberMap(), this.colWidthsLimit = {}), (null == updateConfig ? void 0 : updateConfig.clearRowHeightCache) && (internalProps._heightResizedRowMap.clear(), internalProps._rowHeightsMap = new NumberRangeMap(this), internalProps._rowRangeHeightsMap = new Map(), internalProps._colRangeWidthsMap = new Map()), internalProps.stick.changedCells.clear(), internalProps.theme = themes.of(null !== (_p = options.theme) && void 0 !== _p ? _p : themes.DEFAULT), internalProps.theme.isPivot = this.isPivotTable(), setIconColor(internalProps.theme.functionalIconsStyle), this.scenegraph.updateStageBackground(), internalProps.autoWrapText = options.autoWrapText, internalProps.enableLineBreak = options.enableLineBreak, internalProps.allowFrozenColCount = null !== (_q = options.allowFrozenColCount) && void 0 !== _q ? _q : 0, internalProps.limitMaxAutoWidth = null !== (_r = options.limitMaxAutoWidth) && void 0 !== _r ? _r : 450, internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, null === (_s = internalProps.legends) || void 0 === _s || _s.forEach(legend => {
+        if ("node" === Env$1.mode || options.canvas || updateRootElementPadding(internalProps.element, this.padding), this.columnWidthComputeMode = null !== (_d = options.columnWidthComputeMode) && void 0 !== _d ? _d : "normal", internalProps.frozenColCount = frozenColCount, internalProps.unfreezeAllOnExceedsMaxWidth = null == unfreezeAllOnExceedsMaxWidth || unfreezeAllOnExceedsMaxWidth, internalProps.defaultRowHeight = defaultRowHeight, internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight, internalProps.defaultColWidth = defaultColWidth, internalProps.defaultHeaderColWidth = null != defaultHeaderColWidth ? defaultHeaderColWidth : defaultColWidth, internalProps.keyboardOptions = keyboardOptions, internalProps.eventOptions = eventOptions, internalProps.rowSeriesNumber = rowSeriesNumber, internalProps.enableCheckboxCascade = null === (_e = null != enableCheckboxCascade ? enableCheckboxCascade : null == rowSeriesNumber ? void 0 : rowSeriesNumber.enableTreeCheckbox) || void 0 === _e || _e, internalProps.enableHeaderCheckboxCascade = enableCheckboxCascade || null == enableHeaderCheckboxCascade || enableHeaderCheckboxCascade, internalProps.columnResizeMode = null !== (_f = null == resize ? void 0 : resize.columnResizeMode) && void 0 !== _f ? _f : columnResizeMode, internalProps.canResizeColumn = null == resize ? void 0 : resize.canResizeColumn, internalProps.rowResizeMode = null !== (_g = null == resize ? void 0 : resize.rowResizeMode) && void 0 !== _g ? _g : rowResizeMode, internalProps.dragHeaderMode = null !== (_j = null !== (_h = null == dragOrder ? void 0 : dragOrder.dragHeaderMode) && void 0 !== _h ? _h : dragHeaderMode) && void 0 !== _j ? _j : "none", internalProps.renderChartAsync = renderChartAsync, setBatchRenderChartCount(renderChartAsyncBatchCount), internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto", internalProps.cellTextOverflows = {}, internalProps.groupBy = null !== (_k = null == groupConfig ? void 0 : groupConfig.groupBy) && void 0 !== _k ? _k : groupBy, internalProps.groupTitleCheckbox = null == groupConfig ? void 0 : groupConfig.titleCheckbox, internalProps.groupTitleFieldFormat = null !== (_l = null == groupConfig ? void 0 : groupConfig.titleFieldFormat) && void 0 !== _l ? _l : groupTitleFieldFormat, internalProps.groupTitleCustomLayout = null !== (_m = null == groupConfig ? void 0 : groupConfig.titleCustomLayout) && void 0 !== _m ? _m : groupTitleCustomLayout, internalProps.enableTreeStickCell = null !== (_o = null == groupConfig ? void 0 : groupConfig.enableTreeStickCell) && void 0 !== _o ? _o : enableTreeStickCell, (null == updateConfig ? void 0 : updateConfig.clearColWidthCache) && (internalProps._widthResizedColMap.clear(), this.colWidthsMap = new NumberMap(), this.colContentWidthsMap = new NumberMap(), this.colWidthsLimit = {}), (null == updateConfig ? void 0 : updateConfig.clearRowHeightCache) && (internalProps._heightResizedRowMap.clear(), internalProps._rowHeightsMap = new NumberRangeMap(this), internalProps._rowRangeHeightsMap = new Map(), internalProps._colRangeWidthsMap = new Map()), internalProps.stick.changedCells.clear(), internalProps.theme = themes.of(null !== (_p = options.theme) && void 0 !== _p ? _p : themes.DEFAULT), internalProps.theme.isPivot = this.isPivotTable(), this._updateFunctionalIcons(), this.scenegraph.updateStageBackground(), internalProps.autoWrapText = options.autoWrapText, internalProps.enableLineBreak = options.enableLineBreak, internalProps.allowFrozenColCount = null !== (_q = options.allowFrozenColCount) && void 0 !== _q ? _q : 0, internalProps.limitMaxAutoWidth = null !== (_r = options.limitMaxAutoWidth) && void 0 !== _r ? _r : 450, internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, null === (_s = internalProps.legends) || void 0 === _s || _s.forEach(legend => {
           null == legend || legend.release();
         }), null === (_t = internalProps.title) || void 0 === _t || _t.release(), internalProps.title = null, null === (_u = internalProps.emptyTip) || void 0 === _u || _u.release(), internalProps.emptyTip = null, internalProps.layoutMap.release(), clearChartRenderQueue(), this.scenegraph.clearCells(), this.scenegraph.updateComponent(), this.stateManager.updateOptionSetState(), this._updateSize(), this.eventManager.updateEventBinder(), options.legends) {
           internalProps.legends = [];
@@ -68801,7 +69377,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;
@@ -68844,18 +69426,22 @@
       updateAutoWrapText(autoWrapText) {
         this.internalProps.autoWrapText !== autoWrapText && (this.internalProps.autoWrapText = autoWrapText, this.options.autoWrapText = autoWrapText, this.scenegraph.clearCells(), this.clearCellStyleCache(), this.scenegraph.createSceneGraph(), this.render());
       }
+      _updateFunctionalIcons() {
+        var _a, _b, _c;
+        setIconColor(this.internalProps.theme.functionalIconsStyle), null === (_a = this.internalProps.headerHelper) || void 0 === _a || _a.updateIcons(), null === (_b = this.internalProps.bodyHelper) || void 0 === _b || _b.updateIcons(), null === (_c = this.internalProps.rowSeriesNumberHelper) || void 0 === _c || _c.updateIcons();
+      }
       get theme() {
         return this.internalProps.theme;
       }
       set theme(theme) {
-        this.internalProps.theme = themes.of(null != theme ? theme : themes.DEFAULT), this.internalProps.theme.isPivot = this.isPivotTable(), this.options.theme = theme, setIconColor(this.internalProps.theme.functionalIconsStyle);
+        this.internalProps.theme = themes.of(null != theme ? theme : themes.DEFAULT), this.internalProps.theme.isPivot = this.isPivotTable(), this.options.theme = theme, this._updateFunctionalIcons();
       }
       updateTheme(theme) {
         const oldHoverState = {
           col: this.stateManager.hover.cellPos.col,
           row: this.stateManager.hover.cellPos.row
         };
-        this.internalProps.theme = themes.of(null != theme ? theme : themes.DEFAULT), this.internalProps.theme.isPivot = this.isPivotTable(), setIconColor(this.internalProps.theme.functionalIconsStyle), this.options.theme = theme, this.scenegraph.updateComponent(), this.scenegraph.updateStageBackground(), this.scenegraph.clearCells(), this.clearCellStyleCache(), this.scenegraph.createSceneGraph(), this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), this.render();
+        this.internalProps.theme = themes.of(null != theme ? theme : themes.DEFAULT), this.internalProps.theme.isPivot = this.isPivotTable(), this._updateFunctionalIcons(), this.options.theme = theme, this.scenegraph.updateComponent(), this.scenegraph.updateStageBackground(), this.scenegraph.clearCells(), this.clearCellStyleCache(), this.scenegraph.createSceneGraph(), this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), this.render();
       }
       getBodyField(col, row) {
         return this.internalProps.layoutMap.getBody(col, row).field;
@@ -68867,19 +69453,19 @@
       getBodyColumnType(col, row) {
         var _a, _b;
         const cellType = null !== (_b = null === (_a = this.internalProps.layoutMap.getBody(col, row)) || void 0 === _a ? void 0 : _a.cellType) && void 0 !== _b ? _b : "text";
-        return getProp("cellType", {
+        return normalizeCellType(getProp("cellType", {
           cellType: cellType
-        }, col, row, this);
+        }, col, row, this));
       }
       getCellType(col, row) {
         let cellType;
         if (this.isSeriesNumberInHeader(col, row)) {
           const seriesHeaderCellType = this.internalProps.layoutMap.getSeriesNumberHeader(col, row).cellType;
-          return "radio" === seriesHeaderCellType ? "text" : seriesHeaderCellType;
+          return normalizeCellType("radio" === seriesHeaderCellType ? "text" : seriesHeaderCellType);
         }
-        return cellType = this.isHeader(col, row) ? this.internalProps.layoutMap.getHeader(col, row).headerType : this.internalProps.layoutMap.getBody(col, row).cellType, getProp("cellType", {
+        return cellType = this.isHeader(col, row) ? this.internalProps.layoutMap.getHeader(col, row).headerType : this.internalProps.layoutMap.getBody(col, row).cellType, normalizeCellType(getProp("cellType", {
           cellType: cellType
-        }, col, row, this);
+        }, col, row, this));
       }
       getHeaderField(col, row) {
         return this.internalProps.layoutMap.getHeaderField(col, row);
@@ -72459,6 +73045,7 @@
             } = table.internalProps.layoutMap.getSeriesNumberHeader(col, row);
             return title;
           }
+          if (table.internalProps.layoutMap.isAggregation(col, row)) return "";
           let value;
           if (this.internalProps.groupBy) {
             const record = table.getCellRawRecord(col, row);
@@ -72506,6 +73093,7 @@
             } = table.internalProps.layoutMap.getSeriesNumberHeader(col, row);
             return title;
           }
+          if (table.internalProps.layoutMap.isAggregation(col, row)) return "";
           const {
             format: format
           } = table.internalProps.layoutMap.getSeriesNumberBody(col, row);
@@ -72603,7 +73191,7 @@
       }) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         const internalProps = this.internalProps;
-        if (this.pluginManager.removeOrAddPlugins(options.plugins), super.updateOption(options, updateConfig), internalProps.frozenColDragHeaderMode = null !== (_b = null === (_a = options.dragOrder) || void 0 === _a ? void 0 : _a.frozenColDragHeaderMode) && void 0 !== _b ? _b : options.frozenColDragHeaderMode, this.pagination = options.pagination, internalProps.sortState = options.sortState, internalProps.dataConfig = this.internalProps.groupBy ? getGroupByDataConfig(this.internalProps.groupBy, options.addRecordRule) : {
+        if (this.pluginManager.removeOrAddPlugins(options.plugins, options), super.updateOption(options, updateConfig), internalProps.frozenColDragHeaderMode = null !== (_b = null === (_a = options.dragOrder) || void 0 === _a ? void 0 : _a.frozenColDragHeaderMode) && void 0 !== _b ? _b : options.frozenColDragHeaderMode, this.pagination = options.pagination, internalProps.sortState = options.sortState, internalProps.dataConfig = this.internalProps.groupBy ? getGroupByDataConfig(this.internalProps.groupBy, options.addRecordRule) : {
           addRecordRule: options.addRecordRule
         }, this.showHeader = null === (_c = options.showHeader) || void 0 === _c || _c, internalProps.columns = options.columns ? cloneDeepSpec(options.columns, ["children"]) : options.header ? cloneDeepSpec(options.header, ["children"]) : [], generateAggregationForColumn(this), internalProps.enableTreeNodeMerge = null !== (_e = null !== (_d = options.enableTreeNodeMerge) && void 0 !== _d ? _d : isValid$1(this.internalProps.groupBy)) && void 0 !== _e && _e, this.internalProps.headerHelper.setTableColumnsEditor(), this.transpose = null !== (_f = options.transpose) && void 0 !== _f && _f, this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, this.internalProps.columnWidthConfig = options.columnWidthConfig, this.internalProps.rowHeightConfig = options.rowHeightConfig, internalProps.releaseList) for (let i = internalProps.releaseList.length - 1; i >= 0; i--) {
           const releaseObj = internalProps.releaseList[i];
@@ -72894,6 +73482,15 @@
       setCellCheckboxState(col, row, checked) {
         setCellCheckboxState(col, row, checked, this);
       }
+      setCellCheckboxStateByRecordIndex(recordIndex, field, checked) {
+        setCheckboxStateByRecordIndex(recordIndex, field, checked, this);
+      }
+      clearCheckboxState(field) {
+        clearCheckboxState(field, this);
+      }
+      clearAllCheckboxState(field) {
+        this.clearCheckboxState(field);
+      }
       setCellRadioState(col, row, index) {
         setCellRadioState(col, row, index, this);
       }
@@ -72912,9 +73509,11 @@
         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];
@@ -72930,13 +73529,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();
         }
@@ -73252,9 +73851,11 @@
         }, 0));
       }
       updateRecords(records, recordIndexs, triggerEvent = !0) {
-        listTableUpdateRecords(records, recordIndexs, this), triggerEvent && this.fireListeners(TABLE_EVENT_TYPE.UPDATE_RECORD, {
+        var _a;
+        const updateRecordIndexs = null !== (_a = null != recordIndexs ? recordIndexs : null == records ? void 0 : records.map((_, index) => index)) && void 0 !== _a ? _a : [];
+        listTableUpdateRecords(records, updateRecordIndexs, this), triggerEvent && this.fireListeners(TABLE_EVENT_TYPE.UPDATE_RECORD, {
           records: records,
-          recordIndexs: recordIndexs,
+          recordIndexs: updateRecordIndexs,
           updateCount: records.length
         });
       }
@@ -75162,12 +75763,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;
@@ -75180,6 +75799,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;
@@ -75197,14 +75827,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);
       }
@@ -75295,8 +75921,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);
       }
     }
 
@@ -75561,7 +76187,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],
@@ -75575,7 +76201,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,
@@ -75666,8 +76292,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({
@@ -75728,7 +76355,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,
@@ -75763,7 +76390,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),
@@ -75777,7 +76404,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,
@@ -75852,11 +76479,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,
@@ -75871,17 +76499,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),
@@ -75897,7 +76540,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),
@@ -75993,8 +76636,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({
@@ -76050,10 +76694,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),
@@ -76065,7 +76709,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,
@@ -76156,8 +76800,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({
@@ -76192,13 +76837,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];
@@ -76209,7 +76854,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
         };
@@ -76352,15 +76997,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;
@@ -76375,7 +77096,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;
@@ -76411,7 +77132,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);
@@ -76466,10 +77187,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,
@@ -76480,7 +77217,7 @@
         releaseCurrentVideo = () => {
           videoReleased || (videoReleased = !0, clearVideoLoadTimer(), releaseVideoResource(video));
         },
-        isCurrentImage = () => cellGroup.getChildByName("image", !0) === image,
+        isCurrentImage = () => getCellMediaImage(cellGroup) === image,
         handleVideoLoadFail = () => {
           videoReleased || (isCurrentImage() && ((() => {
             var _a, _b;
@@ -76512,7 +77249,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());
         };
@@ -76521,6 +77258,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,
@@ -76547,7 +77285,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
@@ -76555,11 +77293,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,
@@ -76570,16 +77307,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());
@@ -77164,8 +77901,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({
@@ -77221,10 +77959,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),
@@ -77238,7 +77976,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),
@@ -77349,8 +78087,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 {
@@ -80016,6 +80757,18 @@
     const LOCATE_ICON_BG_HOVER = '#4080ff';
     const LOCATE_ICON_ARROW = '#4e5969';
     const LOCATE_ICON_ARROW_HOVER = '#ffffff';
+    const isSameSubTaskIndex = (source, target) => {
+        if (!isValid$1(target)) {
+            return true;
+        }
+        if (Array.isArray(source) || Array.isArray(target)) {
+            return (Array.isArray(source) &&
+                Array.isArray(target) &&
+                source.length === target.length &&
+                source.every((value, index) => value === target[index]));
+        }
+        return source === target;
+    };
     class TaskBar {
         formatMilestoneText(text, record) {
             if (!text) {
@@ -80952,8 +81705,7 @@
                 return null;
             }
             for (let i = 0; i < this.barContainer.childrenCount; i++) {
-                if (c.task_index === index &&
-                    (!isValid$1(sub_task_index) || (isValid$1(sub_task_index) && c.sub_task_index === sub_task_index))) {
+                if (c.task_index === index && isSameSubTaskIndex(c.sub_task_index, sub_task_index)) {
                     return c;
                 }
                 c = c._next;
@@ -84456,14 +85208,16 @@
                     if (this._gantt.parsedOptions.tasksShowMode !== TasksShowMode.Tasks_Separate &&
                         Math.abs(Math.round(deltaY / this._gantt.parsedOptions.rowHeight)) >= 1) {
                         const indexs = getTaskIndexsByTaskY(targetEndY, this._gantt);
-                        this._gantt._dragOrderTaskRecord(target.task_index, target.sub_task_index, indexs.task_index, indexs.sub_task_index);
-                        if (this._gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Separate) {
-                            this._gantt.taskListTableInstance.renderWithRecreateCells();
-                            this._gantt.scenegraph.refreshTaskBarsAndGrid();
-                        }
-                        else {
-                            this._gantt.scenegraph.taskBar.refresh();
-                            this._gantt.scenegraph.dependencyLink.refresh();
+                        if (!Array.isArray(target.sub_task_index) && !Array.isArray(indexs.sub_task_index)) {
+                            this._gantt._dragOrderTaskRecord(target.task_index, target.sub_task_index, indexs.task_index, indexs.sub_task_index);
+                            if (this._gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Separate) {
+                                this._gantt.taskListTableInstance.renderWithRecreateCells();
+                                this._gantt.scenegraph.refreshTaskBarsAndGrid();
+                            }
+                            else {
+                                this._gantt.scenegraph.taskBar.refresh();
+                                this._gantt.scenegraph.dependencyLink.refresh();
+                            }
                         }
                     }
                     else {
@@ -85107,6 +85861,8 @@
                             };
                             parent[startDateField] = formatDateValue(earliestStart);
                             parent[endDateField] = formatDateValue(latestEnd);
+                            const parentRecordIndex = parentPath.length === 0 ? childIndex : [...parentPath, childIndex];
+                            this._gantt._updateRecordToListTable(parent, parentRecordIndex);
                         }
                     }
                 }
@@ -87083,7 +87839,7 @@
         }
         _refreshTaskBar(taskShowIndex, sub_task_index) {
             this.scenegraph.taskBar.updateTaskBarNode(taskShowIndex, sub_task_index);
-            this.scenegraph.refreshRecordLinkNodes(taskShowIndex, undefined, this.scenegraph.taskBar.getTaskBarNodeByIndex(taskShowIndex, sub_task_index));
+            this.scenegraph.refreshRecordLinkNodes(taskShowIndex, sub_task_index, this.scenegraph.taskBar.getTaskBarNodeByIndex(taskShowIndex, sub_task_index));
             this.scenegraph.updateNextFrame();
         }
         _updateRecordToListTable(record, index) {
@@ -87216,6 +87972,7 @@
                 this._refreshSortedTaskBarsAfterRecordUpdate(recordIndex, index);
             }
             else if (Array.isArray(sub_task_index)) {
+                this._updateRecordToListTable(taskRecord, sub_task_index);
                 this.stateManager.updateProjectTaskTimes(sub_task_index);
             }
         }
@@ -87234,6 +87991,7 @@
                 this._refreshSortedTaskBarsAfterRecordUpdate(recordIndex, index);
             }
             else if (Array.isArray(sub_task_index)) {
+                this._updateRecordToListTable(taskRecord, sub_task_index);
                 this.stateManager.updateProjectTaskTimes(sub_task_index);
             }
         }
@@ -87255,6 +88013,7 @@
                 this._refreshSortedTaskBarsAfterRecordUpdate(recordIndex, index);
             }
             else if (Array.isArray(sub_task_index)) {
+                this._updateRecordToListTable(taskRecord, sub_task_index);
                 this.stateManager.updateProjectTaskTimes(sub_task_index);
             }
         }
@@ -87263,6 +88022,11 @@
             const progressField = this.parsedOptions.progressField;
             if (progressField) {
                 taskRecord[progressField] = progress;
+                if (Array.isArray(sub_task_index)) {
+                    this._updateRecordToListTable(taskRecord, sub_task_index);
+                    this._refreshTaskBar(index, sub_task_index);
+                    return;
+                }
                 const recordIndex = this.getRecordIndexByTaskShowIndex(index);
                 this._updateRecordToListTable(taskRecord, Array.isArray(recordIndex) ? recordIndex : index);
                 if (!this._refreshSortedTaskBarsAfterRecordUpdate(recordIndex, index)) {
@@ -87276,7 +88040,7 @@
         updateTaskRecord(record, task_index, sub_task_index) {
             if (isValid$1(sub_task_index)) {
                 const index = typeof task_index === 'number' ? task_index : task_index[0];
-                this._updateRecordToListTable(record, [index, sub_task_index]);
+                this._updateRecordToListTable(record, Array.isArray(sub_task_index) ? sub_task_index : [index, sub_task_index]);
                 this._refreshTaskBar(index, sub_task_index);
                 return;
             }
@@ -87507,8 +88271,11 @@
         set scrollLeft(value) {
             this.stateManager.setScrollLeft(value);
         }
-        getTaskBarRelativeRect(index) {
-            const taskBarNode = this.scenegraph.taskBar.getTaskBarNodeByIndex(index);
+        getTaskBarRelativeRect(index, sub_task_index) {
+            const taskBarNode = this.scenegraph.taskBar.getTaskBarNodeByIndex(index, sub_task_index);
+            if (!taskBarNode) {
+                return null;
+            }
             const left = taskBarNode.attribute.x +
                 this.taskListTableInstance.tableNoFrameWidth +
                 this.taskListTableInstance.tableX +
@@ -87662,7 +88429,7 @@
         PluginManager: PluginManager
     });
 
-    const version = "1.26.5";
+    const version = "1.26.7";
 
     exports.Gantt = Gantt;
     exports.TABLE_EVENT_TYPE = TABLE_EVENT_TYPE;