@visactor/vtable 1.26.6 → 1.26.8

package/cjs/scenegraph/group-creater/cell-helper.d.ts

@@ -2,10 +2,12 @@ import type { IThemeSpec, Group as VGroup } from './../../vrender';
 import type { CellRange, ColumnDefine, ColumnTypeOption } from '../../ts-types';
 import type { Group } from '../graphic/group';
 import type { BaseTableAPI } from '../../ts-types/base-table';
-export declare function createCell(type: ColumnTypeOption, value: string, define: ColumnDefine, table: BaseTableAPI, col: number, row: number, colWidth: number, cellWidth: number, cellHeight: number, columnGroup: Group, y: number, padding: [number, number, number, number], textAlign: CanvasTextAlign, textBaseline: CanvasTextBaseline, mayHaveIcon: boolean, cellTheme: IThemeSpec, range: CellRange | undefined, customResult?: {
+export declare function nextPromiseCellUpdateToken(cellGroup: Group): number;
+export declare function isPromiseCellUpdateCurrent(table: BaseTableAPI, col: number, row: number, cellGroup: Group, token: number): boolean;
+export declare function createCell(type: ColumnTypeOption, value: any, define: ColumnDefine, table: BaseTableAPI, col: number, row: number, colWidth: number, cellWidth: number, cellHeight: number, columnGroup: Group, y: number, padding: [number, number, number, number], textAlign: CanvasTextAlign, textBaseline: CanvasTextBaseline, mayHaveIcon: boolean, cellTheme: IThemeSpec, range: CellRange | undefined, customResult?: {
     elementsGroup?: VGroup;
     renderDefault: boolean;
-}): Group;
+}, cellValue?: any): Group;
 export declare function updateCell(col: number, row: number, table: BaseTableAPI, addNew?: boolean, isShadow?: boolean, forceFastUpdate?: boolean): Group;
 export declare function dealWithMergeCellSize(range: CellRange, cellWidth: number, cellHeight: number, padding: [number, number, number, number], textAlign: CanvasTextAlign, textBaseline: CanvasTextBaseline, table: BaseTableAPI): void;
 export declare function dealWithMergeCellSizeForShadow(range: CellRange, cellWidth: number, cellHeight: number, padding: [number, number, number, number], textAlign: CanvasTextAlign, textBaseline: CanvasTextBaseline, table: BaseTableAPI, cellGroup: Group): void;

package/cjs/scenegraph/group-creater/cell-helper.js

@@ -2,19 +2,31 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.getCustomCellMergeCustom = exports.resizeCellGroup = exports.dealWithMergeCellSizeForShadow = exports.dealWithMergeCellSize = exports.updateCell = exports.createCell = void 0;
+}), exports.getCustomCellMergeCustom = exports.resizeCellGroup = exports.dealWithMergeCellSizeForShadow = exports.dealWithMergeCellSize = exports.updateCell = exports.createCell = exports.isPromiseCellUpdateCurrent = exports.nextPromiseCellUpdateToken = void 0;
 
-const global_1 = require("../../tools/global"), custom_1 = require("../component/custom"), get_prop_1 = require("../utils/get-prop"), tableHelper_1 = require("../../core/tableHelper"), helper_1 = require("../../tools/helper"), deal_promise_data_1 = require("../utils/deal-promise-data"), factory_1 = require("../../core/factory"), get_hierarchy_offset_1 = require("../utils/get-hierarchy-offset"), padding_1 = require("../utils/padding"), text_icon_layout_1 = require("../utils/text-icon-layout"), vutils_1 = require("@visactor/vutils"), break_string_1 = require("../utils/break-string"), invert_highlight_1 = require("../../plugins/invert-highlight"), cell_border_stroke_width_1 = require("../utils/cell-border-stroke-width");
+const global_1 = require("../../tools/global"), custom_1 = require("../component/custom"), get_prop_1 = require("../utils/get-prop"), media_cell_helper_1 = require("./cell-type/media-cell-helper"), tableHelper_1 = require("../../core/tableHelper"), helper_1 = require("../../tools/helper"), deal_promise_data_1 = require("../utils/deal-promise-data"), factory_1 = require("../../core/factory"), get_hierarchy_offset_1 = require("../utils/get-hierarchy-offset"), padding_1 = require("../utils/padding"), text_icon_layout_1 = require("../utils/text-icon-layout"), vutils_1 = require("@visactor/vutils"), break_string_1 = require("../utils/break-string"), invert_highlight_1 = require("../../plugins/invert-highlight"), cell_border_stroke_width_1 = require("../utils/cell-border-stroke-width"), corner_custom_merge_1 = require("../utils/corner-custom-merge"), PROMISE_CELL_UPDATE_TOKEN_KEY = "__vtable_promise_cell_update_token__";
 
