@visactor/vtable 0.13.4-alpha.2 → 0.13.4-alpha.4

package/dist/vtable.js

@@ -2747,7 +2747,7 @@
 	max-height: none;
 }
 `;
-        document.body.appendChild(styleElement);
+        document.head.appendChild(styleElement);
     }
 
     function getScrollBarSize(scrollStyle) {
@@ -22428,7 +22428,7 @@
         return 0;
       }
       getStaticCanvasCount() {
-        return 1;
+        return 999;
       }
       loadJson(url) {
         const jsonPromise = fetch(url).then(data => data.json());
@@ -30587,7 +30587,7 @@
           subtextWidth = this._subTitle ? null === (_1 = this._subTitle) || void 0 === _1 ? void 0 : _1.AABBBounds.width() : 0;
         let titleWidth = Math.max(maintextWidth, subtextWidth),
           titleHeight = maintextHeight + (null !== (_2 = null == subtextStyle ? void 0 : subtextStyle.height) && void 0 !== _2 ? _2 : subtextHeight);
-        if (isValid$6(width) && (titleWidth = width, null === (_3 = this._mainTitle) || void 0 === _3 || _3.setAttribute("maxLineWidth", width), null === (_4 = this._subTitle) || void 0 === _4 || _4.setAttribute("maxLineWidth", width)), isValid$6(height) && (titleHeight = height), isValid$6(minWidth) && titleWidth < minWidth && (titleWidth = minWidth), isValid$6(maxWidth) && (null === (_5 = this._mainTitle) || void 0 === _5 || _5.setAttribute("maxLineWidth", maxWidth), null === (_6 = this._subTitle) || void 0 === _6 || _6.setAttribute("maxLineWidth", maxWidth), null === (_7 = this._mainTitle) || void 0 === _7 || _7.setAttribute("maxWidth", maxWidth), null === (_8 = this._subTitle) || void 0 === _8 || _8.setAttribute("maxWidth", maxWidth), titleWidth > maxWidth && (titleWidth = maxWidth)), isValid$6(minHeight) && titleHeight < minHeight && (titleHeight = minHeight), isValid$6(maxHeight) && (null === (_9 = this._mainTitle) || void 0 === _9 || _9.setAttribute("maxHeight", maxHeight), null === (_10 = this._subTitle) || void 0 === _10 || _10.setAttribute("maxHeight", maxHeight - maintextHeight), titleHeight > maxHeight && (titleHeight = maxHeight)), group.attribute.width = titleWidth + parsedPadding[1] + parsedPadding[3], group.attribute.height = titleHeight + parsedPadding[0] + parsedPadding[2], isValid$6(align) || isValid$6(null == textStyle ? void 0 : textStyle.align)) {
+        if (isValid$6(width) && (titleWidth = width, null === (_3 = this._mainTitle) || void 0 === _3 || _3.setAttribute("maxLineWidth", width), null === (_4 = this._subTitle) || void 0 === _4 || _4.setAttribute("maxLineWidth", width)), isValid$6(height) && (titleHeight = height), isValid$6(minWidth) && titleWidth < minWidth && (titleWidth = minWidth), isValid$6(maxWidth) && (null === (_5 = this._mainTitle) || void 0 === _5 || _5.setAttribute("maxLineWidth", maxWidth), null === (_6 = this._subTitle) || void 0 === _6 || _6.setAttribute("maxLineWidth", maxWidth), null === (_7 = this._mainTitle) || void 0 === _7 || _7.setAttribute("maxWidth", maxWidth), null === (_8 = this._subTitle) || void 0 === _8 || _8.setAttribute("maxWidth", maxWidth), titleWidth > maxWidth && (titleWidth = maxWidth)), isValid$6(minHeight) && titleHeight < minHeight && (titleHeight = minHeight), isValid$6(maxHeight) && (null === (_9 = this._mainTitle) || void 0 === _9 || _9.setAttribute("maxHeight", maxHeight), null === (_10 = this._subTitle) || void 0 === _10 || _10.setAttribute("maxHeight", maxHeight - maintextHeight), titleHeight > maxHeight && (titleHeight = maxHeight)), group.attribute.width = titleWidth, group.attribute.height = titleHeight, group.attribute.boundsPadding = parsedPadding, isValid$6(align) || isValid$6(null == textStyle ? void 0 : textStyle.align)) {
           const mainTitleAlign = (null == textStyle ? void 0 : textStyle.align) ? null == textStyle ? void 0 : textStyle.align : align,
             mainTitleWidth = null !== (_11 = null == textStyle ? void 0 : textStyle.width) && void 0 !== _11 ? _11 : maintextWidth;
           "left" === mainTitleAlign ? (null === (_12 = this._mainTitle) || void 0 === _12 || _12.setAttribute("x", 0), null === (_13 = this._mainTitle) || void 0 === _13 || _13.setAttribute("textAlign", "left")) : "center" === mainTitleAlign ? (null === (_14 = this._mainTitle) || void 0 === _14 || _14.setAttribute("x", mainTitleWidth / 2), null === (_15 = this._mainTitle) || void 0 === _15 || _15.setAttribute("textAlign", "center")) : "right" === mainTitleAlign && (null === (_16 = this._mainTitle) || void 0 === _16 || _16.setAttribute("x", mainTitleWidth), null === (_17 = this._mainTitle) || void 0 === _17 || _17.setAttribute("textAlign", "right"));
@@ -40419,7 +40419,7 @@
             scale = new LinearScale();
         }
         scale.domain([min, max], !!axisOption?.nice);
-        if (axisOption?.nice && !isZeroAlign) {
+        if (axisOption?.nice) {
             let tickCount = axisOption.tick?.forceTickCount ?? axisOption.tick?.tickCount ?? 10;
             if (isFunction$1(tickCount)) {
                 tickCount = tickCount({
@@ -40455,33 +40455,231 @@
         };
     }
 
+    function isValidAlignDomain(domain) {
+        return domain.length === 2 && isValidNumber$1(domain[0]) && isValidNumber$1(domain[1]) && domain[1] >= domain[0];
+    }
+    function getScaleInfo(domain) {
+        const total = domain[1] - domain[0];
+        const includeZero = domain[1] * domain[0] < 0;
+        let negative = domain[0] <= 0 ? 0 - domain[0] : 0;
+        let positive = domain[1] > 0 ? domain[1] - 0 : 0;
+        if (total === 0) {
+            if (domain[0] < 0) {
+                negative = 1;
+                positive = 0;
+            }
+            else if (domain[0] > 0) {
+                negative = 0;
+                positive = 1;
+            }
+        }
+        else {
+            negative = negative / total;
+            positive = positive / total;
+        }
+        return {
+            total,
+            negative,
+            positive,
+            includeZero,
+            domain,
+            extendable_min: true,
+            extendable_max: true
+        };
+    }
+    function inDifferentCrossZero(info1, info2) {
+        const { positive: positive1, negative: negative1, extendable_min: s1Extendable_min, extendable_max: s1Extendable_max, domain: domain1 } = info1;
+        const { positive: positive2, negative: negative2, extendable_min: s2Extendable_min, extendable_max: s2Extendable_max, domain: domain2 } = info2;
+        if (positive2 > 0) {
+            if (!s2Extendable_min) {
+                return false;
+            }
+            let comp = negative1 / positive1;
+            if (s1Extendable_max) {
+                comp = negative1 / Math.max(positive1, positive2);
+                domain1[1] = -domain1[0] / comp;
+            }
+            domain2[0] = -domain2[1] * comp;
+        }
+        else if (negative2 > 0) {
+            if (!s2Extendable_max) {
+                return false;
+            }
+            let comp = positive1 / negative1;
+            if (s1Extendable_min) {
+                comp = positive1 / Math.max(negative1, negative1);
+                domain1[0] = -domain1[1] / comp;
+            }
+            domain2[1] = -domain2[0] * comp;
+        }
+        return true;
+    }
+    function inOnlyZeroDomain(info1, info2) {
+        const { extendable_min: s1Extendable_min, extendable_max: s1Extendable_max, domain: domain1 } = info1;
+        const { positive: positive2, negative: negative2, domain: domain2 } = info2;
+        if (positive2 === 0 && negative2 === 0) {
+            return false;
+        }
+        if (positive2 > 0 && !s1Extendable_max) {
+            return false;
+        }
+        if (negative2 > 0 && !s1Extendable_min) {
+            return false;
+        }
+        domain1[0] = domain2[0];
+        domain1[1] = domain2[1];
+        return true;
+    }
+    function inAllCrossZero(info1, info2) {
+        const { positive: positive1, negative: negative1, extendable_max: s1Extendable_max, domain: domain1 } = info1;
+        const { positive: positive2, negative: negative2, extendable_min: s2Extendable_min, domain: domain2 } = info2;
+        if (s1Extendable_max && s2Extendable_min) {
+            const comp = Math.max(negative1, negative2) / Math.max(positive1, positive2);
+            domain1[1] = -domain1[0] / comp;
+            domain2[0] = -domain2[1] * comp;
+        }
+        else if (s2Extendable_min) {
+            const comp = negative1 / positive1;
+            domain2[0] = -domain2[1] * comp;
+        }
+        else if (s1Extendable_max) {
+            const comp = negative2 / positive2;
+            domain1[1] = -domain1[0] / comp;
+        }
+        else {
+            return false;
+        }
+        return true;
+    }
+    function inNoCrossDifferentSide(info1, info2) {
+        const { extendable_min: s1Extendable_min, domain: domain1 } = info1;
+        const { extendable_max: s2Extendable_max, domain: domain2 } = info2;
+        if (!s1Extendable_min || !s2Extendable_max) {
+            return false;
+        }
+        domain1[0] = -domain1[1];
+        domain2[1] = -domain2[0];
+        return true;
+    }
+    function getNewRangeToAlign(range1, range2) {
+        const domain1 = [range1.min, range1.max];
+        const domain2 = [range2.min, range2.max];
+        if (!isValidAlignDomain(domain1) || !isValidAlignDomain(domain2)) {
+            return undefined;
+        }
+        const info1 = getScaleInfo(domain1);
+        const info2 = getScaleInfo(domain2);
+        const { positive: positive1, negative: negative1, extendable_min: s1Extendable_min, extendable_max: s1Extendable_max, includeZero: includeZero1 } = info1;
+        const { positive: positive2, negative: negative2, extendable_min: s2Extendable_min, extendable_max: s2Extendable_max, includeZero: includeZero2 } = info2;
+        if (positive1 === 0 && negative1 === 0) {
+            if (!inOnlyZeroDomain(info1, info2)) {
+                return undefined;
+            }
+        }
+        else if (positive2 === 0 && negative2 === 0) {
+            if (!inOnlyZeroDomain(info2, info1)) {
+                return undefined;
+            }
+        }
+        else if (!includeZero1 && !includeZero2) {
+            if (negative1 === 0 && positive2 === 0) {
+                if (!inNoCrossDifferentSide(info1, info2)) {
+                    return undefined;
+                }
+            }
+            else if (negative2 === 0 && positive1 === 0) {
+                if (!inNoCrossDifferentSide(info2, info1)) {
+                    return undefined;
+                }
+            }
+            if (negative1 === 0 && negative2 === 0) {
+                if (domain1[0] === 0 && domain2[0] > 0) {
+                    if (!s2Extendable_min) {
+                        return undefined;
+                    }
+                    domain2[0] = 0;
+                }
+                else if (domain2[0] === 0 && domain1[0] > 0) {
+                    if (!s1Extendable_min) {
+                        return undefined;
+                    }
+                    domain1[0] = 0;
+                }
+                else {
+                    return undefined;
+                }
+            }
+            if (positive1 === 0 && positive2 === 0) {
+                if (domain1[1] === 0 && domain2[1] > 0) {
+                    if (!s2Extendable_max) {
+                        return undefined;
+                    }
+                    domain2[1] = 0;
+                }
+                else if (domain2[1] === 0 && domain1[1] > 0) {
+                    if (!s1Extendable_max) {
+                        return undefined;
+                    }
+                    domain1[1] = 0;
+                }
+                else {
+                    return undefined;
+                }
+            }
+        }
+        else if (includeZero1 && !includeZero2) {
+            if (!inDifferentCrossZero(info1, info2)) {
+                return undefined;
+            }
+        }
+        else if (includeZero2 && !includeZero1) {
+            if (!inDifferentCrossZero(info2, info1)) {
+                return undefined;
+            }
+        }
+        else {
+            if (negative1 === negative2) {
+                return undefined;
+            }
+            else if (negative1 > negative2) {
+                if (!inAllCrossZero(info1, info2)) {
+                    return undefined;
+                }
+            }
+            else {
+                if (!inAllCrossZero(info2, info1)) {
+                    return undefined;
+                }
+            }
+        }
+        return { range1: domain1, range2: domain2 };
+    }
+
     function getAxisConfigInPivotChart(col, row, layout) {
         if (!layout._table.isPivotChart()) {
             return undefined;
         }
-        const table = layout._table;
         if (layout.indicatorsAsCol) {
             if (layout.hasTwoIndicatorAxes &&
                 row === layout.columnHeaderLevelCount - 1 &&
                 col >= layout.rowHeaderLevelCount &&
                 col < layout.colCount - layout.rightFrozenColCount) {
-                const { axisOption, isPercent, isZeroAlign, seriesIndice } = getAxisOption(col, row + 1, 'top', layout);
-                if (axisOption?.visible === false) {
-                    return;
-                }
-                const indicatorKeys = layout.getIndicatorKeyInChartSpec(col, layout.columnHeaderLevelCount - 1);
-                const colPath = layout.getColKeysPath(col, row);
-                const range = getAxisRange(layout.dataset.collectedValues, indicatorKeys, isZeroAlign, colPath, seriesIndice ?? 1);
-                if (!range) {
+                const axisRange = getRange$1('top', col, row + 1, col, layout.columnHeaderLevelCount - 1, col, row, 1, layout);
+                if (!axisRange) {
                     return;
                 }
-                if (isPercent) {
-                    range.min = range.min < 0 ? -1 : 0;
-                    range.max = range.max > 0 ? 1 : 0;
+                const { range, ticks, axisOption, isZeroAlign } = axisRange;
+                if (isZeroAlign) {
+                    const subAxisRange = getRange$1('bottom', col, row + 1, col, layout.columnHeaderLevelCount - 1, col, row, 0, layout);
+                    if (subAxisRange) {
+                        const { range: subRange } = subAxisRange;
+                        const align = getNewRangeToAlign(range, subRange);
+                        if (align) {
+                            range.min = align.range1[0];
+                            range.max = align.range1[1];
+                        }
+                    }
                 }
-                const { range: niceRange, ticks } = getAxisDomainRangeAndLabels(range.min, range.max, axisOption, isZeroAlign, table.getColWidth(col));
-                range.min = !isNaN(niceRange[0]) ? niceRange[0] : 0;
-                range.max = !isNaN(niceRange[1]) ? niceRange[1] : 1;
                 if (isNumber$6(axisOption?.min)) {
                     range.min = axisOption.min;
                     if (range.min > 0) {
@@ -40508,16 +40706,7 @@
             else if (row === layout.rowCount - layout.bottomFrozenRowCount &&
                 col >= layout.rowHeaderLevelCount &&
                 col < layout.colCount - layout.rightFrozenColCount) {
-                const { axisOption, isPercent, isZeroAlign, seriesIndice } = getAxisOption(col, row - 1, 'bottom', layout);
-                if (axisOption?.visible === false) {
-                    return;
-                }
                 const indicatorKeys = layout.getIndicatorKeyInChartSpec(col, row);
-                const colPath = layout.getColKeysPath(col, row);
-                const range = getAxisRange(layout.dataset.collectedValues, indicatorKeys, isZeroAlign, colPath, seriesIndice ?? 0);
-                if (!range) {
-                    return;
-                }
                 let indicatorInfo = null;
                 indicatorKeys?.forEach(key => {
                     const info = layout.getIndicatorInfo(key);
@@ -40525,13 +40714,22 @@
                         indicatorInfo = info;
                     }
                 });
-                if (isPercent) {
-                    range.min = range.min < 0 ? -1 : 0;
-                    range.max = range.max > 0 ? 1 : 0;
+                const axisRange = getRange$1('bottom', col, row - 1, col, row, col, row, 0, layout);
+                if (!axisRange) {
+                    return;
+                }
+                const { range, ticks, axisOption, isZeroAlign } = axisRange;
+                if (isZeroAlign) {
+                    const subAxisRange = getRange$1('top', col, row - 1, col, row, col, row, 1, layout);
+                    if (subAxisRange) {
+                        const { range: subRange } = subAxisRange;
+                        const align = getNewRangeToAlign(range, subRange);
+                        if (align) {
+                            range.min = align.range1[0];
+                            range.max = align.range1[1];
+                        }
+                    }
                 }
-                const { range: niceRange, ticks } = getAxisDomainRangeAndLabels(range.min, range.max, axisOption, isZeroAlign, table.getColWidth(col));
-                range.min = !isNaN(niceRange[0]) ? niceRange[0] : 0;
-                range.max = !isNaN(niceRange[1]) ? niceRange[1] : 1;
                 if (isNumber$6(axisOption?.min)) {
                     range.min = axisOption.min;
                     if (range.min > 0) {
@@ -40588,16 +40786,7 @@
             if (col === layout.rowHeaderLevelCount - 1 &&
                 row >= layout.columnHeaderLevelCount &&
                 row < layout.rowCount - layout.bottomFrozenRowCount) {
-                const { axisOption, isPercent, isZeroAlign, seriesIndice } = getAxisOption(col + 1, row, 'left', layout);
-                if (axisOption?.visible === false) {
-                    return;
-                }
                 const indicatorKeys = layout.getIndicatorKeyInChartSpec(col, row);
-                const rowPath = layout.getRowKeysPath(col, row);
-                const range = getAxisRange(layout.dataset.collectedValues, indicatorKeys, isZeroAlign, rowPath, seriesIndice ?? 0);
-                if (!range) {
-                    return;
-                }
                 let indicatorInfo = null;
                 indicatorKeys?.forEach(key => {
                     const info = layout.getIndicatorInfo(key);
@@ -40605,13 +40794,22 @@
                         indicatorInfo = info;
                     }
                 });
-                if (isPercent) {
-                    range.min = range.min < 0 ? -1 : 0;
-                    range.max = range.max > 0 ? 1 : 0;
+                const axisRange = getRange$1('left', col + 1, row, col, row, col, row, 0, layout);
+                if (!axisRange) {
+                    return;
+                }
+                const { range, ticks, axisOption, isZeroAlign } = axisRange;
+                if (isZeroAlign) {
+                    const subAxisRange = getRange$1('right', col + 1, row, col, row, col, row, 1, layout);
+                    if (subAxisRange) {
+                        const { range: subRange } = subAxisRange;
+                        const align = getNewRangeToAlign(range, subRange);
+                        if (align) {
+                            range.min = align.range1[0];
+                            range.max = align.range1[1];
+                        }
+                    }
                 }
-                const { range: niceRange, ticks } = getAxisDomainRangeAndLabels(range.min, range.max, axisOption, isZeroAlign, table.getRowHeight(row));
-                range.min = !isNaN(niceRange[0]) ? niceRange[0] : 0;
-                range.max = !isNaN(niceRange[1]) ? niceRange[1] : 1;
                 if (isNumber$6(axisOption?.min)) {
                     range.min = axisOption.min;
                     if (range.min > 0) {
@@ -40643,23 +40841,22 @@
             else if (col === layout.colCount - layout.rightFrozenColCount &&
                 row >= layout.columnHeaderLevelCount &&
                 row < layout.rowCount - layout.bottomFrozenRowCount) {
-                const { axisOption, isPercent, isZeroAlign, seriesIndice } = getAxisOption(col - 1, row, 'right', layout);
-                if (axisOption?.visible === false) {
-                    return;
-                }
-                const indicatorKeys = layout.getIndicatorKeyInChartSpec(layout.rowHeaderLevelCount - 1, row);
-                const rowPath = layout.getRowKeysPath(col, row);
-                const range = getAxisRange(layout.dataset.collectedValues, indicatorKeys, isZeroAlign, rowPath, seriesIndice ?? 1);
-                if (!range) {
+                const axisRange = getRange$1('right', col - 1, row, layout.rowHeaderLevelCount - 1, row, col, row, 1, layout);
+                if (!axisRange) {
                     return;
                 }
-                if (isPercent) {
-                    range.min = range.min < 0 ? -1 : 0;
-                    range.max = range.max > 0 ? 1 : 0;
+                const { range, ticks, axisOption, isZeroAlign } = axisRange;
+                if (isZeroAlign) {
+                    const subAxisRange = getRange$1('left', col - 1, row, layout.rowHeaderLevelCount - 1, row, col, row, 0, layout);
+                    if (subAxisRange) {
+                        const { range: subRange } = subAxisRange;
+                        const align = getNewRangeToAlign(range, subRange);
+                        if (align) {
+                            range.min = align.range1[0];
+                            range.max = align.range1[1];
+                        }
+                    }
                 }
-                const { range: niceRange, ticks } = getAxisDomainRangeAndLabels(range.min, range.max, axisOption, isZeroAlign, table.getRowHeight(row));
-                range.min = !isNaN(niceRange[0]) ? niceRange[0] : 0;
-                range.max = !isNaN(niceRange[1]) ? niceRange[1] : 1;
                 if (isNumber$6(axisOption?.min)) {
                     range.min = axisOption.min;
                     if (range.min > 0) {
@@ -40800,9 +40997,7 @@
         if (!defaultKey) {
             return null;
         }
-        const data = collectedValues[defaultKey + (isZeroAlign ? '_align' : '')]
-            ? collectedValues[defaultKey + (isZeroAlign ? '_align' : '')]
-            : collectedValues[defaultKey];
+        const data = collectedValues[defaultKey];
         const range = merge$1({}, data?.[colPath ?? ''] ?? { min: 0, max: 1 });
         if (range.positiveMax && range.positiveMax > range.max) {
             range.max = range.positiveMax;
@@ -40820,6 +41015,49 @@
         }
         return range;
     }
+    function getRange$1(position, colForAxisOption, rowForAxisOption, colForIndicatorKey, rowForIndicatorKey, col, row, defaultSeriesIndice, layout) {
+        const { axisOption, isPercent, isZeroAlign, seriesIndice } = getAxisOption(colForAxisOption, rowForAxisOption, position, layout);
+        if (axisOption?.visible === false) {
+            return undefined;
+        }
+        const indicatorKeys = layout.getIndicatorKeyInChartSpec(colForIndicatorKey, rowForIndicatorKey);
+        let path;
+        if (position === 'top' || position === 'bottom') {
+            path = layout.getColKeysPath(col, row);
+        }
+        else {
+            path = layout.getRowKeysPath(col, row);
+        }
+        const range = getAxisRange(layout.dataset.collectedValues, indicatorKeys, isZeroAlign, path, seriesIndice ?? defaultSeriesIndice);
+        if (!range) {
+            return undefined;
+        }
+        if (isPercent) {
+            range.min = range.min < 0 ? -1 : 0;
+            range.max = range.max > 0 ? 1 : 0;
+        }
+        const { range: niceRange, ticks } = getAxisDomainRangeAndLabels(range.min, range.max, axisOption, isZeroAlign, layout._table.getColWidth(col));
+        range.min = !isNaN(niceRange[0]) ? niceRange[0] : 0;
+        range.max = !isNaN(niceRange[1]) ? niceRange[1] : 1;
+        if (isNumber$6(axisOption?.min)) {
+            range.min = axisOption.min;
+            if (range.min > 0) {
+                axisOption.zero = false;
+            }
+        }
+        if (isNumber$6(axisOption?.max)) {
+            range.max = axisOption.max;
+            if (range.max < 0) {
+                axisOption.zero = false;
+            }
+        }
+        return {
+            axisOption,
+            isZeroAlign,
+            range,
+            ticks
+        };
+    }
 
     function computeAxisComponentWidth(config, table) {
         const attribute = merge$1({}, commonAxis, config);
@@ -44045,7 +44283,7 @@
             stroke: false,
             x: padding[3],
             y: padding[0],
-            canvas: table.canvas,
+            canvas: table.canvas ?? table.scenegraph.stage.window.getContext().canvas,
             mode: table.options.mode,
             modeParams: table.options.modeParams,
             spec: chartSpec,
@@ -45925,67 +46163,139 @@
     }
     function updateComponent(selectComp, key, scene) {
         const [startColStr, startRowStr, endColStr, endRowStr] = key.split('-');
-        const startCol = parseInt(startColStr, 10);
-        const startRow = parseInt(startRowStr, 10);
-        const endCol = parseInt(endColStr, 10);
-        const endRow = parseInt(endRowStr, 10);
-        let cellsBounds;
-        for (let i = startCol; i <= endCol; i++) {
-            for (let j = startRow; j <= endRow; j++) {
-                const cellGroup = scene.highPerformanceGetCell(i, j);
-                if (cellGroup.role !== 'cell') {
-                    continue;
+        let startCol = parseInt(startColStr, 10);
+        let startRow = parseInt(startRowStr, 10);
+        let endCol = parseInt(endColStr, 10);
+        let endRow = parseInt(endRowStr, 10);
+        let visibleCellRange;
+        switch (selectComp.role) {
+            case 'rowHeader':
+                visibleCellRange = scene.table.getBodyVisibleRowRange();
+                if (visibleCellRange) {
+                    startRow = Math.max(startRow, visibleCellRange.rowStart);
+                    endRow = Math.min(endRow, visibleCellRange.rowEnd);
                 }
-                cellGroup.AABBBounds.width();
-                const bounds = cellGroup.globalAABBBounds;
-                if (!cellsBounds) {
-                    cellsBounds = bounds;
+                break;
+            case 'columnHeader':
+                visibleCellRange = scene.table.getBodyVisibleCellRange();
+                if (visibleCellRange) {
+                    startCol = Math.max(startCol, visibleCellRange.colStart);
+                    endCol = Math.min(endCol, visibleCellRange.colEnd);
                 }
-                else {
-                    cellsBounds.union(bounds);
+                break;
+            case 'cornerHeader':
+                break;
+            case 'bottomFrozen':
+                visibleCellRange = scene.table.getBodyVisibleCellRange();
+                if (visibleCellRange) {
+                    startCol = Math.max(startCol, visibleCellRange.colStart);
+                    endCol = Math.min(endCol, visibleCellRange.colEnd);
                 }
-            }
-        }
-        if (!cellsBounds) {
-            selectComp.rect.setAttributes({
-                visible: false
-            });
-        }
-        else {
-            selectComp.rect.setAttributes({
-                x: cellsBounds.x1 - scene.tableGroup.attribute.x,
-                y: cellsBounds.y1 - scene.tableGroup.attribute.y,
-                width: cellsBounds.width(),
-                height: cellsBounds.height(),
-                visible: true
-            });
+                break;
+            case 'rightFrozen':
+                visibleCellRange = scene.table.getBodyVisibleCellRange();
+                if (visibleCellRange) {
+                    startRow = Math.max(startRow, visibleCellRange.rowStart);
+                    endRow = Math.min(endRow, visibleCellRange.rowEnd);
+                }
+                break;
+            case 'rightTopCorner':
+                break;
+            case 'leftBottomCorner':
+                break;
+            case 'rightBottomCorner':
+                break;
+            default:
+                visibleCellRange = scene.table.getBodyVisibleCellRange();
+                if (visibleCellRange) {
+                    startRow = Math.max(startRow, visibleCellRange.rowStart);
+                    endRow = Math.min(endRow, visibleCellRange.rowEnd);
+                    startCol = Math.max(startCol, visibleCellRange.colStart);
+                    endCol = Math.min(endCol, visibleCellRange.colEnd);
+                }
+                break;
         }
+        const cellRange = scene.table.getCellRange(startCol, startRow);
+        const colsWidth = scene.table.getColsWidth(cellRange.start.col, endCol);
+        const rowsHeight = scene.table.getRowsHeight(cellRange.start.row, endRow);
+        const firstCellBound = scene.highPerformanceGetCell(startCol, startRow).globalAABBBounds;
+        selectComp.rect.setAttributes({
+            x: firstCellBound.x1 - scene.tableGroup.attribute.x,
+            y: firstCellBound.y1 - scene.tableGroup.attribute.y,
+            width: colsWidth,
+            height: rowsHeight,
+            visible: true
+        });
         const isNearRowHeader = startCol === scene.table.frozenColCount;
+        const isNearRightRowHeader = endCol === scene.table.colCount - scene.table.rightFrozenColCount - 1;
         const isNearColHeader = startRow === scene.table.frozenRowCount;
+        const isNearBottomColHeader = endRow === scene.table.rowCount - scene.table.bottomFrozenRowCount - 1;
         if ((isNearRowHeader && selectComp.rect.attribute.stroke[3]) ||
-            (isNearColHeader && selectComp.rect.attribute.stroke[0])) {
-            if (isNearRowHeader) {
-                scene.tableGroup.insertAfter(selectComp.rect, selectComp.role === 'columnHeader' ? scene.cornerHeaderGroup : scene.rowHeaderGroup);
-            }
-            if (isNearColHeader) {
-                scene.tableGroup.insertAfter(selectComp.rect, selectComp.role === 'rowHeader' ? scene.cornerHeaderGroup : scene.colHeaderGroup);
+            (isNearRightRowHeader && selectComp.rect.attribute.stroke[1]) ||
+            (isNearColHeader && selectComp.rect.attribute.stroke[0]) ||
+            (isNearBottomColHeader && selectComp.rect.attribute.stroke[2])) {
+            if (isNearRowHeader && selectComp.rect.attribute.stroke[3]) {
+                scene.tableGroup.insertAfter(selectComp.rect, selectComp.role === 'columnHeader'
+                    ? scene.cornerHeaderGroup
+                    : selectComp.role === 'bottomFrozen'
+                        ? scene.leftBottomCornerGroup
+                        : scene.rowHeaderGroup);
+            }
+            if (isNearBottomColHeader && selectComp.rect.attribute.stroke[2]) {
+                scene.tableGroup.insertAfter(selectComp.rect, selectComp.role === 'rowHeader'
+                    ? scene.leftBottomCornerGroup
+                    : selectComp.role === 'rightFrozen'
+                        ? scene.rightBottomCornerGroup
+                        : scene.bottomFrozenGroup);
+            }
+            if (isNearColHeader && selectComp.rect.attribute.stroke[0]) {
+                scene.tableGroup.insertAfter(selectComp.rect, selectComp.role === 'rowHeader'
+                    ? scene.cornerHeaderGroup
+                    : selectComp.role === 'rightFrozen'
+                        ? scene.rightTopCornerGroup
+                        : scene.colHeaderGroup);
+            }
+            if (isNearRightRowHeader && selectComp.rect.attribute.stroke[1]) {
+                scene.tableGroup.insertAfter(selectComp.rect, selectComp.role === 'columnHeader'
+                    ? scene.rightTopCornerGroup
+                    : selectComp.role === 'bottomFrozen'
+                        ? scene.rightBottomCornerGroup
+                        : scene.rightFrozenGroup);
             }
             if (selectComp.rect.attribute.x < scene.rowHeaderGroup.attribute.width &&
                 scene.table.scrollLeft > 0 &&
-                (selectComp.role === 'body' || selectComp.role === 'columnHeader')) {
+                (selectComp.role === 'body' || selectComp.role === 'columnHeader' || selectComp.role === 'bottomFrozen')) {
                 selectComp.rect.setAttributes({
                     x: selectComp.rect.attribute.x + (scene.rowHeaderGroup.attribute.width - selectComp.rect.attribute.x),
                     width: selectComp.rect.attribute.width - (scene.rowHeaderGroup.attribute.width - selectComp.rect.attribute.x)
                 });
             }
+            if (scene.rightFrozenGroup.attribute.width > 0 &&
+                scene.rightFrozenGroup.attribute.height > 0 &&
+                selectComp.rect.attribute.x + selectComp.rect.attribute.width > scene.rightFrozenGroup.attribute.x &&
+                (selectComp.role === 'body' || selectComp.role === 'columnHeader' || selectComp.role === 'bottomFrozen')) {
+                selectComp.rect.setAttributes({
+                    x: selectComp.rect.attribute.x,
+                    width: scene.rightFrozenGroup.attribute.x - selectComp.rect.attribute.x
+                });
+            }
             if (selectComp.rect.attribute.y < scene.colHeaderGroup.attribute.height &&
                 scene.table.scrollTop > 0 &&
-                (selectComp.role === 'body' || selectComp.role === 'rowHeader')) {
+                (selectComp.role === 'body' || selectComp.role === 'rowHeader' || selectComp.role === 'rightFrozen')) {
                 selectComp.rect.setAttributes({
                     y: selectComp.rect.attribute.y + (scene.colHeaderGroup.attribute.height - selectComp.rect.attribute.y),
                     height: selectComp.rect.attribute.height - (scene.colHeaderGroup.attribute.height - selectComp.rect.attribute.y)
                 });
             }
+            if (scene.bottomFrozenGroup.attribute.width > 0 &&
+                scene.bottomFrozenGroup.attribute.height > 0 &&
+                selectComp.rect.attribute.y + selectComp.rect.attribute.height > scene.bottomFrozenGroup.attribute.y &&
+                (selectComp.role === 'body' || selectComp.role === 'rowHeader' || selectComp.role === 'rightFrozen')) {
+                selectComp.rect.setAttributes({
+                    y: selectComp.rect.attribute.y,
+                    height: scene.bottomFrozenGroup.attribute.y - selectComp.rect.attribute.y
+                });
+            }
         }
         else {
             scene.tableGroup.insertAfter(selectComp.rect, selectComp.role === 'body'
@@ -45994,7 +46304,17 @@
                     ? scene.colHeaderGroup
                     : selectComp.role === 'rowHeader'
                         ? scene.rowHeaderGroup
-                        : scene.cornerHeaderGroup);
+                        : selectComp.role === 'cornerHeader'
+                            ? scene.cornerHeaderGroup
+                            : selectComp.role === 'rightTopCorner'
+                                ? scene.rightTopCornerGroup
+                                : selectComp.role === 'rightFrozen'
+                                    ? scene.rightFrozenGroup
+                                    : selectComp.role === 'leftBottomCorner'
+                                        ? scene.leftBottomCornerGroup
+                                        : selectComp.role === 'bottomFrozen'
+                                            ? scene.bottomFrozenGroup
+                                            : scene.rightBottomCornerGroup);
         }
     }
     function updateCellSelectBorder(scene, newStartCol, newStartRow, newEndCol, newEndRow) {
@@ -46066,19 +46386,51 @@
         });
         scene.selectingRangeComponents = new Map();
         let needRowHeader = false;
+        let needRightRowHeader = false;
         let needColumnHeader = false;
+        let needBottomColumnHeader = false;
         let needBody = false;
         let needCornerHeader = false;
+        let needRightTopCornerHeader = false;
+        let needRightBottomCornerHeader = false;
+        let needLeftBottomCornerHeader = false;
         if (startCol <= scene.table.frozenColCount - 1 && startRow <= scene.table.frozenRowCount - 1) {
             needCornerHeader = true;
         }
-        if (startCol <= scene.table.frozenColCount - 1 && endRow >= scene.table.frozenRowCount) {
+        if (endCol >= scene.table.colCount - scene.table.rightFrozenColCount && startRow <= scene.table.frozenRowCount - 1) {
+            needRightTopCornerHeader = true;
+        }
+        if (startCol <= scene.table.frozenColCount - 1 && endRow >= scene.table.rowCount - scene.table.bottomFrozenRowCount) {
+            needLeftBottomCornerHeader = true;
+        }
+        if (endCol >= scene.table.colCount - scene.table.rightFrozenColCount &&
+            endRow >= scene.table.rowCount - scene.table.bottomFrozenRowCount) {
+            needRightBottomCornerHeader = true;
+        }
+        if (startCol <= scene.table.frozenColCount - 1 &&
+            endRow >= scene.table.frozenRowCount &&
+            startRow <= scene.table.rowCount - scene.table.bottomFrozenRowCount - 1) {
             needRowHeader = true;
         }
-        if (startRow <= scene.table.frozenRowCount - 1 && endCol >= scene.table.frozenColCount) {
+        if (endCol >= scene.table.colCount - scene.table.rightFrozenColCount &&
+            endRow >= scene.table.frozenRowCount &&
+            startRow <= scene.table.rowCount - scene.table.bottomFrozenRowCount - 1) {
+            needRightRowHeader = true;
+        }
+        if (startRow <= scene.table.frozenRowCount - 1 &&
+            endCol >= scene.table.frozenColCount &&
+            startCol <= scene.table.colCount - scene.table.rightFrozenColCount - 1) {
             needColumnHeader = true;
         }
-        if (endCol >= scene.table.frozenColCount && endRow >= scene.table.frozenRowCount) {
+        if (endRow >= scene.table.rowCount - scene.table.bottomFrozenRowCount &&
+            endCol >= scene.table.frozenColCount &&
+            startCol <= scene.table.colCount - scene.table.rightFrozenColCount - 1) {
+            needBottomColumnHeader = true;
+        }
+        if (startCol <= scene.table.colCount - scene.table.rightFrozenColCount - 1 &&
+            endCol >= scene.table.frozenColCount &&
+            startRow <= scene.table.rowCount - scene.table.bottomFrozenRowCount - 1 &&
+            endRow >= scene.table.frozenRowCount) {
             needBody = true;
         }
         if (needCornerHeader) {
@@ -46087,23 +46439,59 @@
             const strokeArray = [true, !needColumnHeader, !needRowHeader, true];
             scene.createCellSelectBorder(startCol, startRow, cornerEndCol, cornerEndRow, 'cornerHeader', `${startCol}${startRow}${endCol}${endRow}`, strokeArray);
         }
+        if (needRightTopCornerHeader) {
+            const cornerStartCol = Math.max(startCol, scene.table.colCount - scene.table.rightFrozenColCount);
+            const cornerEndRow = Math.min(endRow, scene.table.frozenRowCount - 1);
+            const strokeArray = [true, true, !needRightRowHeader, !needColumnHeader];
+            scene.createCellSelectBorder(cornerStartCol, startRow, endCol, cornerEndRow, 'rightTopCorner', `${startCol}${startRow}${endCol}${endRow}`, strokeArray);
+        }
+        if (needLeftBottomCornerHeader) {
+            const cornerEndCol = Math.min(endCol, scene.table.frozenColCount - 1);
+            const cornerStartRow = Math.max(startRow, scene.table.rowCount - scene.table.bottomFrozenRowCount);
+            const strokeArray = [!needRowHeader, !needBottomColumnHeader, true, true];
+            scene.createCellSelectBorder(startCol, cornerStartRow, cornerEndCol, endRow, 'leftBottomCorner', `${startCol}${startRow}${endCol}${endRow}`, strokeArray);
+        }
+        if (needRightBottomCornerHeader) {
+            const cornerStartCol = Math.max(startCol, scene.table.colCount - scene.table.rightFrozenColCount);
+            const cornerStartRow = Math.max(startRow, scene.table.rowCount - scene.table.bottomFrozenRowCount);
+            const strokeArray = [!needRightRowHeader, true, true, !needBottomColumnHeader];
+            scene.createCellSelectBorder(cornerStartCol, cornerStartRow, endCol, endRow, 'rightBottomCorner', `${startCol}${startRow}${endCol}${endRow}`, strokeArray);
+        }
         if (needColumnHeader) {
             const columnHeaderStartCol = Math.max(startCol, scene.table.frozenColCount);
+            const columnHeaderEndCol = Math.min(endCol, scene.table.colCount - scene.table.rightFrozenColCount - 1);
             const columnHeaderEndRow = Math.min(endRow, scene.table.frozenRowCount - 1);
-            const strokeArray = [true, true, !needBody, !needCornerHeader];
-            scene.createCellSelectBorder(columnHeaderStartCol, startRow, endCol, columnHeaderEndRow, 'columnHeader', `${startCol}${startRow}${endCol}${endRow}`, strokeArray);
+            const strokeArray = [true, !needRightTopCornerHeader, !needBody, !needCornerHeader];
+            scene.createCellSelectBorder(columnHeaderStartCol, startRow, columnHeaderEndCol, columnHeaderEndRow, 'columnHeader', `${startCol}${startRow}${endCol}${endRow}`, strokeArray);
+        }
+        if (needBottomColumnHeader) {
+            const columnHeaderStartCol = Math.max(startCol, scene.table.frozenColCount);
+            const columnHeaderEndCol = Math.min(endCol, scene.table.colCount - scene.table.rightFrozenColCount - 1);
+            const columnHeaderStartRow = Math.max(startRow, scene.table.rowCount - scene.table.bottomFrozenRowCount);
+            const strokeArray = [!needBody, !needRightBottomCornerHeader, true, !needLeftBottomCornerHeader];
+            scene.createCellSelectBorder(columnHeaderStartCol, columnHeaderStartRow, columnHeaderEndCol, endRow, 'bottomFrozen', `${startCol}${startRow}${endCol}${endRow}`, strokeArray);
         }
         if (needRowHeader) {
             const columnHeaderStartRow = Math.max(startRow, scene.table.frozenRowCount);
+            const columnHeaderEndRow = Math.min(endRow, scene.table.rowCount - scene.table.bottomFrozenRowCount - 1);
             const columnHeaderEndCol = Math.min(endCol, scene.table.frozenColCount - 1);
-            const strokeArray = [!needCornerHeader, !needBody, true, true];
-            scene.createCellSelectBorder(startCol, columnHeaderStartRow, columnHeaderEndCol, endRow, 'rowHeader', `${startCol}${startRow}${endCol}${endRow}`, strokeArray);
+            const strokeArray = [!needCornerHeader, !needBody, !needLeftBottomCornerHeader, true];
+            scene.createCellSelectBorder(startCol, columnHeaderStartRow, columnHeaderEndCol, columnHeaderEndRow, 'rowHeader', `${startCol}${startRow}${endCol}${endRow}`, strokeArray);
+        }
+        if (needRightRowHeader) {
+            const columnHeaderStartRow = Math.max(startRow, scene.table.frozenRowCount);
+            const columnHeaderEndRow = Math.min(endRow, scene.table.rowCount - scene.table.bottomFrozenRowCount - 1);
+            const columnHeaderStartCol = Math.max(startCol, scene.table.colCount - scene.table.rightFrozenColCount);
+            const strokeArray = [!needRightTopCornerHeader, true, !needRightBottomCornerHeader, !needBody];
+            scene.createCellSelectBorder(columnHeaderStartCol, columnHeaderStartRow, endCol, columnHeaderEndRow, 'rightFrozen', `${startCol}${startRow}${endCol}${endRow}`, strokeArray);
         }
         if (needBody) {
             const columnHeaderStartCol = Math.max(startCol, scene.table.frozenColCount);
             const columnHeaderStartRow = Math.max(startRow, scene.table.frozenRowCount);
-            const strokeArray = [!needColumnHeader, true, true, !needRowHeader];
-            scene.createCellSelectBorder(columnHeaderStartCol, columnHeaderStartRow, endCol, endRow, 'body', `${startCol}${startRow}${endCol}${endRow}`, strokeArray);
+            const columnHeaderEndCol = Math.min(endCol, scene.table.colCount - scene.table.rightFrozenColCount - 1);
+            const columnHeaderEndRow = Math.min(endRow, scene.table.rowCount - scene.table.bottomFrozenRowCount - 1);
+            const strokeArray = [!needColumnHeader, !needRightRowHeader, !needBottomColumnHeader, !needRowHeader];
+            scene.createCellSelectBorder(columnHeaderStartCol, columnHeaderStartRow, columnHeaderEndCol, columnHeaderEndRow, 'body', `${startCol}${startRow}${endCol}${endRow}`, strokeArray);
         }
     }
 
@@ -46112,23 +46500,7 @@
         const startRow = Math.min(start_Row, end_Row);
         const endCol = Math.max(start_Col, end_Col);
         const endRow = Math.max(start_Row, end_Row);
-        let cellsBounds;
-        for (let i = startCol; i <= endCol; i++) {
-            for (let j = startRow; j <= endRow; j++) {
-                const cellGroup = scene.highPerformanceGetCell(i, j);
-                if (cellGroup.role === 'shadow-cell') {
-                    continue;
-                }
-                cellGroup.AABBBounds.width();
-                const bounds = cellGroup.globalAABBBounds;
-                if (!cellsBounds) {
-                    cellsBounds = bounds;
-                }
-                else {
-                    cellsBounds.union(bounds);
-                }
-            }
-        }
+        const firstCellBound = scene.highPerformanceGetCell(startCol, startRow).globalAABBBounds;
         const theme = scene.table.theme;
         const bodyClickBorderColor = theme.selectionStyle?.cellBorderColor;
         const bodyClickLineWidth = theme.selectionStyle?.cellBorderLineWidth;
@@ -46142,10 +46514,10 @@
                 }
                 return false;
             }),
-            x: cellsBounds.x1 - scene.tableGroup.attribute.x,
-            y: cellsBounds.y1 - scene.tableGroup.attribute.y,
-            width: cellsBounds.width(),
-            height: cellsBounds.height(),
+            x: firstCellBound.x1 - scene.tableGroup.attribute.x,
+            y: firstCellBound.y1 - scene.tableGroup.attribute.y,
+            width: 0,
+            height: 0,
             visible: true
         });
         scene.lastSelectId = selectId;
@@ -46159,7 +46531,17 @@
                 ? scene.colHeaderGroup
                 : selectRangeType === 'rowHeader'
                     ? scene.rowHeaderGroup
-                    : scene.cornerHeaderGroup);
+                    : selectRangeType === 'cornerHeader'
+                        ? scene.cornerHeaderGroup
+                        : selectRangeType === 'rightTopCorner'
+                            ? scene.rightTopCornerGroup
+                            : selectRangeType === 'rightFrozen'
+                                ? scene.rightFrozenGroup
+                                : selectRangeType === 'leftBottomCorner'
+                                    ? scene.leftBottomCornerGroup
+                                    : selectRangeType === 'bottomFrozen'
+                                        ? scene.bottomFrozenGroup
+                                        : scene.rightBottomCornerGroup);
     }
 
     function moveSelectingRangeComponentsToSelectedRangeComponents(scene) {
@@ -46931,10 +47313,10 @@
             createCornerCell(rightBottomCornerGroup, scene.table.theme.cornerRightBottomCellStyle || scene.table.theme.cornerHeaderStyle);
         }
         scene.tableGroup.addChild(bodyGroup);
-        scene.tableGroup.addChild(rightFrozenGroup);
-        scene.tableGroup.addChild(bottomFrozenGroup);
         scene.tableGroup.addChild(rowHeaderGroup);
+        scene.tableGroup.addChild(bottomFrozenGroup);
         scene.tableGroup.addChild(colHeaderGroup);
+        scene.tableGroup.addChild(rightFrozenGroup);
         scene.tableGroup.addChild(rightBottomCornerGroup);
         scene.tableGroup.addChild(rightTopCornerGroup);
         scene.tableGroup.addChild(leftBottomCornerGroup);
@@ -47361,7 +47743,7 @@
             if (this.table.rightFrozenColCount > 0 &&
                 col >= this.table.colCount - this.table.rightFrozenColCount &&
                 row < this.table.frozenRowCount) {
-                cell = this.rightBottomCornerGroup.getColGroup(col)?.getRowGroup(row);
+                cell = this.rightTopCornerGroup.getColGroup(col)?.getRowGroup(row);
             }
             else if (this.table.bottomFrozenRowCount > 0 &&
                 row >= this.table.rowCount - this.table.bottomFrozenRowCount &&
@@ -47456,7 +47838,9 @@
             this.stage.renderNextFrame();
         }
         resetAllSelectComponent() {
-            updateAllSelectComponent(this);
+            if (this.table.stateManeger.select?.ranges?.length > 0) {
+                updateAllSelectComponent(this);
+            }
         }
         hideHoverIcon(col, row) {
             if (col === -1 || row === -1) {
@@ -50175,7 +50559,7 @@
                     eventManeger.dealColumnMover(eventArgsSet);
                 }
                 else {
-                    eventManeger.dealTableSelect(eventArgsSet);
+                    eventManeger.dealTableSelect(eventArgsSet, true);
                 }
                 return;
             }
@@ -50288,7 +50672,7 @@
             }
         });
         table.scenegraph.tableGroup.addEventListener('pointerleave', (e) => {
-            if (!stateManeger.isResizeCol()) {
+            if (!stateManeger.isResizeCol() && !stateManeger.isMoveCol() && !stateManeger.isSelecting()) {
                 stateManeger.updateInteractionState(InteractionState.default);
                 stateManeger.updateCursor();
             }
@@ -50325,10 +50709,15 @@
                 }
             }
             else if (stateManeger.isSelecting()) {
-                table.stateManeger.endSelectCells();
                 if (table.stateManeger.select?.ranges?.length) {
                     const lastCol = table.stateManeger.select.ranges[table.stateManeger.select.ranges.length - 1].end.col;
                     const lastRow = table.stateManeger.select.ranges[table.stateManeger.select.ranges.length - 1].end.row;
+                    table.stateManeger.select.selecting = false;
+                    table.fireListeners(TABLE_EVENT_TYPE.SELECTED_CELL, {
+                        ranges: table.stateManeger.select.ranges,
+                        col: lastCol,
+                        row: lastRow
+                    });
                     if (table.hasListeners(TABLE_EVENT_TYPE.DRAG_SELECT_END)) {
                         const cellsEvent = {
                             event: e.nativeEvent,
@@ -50558,7 +50947,8 @@
             const target = e.target;
             if (target &&
                 !target.isDescendantsOf(table.scenegraph.tableGroup) &&
-                target !== table.scenegraph.tableGroup) {
+                target !== table.scenegraph.tableGroup &&
+                target !== table.scenegraph.stage) {
                 stateManeger.updateInteractionState(InteractionState.default);
                 eventManeger.dealTableHover();
                 eventManeger.dealTableSelect();
@@ -50743,7 +51133,8 @@
         }
         state.resetInteractionState();
         if (event.cancelable &&
-            ((Math.abs(deltaY) >= Math.abs(deltaX) && deltaY !== 0 && isVerticalScrollable(deltaY, state)) ||
+            (state.table.internalProps.overscrollBehavior === 'none' ||
+                (Math.abs(deltaY) >= Math.abs(deltaX) && deltaY !== 0 && isVerticalScrollable(deltaY, state)) ||
                 (Math.abs(deltaY) <= Math.abs(deltaX) && deltaX !== 0 && isHorizontalScrollable(deltaX, state)))) {
             event.preventDefault();
         }
@@ -50873,7 +51264,8 @@
                 eventManeger.touchMovePoints[eventManeger.touchMovePoints.length - 2].y;
             handleWhell({ deltaX, deltaY }, stateManeger);
             if (e.cancelable &&
-                ((Math.abs(deltaY) >= Math.abs(deltaX) && deltaY !== 0 && isVerticalScrollable(deltaY, stateManeger)) ||
+                (table.internalProps.overscrollBehavior === 'none' ||
+                    (Math.abs(deltaY) >= Math.abs(deltaX) && deltaY !== 0 && isVerticalScrollable(deltaY, stateManeger)) ||
                     (Math.abs(deltaY) <= Math.abs(deltaX) && deltaX !== 0 && isHorizontalScrollable(deltaX, stateManeger)))) {
                 e.preventDefault();
             }
@@ -51168,7 +51560,7 @@
         }
         dealMenuHover(eventArgsSet) {
         }
-        dealTableSelect(eventArgsSet) {
+        dealTableSelect(eventArgsSet, isSelectMoving) {
             if (!eventArgsSet) {
                 this.table.stateManeger.updateSelectPos(-1, -1);
                 return false;
@@ -51179,10 +51571,17 @@
                     return false;
                 }
                 const define = this.table.getBodyColumnDefine(eventArgs.col, eventArgs.row);
-                if (this.table.isHeader(eventArgs.col, eventArgs.row) && define?.disableHeaderSelect) {
+                if (this.table.isHeader(eventArgs.col, eventArgs.row) &&
+                    (define?.disableHeaderSelect || this.table.stateManeger.select?.disableHeader)) {
+                    if (!isSelectMoving) {
+                        this.table.stateManeger.updateSelectPos(-1, -1);
+                    }
                     return false;
                 }
                 else if (!this.table.isHeader(eventArgs.col, eventArgs.row) && define?.disableSelect) {
+                    if (!isSelectMoving) {
+                        this.table.stateManeger.updateSelectPos(-1, -1);
+                    }
                     return false;
                 }
                 if (this.table.isPivotChart() &&
@@ -51673,7 +52072,7 @@
 	margin-right: 15px;
 }
 `;
