@visactor/vtable 1.22.6-alpha.3 → 1.22.7-alpha.0

package/dist/vtable.js

@@ -7447,10 +7447,10 @@
     }
     ResourceLoader.cache = new Map(), ResourceLoader.isLoading = !1, ResourceLoader.toLoadAueue = [], ResourceLoader.onLoadSuccessCb = [];
 
-    var Edge$1;
+    var Edge;
     !function (Edge) {
       Edge[Edge.Top = 1] = "Top", Edge[Edge.Right = 2] = "Right", Edge[Edge.Bottom = 4] = "Bottom", Edge[Edge.Left = 8] = "Left", Edge[Edge.ALL = 15] = "ALL";
-    }(Edge$1 || (Edge$1 = {}));
+    }(Edge || (Edge = {}));
     const _strokeVec4 = [!1, !1, !1, !1];
     const parseStroke = stroke => {
       var _a;
@@ -9498,7 +9498,7 @@
             }
           }]), noAnimateAttrs && this.setAttributesAndPreventAnimate(noAnimateAttrs, !1, {
             type: AttributeUpdateType.STATE
-          });
+          }), this.finalAttribute && Object.assign(this.finalAttribute, attrs);
         } else this.stopStateAnimates(), this.setAttributesAndPreventAnimate(attrs, !1, {
           type: AttributeUpdateType.STATE
         }), this.finalAttribute && Object.assign(this.finalAttribute, attrs);
@@ -9524,7 +9524,7 @@
       getNormalAttribute(key) {
         var _a, _b;
         const value = this.attribute[key];
-        return this.animates ? null === (_a = this.finalAttribute) || void 0 === _a ? void 0 : _a[key] : null != value ? value : null === (_b = this.finalAttribute) || void 0 === _b ? void 0 : _b[key];
+        return this.animates && this.animates.size ? null === (_a = this.finalAttribute) || void 0 === _a ? void 0 : _a[key] : null != value ? value : null === (_b = this.finalAttribute) || void 0 === _b ? void 0 : _b[key];
       }
       clearStates(hasAnimation) {
         this.hasState() && this.normalAttrs ? (this.currentStates = [], this.applyStateAttrs(this.normalAttrs, this.currentStates, hasAnimation, !0)) : this.currentStates = [], this.normalAttrs = null;
@@ -21088,16 +21088,16 @@
     };
     decompressFrames_1 = lib$1.decompressFrames = decompressFrames;
 
-    const browser$1 = isBrowserEnv();
+    const browser = isBrowserEnv();
 
     function _registerArc() {
-      _registerArc.__loaded || (_registerArc.__loaded = !0, registerArcGraphic(), container.load(arcModule), container.load(browser$1 ? arcCanvasPickModule : arcMathPickModule));
+      _registerArc.__loaded || (_registerArc.__loaded = !0, registerArcGraphic(), container.load(arcModule), container.load(browser ? arcCanvasPickModule : arcMathPickModule));
     }
     _registerArc.__loaded = !1;
     const registerArc = _registerArc;
 
     function _registerCircle() {
-      _registerCircle.__loaded || (_registerCircle.__loaded = !0, registerCircleGraphic(), container.load(circleModule), container.load(browser$1 ? circleCanvasPickModule : circleMathPickModule));
+      _registerCircle.__loaded || (_registerCircle.__loaded = !0, registerCircleGraphic(), container.load(circleModule), container.load(browser ? circleCanvasPickModule : circleMathPickModule));
     }
     _registerCircle.__loaded = !1;
     const registerCircle = _registerCircle;
@@ -21109,37 +21109,37 @@
     const registerGroup = _registerGroup;
 
     function _registerImage() {
-      _registerImage.__loaded || (_registerImage.__loaded = !0, registerImageGraphic(), container.load(imageModule), container.load(browser$1 ? imageCanvasPickModule : imageMathPickModule));
+      _registerImage.__loaded || (_registerImage.__loaded = !0, registerImageGraphic(), container.load(imageModule), container.load(browser ? imageCanvasPickModule : imageMathPickModule));
     }
     _registerImage.__loaded = !1;
     const registerImage = _registerImage;
 
     function _registerLine() {
-      _registerLine.__loaded || (_registerLine.__loaded = !0, registerLineGraphic(), container.load(lineModule), container.load(browser$1 ? lineCanvasPickModule : lineMathPickModule));
+      _registerLine.__loaded || (_registerLine.__loaded = !0, registerLineGraphic(), container.load(lineModule), container.load(browser ? lineCanvasPickModule : lineMathPickModule));
     }
     _registerLine.__loaded = !1;
     const registerLine = _registerLine;
 
     function _registerPath() {
-      _registerPath.__loaded || (_registerPath.__loaded = !0, registerPathGraphic(), container.load(pathModule), container.load(browser$1 ? pathCanvasPickModule : pathMathPickModule));
+      _registerPath.__loaded || (_registerPath.__loaded = !0, registerPathGraphic(), container.load(pathModule), container.load(browser ? pathCanvasPickModule : pathMathPickModule));
     }
     _registerPath.__loaded = !1;
     const registerPath = _registerPath;
 
     function _registerPolygon() {
-      _registerPolygon.__loaded || (_registerPolygon.__loaded = !0, registerPolygonGraphic(), container.load(polygonModule), container.load(browser$1 ? polygonCanvasPickModule : polygonMathPickModule));
+      _registerPolygon.__loaded || (_registerPolygon.__loaded = !0, registerPolygonGraphic(), container.load(polygonModule), container.load(browser ? polygonCanvasPickModule : polygonMathPickModule));
     }
     _registerPolygon.__loaded = !1;
     const registerPolygon = _registerPolygon;
 
     function _registerRect() {
-      _registerRect.__loaded || (_registerRect.__loaded = !0, registerRectGraphic(), container.load(rectModule), container.load(browser$1 ? rectCanvasPickModule : rectMathPickModule));
+      _registerRect.__loaded || (_registerRect.__loaded = !0, registerRectGraphic(), container.load(rectModule), container.load(browser ? rectCanvasPickModule : rectMathPickModule));
     }
     _registerRect.__loaded = !1;
     const registerRect = _registerRect;
 
     function _registerRichtext() {
-      _registerRichtext.__loaded || (_registerRichtext.__loaded = !0, registerRichtextGraphic(), container.load(richtextModule), container.load(browser$1 ? richtextCanvasPickModule : richTextMathPickModule));
+      _registerRichtext.__loaded || (_registerRichtext.__loaded = !0, registerRichtextGraphic(), container.load(richtextModule), container.load(browser ? richtextCanvasPickModule : richTextMathPickModule));
     }
     _registerRichtext.__loaded = !1;
     const registerRichtext = _registerRichtext;
