@visactor/vtable-gantt 1.26.6 → 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",
@@ -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++) {
@@ -54900,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);
@@ -54924,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;
@@ -55012,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 {
@@ -55068,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) {
@@ -55269,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));
@@ -56794,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) {
@@ -56827,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;
@@ -57082,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,
@@ -57099,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;
@@ -57126,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,
@@ -57175,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) {
@@ -57720,6 +57839,7 @@
       });
     }
 
+    let stickTextUpdateId = 0;
     function resetTextStick(table) {
       const {
         changedCells: changedCells
@@ -57735,6 +57855,8 @@
     }
     function handleTextStick(table) {
       const changedCells = resetTextStick(table),
+        horizontalUpdateId = ++stickTextUpdateId,
+        verticalUpdateId = ++stickTextUpdateId,
         {
           scrollTop: scrollTop,
           scrollLeft: scrollLeft,
@@ -57757,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;
@@ -57850,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;
@@ -57962,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;
@@ -57986,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);
@@ -58009,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);
       }
@@ -59610,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)
           };
@@ -60422,51 +60575,17 @@
         this.proxy.resize(), ("adaptive" === this.table.widthMode || this.table.autoFillWidth) && (0 === this.table.internalProps._widthResizedColMap.size ? this.recalculateColWidths() : this.dealWidthMode()), "adaptive" === this.table.heightMode ? 0 === this.table.internalProps._heightResizedRowMap.size ? this.recalculateRowHeights() : this.dealHeightMode() : this.table.autoFillHeight && this.dealHeightMode(), this.resetFrozen(), this.updateTableSize(), this.updateBorderSizeAndPosition(), this.component.updateScrollBar(), ("adaptive" === this.table.widthMode || "adaptive" === this.table.heightMode || this.table.autoFillWidth || this.table.autoFillHeight || (null === (_a = this.table.containerFit) || void 0 === _a ? void 0 : _a.width) || (null === (_b = this.table.containerFit) || void 0 === _b ? void 0 : _b.height)) && this.updateChartSizeForResizeColWidth(-1), this.proxy.progress(), this.updateNextFrame();
       }
       updateTableSize() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+        var _a, _b, _c;
         const contentWidth = Math.max(this.colHeaderGroup.attribute.width, this.bodyGroup.attribute.width, this.bottomFrozenGroup.attribute.width, 0) + Math.max(this.cornerHeaderGroup.attribute.width, this.rowHeaderGroup.attribute.width, this.leftBottomCornerGroup.attribute.width, 0) + Math.max(this.rightTopCornerGroup.attribute.width, this.rightFrozenGroup.attribute.width, this.rightBottomCornerGroup.attribute.width, 0),
           contentHeight = Math.max(this.colHeaderGroup.attribute.height, this.cornerHeaderGroup.attribute.height, this.rightTopCornerGroup.attribute.height, 0) + Math.max(this.rowHeaderGroup.attribute.height, this.bodyGroup.attribute.height, this.rightFrozenGroup.attribute.height, 0) + Math.max(this.leftBottomCornerGroup.attribute.height, this.bottomFrozenGroup.attribute.height, this.rightBottomCornerGroup.attribute.height, 0);
         let tableWidth = contentWidth,
           tableHeight = contentHeight;