-        document.body.appendChild(styleElement);
+        document.head.appendChild(styleElement);
     }
 
     importStyle$1();
@@ -52603,7 +53002,7 @@
 	border: 1px solid #E6E8ED;
 }
 `;
-        document.body.appendChild(styleElement);
+        document.head.appendChild(styleElement);
     }
 
     importStyle();
@@ -53640,6 +54039,9 @@
         adjustTableSize(attrs) {
             let width = isFinite(this.legendComponent.AABBBounds.width()) ? this.legendComponent.AABBBounds.width() : 0;
             let height = isFinite(this.legendComponent.AABBBounds.height()) ? this.legendComponent.AABBBounds.height() : 0;
+            if (width <= 0 || height <= 0) {
+                return;
+            }
             const rectWidth = this.table.tableNoFrameWidth;
             const rectHeight = this.table.tableNoFrameHeight;
             const padding = getQuadProps(attrs.padding ?? this.option.padding ?? 10);
@@ -53947,6 +54349,9 @@
         adjustTableSize(attrs) {
             let width = isFinite(this.legendComponent.AABBBounds.width()) ? this.legendComponent.AABBBounds.width() : 0;
             let height = isFinite(this.legendComponent.AABBBounds.height()) ? this.legendComponent.AABBBounds.height() : 0;
+            if (width <= 0 || height <= 0) {
+                return;
+            }
             const rectWidth = this.table.tableNoFrameWidth;
             const rectHeight = this.table.tableNoFrameHeight;
             const padding = getQuadProps(attrs.padding ?? this.option.padding ?? 10);
@@ -54096,7 +54501,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.13.4-alpha.2";
+        version = "0.13.4-alpha.4";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -54108,7 +54513,7 @@
             if (!container && options.mode !== 'node') {
                 throw new Error("vtable's container is undefined");
             }
-            const { frozenColCount = 0, defaultRowHeight = 40, defaultHeaderRowHeight, defaultColWidth = 80, defaultHeaderColWidth, widthMode = 'standard', heightMode = 'standard', autoFillWidth = false, autoFillHeight = false, keyboardOptions, columnResizeMode, dragHeaderMode, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, customRender, pixelRatio = defaultPixelRatio, renderChartAsync, renderChartAsyncBatchCount, mode, modeParams, canvasWidth, canvasHeight } = options;
+            const { frozenColCount = 0, defaultRowHeight = 40, defaultHeaderRowHeight, defaultColWidth = 80, defaultHeaderColWidth, widthMode = 'standard', heightMode = 'standard', autoFillWidth = false, autoFillHeight = false, keyboardOptions, columnResizeMode, dragHeaderMode, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, customRender, pixelRatio = defaultPixelRatio, renderChartAsync, renderChartAsyncBatchCount, mode, modeParams, canvasWidth, canvasHeight, overscrollBehavior } = options;
             this.container = container;
             this.options = options;
             this.options.container = container;
@@ -54160,6 +54565,7 @@
             internalProps.dragHeaderMode = dragHeaderMode;
             internalProps.renderChartAsync = renderChartAsync;
             setBatchRenderChartCount(renderChartAsyncBatchCount);
+            internalProps.overscrollBehavior = overscrollBehavior ?? 'auto';
             internalProps._rowHeightsMap = new NumberMap();
             internalProps._rowRangeHeightsMap = new Map();
             internalProps._colRangeWidthsMap = new Map();
@@ -54974,6 +55380,51 @@
             }
             return count;
         }
+        getBodyVisibleCellRange() {
+            const { scrollTop, scrollLeft } = this;
+            const frozenRowsHeight = this.getFrozenRowsHeight();
+            const frozenColsWidth = this.getFrozenColsWidth();
+            const bottomFrozenRowsHeight = this.getBottomFrozenRowsHeight();
+            const rightFrozenColsWidth = this.getRightFrozenColsWidth();
+            const { row: rowStart } = this.getRowAt(scrollTop + frozenRowsHeight + 1);
+            const { col: colStart } = this.getColAt(scrollLeft + frozenColsWidth + 1);
+            const rowEnd = this.getAllRowsHeight() > this.tableNoFrameHeight
+                ? this.getRowAt(scrollTop + this.tableNoFrameHeight - 1 - bottomFrozenRowsHeight).row
+                : this.rowCount - 1;
+            const colEnd = this.getAllColsWidth() > this.tableNoFrameWidth
+                ? this.getColAt(scrollLeft + this.tableNoFrameWidth - 1 - rightFrozenColsWidth).col
+                : this.colCount - 1;
+            if (colEnd < 0 || rowEnd < 0) {
+                return null;
+            }
+            return { rowStart, colStart, rowEnd, colEnd };
+        }
+        getBodyVisibleRowRange() {
+            const { scrollTop } = this;
+            const frozenRowsHeight = this.getFrozenRowsHeight();
+            const bottomFrozenRowsHeight = this.getBottomFrozenRowsHeight();
+            const { row: rowStart } = this.getRowAt(scrollTop + frozenRowsHeight + 1);
+            const rowEnd = this.getAllRowsHeight() > this.tableNoFrameHeight
+                ? this.getRowAt(scrollTop + this.tableNoFrameHeight - 1 - bottomFrozenRowsHeight).row
+                : this.rowCount - 1;
+            if (rowEnd < 0) {
+                return null;
+            }
+            return { rowStart, rowEnd };
+        }
+        getBodyVisibleColRange() {
+            const { scrollLeft } = this;
+            const frozenColsWidth = this.getFrozenColsWidth();
+            const rightFrozenColsWidth = this.getRightFrozenColsWidth();
+            const { col: colStart } = this.getColAt(scrollLeft + frozenColsWidth + 1);
+            const colEnd = this.getAllColsWidth() > this.tableNoFrameWidth
+                ? this.getColAt(scrollLeft + this.tableNoFrameWidth - 1 - rightFrozenColsWidth).col
+                : this.colCount - 1;
+            if (colEnd < 0) {
+                return null;
+            }
+            return { colStart, colEnd };
+        }
         get visibleColCount() {
             const { frozenColCount } = this;
             const visibleRect = this.getVisibleRect();
@@ -55058,7 +55509,7 @@
         }
         updateOption(options) {
             this.options = options;
-            const { frozenColCount = 0, defaultRowHeight = 40, defaultHeaderRowHeight, defaultColWidth = 80, defaultHeaderColWidth = 80, keyboardOptions, columnResizeMode, dragHeaderMode, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, pixelRatio, widthMode, heightMode, autoFillWidth, autoFillHeight, customRender, renderChartAsync, renderChartAsyncBatchCount } = options;
+            const { frozenColCount = 0, defaultRowHeight = 40, defaultHeaderRowHeight, defaultColWidth = 80, defaultHeaderColWidth = 80, keyboardOptions, columnResizeMode, dragHeaderMode, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, pixelRatio, widthMode, heightMode, autoFillWidth, autoFillHeight, customRender, renderChartAsync, renderChartAsyncBatchCount, overscrollBehavior } = options;
             if (pixelRatio && pixelRatio !== this.internalProps.pixelRatio) {
                 this.internalProps.pixelRatio = pixelRatio;
             }
@@ -55099,6 +55550,7 @@
             internalProps.dragHeaderMode = dragHeaderMode;
             internalProps.renderChartAsync = renderChartAsync;
             setBatchRenderChartCount(renderChartAsyncBatchCount);
+            internalProps.overscrollBehavior = overscrollBehavior ?? 'auto';
             internalProps.cellTextOverflows = {};
             internalProps._rowHeightsMap = new NumberMap();
             internalProps._rowRangeHeightsMap = new Map();
@@ -56184,6 +56636,7 @@
             if (this.options.mode !== 'node') {
                 return;
             }
+            this.render();
             const stage = this.scenegraph.stage;
             if (stage) {
                 const contentWidth = this.tableX + this.getAllColsWidth();
@@ -56367,25 +56820,21 @@
     }
     function getChartAxes(col, row, layout) {
         const axes = [];
-        const table = layout._table;
         if (layout.indicatorsAsCol) {
             const indicatorKeys = layout.getIndicatorKeyInChartSpec(col, row);
             const colPath = layout.getColKeysPath(col, row);
             indicatorKeys.forEach((key, index) => {
-                const { axisOption, isPercent, isZeroAlign, seriesIndice } = getAxisOption(col, row, index === 0 ? 'bottom' : 'top', layout);
-                const range = getAxisRange(layout.dataset.collectedValues, indicatorKeys, isZeroAlign, colPath, seriesIndice ?? index);
-                if (isPercent) {
-                    range.min = range.min < 0 ? -1 : 0;
-                    range.max = range.max > 0 ? 1 : 0;
-                }
-                if (axisOption?.zero || range.min === range.max) {
-                    range.min = Math.min(range.min, 0);
-                    range.max = Math.max(range.max, 0);
-                }
-                if (axisOption?.nice) {
-                    const { range: axisRange } = getAxisDomainRangeAndLabels(range.min, range.max, axisOption, isZeroAlign, table.getColWidth(col));
-                    range.min = axisRange[0];
-                    range.max = axisRange[1];
+                const { range, isZeroAlign, axisOption } = getRange(col, row, index, index === 0 ? 'bottom' : 'top', indicatorKeys, colPath, layout);
+                if (isZeroAlign) {
+                    const subAxisRange = getRange(col, row, indicatorKeys.length - 1 - index, index === 0 ? 'top' : 'bottom', indicatorKeys, colPath, layout);
+                    if (subAxisRange) {
+                        const { range: subRange } = subAxisRange;
+                        const align = getNewRangeToAlign(range, subRange);
+                        if (align) {
+                            range.min = align.range1[0];
+                            range.max = align.range1[1];
+                        }
+                    }
                 }
                 if (isNumber$6(axisOption?.min)) {
                     range.min = axisOption.min;
@@ -56433,20 +56882,17 @@
             const indicatorKeys = layout.getIndicatorKeyInChartSpec(col, row);
             const rowPath = layout.getRowKeysPath(col, row);
             indicatorKeys.forEach((key, index) => {
-                const { axisOption, isPercent, isZeroAlign, seriesIndice } = getAxisOption(col, row, index === 0 ? 'left' : 'right', layout);
-                const range = getAxisRange(layout.dataset.collectedValues, indicatorKeys, isZeroAlign, rowPath, seriesIndice ?? index);
-                if (isPercent) {
-                    range.min = range.min < 0 ? -1 : 0;
-                    range.max = range.max > 0 ? 1 : 0;
-                }
-                if (axisOption?.zero || range.min === range.max) {
-                    range.min = Math.min(range.min, 0);
-                    range.max = Math.max(range.max, 0);
-                }
-                if (axisOption?.nice) {
-                    const { range: axisRange } = getAxisDomainRangeAndLabels(range.min, range.max, axisOption, isZeroAlign, table.getRowHeight(row));
-                    range.min = axisRange[0];
-                    range.max = axisRange[1];
+                const { range, isZeroAlign, axisOption } = getRange(col, row, index, index === 0 ? 'left' : 'right', indicatorKeys, rowPath, layout);
+                if (isZeroAlign) {
+                    const subAxisRange = getRange(col, row, indicatorKeys.length - 1 - index, index === 0 ? 'right' : 'left', indicatorKeys, rowPath, layout);
+                    if (subAxisRange) {
+                        const { range: subRange } = subAxisRange;
+                        const align = getNewRangeToAlign(range, subRange);
+                        if (align) {
+                            range.min = align.range1[0];
+                            range.max = align.range1[1];
+                        }
+                    }
                 }
                 if (isNumber$6(axisOption?.min)) {
                     range.min = axisOption.min;
@@ -56517,6 +56963,34 @@
         }
         return chartSpec.data.id;
     }
+    function getRange(col, row, index, position, indicatorKeys, path, layout) {
+        const { axisOption, isPercent, isZeroAlign, seriesIndice } = getAxisOption(col, row, position, layout);
+        const range = getAxisRange(layout.dataset.collectedValues, indicatorKeys, isZeroAlign, path, seriesIndice ?? index);
+        if (isPercent) {
+            range.min = range.min < 0 ? -1 : 0;
+            range.max = range.max > 0 ? 1 : 0;
+        }
+        if (axisOption?.zero || range.min === range.max) {
+            range.min = Math.min(range.min, 0);
+            range.max = Math.max(range.max, 0);
+        }
+        if (axisOption?.nice) {
+            const { range: axisRange } = getAxisDomainRangeAndLabels(range.min, range.max, axisOption, isZeroAlign, layout._table.getColWidth(col));
+            range.min = axisRange[0];
+            range.max = axisRange[1];
+        }
+        if (isNumber$6(axisOption?.min)) {
+            range.min = axisOption.min;
+        }
+        if (isNumber$6(axisOption?.max)) {
+            range.max = axisOption.max;
+        }
+        return {
+            range,
+            isZeroAlign,
+            axisOption
+        };
+    }
 
     let seqId = 0;
     class SimpleHeaderLayoutMap {
@@ -57246,7 +57720,9 @@
         constructor(titleOption, table) {
             this.table = table;
             this._titleOption = titleOption;
-            this._titleComponent = this._createOrUpdateTitleComponent(this._getTitleAttrs());
+            if (titleOption.visible !== false) {
+                this._titleComponent = this._createOrUpdateTitleComponent(this._getTitleAttrs());
+            }
         }
         _createOrUpdateTitleComponent(attrs) {
             if (this._titleComponent) {
@@ -57297,8 +57773,8 @@
             this._adjustTableSize(this._titleComponent.attribute);
         }
         _adjustTableSize(attrs) {
-            const width = isFinite(this._titleComponent.AABBBounds.width()) ? this._titleComponent.AABBBounds.width() : 0;
-            const height = isFinite(this._titleComponent.AABBBounds.height()) ? this._titleComponent.AABBBounds.height() : 0;
+            const width = isFinite(this._titleComponent?.AABBBounds.width()) ? this._titleComponent.AABBBounds.width() : 0;
+            const height = isFinite(this._titleComponent?.AABBBounds.height()) ? this._titleComponent.AABBBounds.height() : 0;
             if (this._titleOption.orient === 'left') {
                 this.table.tableNoFrameWidth = this.table.tableNoFrameWidth - Math.ceil(width);
                 this.table.tableX += Math.ceil(width);
@@ -57331,7 +57807,8 @@
             this.isReleased = true;
         }
         _getTitleAttrs() {
-            const padding = getQuadProps(this._titleOption.padding ?? 10);
+            const defaultPadding = this._titleOption.text || this._titleOption.subtext ? 10 : 0;
+            const padding = getQuadProps(this._titleOption.padding ?? defaultPadding);
             const realWidth = this._titleOption.width ??
                 Math.min(this.table.tableNoFrameWidth, this.table.getDrawRange().width) - padding[1] - padding[3];
             const realHeight = this._titleOption.height ??
@@ -60576,206 +61053,6 @@
         };
     }
 
-    function isValidAlignDomain(domain) {
-        return domain.length === 2 && isValidNumber$1(domain[0]) && isValidNumber$1(domain[1]) && domain[1] >= domain[0];
-    }
-    function getScaleInfo(domain) {
-        const total = domain[1] - domain[0];
-        const includeZero = domain[1] * domain[0] < 0;
-        let negative = domain[0] <= 0 ? 0 - domain[0] : 0;
-        let positive = domain[1] > 0 ? domain[1] - 0 : 0;
-        if (total === 0) {
-            if (domain[0] < 0) {
-                negative = 1;
-                positive = 0;
-            }
-            else if (domain[0] > 0) {
-                negative = 0;
-                positive = 1;
-            }
-        }
-        else {
-            negative = negative / total;
-            positive = positive / total;
-        }
-        return {
-            total,
-            negative,
-            positive,
-            includeZero,
-            domain,
-            extendable_min: true,
-            extendable_max: true
-        };
-    }
-    function inDifferentCrossZero(info1, info2) {
-        const { positive: positive1, negative: negative1, extendable_min: s1Extendable_min, extendable_max: s1Extendable_max, domain: domain1 } = info1;
-        const { positive: positive2, negative: negative2, extendable_min: s2Extendable_min, extendable_max: s2Extendable_max, domain: domain2 } = info2;
-        if (positive2 > 0) {
-            if (!s2Extendable_min) {
-                return false;
-            }
-            let comp = negative1 / positive1;
-            if (s1Extendable_max) {
-                comp = negative1 / Math.max(positive1, positive2);
-                domain1[1] = -domain1[0] / comp;
-            }
-            domain2[0] = -domain2[1] * comp;
-        }
-        else if (negative2 > 0) {
-            if (!s2Extendable_max) {
-                return false;
-            }
-            let comp = positive1 / negative1;
-            if (s1Extendable_min) {
-                comp = positive1 / Math.max(negative1, negative1);
-                domain1[0] = -domain1[1] / comp;
-            }
-            domain2[1] = -domain2[0] * comp;
-        }
-        return true;
-    }
-    function inOnlyZeroDomain(info1, info2) {
-        const { extendable_min: s1Extendable_min, extendable_max: s1Extendable_max, domain: domain1 } = info1;
-        const { positive: positive2, negative: negative2, domain: domain2 } = info2;
-        if (positive2 === 0 && negative2 === 0) {
-            return false;
-        }
-        if (positive2 > 0 && !s1Extendable_max) {
-            return false;
-        }
-        if (negative2 > 0 && !s1Extendable_min) {
-            return false;
-        }
-        domain1[0] = domain2[0];
-        domain1[1] = domain2[1];
-        return true;
-    }
-    function inAllCrossZero(info1, info2) {
-        const { positive: positive1, negative: negative1, extendable_max: s1Extendable_max, domain: domain1 } = info1;
-        const { positive: positive2, negative: negative2, extendable_min: s2Extendable_min, domain: domain2 } = info2;
-        if (s1Extendable_max && s2Extendable_min) {
-            const comp = Math.max(negative1, negative2) / Math.max(positive1, positive2);
-            domain1[1] = -domain1[0] / comp;
-            domain2[0] = -domain2[1] * comp;
-        }
-        else if (s2Extendable_min) {
-            const comp = negative1 / positive1;
-            domain2[0] = -domain2[1] * comp;
-        }
-        else if (s1Extendable_max) {
-            const comp = negative2 / positive2;
-            domain1[1] = -domain1[0] / comp;
-        }
-        else {
-            return false;
-        }
-        return true;
-    }
-    function inNoCrossDifferentSide(info1, info2) {
-        const { extendable_min: s1Extendable_min, domain: domain1 } = info1;
-        const { extendable_max: s2Extendable_max, domain: domain2 } = info2;
-        if (!s1Extendable_min || !s2Extendable_max) {
-            return false;
-        }
-        domain1[0] = -domain1[1];
-        domain2[1] = -domain2[0];
-        return true;
-    }
-    function getNewRangeToAlign(range1, range2) {
-        const domain1 = [range1.min, range1.max];
-        const domain2 = [range2.min, range2.max];
-        if (!isValidAlignDomain(domain1) || !isValidAlignDomain(domain2)) {
-            return undefined;
-        }
-        const info1 = getScaleInfo(domain1);
-        const info2 = getScaleInfo(domain2);
-        const { positive: positive1, negative: negative1, extendable_min: s1Extendable_min, extendable_max: s1Extendable_max, includeZero: includeZero1 } = info1;
-        const { positive: positive2, negative: negative2, extendable_min: s2Extendable_min, extendable_max: s2Extendable_max, includeZero: includeZero2 } = info2;
-        if (positive1 === 0 && negative1 === 0) {
-            if (!inOnlyZeroDomain(info1, info2)) {
-                return undefined;
-            }
-        }
-        else if (positive2 === 0 && negative2 === 0) {
-            if (!inOnlyZeroDomain(info2, info1)) {
-                return undefined;
-            }
-        }
-        else if (!includeZero1 && !includeZero2) {
-            if (negative1 === 0 && positive2 === 0) {
-                if (!inNoCrossDifferentSide(info1, info2)) {
-                    return undefined;
-                }
-            }
-            else if (negative2 === 0 && positive1 === 0) {
-                if (!inNoCrossDifferentSide(info2, info1)) {
-                    return undefined;
-                }
-            }
-            if (negative1 === 0 && negative2 === 0) {
-                if (domain1[0] === 0 && domain2[0] > 0) {
-                    if (!s2Extendable_min) {
-                        return undefined;
-                    }
-                    domain2[0] = 0;
-                }
-                else if (domain2[0] === 0 && domain1[0] > 0) {
-                    if (!s1Extendable_min) {
-                        return undefined;
-                    }
-                    domain1[0] = 0;
-                }
-                else {
-                    return undefined;
-                }
-            }
-            if (positive1 === 0 && positive2 === 0) {
-                if (domain1[1] === 0 && domain2[1] > 0) {
-                    if (!s2Extendable_max) {
-                        return undefined;
-                    }
-                    domain2[1] = 0;
-                }
-                else if (domain2[1] === 0 && domain1[1] > 0) {
-                    if (!s1Extendable_max) {
-                        return undefined;
-                    }
-                    domain1[1] = 0;
-                }
-                else {
-                    return undefined;
-                }
-            }
-        }
-        else if (includeZero1 && !includeZero2) {
-            if (!inDifferentCrossZero(info1, info2)) {
-                return undefined;
-            }
-        }
-        else if (includeZero2 && !includeZero1) {
-            if (!inDifferentCrossZero(info2, info1)) {
-                return undefined;
-            }
-        }
-        else {
-            if (negative1 === negative2) {
-                return undefined;
-            }
-            else if (negative1 > negative2) {
-                if (!inAllCrossZero(info1, info2)) {
-                    return undefined;
-                }
-            }
-            else {
-                if (!inAllCrossZero(info2, info1)) {
-                    return undefined;
-                }
-            }
-        }
-        return { range1: domain1, range2: domain2 };
-    }
-
     class Dataset {
         dataConfig;
         records;
@@ -60889,7 +61166,6 @@
                 }
                 typeof window !== 'undefined' ? window.performance.now() : 0;
                 if (this.dataConfig?.isPivotChart) {
-                    this.dealWithZeroAlign();
                     this.cacheDeminsionCollectedValues();
                 }
             }
@@ -61222,7 +61498,6 @@
             this.processCollectedValuesWithSumBy();
             this.processCollectedValuesWithSortBy();
             if (this.dataConfig?.isPivotChart) {
-                this.dealWithZeroAlign();
                 this.cacheDeminsionCollectedValues();
             }
         }
@@ -61687,44 +61962,6 @@
             tree.forEach((treeNode) => getPath(treeNode, []));
             return result;
         }
-        dealWithZeroAlign() {
-            const indicatorsToAlign = [];
-            for (let i = 0; i < this.aggregationRules.length; i++) {
-                const rule = this.aggregationRules[i];
-                if (isArray$5(rule.field) && rule.field.length === 2) {
-                    indicatorsToAlign.push(rule.field);
-                }
-            }
-            indicatorsToAlign.forEach(indicatorToAlign => {
-                const indicator1 = indicatorToAlign[0];
-                const indicator2 = indicatorToAlign[1];
-                const collectedValue1 = this.collectedValues[indicator1];
-                const collectedValue2 = this.collectedValues[indicator2];
-                this.collectedValues[indicator1 + '_align'] = {};
-                this.collectedValues[indicator2 + '_align'] = {};
-                const toAlignCollectedValue = collectedValue1 || collectedValue2;
-                for (const key in toAlignCollectedValue) {
-                    const range1 = collectedValue1?.[key] ?? { min: 0, max: 1 };
-                    const range2 = collectedValue2?.[key] ?? { min: 0, max: 1 };
-                    const newRanges = getNewRangeToAlign(range1, range2);
-                    if (!newRanges) {
-                        this.collectedValues[indicator1 + '_align'][key] = {
-                            min: range1.min,
-                            max: range1.max
-                        };
-                        this.collectedValues[indicator2 + '_align'][key] = {
-                            min: range2.min,
-                            max: range2.max
-                        };
-                    }
-                    else {
-                        const { range1: newRange1, range2: newRange2 } = newRanges;
-                        this.collectedValues[indicator1 + '_align'][key] = { min: newRange1[0], max: newRange1[1] };
-                        this.collectedValues[indicator2 + '_align'][key] = { min: newRange2[0], max: newRange2[1] };
-                    }
-                }
-            });
-        }
         cacheDeminsionCollectedValues() {
             for (const key in this.collectValuesBy) {
                 if (this.collectValuesBy[key].type === 'xField' || this.collectValuesBy[key].type === 'yField') {
@@ -63042,67 +63279,70 @@
         }
         getChartInstance(cellHeaderPaths) {
             const cellAddr = this.getCellAddressByHeaderPaths(cellHeaderPaths);
-            const cellPosition = this.getCellRelativeRect(cellAddr.col, cellAddr.row);
-            const cellGroup = this.scenegraph.getCell(cellAddr.col, cellAddr.row);
-            let chartInstance;
-            const chartNode = cellGroup?.getChildren()?.[0];
-            if (chartNode.attribute.chartInstance) {
-                chartInstance = chartNode.attribute.chartInstance;
-                const { dataId, data, axes, spec } = chartNode.attribute;
-                const viewBox = chartNode.getViewBox();
-                axes.forEach((axis, index) => {
-                    if (axis.type === 'linear') {
-                        const chartAxis = chartInstance._chart._components[index];
-                        chartAxis._domain = {
-                            min: axis.range?.min ?? 0,
-                            max: axis.range?.max ?? 0
-                        };
-                    }
-                    else if (axis.type === 'band') {
-                        const chartAxis = chartInstance._chart._components[index];
-                        chartAxis._spec.domain = axis.domain.slice(0);
-                        chartAxis.updateScaleDomain();
+            if (cellAddr) {
+                const cellPosition = this.getCellRelativeRect(cellAddr.col, cellAddr.row);
+                const cellGroup = this.scenegraph.getCell(cellAddr.col, cellAddr.row);
+                let chartInstance;
+                const chartNode = cellGroup?.getChildren()?.[0];
+                if (chartNode.attribute.chartInstance) {
+                    chartInstance = chartNode.attribute.chartInstance;
+                    const { dataId, data, axes, spec } = chartNode.attribute;
+                    const viewBox = chartNode.getViewBox();
+                    axes.forEach((axis, index) => {
+                        if (axis.type === 'linear') {
+                            const chartAxis = chartInstance._chart._components[index];
+                            chartAxis._domain = {
+                                min: axis.range?.min ?? 0,
+                                max: axis.range?.max ?? 0
+                            };
+                        }
+                        else if (axis.type === 'band') {
+                            const chartAxis = chartInstance._chart._components[index];
+                            chartAxis._spec.domain = axis.domain.slice(0);
+                            chartAxis.updateScaleDomain();
+                        }
+                    });
+                    chartInstance.updateViewBox({
+                        x1: viewBox.x1 - chartNode.getRootNode().table.scrollLeft,
+                        x2: viewBox.x2 - chartNode.getRootNode().table.scrollLeft,
+                        y1: viewBox.y1 - chartNode.getRootNode().table.scrollTop,
+                        y2: viewBox.y2 - chartNode.getRootNode().table.scrollTop
+                    }, false, false);
+                    if (typeof dataId === 'string') {
+                        chartInstance.updateDataSync(dataId, data ?? []);
                     }
-                });
-                chartInstance.updateViewBox({
-                    x1: viewBox.x1 - chartNode.getRootNode().table.scrollLeft,
-                    x2: viewBox.x2 - chartNode.getRootNode().table.scrollLeft,
-                    y1: viewBox.y1 - chartNode.getRootNode().table.scrollTop,
-                    y2: viewBox.y2 - chartNode.getRootNode().table.scrollTop
-                }, false, false);
-                if (typeof dataId === 'string') {
-                    chartInstance.updateDataSync(dataId, data ?? []);
-                }
-                else {
-                    const dataBatch = [];
-                    for (const dataIdStr in dataId) {
-                        const dataIdAndField = dataId[dataIdStr];
-                        const series = spec.series.find((item) => item?.data?.id === dataIdStr);
-                        dataBatch.push({
-                            id: dataIdStr,
-                            values: dataIdAndField
-                                ? data?.filter((item) => {
-                                    return item.hasOwnProperty(dataIdAndField);
-                                }) ?? []
-                                : data ?? [],
-                            fields: series?.data?.fields
-                        });
-                        if (!chartInstance.updateFullDataSync) {
-                            chartInstance.updateDataSync(dataIdStr, dataIdAndField
-                                ? data?.filter((item) => {
-                                    return item.hasOwnProperty(dataIdAndField);
-                                }) ?? []
-                                : data ?? []);
+                    else {
+                        const dataBatch = [];
+                        for (const dataIdStr in dataId) {
+                            const dataIdAndField = dataId[dataIdStr];
+                            const series = spec.series.find((item) => item?.data?.id === dataIdStr);
+                            dataBatch.push({
+                                id: dataIdStr,
+                                values: dataIdAndField
+                                    ? data?.filter((item) => {
+                                        return item.hasOwnProperty(dataIdAndField);
+                                    }) ?? []
+                                    : data ?? [],
+                                fields: series?.data?.fields
+                            });
+                            if (!chartInstance.updateFullDataSync) {
+                                chartInstance.updateDataSync(dataIdStr, dataIdAndField
+                                    ? data?.filter((item) => {
+                                        return item.hasOwnProperty(dataIdAndField);
+                                    }) ?? []
+                                    : data ?? []);
+                            }
                         }
+                        chartInstance.updateFullDataSync?.(dataBatch);
                     }
-                    chartInstance.updateFullDataSync?.(dataBatch);
+                    this.render();
                 }
-                this.render();
+                return {
+                    chartInstance,
+                    bounds: cellPosition.bounds
+                };
             }
-            return {
-                chartInstance,
-                bounds: cellPosition.bounds
-            };
+            return {};
         }
         _getDimensionSortArray() {
             if (this.options?.axes?.length) {
@@ -63982,7 +64222,7 @@
         return new Tag(params ? params.attribute : {});
     }
 
-    const version = "0.13.4-alpha.2";
+    const version = "0.13.4-alpha.4";
     function getIcons() {
         return get$1();
     }