@@ -21151,13 +21151,13 @@
     const registerShadowRoot = _registerShadowRoot;
 
     function _registerSymbol() {
-      _registerSymbol.__loaded || (_registerSymbol.__loaded = !0, registerSymbolGraphic(), container.load(symbolModule), container.load(browser$1 ? symbolCanvasPickModule : symbolMathPickModule));
+      _registerSymbol.__loaded || (_registerSymbol.__loaded = !0, registerSymbolGraphic(), container.load(symbolModule), container.load(browser ? symbolCanvasPickModule : symbolMathPickModule));
     }
     _registerSymbol.__loaded = !1;
     const registerSymbol = _registerSymbol;
 
     function _registerText() {
-      _registerText.__loaded || (_registerText.__loaded = !0, registerTextGraphic(), container.load(textModule), container.load(browser$1 ? textCanvasPickModule : textMathPickModule));
+      _registerText.__loaded || (_registerText.__loaded = !0, registerTextGraphic(), container.load(textModule), container.load(browser ? textCanvasPickModule : textMathPickModule));
     }
     _registerText.__loaded = !1;
     const registerText = _registerText;
@@ -36226,7 +36226,7 @@
             Safari: ua.indexOf('safari') > -1 && ua.indexOf('edge') === -1
         };
     }
-    const { IE, Chrome, Firefox, Edge, Safari } = analyzeUserAgent();
+    analyzeUserAgent();
     function isObject$4(obj) {
         return obj === Object(obj);
     }
@@ -36374,14 +36374,6 @@
         }
         return false;
     }
-    const browser = {
-        IE,
-        Edge,
-        Chrome,
-        Firefox,
-        Safari,
-        heightLimit: Chrome ? 33554431 : Firefox ? 17895588 : 10737433
-    };
     const obj = {
         isObject: isObject$4
     };
@@ -42951,6 +42943,44 @@
         return undefined;
     }
     const regIndexReg = /radio-\d+-\d+-(\d+)/;
+    function setDataToHTML(data) {
+        const result = ['<table>'];
+        const META_HEAD = [
+            '<meta name="author" content="Visactor"/>',
+            '<style type="text/css">td{white-space:normal}br{mso-data-placement:same-cell}</style>'
+        ].join('');
+        const rows = data.split('\r\n');
+        rows.forEach(function (rowCells, rowIndex) {
+            const cells = rowCells.split('\t');
+            const rowValues = [];
+            if (rowIndex === 0) {
+                result.push('<tbody>');
+            }
+            cells.forEach(function (cell, cellIndex) {
+                const parsedCellData = !cell
+                    ? ' '
+                    : cell
+                        .toString()
+                        .replace(/&/g, '&amp;')
+                        .replace(/'/g, '&#39;')
+                        .replace(/</g, '&lt;')
+                        .replace(/>/g, '&gt;')
+                        .replace(/\n/g, '<br>')
+                        .replace(/(<br(\s*|\/)>(\r\n|\n)?|\r\n|\n)/g, '<br>\r\n')
+                        .replace(/\x20{2,}/gi, (substring) => {
+                        return `<span style="mso-spacerun: yes">${'&nbsp;'.repeat(substring.length - 1)} </span>`;
+                    })
+                        .replace(/\t/gi, '&#9;');
+                rowValues.push(`<td>${parsedCellData}</td>`);
+            });
+            result.push('<tr>', ...rowValues, '</tr>');
+            if (rowIndex === rows.length - 1) {
+                result.push('</tbody>');
+            }
+        });
+        result.push('</table>');
+        return [META_HEAD, result.join('')].join('');
+    }
 
     const CUSTOM_MERGE_PRE_NAME = '_custom_';
     const CUSTOM_CONTAINER_NAME = 'custom-container';
@@ -48996,57 +49026,76 @@
                     chartInstanceListColumnByColumnDirection[col][i] = chartNode.activeChartInstance;
                 }
             }