-        if (tableWidth = (null === (_a = this.table.containerFit) || void 0 === _a ? void 0 : _a.width) ? this.table.tableNoFrameWidth : Math.min(this.table.tableNoFrameWidth, contentWidth), tableHeight = (null === (_b = this.table.containerFit) || void 0 === _b ? void 0 : _b.height) ? this.table.tableNoFrameHeight : Math.min(this.table.tableNoFrameHeight, contentHeight), this.tableGroup.setAttributes({
+        tableWidth = (null === (_a = this.table.containerFit) || void 0 === _a ? void 0 : _a.width) ? this.table.tableNoFrameWidth : Math.min(this.table.tableNoFrameWidth, contentWidth), tableHeight = (null === (_b = this.table.containerFit) || void 0 === _b ? void 0 : _b.height) ? this.table.tableNoFrameHeight : Math.min(this.table.tableNoFrameHeight, contentHeight), this.tableGroup.setAttributes({
           x: this.table.tableX,
           y: this.table.tableY,
           width: tableWidth,
           height: tableHeight
-        }), this.tableGroup.border) {
-          const rectAttributes = null === (_c = this.tableGroup.border) || void 0 === _c ? void 0 : _c.attribute;
-          let borderTop, borderRight, borderBottom, borderLeft;
-          (null == rectAttributes ? void 0 : rectAttributes.strokeArrayWidth) ? (borderTop = rectAttributes.strokeArrayWidth ? rectAttributes.strokeArrayWidth[0] : null !== (_d = rectAttributes.lineWidth) && void 0 !== _d ? _d : 0, borderRight = rectAttributes.strokeArrayWidth ? rectAttributes.strokeArrayWidth[1] : null !== (_e = rectAttributes.lineWidth) && void 0 !== _e ? _e : 0, borderBottom = rectAttributes.strokeArrayWidth ? rectAttributes.strokeArrayWidth[2] : null !== (_f = rectAttributes.lineWidth) && void 0 !== _f ? _f : 0, borderLeft = rectAttributes.strokeArrayWidth ? rectAttributes.strokeArrayWidth[3] : null !== (_g = rectAttributes.lineWidth) && void 0 !== _g ? _g : 0) : (borderTop = null !== (_h = null == rectAttributes ? void 0 : rectAttributes.lineWidth) && void 0 !== _h ? _h : 0, borderRight = null !== (_j = null == rectAttributes ? void 0 : rectAttributes.lineWidth) && void 0 !== _j ? _j : 0, borderBottom = null !== (_k = null == rectAttributes ? void 0 : rectAttributes.lineWidth) && void 0 !== _k ? _k : 0, borderLeft = null !== (_l = null == rectAttributes ? void 0 : rectAttributes.lineWidth) && void 0 !== _l ? _l : 0), "rect" === this.tableGroup.border.type ? (null === (_m = this.table.theme.frameStyle) || void 0 === _m ? void 0 : _m.innerBorder) ? this.tableGroup.border.setAttributes({
-            x: this.table.tableX + borderLeft / 2,
-            y: this.table.tableY + borderTop / 2,
-            width: this.tableGroup.attribute.width - borderLeft / 2 - borderRight / 2,
-            height: this.tableGroup.attribute.height - borderTop / 2 - borderBottom / 2
-          }) : this.tableGroup.border.setAttributes({
-            x: this.table.tableX - borderLeft / 2,
-            y: this.table.tableY - borderTop / 2,
-            width: this.tableGroup.attribute.width + borderLeft / 2 + borderRight / 2,
-            height: this.tableGroup.attribute.height + borderTop / 2 + borderBottom / 2
-          }) : "group" === this.tableGroup.border.type && ((null === (_o = this.table.theme.frameStyle) || void 0 === _o ? void 0 : _o.innerBorder) ? (this.tableGroup.border.setAttributes({
-            x: this.table.tableX + borderLeft / 2,
-            y: this.table.tableY + borderTop / 2,
-            width: this.tableGroup.attribute.width - borderLeft / 2 - borderRight / 2,
-            height: this.tableGroup.attribute.height - borderTop / 2 - borderBottom / 2
-          }), null === (_p = this.tableGroup.border.firstChild) || void 0 === _p || _p.setAttributes({
-            x: 0,
-            y: 0,
-            width: this.tableGroup.attribute.width - borderLeft / 2 - borderRight / 2,
-            height: this.tableGroup.attribute.height - borderTop / 2 - borderBottom / 2
-          })) : (this.tableGroup.border.setAttributes({
-            x: this.table.tableX - borderLeft / 2,
-            y: this.table.tableY - borderTop / 2,
-            width: this.tableGroup.attribute.width + borderLeft / 2 + borderRight / 2,
-            height: this.tableGroup.attribute.height + borderTop / 2 + borderBottom / 2
-          }), null === (_q = this.tableGroup.border.firstChild) || void 0 === _q || _q.setAttributes({
-            x: borderLeft / 2,
-            y: borderTop / 2,
-            width: this.tableGroup.attribute.width,
-            height: this.tableGroup.attribute.height
-          })));
-        }
+        });
         const hasFrozenCols = this.table.frozenColCount > 0,
           hasRightFrozenCols = this.table.rightFrozenColCount > 0,
           hasFrozenRows = this.table.frozenRowCount > 0,
@@ -60517,7 +60636,48 @@
           width: 0,
           height: 0
         });