-function createCell(type, value, define, table, col, row, colWidth, cellWidth, cellHeight, columnGroup, y, padding, textAlign, textBaseline, mayHaveIcon, cellTheme, range, customResult) {
+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 ((0, helper_1.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_1.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_1.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, cellOriginValue = table.getCellOriginValue(col, row), headerStyle = table._getCellStyle(col, row);
@@ -47,9 +59,11 @@ function createCell(type, value, define, table, col, row, colWidth, cellWidth, c
             stroke: !1
         }), cellGroup.clear()) : table.internalProps.layoutMap.isAxisCell(col, row) && cellGroup.clear();
     } else if ("image" === type) {
-        cellGroup = factory_1.Factory.getFunction("createImageCellGroup")(columnGroup, 0, y, col, row, cellWidth, cellHeight, define.keepAspectRatio, define.imageAutoSizing, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, range, isAsync);
+        cellGroup = factory_1.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_1.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_1.Factory.getFunction("createVideoCellGroup")(columnGroup, 0, y, col, row, cellWidth, cellHeight, define.keepAspectRatio, define.imageAutoSizing, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, range, isAsync);
+        cellGroup = factory_1.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_1.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));
@@ -59,23 +73,23 @@ function createCell(type, value, define, table, col, row, colWidth, cellWidth, c
         const progressBarGroup = factory_1.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_1.Factory.getFunction("createSparkLineCellGroup")(null, columnGroup, 0, y, col, row, cellWidth, cellHeight, padding, table, cellTheme, isAsync);
+        cellGroup = factory_1.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_1.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_1.Factory.getFunction("createCheckboxCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync, !1);
+            cellGroup = factory_1.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_1.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_1.Factory.getFunction("createRadioCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, table, cellTheme, define, range);
+            cellGroup = factory_1.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_1.Factory.getFunction("createSwitchCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync);
+        cellGroup = factory_1.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_1.Factory.getFunction("createButtonCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync);
+        cellGroup = factory_1.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 = invert_highlight_1.onBeforeAttributeUpdateForInvertHighlight, 
     cellGroup;
@@ -83,13 +97,21 @@ function createCell(type, value, define, table, col, row, colWidth, cellWidth, c
 
 function _generateCustomElementsGroup(table, define, col, row, cellWidth, cellHeight, padding, range, customResult) {
     let customElementsGroup, renderDefault = !0;
-    if (customResult) customElementsGroup = customResult.elementsGroup, renderDefault = customResult.renderDefault; else if ((null == range ? void 0 : range.isCustom) && !table.isCornerHeader(col, row)) ; else {
+    if (!(0, corner_custom_merge_1.shouldRenderCornerCustomMergeContent)(col, row, range, table)) return {
+        customElementsGroup: customElementsGroup,
+        renderDefault: !1
+    };
+    if (customResult) customElementsGroup = (0, corner_custom_merge_1.createCornerCustomMergeContainer)(customResult.elementsGroup, cellWidth, cellHeight, range, table), 
+    renderDefault = customResult.renderDefault; else if ((null == range ? void 0 : range.isCustom) && !table.isCornerHeader(col, row)) ; else {
         let customRender, customLayout;
         if ("body" !== table.getCellLocation(col, row) ? (customRender = null == define ? void 0 : define.headerCustomRender, 
         customLayout = null == define ? void 0 : define.headerCustomLayout) : (customRender = (null == define ? void 0 : define.customRender) || table.customRender, 
         customLayout = null == define ? void 0 : define.customLayout), customLayout || customRender) {
-            const customResult = (0, custom_1.dealWithCustom)(customLayout, customRender, col, row, cellWidth, cellHeight, !1, table.isAutoRowHeight(row), padding, range, table);
-            customElementsGroup = customResult.elementsGroup, renderDefault = customResult.renderDefault;
+            const customCol = range && (0, corner_custom_merge_1.isCornerCustomMergeRange)(range, table) ? range.start.col : col, customRow = range && (0, 
+            corner_custom_merge_1.isCornerCustomMergeRange)(range, table) ? range.start.row : row, customResult = (0, 
+            custom_1.dealWithCustom)(customLayout, customRender, customCol, customRow, cellWidth, cellHeight, !1, table.isAutoRowHeight(row), padding, range, table);
+            customElementsGroup = (0, corner_custom_merge_1.createCornerCustomMergeContainer)(customResult.elementsGroup, cellWidth, cellHeight, range, table), 
+            renderDefault = customResult.renderDefault;
         }
     }
     return {
@@ -109,7 +131,8 @@ function updateCell(col, row, table, addNew, isShadow, forceFastUpdate) {
         if (customMerge) {
             const {range: customMergeRange, text: customMergeText, style: customMergeStyle, customLayout: customLayout, customRender: customRender} = customMerge;
             range = customMergeRange, isMerge = range.start.col !== range.end.col || range.start.row !== range.end.row, 
-            value = customMergeText, customStyle = customMergeStyle, (customLayout || customRender) && (customResult = (0, 
+            value = customMergeText, customStyle = customMergeStyle, (customLayout || customRender) && (0, 
+            corner_custom_merge_1.shouldRenderCornerCustomMergeContent)(col, row, customMergeRange, table) && (customResult = (0, 
             custom_1.dealWithCustom)(customLayout, customRender, customMergeRange.start.col, customMergeRange.start.row, table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col), table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row), !1, table.isAutoRowHeight(row), [ 0, 0, 0, 0 ], range, table)), 
             isCustomMerge = !0;
         }
@@ -195,27 +218,31 @@ function updateCell(col, row, table, addNew, isShadow, forceFastUpdate) {
     const type = isVtableMerge || isCustomMerge ? "text" : table.getCellType(col, row), padding = cellTheme._vtable.padding, 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)), (0, helper_1.isPromise)(value) ? (oldCellGroup.removeAllChild(), 
-    (0, deal_promise_data_1.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) {
+    cellHeight = table.getRowHeight(row)), (0, helper_1.isPromise)(value)) {
+        const updateToken = nextPromiseCellUpdateToken(oldCellGroup);
+        (0, media_cell_helper_1.removeCellMediaChildren)(oldCellGroup), oldCellGroup.removeAllChild(), 
+        (0, deal_promise_data_1.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, {height: contentHeight} = newCellGroup.attribute;
         newCellGroup.contentWidth = contentWidth, newCellGroup.contentHeight = contentHeight, 
         isShadow ? dealWithMergeCellSizeForShadow(range, cellWidth, cellHeight, padding, textAlign, textBaseline, table, newCellGroup) : dealWithMergeCellSize(range, cellWidth, cellHeight, padding, textAlign, textBaseline, table);
@@ -223,9 +250,10 @@ function updateCell(col, row, table, addNew, isShadow, forceFastUpdate) {
     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 ((0, helper_1.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_1.CUSTOM_CONTAINER_NAME);
         if (reactGroup) {
@@ -233,9 +261,12 @@ function updateCellContent(type, value, define, table, col, row, cellWidth, cell
             (0, vutils_1.isNumber)(col) && (0, vutils_1.isNumber)(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))), 
+    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), (0, media_cell_helper_1.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;
 }
 
@@ -246,11 +277,13 @@ function canUseFastUpdate(col, row, oldCellGroup, autoWrapText, mayHaveIcon, tab
     helper_1.isPromise)(value));
 }
 
-function callUpdateCellContentForPromiseValue(updateCellArgs) {
-    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), cellTheme = (0, 
+function callUpdateCellContentForPromiseValue(updateCellArgs, resolvedValue) {
+    const {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 = (0, 
     tableHelper_1.getStyleTheme)(cellStyle, table, range ? range.start.col : col, range ? range.start.row : row, get_prop_1.getProp).theme;
     cellTheme.group.cornerRadius = (0, tableHelper_1.getCellCornerRadius)(col, row, table), 
-    updateCellContent(type, value, define, table, col, row, cellWidth, cellHeight, oldCellGroup, padding, textAlign, textBaseline, mayHaveIcon, addNew, cellTheme, range, customResult);
+    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) {
@@ -322,16 +355,25 @@ function getCustomCellMergeCustom(col, row, cellGroup, table) {
         if (customMerge) {
             const {range: customMergeRange, text: customMergeText, style: customMergeStyle, customLayout: customMergeLayout, customRender: customMergeRender} = customMerge;
             if (customMergeLayout || customMergeRender) {
-                const customElementsGroup = (0, custom_1.dealWithCustom)(customMergeLayout, customMergeRender, customMergeRange.start.col, customMergeRange.start.row, table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col), table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row), !1, table.isAutoRowHeight(row), [ 0, 0, 0, 0 ], customMergeRange, table).elementsGroup;
-                cellGroup.childrenCount > 0 && customElementsGroup ? cellGroup.insertBefore(customElementsGroup, cellGroup.firstChild) : customElementsGroup && cellGroup.appendChild(customElementsGroup);
-                const rangeHeight = table.getRowHeight(row), rangeWidth = table.getColWidth(col), {width: contentWidth} = cellGroup.attribute, {height: contentHeight} = cellGroup.attribute;
-                return cellGroup.contentWidth = contentWidth, cellGroup.contentHeight = contentHeight, 
-                resizeCellGroup(cellGroup, rangeWidth, rangeHeight, customMergeRange, table), customMergeRange;
+                const rangeHeight = table.getRowHeight(row), rangeWidth = table.getColWidth(col), contentWidth = table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col), contentHeight = table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row);
+                if (cellGroup.contentWidth = contentWidth, cellGroup.contentHeight = contentHeight, 
+                !(0, corner_custom_merge_1.shouldRenderCornerCustomMergeContent)(col, row, customMergeRange, table)) {
+                    const customContainer = cellGroup.getChildByName(custom_1.CUSTOM_CONTAINER_NAME);
+                    return customContainer && cellGroup.removeChild(customContainer), cellGroup.setAttribute("clip", !0), 
+                    resizeCellGroup(cellGroup, rangeWidth, rangeHeight, customMergeRange, table), customMergeRange;
+                }
+                const customResult = (0, custom_1.dealWithCustom)(customMergeLayout, customMergeRender, customMergeRange.start.col, customMergeRange.start.row, table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col), table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row), !1, table.isAutoRowHeight(row), [ 0, 0, 0, 0 ], customMergeRange, table), customElementsGroup = (0, 
+                corner_custom_merge_1.createCornerCustomMergeContainer)(customResult.elementsGroup, contentWidth, contentHeight, customMergeRange, table);
+                return cellGroup.childrenCount > 0 && customElementsGroup ? cellGroup.insertBefore(customElementsGroup, cellGroup.firstChild) : customElementsGroup && cellGroup.appendChild(customElementsGroup), 
+                resizeCellGroup(cellGroup, rangeWidth, rangeHeight, customMergeRange, table), (0, 
+                corner_custom_merge_1.isCornerCustomMergeRange)(customMergeRange, table) && cellGroup.setAttribute("clip", !1), 
+                customMergeRange;
             }
         }
     }
 }
 
+exports.nextPromiseCellUpdateToken = nextPromiseCellUpdateToken, exports.isPromiseCellUpdateCurrent = isPromiseCellUpdateCurrent, 
 exports.createCell = createCell, exports.updateCell = updateCell, exports.dealWithMergeCellSize = dealWithMergeCellSize, 
 exports.dealWithMergeCellSizeForShadow = dealWithMergeCellSizeForShadow, exports.resizeCellGroup = resizeCellGroup, 
 exports.getCustomCellMergeCustom = getCustomCellMergeCustom;