-            if (table.stateManager.hover.cellPos.col !== col || table.stateManager.hover.cellPos.row !== i) {
-                setTimeout(() => {
-                    if (chartInstanceListColumnByColumnDirection[col]?.[i]) {
-                        const absolutePosition = table.getCellRelativeRect(col, i);
-                        const chartDimensionLinkage = table.options.chartDimensionLinkage;
-                        let isShowTooltip = !isScatter;
-                        if (!isScatter && typeof chartDimensionLinkage === 'object') {
-                            isShowTooltip = chartDimensionLinkage.showTooltip ?? true;
-                            if (i === rowEnd && isShowTooltip) {
-                                const heightLimitToShowTooltipForLastRow = chartDimensionLinkage.heightLimitToShowTooltipForLastRow;
-                                const { rowEnd: rowEnd1 } = table.getBodyVisibleRowRange(-heightLimitToShowTooltipForLastRow);
-                                if (rowEnd1 === rowEnd) {
+            setTimeout(() => {
+                if (chartInstanceListColumnByColumnDirection[col]?.[i]) {
+                    const chartDimensionLinkage = table.options.chartDimensionLinkage;
+                    let isShowTooltip = !isScatter;
+                    if (!isScatter && typeof chartDimensionLinkage === 'object') {
+                        isShowTooltip = chartDimensionLinkage.showTooltip ?? true;
+                        if (i === rowEnd && isShowTooltip) {
+                            const heightLimitToShowTooltipForEdgeRow = chartDimensionLinkage.heightLimitToShowTooltipForEdgeRow;
+                            const { rowEnd: rowEnd1 } = table.getBodyVisibleRowRange(0, -heightLimitToShowTooltipForEdgeRow);
+                            if (rowEnd1 === rowEnd) {
+                                isShowTooltip = true;
+                            }
+                            else {
+                                const { rowEnd: rowEnd2 } = table.getBodyVisibleRowRange(0, 5);
+                                if (rowEnd2 !== rowEnd) {
                                     isShowTooltip = true;
                                 }
                                 else {
-                                    const { rowEnd: rowEnd2 } = table.getBodyVisibleRowRange(5);
-                                    if (rowEnd2 !== rowEnd) {
-                                        isShowTooltip = true;
-                                    }
-                                    else {
-                                        isShowTooltip = false;
-                                    }
+                                    isShowTooltip = false;
                                 }
                             }
                         }
-                        if (isScatter) {
-                            chartInstanceListColumnByColumnDirection[col][i].showCrosshair?.((axis) => {
-                                if (axis.layoutOrient === 'left') {
-                                    return positionValueOrYValue;
+                        else if (i === rowStart && isShowTooltip) {
+                            const heightLimitToShowTooltipForEdgeRow = chartDimensionLinkage.heightLimitToShowTooltipForEdgeRow;
+                            const { rowStart: rowStart1 } = table.getBodyVisibleRowRange(heightLimitToShowTooltipForEdgeRow, 0);
+                            if (rowStart1 === rowStart) {
+                                isShowTooltip = true;
+                            }
+                            else {
+                                const { rowStart: rowStart2 } = table.getBodyVisibleRowRange(0, -5);
+                                if (rowStart2 !== rowStart) {
+                                    isShowTooltip = true;
                                 }
-                                return dimensionValueOrXValue;
-                            });
+                                else {
+                                    isShowTooltip = false;
+                                }
+                            }
                         }
-                        else {
-                            if (hideTooltip) {
-                                chartInstanceListColumnByColumnDirection[col][i].hideTooltip();
-                                chartInstanceListColumnByColumnDirection[col][i].setDimensionIndex(dimensionValueOrXValue, {
-                                    tooltip: false,
-                                    showTooltipOption: { x: canvasXY.x, y: absolutePosition.top + 3, activeType: 'dimension' }
-                                });
+                    }
+                    if (isScatter) {
+                        chartInstanceListColumnByColumnDirection[col][i].showCrosshair?.((axis) => {
+                            if (axis.layoutOrient === 'left') {
+                                return positionValueOrYValue;
                             }
-                            else {
-                                chartInstanceListColumnByColumnDirection[col][i].setDimensionIndex(dimensionValueOrXValue, {
-                                    tooltip: isShowTooltip,
-                                    showTooltipOption: { x: canvasXY.x, y: absolutePosition.top + 3, activeType: 'dimension' }
-                                });
+                            return dimensionValueOrXValue;
+                        });
+                    }
+                    else {
+                        const bodyBoundryTop = table.frozenRowCount
+                            ? table.getCellRelativeRect(col, table.frozenRowCount - 1).bottom
+                            : 0;
+                        const absolutePositionTop = Math.max(bodyBoundryTop, table.getCellRelativeRect(col, i).top);
+                        if (hideTooltip) {
+                            if (table.stateManager.hover.cellPos.col !== col || table.stateManager.hover.cellPos.row !== i) {
+                                chartInstanceListColumnByColumnDirection[col][i].hideTooltip();
                             }
+                            chartInstanceListColumnByColumnDirection[col][i].setDimensionIndex(dimensionValueOrXValue, {
+                                tooltip: false,
+                                showTooltipOption: { x: canvasXY.x, y: absolutePositionTop, activeType: 'dimension' }
+                            });
+                        }
+                        else {
+                            chartInstanceListColumnByColumnDirection[col][i].setDimensionIndex(dimensionValueOrXValue, {
+                                tooltip: isShowTooltip,
+                                showTooltipOption: { x: canvasXY.x, y: absolutePositionTop, activeType: 'dimension' }
+                            });
                         }
                     }
-                }, 0);
-            }
+                }
+            }, 0);
             table.scenegraph.updateNextFrame();
         }
     }
@@ -49092,57 +49141,76 @@
                     chartInstanceListRowByRowDirection[row][i] = chartNode.activeChartInstance;
                 }
             }
-            if (table.stateManager.hover.cellPos.col !== i || table.stateManager.hover.cellPos.row !== row) {
-                setTimeout(() => {
-                    if (chartInstanceListRowByRowDirection[row]?.[i]) {
-                        const absolutePosition = table.getCellRelativeRect(i, row);
-                        const chartDimensionLinkage = table.options.chartDimensionLinkage;
-                        let isShowTooltip = !isScatter;
-                        if (!isScatter && typeof chartDimensionLinkage === 'object') {
-                            isShowTooltip = chartDimensionLinkage.showTooltip ?? true;
-                            if (i === colEnd && isShowTooltip) {
-                                const widthLimitToShowTooltipForLastColumn = chartDimensionLinkage.widthLimitToShowTooltipForLastColumn;
-                                const { colEnd: colEnd1 } = table.getBodyVisibleColRange(-widthLimitToShowTooltipForLastColumn);
-                                if (colEnd1 === colEnd) {
+            setTimeout(() => {
+                if (chartInstanceListRowByRowDirection[row]?.[i]) {
+                    const chartDimensionLinkage = table.options.chartDimensionLinkage;
+                    let isShowTooltip = !isScatter;
+                    if (!isScatter && typeof chartDimensionLinkage === 'object') {
+                        isShowTooltip = chartDimensionLinkage.showTooltip ?? true;
+                        if (i === colEnd && isShowTooltip) {
+                            const widthLimitToShowTooltipForEdgeColumn = chartDimensionLinkage.widthLimitToShowTooltipForEdgeColumn;
+                            const { colEnd: colEnd1 } = table.getBodyVisibleColRange(0, -widthLimitToShowTooltipForEdgeColumn);
+                            if (colEnd1 === colEnd) {
+                                isShowTooltip = true;
+                            }
+                            else {
+                                const { colEnd: colEnd2 } = table.getBodyVisibleColRange(0, 5);
+                                if (colEnd2 !== colEnd) {
                                     isShowTooltip = true;
                                 }
                                 else {
-                                    const { colEnd: colEnd2 } = table.getBodyVisibleColRange(5);
-                                    if (colEnd2 !== colEnd) {
-                                        isShowTooltip = true;
-                                    }
-                                    else {
-                                        isShowTooltip = false;
-                                    }
+                                    isShowTooltip = false;
                                 }
                             }
                         }
-                        if (isScatter) {
-                            chartInstanceListRowByRowDirection[row][i].showCrosshair?.((axis) => {
-                                if (axis.layoutOrient === 'left') {
-                                    return positionValueOrYValue;
+                        else if (i === colStart && isShowTooltip) {
+                            const widthLimitToShowTooltipForEdgeColumn = chartDimensionLinkage.widthLimitToShowTooltipForEdgeColumn;
+                            const { colStart: colStart1 } = table.getBodyVisibleColRange(widthLimitToShowTooltipForEdgeColumn, 0);
+                            if (colStart1 === colStart) {
+                                isShowTooltip = true;
+                            }
+                            else {
+                                const { colStart: colStart2 } = table.getBodyVisibleColRange(0, -5);
+                                if (colStart2 !== colStart) {
+                                    isShowTooltip = true;
                                 }
-                                return dimensionValueOrXValue;
-                            });
+                                else {
+                                    isShowTooltip = false;
+                                }
+                            }
                         }
-                        else {
-                            if (hideTooltip) {
-                                chartInstanceListRowByRowDirection[row][i].hideTooltip();
-                                chartInstanceListRowByRowDirection[row][i].setDimensionIndex(dimensionValueOrXValue, {
-                                    tooltip: false,
-                                    showTooltipOption: { x: absolutePosition.left + 3, y: canvasXY.y, activeType: 'dimension' }
-                                });
+                    }
+                    if (isScatter) {
+                        chartInstanceListRowByRowDirection[row][i].showCrosshair?.((axis) => {
+                            if (axis.layoutOrient === 'left') {
+                                return positionValueOrYValue;
                             }
-                            else {
-                                chartInstanceListRowByRowDirection[row][i].setDimensionIndex(dimensionValueOrXValue, {
-                                    tooltip: isShowTooltip,
-                                    showTooltipOption: { x: absolutePosition.left + 3, y: canvasXY.y, activeType: 'dimension' }
-                                });
+                            return dimensionValueOrXValue;
+                        });
+                    }
+                    else {
+                        const bodyBoundryLeft = table.frozenColCount
+                            ? table.getCellRelativeRect(table.frozenColCount - 1, row).right
+                            : 0;
+                        const absolutePositionLeft = Math.max(bodyBoundryLeft, table.getCellRelativeRect(i, row).left);
+                        if (hideTooltip) {
+                            if (table.stateManager.hover.cellPos.col !== i || table.stateManager.hover.cellPos.row !== row) {
+                                chartInstanceListRowByRowDirection[row][i].hideTooltip();
                             }
+                            chartInstanceListRowByRowDirection[row][i].setDimensionIndex(dimensionValueOrXValue, {
+                                tooltip: false,
+                                showTooltipOption: { x: absolutePositionLeft, y: canvasXY.y, activeType: 'dimension' }
+                            });
+                        }
+                        else {
+                            chartInstanceListRowByRowDirection[row][i].setDimensionIndex(dimensionValueOrXValue, {
+                                tooltip: isShowTooltip,
+                                showTooltipOption: { x: absolutePositionLeft, y: canvasXY.y, activeType: 'dimension' }
+                            });
                         }
                     }
-                }, 0);
-            }
+                }
+            }, 0);
             table.scenegraph.updateNextFrame();
         }
     }
@@ -49529,8 +49597,11 @@
                 }, axisOption, {
                     orient: 'left',
                     type: axisOption?.type ?? 'band',
-                    __vtableChartTheme: theme,
+                    label: {
+                        flush: true
+                    },
                     inverse: transformInverse(axisOption, (spec?.direction ?? (chartType === 'scatter' ? 'vertical' : 'horizontal')) === "horizontal"),
+                    __vtableChartTheme: theme,
                     __vtableBodyChartCellPadding: bodyChartCellPadding
                 });
             }
@@ -49679,6 +49750,9 @@
                 }, axisOption, {
                     orient: 'bottom',
                     type: axisOption?.type ?? 'band',
+                    label: {
+                        flush: true
+                    },
                     __vtableChartTheme: theme,
                     __vtableBodyChartCellPadding: bodyChartCellPadding
                 });
@@ -50206,7 +50280,16 @@
                             context.fill();
                         }
                     }
-                }
+                },
+                componentShowContent: table.options.chartDimensionLinkage
+                    ? {
+                        tooltip: {
+                            dimension: false,
+                            mark: true
+                        },
+                        crosshair: false
+                    }
+                    : undefined
             }));
             const chartStage = this.activeChartInstance.getStage();
             const matrix = this.globalTransMatrix.clone();