-        this.updateDomContainer();
+        if (hasBottomFrozenRows && !(null === (_c = this.table.containerFit) || void 0 === _c ? void 0 : _c.height)) {
+          const actualContentBottom = Math.max(this.colHeaderGroup.attribute.y + this.colHeaderGroup.attribute.height, this.cornerHeaderGroup.attribute.y + this.cornerHeaderGroup.attribute.height, this.rightTopCornerGroup.attribute.y + this.rightTopCornerGroup.attribute.height, this.rowHeaderGroup.attribute.y + this.rowHeaderGroup.attribute.height, this.bodyGroup.attribute.y + this.bodyGroup.attribute.height, this.rightFrozenGroup.attribute.y + this.rightFrozenGroup.attribute.height, this.leftBottomCornerGroup.attribute.y + this.leftBottomCornerGroup.attribute.height, this.bottomFrozenGroup.attribute.y + this.bottomFrozenGroup.attribute.height, this.rightBottomCornerGroup.attribute.y + this.rightBottomCornerGroup.attribute.height);
+          actualContentBottom > 0 && actualContentBottom < this.tableGroup.attribute.height && this.tableGroup.setAttribute("height", actualContentBottom);
+        }
+        this.updateTableGroupBorder(), this.updateDomContainer();
+      }
+      updateTableGroupBorder() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        if (!this.tableGroup.border) return;
+        const rectAttributes = null === (_a = this.tableGroup.border) || void 0 === _a ? void 0 : _a.attribute;
+        let borderTop, borderRight, borderBottom, borderLeft;
+        (null == rectAttributes ? void 0 : rectAttributes.strokeArrayWidth) ? (borderTop = rectAttributes.strokeArrayWidth ? rectAttributes.strokeArrayWidth[0] : null !== (_b = rectAttributes.lineWidth) && void 0 !== _b ? _b : 0, borderRight = rectAttributes.strokeArrayWidth ? rectAttributes.strokeArrayWidth[1] : null !== (_c = rectAttributes.lineWidth) && void 0 !== _c ? _c : 0, borderBottom = rectAttributes.strokeArrayWidth ? rectAttributes.strokeArrayWidth[2] : null !== (_d = rectAttributes.lineWidth) && void 0 !== _d ? _d : 0, borderLeft = rectAttributes.strokeArrayWidth ? rectAttributes.strokeArrayWidth[3] : null !== (_e = rectAttributes.lineWidth) && void 0 !== _e ? _e : 0) : (borderTop = null !== (_f = null == rectAttributes ? void 0 : rectAttributes.lineWidth) && void 0 !== _f ? _f : 0, borderRight = null !== (_g = null == rectAttributes ? void 0 : rectAttributes.lineWidth) && void 0 !== _g ? _g : 0, borderBottom = null !== (_h = null == rectAttributes ? void 0 : rectAttributes.lineWidth) && void 0 !== _h ? _h : 0, borderLeft = null !== (_j = null == rectAttributes ? void 0 : rectAttributes.lineWidth) && void 0 !== _j ? _j : 0), "rect" === this.tableGroup.border.type ? (null === (_k = this.table.theme.frameStyle) || void 0 === _k ? void 0 : _k.innerBorder) ? this.tableGroup.border.setAttributes({
+          x: this.table.tableX + borderLeft / 2,
+          y: this.table.tableY + borderTop / 2,
+          width: this.tableGroup.attribute.width - borderLeft / 2 - borderRight / 2,
+          height: this.tableGroup.attribute.height - borderTop / 2 - borderBottom / 2
+        }) : this.tableGroup.border.setAttributes({
+          x: this.table.tableX - borderLeft / 2,
+          y: this.table.tableY - borderTop / 2,
+          width: this.tableGroup.attribute.width + borderLeft / 2 + borderRight / 2,
+          height: this.tableGroup.attribute.height + borderTop / 2 + borderBottom / 2
+        }) : "group" === this.tableGroup.border.type && ((null === (_l = this.table.theme.frameStyle) || void 0 === _l ? void 0 : _l.innerBorder) ? (this.tableGroup.border.setAttributes({
+          x: this.table.tableX + borderLeft / 2,
+          y: this.table.tableY + borderTop / 2,
+          width: this.tableGroup.attribute.width - borderLeft / 2 - borderRight / 2,
+          height: this.tableGroup.attribute.height - borderTop / 2 - borderBottom / 2
+        }), null === (_m = this.tableGroup.border.firstChild) || void 0 === _m || _m.setAttributes({
+          x: 0,
+          y: 0,
+          width: this.tableGroup.attribute.width - borderLeft / 2 - borderRight / 2,
+          height: this.tableGroup.attribute.height - borderTop / 2 - borderBottom / 2
+        })) : (this.tableGroup.border.setAttributes({
+          x: this.table.tableX - borderLeft / 2,
+          y: this.table.tableY - borderTop / 2,
+          width: this.tableGroup.attribute.width + borderLeft / 2 + borderRight / 2,
+          height: this.tableGroup.attribute.height + borderTop / 2 + borderBottom / 2
+        }), null === (_o = this.tableGroup.border.firstChild) || void 0 === _o || _o.setAttributes({
+          x: borderLeft / 2,
+          y: borderTop / 2,
+          width: this.tableGroup.attribute.width,
+          height: this.tableGroup.attribute.height
+        })));
       }
       updateRowHeight(row, detaY, skipTableHeightMap) {
         detaY = Math.round(detaY), updateRowHeight(this, row, detaY, skipTableHeightMap), this.updateContainerHeight(row, detaY);
@@ -60814,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;
@@ -61794,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(() => {
@@ -61969,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) {
@@ -62107,41 +62323,58 @@
         checkbox = (null == cellGroup ? void 0 : cellGroup.getChildByName("checkbox")) || (null === (_b = null === (_a = null == cellGroup ? void 0 : cellGroup.getChildByName("checkbox-content")) || void 0 === _a ? void 0 : _a._checkboxGroup) || void 0 === _b ? void 0 : _b.getChildByName("checkbox"));
       checkbox && ("indeterminate" === checked ? (checkbox.setAttribute("indeterminate", !0), checkbox.setAttribute("checked", void 0)) : (checkbox.setAttribute("indeterminate", void 0), checkbox.setAttribute("checked", checked)));
     }
-    function changeCheckboxOrder(sourceIndex, targetIndex, state) {
-      const {
-        checkedState: checkedState,
-        table: table
-      } = state;
-      let source, target;
-      if (table.internalProps.transpose ? (sourceIndex = table.getRecordShowIndexByCell(sourceIndex, 0), targetIndex = table.getRecordShowIndexByCell(targetIndex, 0)) : (source = table.isPivotTable() ? void 0 : table.getRecordIndexByCell(0, sourceIndex), target = table.isPivotTable() ? void 0 : table.getRecordIndexByCell(0, targetIndex)), isNumber$3(source) && isNumber$3(target)) {
-        if ((sourceIndex = source) > (targetIndex = target)) {
-          const sourceRecord = checkedState.get(sourceIndex.toString());
-          for (let i = sourceIndex; i > targetIndex; i--) checkedState.set(i.toString(), checkedState.get((i - 1).toString()));
-          checkedState.set(targetIndex.toString(), sourceRecord);
-        } else if (sourceIndex < targetIndex) {
-          const sourceRecord = checkedState.get(sourceIndex.toString());
-          for (let i = sourceIndex; i < targetIndex; i++) checkedState.set(i.toString(), checkedState.get((i + 1).toString()));
-          checkedState.set(targetIndex.toString(), sourceRecord);
-        }
-      } else if (isArray$5(source) && isArray$5(target)) if ((sourceIndex = source[source.length - 1]) > (targetIndex = target[target.length - 1])) {
-        const sourceRecord = checkedState.get(source.toString());
-        for (let i = sourceIndex; i > targetIndex; i--) {
-          const now = [...source];
-          now[now.length - 1] = i;
-          const last = [...source];
-          last[last.length - 1] = i - 1, checkedState.set(now.toString(), checkedState.get(last.toString()));
-        }
-        checkedState.set(target.toString(), sourceRecord);
-      } else if (sourceIndex < targetIndex) {
-        const sourceRecord = checkedState.get(source.toString());
-        for (let i = sourceIndex; i < targetIndex; i++) {
-          const now = [...source];
-          now[now.length - 1] = i;
-          const next = [...source];
-          next[next.length - 1] = i + 1, checkedState.set(now.toString(), checkedState.get(next.toString()));
-        }
-        checkedState.set(target.toString(), sourceRecord);
+    function normalizeRecordPath(recordPath) {
+      return isArray$5(recordPath) ? recordPath : [recordPath];
+    }
+    function parseCheckboxStateKey(key) {
+      return isNumber$3(key) ? [key] : key.split(",").map(item => Number(item));
+    }
+    function stringifyRecordPath(recordPath) {
+      return recordPath.toString();
+    }
+    function isSameRecordPath(source, target) {
+      return source.length === target.length && source.every((item, index) => item === target[index]);
+    }
+    function isSameParentPath(source, target) {
+      return source.length === target.length && source.slice(0, -1).every((item, index) => item === target[index]);
+    }
+    function isDescendantPath(path, ancestor) {
+      return ancestor.length <= path.length && ancestor.every((item, index) => item === path[index]);
+    }
+    function getMovedRecordPath(path, source, target) {
+      return target.concat(path.slice(source.length));
+    }
+    function getShiftedSiblingPath(path, parent, sourceIndex, targetIndex) {
+      if (path.length <= parent.length || !isDescendantPath(path.slice(0, parent.length), parent)) return path;
+      const siblingIndex = path[parent.length];
+      if (sourceIndex < targetIndex && siblingIndex > sourceIndex && siblingIndex <= targetIndex) {
+        const shifted = [...path];
+        return shifted[parent.length] = siblingIndex - 1, shifted;
+      }
+      if (sourceIndex > targetIndex && siblingIndex >= targetIndex && siblingIndex < sourceIndex) {
+        const shifted = [...path];
+        return shifted[parent.length] = siblingIndex + 1, shifted;
       }
+      return path;
+    }
+    function changeCheckboxOrder(sourceRecordPath, targetRecordPath, state) {
+      const {
+          checkedState: checkedState
+        } = state,
+        sourcePath = normalizeRecordPath(sourceRecordPath),
+        targetPath = normalizeRecordPath(targetRecordPath);
+      if (isSameRecordPath(sourcePath, targetPath) || !isSameParentPath(sourcePath, targetPath)) return;
+      const parentPath = sourcePath.slice(0, -1),
+        sourceIndex = sourcePath[sourcePath.length - 1],
+        targetIndex = targetPath[targetPath.length - 1],
+        nextCheckedState = new Map();
+      checkedState.forEach((value, key) => {
+        const keyPath = parseCheckboxStateKey(key);
+        let nextPath;
+        nextPath = isDescendantPath(keyPath, sourcePath) ? getMovedRecordPath(keyPath, sourcePath, targetPath) : getShiftedSiblingPath(keyPath, parentPath, sourceIndex, targetIndex), nextCheckedState.set(stringifyRecordPath(nextPath), value);
+      }), checkedState.clear(), nextCheckedState.forEach((value, key) => {
+        checkedState.set(key, value);
+      });
     }
     function getGroupCheckboxState(table) {
       const result = [],
@@ -62694,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);
@@ -63278,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
@@ -63343,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) {
@@ -65669,6 +66036,7 @@
             return TextStyle;
           case "image":
           case "video":
+          case "audio":
             return ImageStyle$1;
           case "chart":
           case "sparkline":
@@ -66627,6 +66995,7 @@
             return TextHeaderStyle;
           case "image":
           case "video":
+          case "audio":
             return ImageStyle;
           case "checkbox":
             return CheckboxStyle;
@@ -67677,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.6", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "undefined" != typeof window) {
+        if (super(), this.showFrozenIcon = !0, this._scrollToRowCorrectTimer = null, this._tableBorderWidth_left = 0, this._tableBorderWidth_right = 0, this._tableBorderWidth_top = 0, this._tableBorderWidth_bottom = 0, this.version = "1.26.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__ = {
@@ -69008,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;
@@ -73134,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];
@@ -73152,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();
         }
@@ -75386,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;
@@ -75404,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;
@@ -75421,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);
       }
@@ -75519,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);
       }
     }
 
@@ -75785,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],
@@ -75799,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,
@@ -75890,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({
@@ -75952,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,
@@ -75987,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),
@@ -76001,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,
@@ -76076,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,
@@ -76095,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),
@@ -76121,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),
@@ -76217,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({
@@ -76274,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),
@@ -76289,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,
@@ -76380,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({
@@ -76416,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];
@@ -76433,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
         };
@@ -76576,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;
@@ -76599,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;
@@ -76635,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);
@@ -76690,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,
@@ -76704,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;
@@ -76736,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());
         };
@@ -76745,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,
@@ -76771,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
@@ -76779,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,
@@ -76794,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());
@@ -77388,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({
@@ -77445,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),
@@ -77462,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),
@@ -77573,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 {
@@ -87912,7 +88429,7 @@
         PluginManager: PluginManager
     });
 
-    const version = "1.26.6";
+    const version = "1.26.7";
 
     exports.Gantt = Gantt;
     exports.TABLE_EVENT_TYPE = TABLE_EVENT_TYPE;