@visactor/vtable 1.10.3 → 1.10.4

package/dist/vtable.js

@@ -30224,7 +30224,7 @@
             return EVENT_TYPE$1;
         }
         hasHierarchyStateExpand = false;
-        beforeChangedRecordsMap = [];
+        beforeChangedRecordsMap = {};
         registedAggregators = {};
         rowHierarchyType;
         fieldAggregators = [];
@@ -30781,15 +30781,27 @@
             const realDeletedRecordIndexs = [];
             for (let index = 0; index < recordIndexs.length; index++) {
                 const recordIndex = recordIndexs[index];
-                if (recordIndex >= this._sourceLength || recordIndex < 0) {
-                    continue;
+                if (Array.isArray(recordIndex)) {
+                    delete this.beforeChangedRecordsMap[recordIndex.join(',')];
+                    realDeletedRecordIndexs.push(recordIndex);
+                    recordIndex.slice(0, -1).reduce((acc, key) => {
+                        if (acc[key] === undefined) {
+                            acc[key] = {};
+                        }
+                        return acc[key].children;
+                    }, this.records)[recordIndex[recordIndex.length - 1]] = records[index];
                 }
-                delete this.beforeChangedRecordsMap[recordIndex];
-                realDeletedRecordIndexs.push(recordIndex);
-                for (let i = 0; i < this.fieldAggregators.length; i++) {
-                    this.fieldAggregators[i].updateRecord(this.records[recordIndex], records[index]);
+                else {
+                    if (recordIndex >= this._sourceLength || recordIndex < 0) {
+                        continue;
+                    }
+                    delete this.beforeChangedRecordsMap[recordIndex];
+                    realDeletedRecordIndexs.push(recordIndex);
+                    for (let i = 0; i < this.fieldAggregators.length; i++) {
+                        this.fieldAggregators[i].updateRecord(this.records[recordIndex], records[index]);
+                    }
+                    this.records[recordIndex] = records[index];
                 }
-                this.records[recordIndex] = records[index];
             }
             if (this.userPagination) {
                 this.updatePagerData();
@@ -34993,7 +35005,7 @@
         else if (type === 'chart') {
             const chartInstance = table.internalProps.layoutMap.getChartInstance(col, row);
             const createChartCellGroup = Factory.getFunction('createChartCellGroup');
-            cellGroup = createChartCellGroup(null, columnGroup, 0, y, col, row, cellWidth, cellHeight, padding, value, define.chartModule, table.internalProps.layoutMap.getChartSpec(col, row), chartInstance, table.internalProps.layoutMap.getChartDataId(col, row) ?? 'data', table, cellTheme, table.internalProps.layoutMap.isShareChartSpec(col, row), isAsync);
+            cellGroup = createChartCellGroup(null, columnGroup, 0, y, col, row, cellWidth, cellHeight, padding, value, define.chartModule, table.internalProps.layoutMap.getChartSpec(col, row), chartInstance, table.internalProps.layoutMap.getChartDataId(col, row) ?? 'data', table, cellTheme, table.internalProps.layoutMap.isShareChartSpec(col, row), isAsync, table.internalProps.layoutMap.isNoChartDataRenderNothing(col, row));
         }
         else if (type === 'progressbar') {
             const style = table._getCellStyle(col, row);
@@ -35164,8 +35176,8 @@
         const type = isVtableMerge || isCustomMerge
             ? 'text'
             : table.isHeader(col, row)
-                ? table._getHeaderLayoutMap(col, row).headerType
-                : table.getBodyColumnType(col, row);
+                ? table._getHeaderLayoutMap(col, row).headerType ?? 'text'
+                : table.getBodyColumnType(col, row) ?? 'text';
         const padding = cellTheme._vtable.padding;
         const textAlign = cellTheme.text.textAlign;
         const textBaseline = cellTheme.text.textBaseline;
@@ -36362,8 +36374,8 @@
         const type = isVtableMerge || isCustomMerge
             ? 'text'
             : scene.table.isHeader(col, row)
-                ? scene.table._getHeaderLayoutMap(col, row).headerType
-                : scene.table.getBodyColumnType(col, row);
+                ? scene.table._getHeaderLayoutMap(col, row).headerType ?? 'text'
+                : scene.table.getBodyColumnType(col, row) ?? 'text';
         if (type === 'progressbar') {
             const columnDefine = scene.table.getBodyColumnDefine(col, row);
             const style = scene.table._getCellStyle(col, row);
@@ -36700,8 +36712,8 @@
         const type = isVtableMerge || isCustomMerge
             ? 'text'
             : scene.table.isHeader(col, row)
-                ? scene.table._getHeaderLayoutMap(col, row).headerType
-                : scene.table.getBodyColumnType(col, row);
+                ? scene.table._getHeaderLayoutMap(col, row).headerType ?? 'text'
+                : scene.table.getBodyColumnType(col, row) ?? 'text';
         let isHeightChange = false;
         if (type === 'progressbar') {
             const columnDefine = scene.table.getBodyColumnDefine(col, row);
@@ -40719,7 +40731,7 @@
     const emptyGroup = new Group$1({});
     emptyGroup.role = 'empty';
 
-    function createComplexColumn(columnGroup, col, colWidth, rowStart, rowEnd, mergeMap, defaultRowHeight, table, cellLocation, rowLimit) {
+    function createComplexColumn(columnGroup, col, colWidth, rowStart, rowEnd, mergeMap, defaultRowHeight, table, rowLimit) {
         let padding;
         let textAlign;
         let textBaseline;
@@ -40732,6 +40744,7 @@
         }
         for (let j = rowStart; j <= rowEnd; j++) {
             const row = j;
+            let cellLocation = table.getCellLocation(col, row);
             let value = table.getCellValue(col, row);
             let cellWidth = colWidth;
             let cellHeight = table.getRowHeight(row);
@@ -40813,8 +40826,8 @@
             const type = isVtableMerge || isCustomMerge
                 ? 'text'
                 : (table.isHeader(col, row)
-                    ? table._getHeaderLayoutMap(col, row).headerType
-                    : table.getBodyColumnType(col, row)) || 'text';
+                    ? table._getHeaderLayoutMap(col, row).headerType ?? 'text'
+                    : table.getBodyColumnType(col, row)) ?? 'text';
             if (isPromise(value)) {
                 createEmptyCellGroup(col, row, 0, y, cellWidth, cellHeight, columnGroup);
                 dealPromiseData(value, table, callCreateCellForPromiseValue.bind(null, {
@@ -40970,7 +40983,7 @@
             columnGroup.role = 'column';
             columnGroup.col = i;
             containerGroup.addChild(columnGroup);
-            const { width: default2Width, height: default2Height } = createComplexColumn(columnGroup, col, colWidth, rowStart, rowEnd, table.scenegraph.mergeMap, cellLocation === 'columnHeader' && isNumber$2(defaultHeaderRowHeight) ? defaultHeaderRowHeight : defaultRowHeight, table, cellLocation, rowLimit);
+            const { width: default2Width, height: default2Height } = createComplexColumn(columnGroup, col, colWidth, rowStart, rowEnd, table.scenegraph.mergeMap, cellLocation === 'columnHeader' && isNumber$2(defaultHeaderRowHeight) ? defaultHeaderRowHeight : defaultRowHeight, table, rowLimit);
             x += default2Width;
             heightMax = Math.max(heightMax, default2Height);
         }
@@ -42247,8 +42260,8 @@
                 let maxHeight = 0;
                 for (let col = 0; col < this.table.frozenColCount; col++) {
                     const colGroup = this.table.scenegraph.getColGroup(col);
-                    const cellLocation = this.table.isListTable() ? 'body' : 'rowHeader';
-                    const { height } = createComplexColumn(colGroup, col, colGroup.attribute.width, this.currentRow + 1, endRow, this.table.scenegraph.mergeMap, this.table.internalProps.defaultRowHeight, this.table, cellLocation);
+                    this.table.isListTable() ? 'body' : 'rowHeader';
+                    const { height } = createComplexColumn(colGroup, col, colGroup.attribute.width, this.currentRow + 1, endRow, this.table.scenegraph.mergeMap, this.table.internalProps.defaultRowHeight, this.table);
                     maxHeight = Math.max(maxHeight, height);
                     this.table.scenegraph.rowHeaderGroup.setAttribute('height', maxHeight);
                 }
@@ -42257,8 +42270,8 @@
                 let maxHeight = 0;
                 for (let col = this.table.colCount - this.table.rightFrozenColCount; col < this.table.colCount; col++) {
                     const colGroup = this.table.scenegraph.getColGroup(col);
-                    const cellLocation = this.table.isPivotChart() ? 'rowHeader' : 'body';
-                    const { height } = createComplexColumn(colGroup, col, colGroup.attribute.width, this.currentRow + 1, endRow, this.table.scenegraph.mergeMap, this.table.internalProps.defaultRowHeight, this.table, cellLocation);
+                    this.table.isPivotChart() ? 'rowHeader' : 'body';
+                    const { height } = createComplexColumn(colGroup, col, colGroup.attribute.width, this.currentRow + 1, endRow, this.table.scenegraph.mergeMap, this.table.internalProps.defaultRowHeight, this.table);
                     maxHeight = Math.max(maxHeight, height);
                     this.table.scenegraph.rightFrozenGroup.setAttribute('height', maxHeight);
                 }
@@ -42269,8 +42282,8 @@
                 if (!colGroup) {
                     continue;
                 }
-                const cellLocation = col < this.table.rowHeaderLevelCount ? 'rowHeader' : 'body';
-                const { height } = createComplexColumn(colGroup, col, colGroup.attribute.width, this.currentRow + 1, endRow, this.table.scenegraph.mergeMap, this.table.internalProps.defaultRowHeight, this.table, cellLocation);
+                col < this.table.rowHeaderLevelCount ? 'rowHeader' : 'body';
+                const { height } = createComplexColumn(colGroup, col, colGroup.attribute.width, this.currentRow + 1, endRow, this.table.scenegraph.mergeMap, this.table.internalProps.defaultRowHeight, this.table);
                 maxHeight = Math.max(maxHeight, height);
             }
             this.table.scenegraph.bodyGroup.setAttribute('height', maxHeight);
@@ -43311,8 +43324,20 @@
         }
         for (let col = 0; col < table.colCount; col++) {
             updateRows.forEach(row => {
-                if (row < table.frozenRowCount ||
-                    row > table.rowCount - 1 ||
+                if (row < table.frozenRowCount) {
+                    const mergeInfo = getCellMergeInfo(scene.table, col, row);
+                    if (mergeInfo) {
+                        for (let col = mergeInfo.start.col; col <= mergeInfo.end.col; col++) {
+                            for (let row = mergeInfo.start.row; row <= mergeInfo.end.row; row++) {
+                                updateCell$1(col, row, scene.table, false);
+                            }
+                        }
+                    }
+                    else {
+                        updateCell$1(col, row, scene.table, false);
+                    }
+                }
+                else if (row > table.rowCount - 1 ||
                     (row < scene.table.rowCount - scene.table.bottomFrozenRowCount &&
                         (row < scene.proxy.rowStart || row > scene.proxy.rowEnd))) {
                     removeCellGroup(row, scene);
@@ -50442,9 +50467,12 @@
             table.scenegraph.updateNextFrame();
         });
         table.scenegraph.stage.addEventListener('wheel', (e) => {
-            table.editorManager?.completeEdit();
-            if (table.eventManager._enableTableScroll) {
-                handleWhell(e, stateManager);
+            const tableGroup = e.path.find(node => node.role === 'table');
+            if (tableGroup) {
+                table.editorManager?.completeEdit();
+                if (table.eventManager._enableTableScroll) {
+                    handleWhell(e, stateManager);
+                }
             }
         });
     }
@@ -50762,6 +50790,7 @@
             }
             else if (e.key === 'Escape') {
                 table.editorManager?.cancelEdit();
+                table.getElement().focus();
             }
             else if (e.key === 'Enter') {
                 if (table.editorManager?.editingEditor) {
@@ -50801,18 +50830,19 @@
             }
             else if (e.key === 'Tab') {
                 if (table.options.keyboardOptions?.moveFocusCellOnTab ?? true) {
-                    e.preventDefault();
                     if (stateManager.select.cellPos.col >= 0 && stateManager.select.cellPos.row >= 0) {
+                        const isLastCell = stateManager.select.cellPos.col === table.colCount - 1 &&
+                            stateManager.select.cellPos.row === table.rowCount - 1;
+                        if (isLastCell) {
+                            return;
+                        }
+                        e.preventDefault();
                         let targetCol;
                         let targetRow;
                         if (stateManager.select.cellPos.col === table.colCount - 1) {
                             targetRow = Math.min(table.rowCount - 1, stateManager.select.cellPos.row + 1);
                             targetCol = table.rowHeaderLevelCount;
                         }
-                        else if (stateManager.select.cellPos.row === table.rowCount - 1) {
-                            targetRow = table.rowCount - 1;
-                            targetCol = table.rowHeaderLevelCount;
-                        }
                         else {
                             targetRow = stateManager.select.cellPos.row;
                             targetCol = stateManager.select.cellPos.col + 1;
@@ -51756,7 +51786,11 @@
                 }
                 else if (!this.table.isHeader(eventArgs.col, eventArgs.row) && define?.disableSelect) {
                     if (!isSelectMoving) {
+                        const isHasSelected = !!this.table.stateManager.select.ranges?.length;
                         this.table.stateManager.updateSelectPos(-1, -1);
+                        if (isHasSelected) {
+                            this.table.stateManager.endSelectCells(true, isHasSelected);
+                        }
                     }
                     return false;
                 }
@@ -52743,8 +52777,11 @@
                     rootElementLeft = referencePosition.rect.right - rootElementWidth;
                     rootElementTop = referencePosition.rect.bottom;
                 }
-                if (rootElementTop + rootElementHeight > containerHeight) {
-                    rootElementTop = containerHeight - rootElementHeight;
+                const rect = element.getBoundingClientRect();
+                const scaleX = rect.width / element.offsetWidth;
+                const scaleY = rect.height / element.offsetHeight;
+                if (rootElementTop * scaleY + rootElementHeight > containerHeight) {
+                    rootElementTop = (containerHeight - rootElementHeight) / scaleY;
                 }
                 if (rootElementTop < 0) {
                     rootElementTop = rootElementTop / 2;
@@ -52753,8 +52790,8 @@
                 if (rootElementLeft < 0) {
                     rootElementLeft = 0;
                 }
-                else if (rootElementLeft + rootElementWidth > containerWidth) {
-                    rootElementLeft = containerWidth - rootElementWidth;
+                else if (rootElementLeft * scaleX + rootElementWidth > containerWidth) {
+                    rootElementLeft = (containerWidth - rootElementWidth) / scaleX;
                 }
                 rootElement.style.left = `${rootElementLeft}px`;
                 return true;
@@ -54378,7 +54415,7 @@
             if (hd.indicatorKey) {
                 return indicator.indicatorKey === hd.indicatorKey;
             }
-            return indicator.title === hd.value;
+            return indicator.title === hd.value && !hd.dimensionKey;
         });
         const cell = {
             id,
@@ -54417,6 +54454,7 @@
                     cellType: indicatorInfo?.cellType ?? indicatorInfo?.columnType ?? 'text',
                     chartModule: 'chartModule' in indicatorInfo ? indicatorInfo.chartModule : null,
                     chartSpec: 'chartSpec' in indicatorInfo ? indicatorInfo.chartSpec : null,
+                    noDataRenderNothing: 'noDataRenderNothing' in indicatorInfo ? indicatorInfo.noDataRenderNothing : false,
                     sparklineSpec: 'sparklineSpec' in indicatorInfo ? indicatorInfo.sparklineSpec : null,
                     style: indicatorInfo?.style,
                     icon: indicatorInfo?.icon,
@@ -54529,6 +54567,7 @@
                     cellType: indicatorInfo?.cellType ?? indicatorInfo?.columnType ?? 'text',
                     chartModule: 'chartModule' in indicatorInfo ? indicatorInfo.chartModule : null,
                     chartSpec: 'chartSpec' in indicatorInfo ? indicatorInfo.chartSpec : null,
+                    noDataRenderNothing: 'noDataRenderNothing' in indicatorInfo ? indicatorInfo.noDataRenderNothing : false,
                     sparklineSpec: 'sparklineSpec' in indicatorInfo ? indicatorInfo.sparklineSpec : null,
                     style: indicatorInfo?.style,
                     icon: indicatorInfo?.icon,
@@ -55011,6 +55050,7 @@
         if (absoluteY === 0) {
             return { top: 0, row: 0, bottom: 0, height: 0 };
         }
+        absoluteY = absoluteY - _this.tableY;
         if (isConsider &&
             absoluteY > _this.tableNoFrameHeight - _this.getBottomFrozenRowsHeight() &&
             absoluteY < _this.tableNoFrameHeight) {
@@ -55354,7 +55394,7 @@
             else if (row === layout.rowCount - layout.bottomFrozenRowCount &&
                 col >= layout.rowHeaderLevelCount &&
                 col < layout.colCount - layout.rightFrozenColCount) {
-                const indicatorKeys = layout.getIndicatorKeyInChartSpec(col, row);
+                const indicatorKeys = layout.getIndicatorKeyInChartSpec(col, row).slice(0, 2);
                 let indicatorInfo = null;
                 indicatorKeys?.forEach(key => {
                     const info = layout.getIndicatorInfo(key);
@@ -55445,7 +55485,7 @@
             if (col === layout.rowHeaderLevelCount - 1 &&
                 row >= layout.columnHeaderLevelCount &&
                 row < layout.rowCount - layout.bottomFrozenRowCount) {
-                const indicatorKeys = layout.getIndicatorKeyInChartSpec(col, row);
+                const indicatorKeys = layout.getIndicatorKeyInChartSpec(col, row).slice(0, 2);
                 let indicatorInfo = null;
                 indicatorKeys?.forEach(key => {
                     const info = layout.getIndicatorInfo(key);
@@ -55712,7 +55752,7 @@
         if (axisOption?.visible === false) {
             return undefined;
         }
-        const indicatorKeys = layout.getIndicatorKeyInChartSpec(colForIndicatorKey, rowForIndicatorKey);
+        const indicatorKeys = layout.getIndicatorKeyInChartSpec(colForIndicatorKey, rowForIndicatorKey).slice(0, 2);
         let path;
         if (position === 'top' || position === 'bottom') {
             path = layout.getColKeysPath(col, row);
@@ -56114,7 +56154,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.10.3";
+        version = "1.10.4";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -59529,6 +59569,20 @@
         }
         return true;
     }
+    function isNoChartDataRenderNothing(col, row, layout) {
+        const paths = layout.getCellHeaderPaths(col, row);
+        let indicatorObj;
+        if (layout.indicatorsAsCol) {
+            const indicatorKey = paths.colHeaderPaths.find(colPath => colPath.indicatorKey)?.indicatorKey;
+            indicatorObj = layout.columnObjects.find(indicator => indicator.indicatorKey === indicatorKey);
+        }
+        else {
+            const indicatorKey = paths.rowHeaderPaths.find(rowPath => rowPath.indicatorKey)?.indicatorKey;
+            indicatorObj = layout.columnObjects.find(indicator => indicator.indicatorKey === indicatorKey);
+        }
+        const noDataRenderNothing = indicatorObj?.noDataRenderNothing;
+        return noDataRenderNothing;
+    }
     function checkHasCartesianChart(indicatorsDefine) {
         let isHasCartesianChart = false;
         for (let i = 0; i < indicatorsDefine.length; i++) {
@@ -59626,7 +59680,7 @@
     function getChartAxes(col, row, layout) {
         const axes = [];
         if (layout.indicatorsAsCol) {
-            const indicatorKeys = layout.getIndicatorKeyInChartSpec(col, row);
+            const indicatorKeys = layout.getIndicatorKeyInChartSpec(col, row).slice(0, 2);
             const colPath = layout.getColKeysPath(col, row);
             indicatorKeys.forEach((key, index) => {
                 const { range, isZeroAlign, axisOption } = getRange(col, row, index, index === 0 ? 'bottom' : 'top', indicatorKeys, colPath, layout);
@@ -59656,7 +59710,7 @@
                     label: { visible: false, flush: true },
                     title: { visible: false },
                     domainLine: { visible: false },
-                    seriesIndex: index,
+                    seriesIndex: axisOption?.seriesId ? undefined : index,
                     sync: { axisId: NO_AXISID_FRO_VTABLE }
                 }));
             });
@@ -59685,7 +59739,7 @@
             }));
         }
         else {
-            const indicatorKeys = layout.getIndicatorKeyInChartSpec(col, row);
+            const indicatorKeys = layout.getIndicatorKeyInChartSpec(col, row).slice(0, 2);
             const rowPath = layout.getRowKeysPath(col, row);
             indicatorKeys.forEach((key, index) => {
                 const { range, isZeroAlign, axisOption } = getRange(col, row, index, index === 0 ? 'left' : 'right', indicatorKeys, rowPath, layout);
@@ -59715,7 +59769,7 @@
                     label: { visible: false, flush: true },
                     title: { visible: false },
                     domainLine: { visible: false },
-                    seriesIndex: index,
+                    seriesIndex: axisOption?.seriesId ? undefined : index,
                     sync: { axisId: NO_AXISID_FRO_VTABLE }
                 }));
             });
@@ -61028,10 +61082,10 @@
         }
         toggleHierarchyState(diffDataIndices) {
             const addCellPositions = diffDataIndices.add.map(index => {
-                return { col: 0, row: this._table.frozenRowCount + index };
+                return { col: 0, row: this._table.columnHeaderLevelCount + index };
             });
             const removeCellPositions = diffDataIndices.remove.map(index => {
-                return { col: 0, row: this._table.frozenRowCount + index };
+                return { col: 0, row: this._table.columnHeaderLevelCount + index };
             });
             return {
                 addCellPositions,
@@ -61072,6 +61126,11 @@
             }
             return true;
         }
+        isNoChartDataRenderNothing(col, row) {
+            const body = this.getBody(col, row);
+            const noDataRenderNothing = (body?.define).noDataRenderNothing;
+            return noDataRenderNothing;
+        }
         getChartSpec(col, row) {
             return this.getRawChartSpec(col, row);
         }
@@ -61869,7 +61928,8 @@
                 if (updateRecordIndexs.length === 0) {
                     return;
                 }
-                const recordIndexsMinToMax = updateRecordIndexs.sort((a, b) => a - b);
+                const bodyRowIndex = updateRecordIndexs.map(index => table.getBodyRowIndexByRecordIndex(index));
+                const recordIndexsMinToMax = bodyRowIndex.sort((a, b) => a - b);
                 if (table.pagination) {
                     const { perPageCount, currentPage } = table.pagination;
                     const headerCount = table.transpose ? table.rowHeaderLevelCount : table.columnHeaderLevelCount;
@@ -62903,6 +62963,9 @@
             return indexArrLngth;
         }
         getBodyRowIndexByRecordIndex(index) {
+            if (Array.isArray(index) && index.length === 1) {
+                index = index[0];
+            }
             return this.dataSource.getTableIndex(index);
         }
     }
@@ -64048,8 +64111,8 @@
                 return;
             }
             this.legendComponent.setAttributes({
-                width: this.table.tableNoFrameWidth,
-                height: this.table.tableNoFrameHeight
+                maxWidth: this.table.tableNoFrameWidth,
+                maxHeight: this.table.tableNoFrameHeight
             });
             this.adjustTableSize(this.legendComponent.attribute);
         }
@@ -65909,7 +65972,7 @@
         return extend(builtin, chartTypes);
     }
 
-    function createChartCellGroup(cellGroup, columnGroup, xOrigin, yOrigin, col, row, width, height, padding, dataValue, chartModule, chartSpec, chartInstance, dataId, table, cellTheme, isShareChartSpec, isAsync) {
+    function createChartCellGroup(cellGroup, columnGroup, xOrigin, yOrigin, col, row, width, height, padding, dataValue, chartModule, chartSpec, chartInstance, dataId, table, cellTheme, isShareChartSpec, isAsync, isNoChartDataRenderNothing) {
         const registerCharts = get();
         const ClassType = registerCharts[chartModule];
         const headerStyle = table._getCellStyle(col, row);
@@ -65964,27 +66027,29 @@
             }
         }
         cellGroup.AABBBounds.width();
-        const chartGroup = new Chart(isShareChartSpec, {
-            stroke: false,
-            x: padding[3],
-            y: padding[0],
-            canvas: table.canvas ?? table.scenegraph.stage.window.getContext().canvas,
-            mode: table.options.mode,
-            modeParams: table.options.modeParams,
-            spec: chartSpec,
-            ClassType,
-            width: width - padding[3] - padding[1],
-            height: height - padding[2] - padding[0],
-            chartInstance,
-            dataId,
-            data: table.getCellValue(col, row),
-            cellPadding: padding,
-            dpr: table.internalProps.pixelRatio,
-            axes: table.isPivotChart() ? table.internalProps.layoutMap.getChartAxes(col, row) : [],
-            tableChartOption: table.options.chartOption
-        });
-        cellGroup.appendChild(chartGroup);
-        table.internalProps.layoutMap.setChartInstance(col, row, chartGroup.chartInstance);
+        if ((isNoChartDataRenderNothing && Array.isArray(table.getCellValue(col, row))) || !isNoChartDataRenderNothing) {
+            const chartGroup = new Chart(isShareChartSpec, {
+                stroke: false,
+                x: padding[3],
+                y: padding[0],
+                canvas: table.canvas ?? table.scenegraph.stage.window.getContext().canvas,
+                mode: table.options.mode,
+                modeParams: table.options.modeParams,
+                spec: chartSpec,
+                ClassType,
+                width: width - padding[3] - padding[1],
+                height: height - padding[2] - padding[0],
+                chartInstance,
+                dataId,
+                data: table.getCellValue(col, row) || [],
+                cellPadding: padding,
+                dpr: table.internalProps.pixelRatio,
+                axes: table.isPivotChart() ? table.internalProps.layoutMap.getChartAxes(col, row) : [],
+                tableChartOption: table.options.chartOption
+            });
+            cellGroup.appendChild(chartGroup);
+            table.internalProps.layoutMap.setChartInstance(col, row, chartGroup.chartInstance);
+        }
         return cellGroup;
     }
 
@@ -69884,6 +69949,9 @@
         getChartDataId(col, row) {
             return getChartDataId(col, row, this);
         }
+        isNoChartDataRenderNothing(col, row) {
+            return isNoChartDataRenderNothing(col, row, this);
+        }
         setPagination(pagination) {
             this.clearCellRangeMap();
             this._table.internalProps.useOneRowHeightFillAll = false;
@@ -75436,7 +75504,7 @@
     }
 
     registerForVrender();
-    const version = "1.10.3";
+    const version = "1.10.4";
     function getIcons() {
         return get$2();
     }