@@ -50391,12 +50474,24 @@
                 this.activeChartInstance?.release();
                 this.activeChartInstance = null;
                 const { col, row } = this.parent;
-                const table = this.stage.table;
                 table.internalProps.layoutMap.isAxisCell(table.rowHeaderLevelCount - 1, row) &&
                     table.scenegraph.getCell(table.rowHeaderLevelCount - 1, row).firstChild.hideLabelHoverOnAxis?.();
                 table.internalProps.layoutMap.isAxisCell(col, table.rowCount - table.bottomFrozenRowCount) &&
                     table.scenegraph.getCell(col, table.rowCount - table.bottomFrozenRowCount).firstChild.hideLabelHoverOnAxis?.();
             }
+            else {
+                const { col, row } = this.parent;
+                if (releaseColumnChartInstance) {
+                    table.internalProps.layoutMap.isAxisCell(col, table.rowCount - table.bottomFrozenRowCount) &&
+                        table.scenegraph
+                            .getCell(col, table.rowCount - table.bottomFrozenRowCount)
+                            .firstChild.hideLabelHoverOnAxis?.();
+                }
+                if (releaseRowChartInstance) {
+                    table.internalProps.layoutMap.isAxisCell(table.rowHeaderLevelCount - 1, row) &&
+                        table.scenegraph.getCell(table.rowHeaderLevelCount - 1, row).firstChild.hideLabelHoverOnAxis?.();
+                }
+            }
             if (releaseColumnChartInstance) {
                 clearChartInstanceListByColumnDirection(this.parent.col, this.attribute.spec.type === 'scatter' ? this.parent.row : undefined, table);
             }
@@ -50543,7 +50638,7 @@
                 }
             });
             table.internalProps.layoutMap?.updateDataStateToActiveChartInstance?.(chartInstance);
-            if (typeof dataId === 'string') {
+            if (typeof dataId === 'string' || typeof dataId === 'number') {
                 chartInstance.getChart().setLayoutTag(true);
                 chartInstance.updateDataSync(dataId, data ?? []);
             }
@@ -50722,7 +50817,7 @@
                 const stageMatrix = chart.stage.window.getViewBoxTransform().clone();
                 stageMatrix.multiply(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f);
                 chartStage.window.setViewBoxTransform(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f);
-                if (typeof dataId === 'string') {
+                if (typeof dataId === 'string' || typeof dataId === 'number') {
                     activeChartInstance.updateDataSync(dataId, data ?? []);
                 }
                 else {
@@ -65353,6 +65448,7 @@
         cutOperationTime = 0;
         lastClipboardContent = '';
         cutCellRange = null;
+        copySourceRange = null;
         constructor(table) {
             this.table = table;
             this.handleTextStickBindId = [];
@@ -65746,76 +65842,122 @@
         async handleCopy(e, isCut = false) {
             const table = this.table;
             !isCut && (this.cutWaitPaste = false);
-            const data = this.table.getCopyValue();
+            this.copySourceRange = null;
+            const sourceRanges = table.stateManager.select.ranges;
+            if (sourceRanges && sourceRanges.length === 1) {
+                const sourceRange = sourceRanges[0];
+                this.copySourceRange = {
+                    startCol: Math.min(sourceRange.start.col, sourceRange.end.col),
+                    startRow: Math.min(sourceRange.start.row, sourceRange.end.row)
+                };
+            }
+            else if (!sourceRanges?.length) {
+                this.copySourceRange = null;
+                return;
+            }
+            const data = this.table.getCopyValue(table.options.keyboardOptions?.getCopyCellValue?.value);
             if (isValid$3(data)) {
                 e.preventDefault();
-                const permissionState = await navigator.permissions.query({ name: 'clipboard-write' });
-                if (navigator.clipboard?.write && permissionState.state === 'granted') {
-                    const setDataToHTML = (data) => {
-                        const result = ['<table>'];
-                        const META_HEAD = [
-                            '<meta name="author" content="Visactor"/>',
-                            '<style type="text/css">td{white-space:normal}br{mso-data-placement:same-cell}</style>'
-                        ].join('');
-                        const rows = data.split('\r\n');
-                        rows.forEach(function (rowCells, rowIndex) {
-                            const cells = rowCells.split('\t');
-                            const rowValues = [];
-                            if (rowIndex === 0) {
-                                result.push('<tbody>');
+                const element = table.getElement();
+                if (element && element !== document.activeElement) {
+                    element.focus();
+                    await new Promise(resolve => setTimeout(resolve, 10));
+                }
+                try {
+                    if (navigator.clipboard && navigator.clipboard.writeText) {
+                        let hasPermission = true;
+                        if (navigator.permissions && navigator.permissions.query) {
+                            try {
+                                const permissionState = await navigator.permissions.query({
+                                    name: 'clipboard-write'
+                                });
+                                hasPermission = permissionState.state === 'granted';
                             }
-                            cells.forEach(function (cell, cellIndex) {
-                                const parsedCellData = !cell
-                                    ? ' '
-                                    : cell
-                                        .toString()
-                                        .replace(/&/g, '&amp;')
-                                        .replace(/'/g, '&#39;')
-                                        .replace(/</g, '&lt;')
-                                        .replace(/>/g, '&gt;')
-                                        .replace(/\n/g, '<br>')
-                                        .replace(/(<br(\s*|\/)>(\r\n|\n)?|\r\n|\n)/g, '<br>\r\n')
-                                        .replace(/\x20{2,}/gi, (substring) => {
-                                        return `<span style="mso-spacerun: yes">${'&nbsp;'.repeat(substring.length - 1)} </span>`;
-                                    })
-                                        .replace(/\t/gi, '&#9;');
-                                rowValues.push(`<td>${parsedCellData}</td>`);
-                            });
-                            result.push('<tr>', ...rowValues, '</tr>');
-                            if (rowIndex === rows.length - 1) {
-                                result.push('</tbody>');
+                            catch (permissionError) {
+                                hasPermission = true;
                             }
-                        });
-                        result.push('</table>');
-                        return [META_HEAD, result.join('')].join('');
-                    };
-                    const dataHTML = setDataToHTML(data);
-                    navigator.clipboard.write([
-                        new ClipboardItem({
-                            'text/html': new Blob([dataHTML], { type: 'text/html' }),
-                            'text/plain': new Blob([data], { type: 'text/plain' })
-                        })
-                    ]);
-                }
-                else {
-                    if (browser.IE) {
-                        window.clipboardData.setData('Text', data);
+                        }
+                        if (hasPermission) {
+                            try {
+                                if (window.ClipboardItem) {
+                                    let htmlValues = data;
+                                    if (table.stateManager.select.ranges.length === 1 &&
+                                        table.options.keyboardOptions?.getCopyCellValue?.html) {
+                                        htmlValues = this.table.getCopyValue(table.options.keyboardOptions?.getCopyCellValue.html);
+                                    }
+                                    const dataHTML = setDataToHTML(htmlValues);
+                                    await navigator.clipboard.write([
+                                        new ClipboardItem({
+                                            'text/html': new Blob([dataHTML], { type: 'text/html' }),
+                                            'text/plain': new Blob([data], { type: 'text/plain' })
+                                        })
+                                    ]);
+                                }
+                                else {
+                                    await navigator.clipboard.writeText(data);
+                                }
+                            }
+                            catch (clipboardError) {
+                                this.fallbackCopyToClipboard(data, e);
+                            }
+                        }
+                        else {
+                            this.fallbackCopyToClipboard(data, e);
+                        }
                     }
                     else {
-                        e.clipboardData.setData('text/plain', data);
+                        this.fallbackCopyToClipboard(data, e);
                     }
+                    table.fireListeners(TABLE_EVENT_TYPE.COPY_DATA, {
+                        cellRange: table.stateManager.select.ranges,
+                        copyData: data,
+                        isCut
+                    });
+                }
+                catch (error) {
+                    this.fallbackCopyToClipboard(data, e);
                 }
-                table.fireListeners(TABLE_EVENT_TYPE.COPY_DATA, {
-                    cellRange: table.stateManager.select.ranges,
-                    copyData: data,
-                    isCut
-                });
             }
             if (table.keyboardOptions?.showCopyCellBorder) {
                 setActiveCellRangeState(table);
                 table.clearSelected();
             }
         }
+        fallbackCopyToClipboard(data, e) {
+            try {
+                if (e.clipboardData) {
+                    e.clipboardData.setData('text/plain', data);
+                    return;
+                }
+                if (document.activeElement && document.activeElement !== document.body) {
+                    document.activeElement.blur();
+                }
+                const textArea = document.createElement('textarea');
+                textArea.value = data;
+                textArea.style.position = 'fixed';
+                textArea.style.left = '-999999px';
+                textArea.style.top = '-999999px';
+                textArea.style.opacity = '0';
+                textArea.setAttribute('readonly', '');
+                textArea.setAttribute('aria-hidden', 'true');
+                document.body.appendChild(textArea);
+                textArea.focus();
+                textArea.select();
+                textArea.setSelectionRange(0, data.length);
+                try {
+                    const successful = document.execCommand('copy');
+                    if (!successful) {
+                    }
+                }
+                catch (execError) {
+                }
+                finally {
+                    document.body.removeChild(textArea);
+                }
+            }
+            catch (error) {
+            }
+        }
         async handleCut(e) {
             this.handleCopy(e, true);
             this.cutWaitPaste = true;
@@ -65866,59 +66008,99 @@
         }
         async executePaste(e) {
             const table = this.table;
-            if (table.changeCellValues) {
-                if (table.editorManager?.editingEditor) {
-                    return;
-                }
-                if (table.stateManager.select.ranges?.length > 0) {
-                    if (navigator.clipboard?.read) {
-                        navigator.clipboard.read().then(clipboardItems => {
+            if (table.editorManager?.editingEditor) {
+                return;
+            }
+            if (table.changeCellValues && table.stateManager.select.ranges?.length > 0) {
+                try {
+                    if (navigator.clipboard && navigator.clipboard.read) {
+                        try {
+                            const clipboardItems = await navigator.clipboard.read();
+                            let handled = false;
                             for (const item of clipboardItems) {
                                 if (item.types.includes('text/html')) {
-                                    this.pasteHtmlToTable(item);
+                                    await this.pasteHtmlToTable(item);
+                                    handled = true;
+                                    break;
                                 }
-                                else if (item.types.length === 1 && item.types[0] === 'text/plain') {
-                                    this.pasteTextToTable(item);
+                                else if (item.types.includes('text/plain')) {
+                                    await this.pasteTextToTable(item);
+                                    handled = true;
+                                    break;
                                 }
-                                else ;
                             }
-                        });
+                            if (!handled) {
+                                await this.fallbackPasteFromClipboard(e);
+                            }
+                        }
+                        catch (clipboardError) {
+                            await this.fallbackPasteFromClipboard(e);
+                        }
                     }
                     else {
-                        const ranges = table.stateManager.select.ranges;
-                        const col = Math.min(ranges[0].start.col, ranges[0].end.col);
-                        const row = Math.min(ranges[0].start.row, ranges[0].end.row);
-                        const clipboardData = e.clipboardData || window.Clipboard;
-                        const pastedData = clipboardData.getData('text');
-                        const rows = pastedData.split('\n');
-                        const values = [];
-                        rows.forEach(function (rowCells, rowIndex) {
-                            const cells = rowCells.split('\t');
-                            const rowValues = [];
-                            values.push(rowValues);
-                            cells.forEach(function (cell, cellIndex) {
-                                if (cellIndex === cells.length - 1) {
-                                    cell = cell.trim();
-                                }
-                                rowValues.push(cell);
-                            });
-                        });
-                        const changedCellResults = await table.changeCellValues(col, row, values, true);
-                        if (table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA)) {
-                            table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
-                                col,
-                                row,
-                                pasteData: values,
-                                changedCellResults
-                            });
-                        }
+                        await this.fallbackPasteFromClipboard(e);
                     }
                 }
+                catch (error) {
+                    await this.fallbackPasteFromClipboard(e);
+                }
             }
             if (table.keyboardOptions?.showCopyCellBorder) {
                 clearActiveCellRangeState(table);
             }
         }
+        async fallbackPasteFromClipboard(e) {
+            const table = this.table;
+            const ranges = table.stateManager.select.ranges;
+            const col = Math.min(ranges[0].start.col, ranges[0].end.col);
+            const row = Math.min(ranges[0].start.row, ranges[0].end.row);
+            try {
+                const element = table.getElement();
+                if (element && element !== document.activeElement) {
+                    element.focus();
+                    await new Promise(resolve => setTimeout(resolve, 10));
+                }
+                const clipboardData = e.clipboardData || window.clipboardData || window.Clipboard;
+                if (clipboardData) {
+                    const pastedData = clipboardData.getData('text') || clipboardData.getData('Text');
+                    if (pastedData) {
+                        await this.processPastedText(pastedData, col, row);
+                        return;
+                    }
+                }
+            }
+            catch (error) {
+            }
+        }
+        async processPastedText(pastedData, col, row) {
+            const table = this.table;
+            const rows = pastedData.split('\n');
+            const values = [];
+            rows.forEach(function (rowCells) {
+                const cells = rowCells.split('\t');
+                const rowValues = [];
+                values.push(rowValues);
+                cells.forEach(function (cell, cellIndex) {
+                    if (cellIndex === cells.length - 1) {
+                        cell = cell.trim();
+                    }
+                    rowValues.push(cell);
+                });
+            });
+            let processedValues;
+            if (table.options.keyboardOptions?.processFormulaBeforePaste && this.copySourceRange) {
+                processedValues = table.options.keyboardOptions.processFormulaBeforePaste(values, this.copySourceRange.startCol, this.copySourceRange.startRow, col, row);
+            }
+            const changedCellResults = await table.changeCellValues(col, row, processedValues ? processedValues : values, true);
+            if (table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA)) {
+                table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
+                    col,
+                    row,
+                    pasteData: processedValues ? processedValues : values,
+                    changedCellResults
+                });
+            }
+        }
         clearCutArea(table) {
             try {
                 const selectCells = this.cutCellRange;
@@ -65996,12 +66178,16 @@
                         }
                         pasteValuesRowCount = values.length ?? 0;
                         values = this.handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1);
-                        const changedCellResults = await table.changeCellValues(col, row, values, true);
+                        let processedValues;
+                        if (table.options.keyboardOptions?.processFormulaBeforePaste && this.copySourceRange) {
+                            processedValues = table.options.keyboardOptions.processFormulaBeforePaste(values, this.copySourceRange.startCol, this.copySourceRange.startRow, col, row);
+                        }
+                        const changedCellResults = await table.changeCellValues(col, row, processedValues ? processedValues : values, true);
                         if (table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA)) {
                             table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
                                 col,
                                 row,
-                                pasteData: values,
+                                pasteData: processedValues ? processedValues : values,
                                 changedCellResults
                             });
                         }
@@ -66046,17 +66232,21 @@
             });
             pasteValuesRowCount = values.length ?? 0;
             values = this.handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1);
-            const changedCellResults = await table.changeCellValues(col, row, values, true);
+            let processedValues;
+            if (table.options.keyboardOptions?.processFormulaBeforePaste && this.copySourceRange) {
+                processedValues = table.options.keyboardOptions.processFormulaBeforePaste(values, this.copySourceRange.startCol, this.copySourceRange.startRow, col, row);
+            }
+            const changedCellResults = await table.changeCellValues(col, row, processedValues ? processedValues : values, true);
             if (table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA)) {
                 table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
                     col,
                     row,
-                    pasteData: values,
+                    pasteData: processedValues ? processedValues : values,
                     changedCellResults
                 });
             }
         }
-        pasteTextToTable(item) {
+        async pasteTextToTable(item) {
             const table = this.table;
             const ranges = table.stateManager.select.ranges;
             const selectRangeLength = ranges.length;
@@ -66064,42 +66254,47 @@
             const row = Math.min(ranges[selectRangeLength - 1].start.row, ranges[selectRangeLength - 1].end.row);
             const maxCol = Math.max(ranges[selectRangeLength - 1].start.col, ranges[selectRangeLength - 1].end.col);
             const maxRow = Math.max(ranges[selectRangeLength - 1].start.row, ranges[selectRangeLength - 1].end.row);
-            let pasteValuesColCount = 0;
-            let pasteValuesRowCount = 0;
-            item.getType('text/plain').then((blob) => {
-                blob.text().then(async (pastedData) => {
-                    const rows = pastedData.replace(/\r(?!\n)/g, '\r\n').split('\r\n');
-                    let values = [];
-                    if (rows.length > 1 && rows[rows.length - 1] === '') {
-                        rows.pop();
-                    }
-                    rows.forEach(function (rowCells, rowIndex) {
-                        const cells = rowCells.split('\t');
-                        const rowValues = [];
-                        values.push(rowValues);
-                        cells.forEach(function (cell, cellIndex) {
-                            if (cell.includes('\n')) {
-                                cell = cell
-                                    .replace(/^"(.*)"$/, '$1')
-                                    .replace(/["]*/g, match => new Array(Math.floor(match.length / 2)).fill('"').join(''));
-                            }
-                            rowValues.push(cell);
-                        });
-                        pasteValuesColCount = Math.max(pasteValuesColCount, rowValues?.length ?? 0);
+            try {
+                const blob = await item.getType('text/plain');
+                const pastedData = await blob.text();
+                const values = this.parsePastedData(pastedData);
+                const pasteValuesRowCount = values.length;
+                const pasteValuesColCount = Math.max(...values.map(row => row.length), 0);
+                const processedValues = this.handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1);
+                const changedCellResults = await table.changeCellValues(col, row, processedValues, true);
+                if (table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA)) {
+                    table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
+                        col,
+                        row,
+                        pasteData: processedValues,
+                        changedCellResults
                     });
-                    pasteValuesRowCount = values.length ?? 0;
-                    values = this.handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1);
-                    const changedCellResults = await table.changeCellValues(col, row, values, true);
-                    if (table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA)) {
-                        table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
-                            col,
-                            row,
-                            pasteData: values,
-                            changedCellResults
-                        });
-                    }
-                });
+                }
+            }
+            catch (error) {
+            }
+        }
+        parsePastedData(pastedData) {
+            const rows = pastedData.replace(/\r(?!\n)/g, '\r\n').split('\r\n');
+            const values = [];
+            if (rows.length > 1 && rows[rows.length - 1] === '') {
+                rows.pop();
+            }
+            rows.forEach((rowCells) => {
+                const cells = rowCells.split('\t');
+                const rowValues = cells.map(cell => this.processCellValue(cell));
+                values.push(rowValues);
             });
+            return values;
+        }
+        processCellValue(cell) {
+            if (cell.includes('\n')) {
+                cell = cell
+                    .replace(/^"(.*)"$/, '$1')
+                    .replace(/["]*/g, match => new Array(Math.floor(match.length / 2)).fill('"').join(''));
+            }
+            const numValue = Number(cell);
+            return isNaN(numValue) ? cell : numValue;
         }
         handlePasteValues(values, rowCount, colCount, selectedRowCount, selectedColCount) {
             if (selectedColCount > colCount || selectedRowCount > rowCount) {
@@ -69961,7 +70156,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.22.6-alpha.3";
+        version = "1.22.7-alpha.0";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -71433,26 +71628,26 @@
             }
             return { rowStart, colStart, rowEnd, colEnd };
         }
-        getBodyVisibleRowRange(deltaY = 0) {
+        getBodyVisibleRowRange(start_deltaY = 0, end_deltaY = 0) {
             const { scrollTop } = this;
             const frozenRowsHeight = this.getFrozenRowsHeight();
             const bottomFrozenRowsHeight = this.getBottomFrozenRowsHeight();
-            const { row: rowStart } = this.getRowAt(scrollTop + frozenRowsHeight + 1);
+            const { row: rowStart } = this.getRowAt(scrollTop + frozenRowsHeight + 1 + start_deltaY);
             const rowEnd = this.getAllRowsHeight() > this.tableNoFrameHeight
-                ? this.getRowAt(scrollTop + this.tableNoFrameHeight - 1 - bottomFrozenRowsHeight + deltaY).row
+                ? this.getRowAt(scrollTop + this.tableNoFrameHeight - 1 - bottomFrozenRowsHeight + end_deltaY).row
                 : this.rowCount - 1;
             if (rowEnd < 0) {
                 return null;
             }
             return { rowStart, rowEnd };
         }
-        getBodyVisibleColRange(deltaX = 0) {
+        getBodyVisibleColRange(start_deltaX = 0, end_deltaX = 0) {
             const { scrollLeft } = this;
             const frozenColsWidth = this.getFrozenColsWidth();
             const rightFrozenColsWidth = this.getRightFrozenColsWidth();
-            const { col: colStart } = this.getColAt(scrollLeft + frozenColsWidth + 1);
+            const { col: colStart } = this.getColAt(scrollLeft + frozenColsWidth + 1 + start_deltaX);
             const colEnd = this.getAllColsWidth() > this.tableNoFrameWidth
-                ? this.getColAt(scrollLeft + this.tableNoFrameWidth - 1 - rightFrozenColsWidth + deltaX).col
+                ? this.getColAt(scrollLeft + this.tableNoFrameWidth - 1 - rightFrozenColsWidth + end_deltaX).col
                 : this.colCount - 1;
             if (colEnd < 0) {
                 return null;
@@ -72535,7 +72730,7 @@
                 .fill(0)
                 .map((_, j) => this.getCellInfo(j + start.col, i + start.row)));
         }
-        getCopyValue() {
+        getCopyValue(getCellValueFunction) {
             if (this.stateManager.select?.ranges?.length > 0) {
                 const ranges = this.stateManager.select.ranges;
                 let minCol = Math.min(ranges[0].start.col, ranges[0].end.col);
@@ -72596,7 +72791,7 @@
                     if (copyStartCol !== col || copyStartRow !== row) {
                         return '';
                     }
-                    const value = this.getCellValue(col, row);
+                    const value = getCellValueFunction ? getCellValueFunction(col, row) : this.getCellValue(col, row);
                     return value;
                 };
                 let copyValue = '';
@@ -85887,6 +86082,7 @@
                             });
                             if (topAxis && bottomAxis) {
                                 indicatorObject.hasTwoIndicatorAxes = true;
+                                this.hasTwoIndicatorAxes = true;
                                 return true;
                             }
                         }
@@ -85905,6 +86101,7 @@
                             });
                             if (leftAxis && rightAxis) {
                                 indicatorObject.hasTwoIndicatorAxes = true;
+                                this.hasTwoIndicatorAxes = true;
                                 return true;
                             }
                         }
@@ -87487,7 +87684,10 @@
                     rowHeaderPath.dimensionKey = rowHeader.dimensionKey;
                     rowHeaderPath.indicatorKey = rowHeader.indicatorKey;
                     rowHeaderPath.value =
-                        rowHeader.value ?? this.getIndicatorInfoByIndicatorKey(rowHeader.indicatorKey)?.title ?? '';
+                        rowHeader.value ??
+                            (rowHeader.indicatorKey
+                                ? this.getIndicatorInfoByIndicatorKey(rowHeader.indicatorKey)?.title ?? ''
+                                : rowHeader.value);
                     rowHeaderPath.virtual = rowHeader.virtual;
                     rowHeaderPath.role = rowHeader.role;
                     headerPaths.rowHeaderPaths.push(rowHeaderPath);
@@ -90040,8 +90240,8 @@
                     if (this.indicatorsAsCol) {
                         assignedIndicatorKey_value = colKeys[col_j].indicatorKey;
                     }
-                    const flatRowKey = rowKey.join(this.stringJoinChar);
-                    const flatColKey = colKey.join(this.stringJoinChar);
+                    const flatRowKey = join(rowKey, this.stringJoinChar);
+                    const flatColKey = join(colKey, this.stringJoinChar);
                     if (isToTalRecord) {
                         if (!this.totalRecordsTree[flatRowKey]) {
                             this.totalRecordsTree[flatRowKey] = {};
@@ -93914,7 +94114,7 @@
                     matrix.multiply(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f);
                     chartStage.window.setViewBoxTransform &&
                         chartStage.window.setViewBoxTransform(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f);
-                    if (typeof dataId === 'string') {
+                    if (typeof dataId === 'string' || typeof dataId === 'number') {
                         chartInstance.updateDataSync(dataId, data ?? []);
                     }
                     else {
@@ -93986,7 +94186,7 @@
                 const stageMatrix = chartNode.stage.window.getViewBoxTransform().clone();
                 stageMatrix.multiply(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f);
                 chartStage.window.setViewBoxTransform(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f);
-                if (typeof dataId === 'string') {
+                if (typeof dataId === 'string' || typeof dataId === 'number') {
                     activeChartInstance.updateDataSync(dataId, data ?? []);
                 }
                 else {
@@ -94688,7 +94888,7 @@
     }
 
     registerForVrender();
-    const version = "1.22.6-alpha.3";
+    const version = "1.22.7-alpha.0";
     function getIcons() {
         return get$2();
     }