@visactor/vtable 1.3.2-alpha.0 → 1.3.2-alpha.2

package/es/core/BaseTable.js

@@ -46,7 +46,7 @@ import { getProp } from "../scenegraph/utils/get-prop";
 
 import { IconCache } from "../plugins/icons";
 
-import { _applyColWidthLimits, _getScrollableVisibleRect, _getTargetFrozenColAt, _getTargetFrozenRowAt, _setDataSource, _toPxWidth, createRootElement, getStyleTheme, updateRootElementPadding } from "./tableHelper";
+import { _applyColWidthLimits, _getScrollableVisibleRect, _setDataSource, _toPxWidth, createRootElement, getStyleTheme, updateRootElementPadding } from "./tableHelper";
 
 import { MenuHandler } from "../components/menu/dom/MenuHandler";
 
@@ -72,6 +72,8 @@ import { hideCellSelectBorder, restoreCellSelectBorder } from "../scenegraph/sel
 
 import { hasAutoImageColumn } from "../layout/layout-helper";
 
+import { getCellAt, getCellAtRelativePosition, getColAt, getRowAt, getTargetColAt, getTargetColAtConsiderRightFrozen, getTargetRowAt, getTargetRowAtConsiderBottomFrozen } from "./utils/get-cell-position";
+
 const {toBoxArray: toBoxArray} = utilStyle, {isTouchEvent: isTouchEvent} = event, rangeReg = /^\$(\d+)\$(\d+)$/;
 
 importStyle();
@@ -84,9 +86,9 @@ export class BaseTable extends EventTarget {
     }
     constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.3.2-alpha.0", this.id = `VTable${Date.now()}`, 
+        if (super(), this.showFrozenIcon = !0, this.version = "1.3.2-alpha.2", this.id = `VTable${Date.now()}`, 
         this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), 
-        !container && "node" !== options.mode) throw new Error("vtable's container is undefined");
+        !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         const {frozenColCount: frozenColCount = 0, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth, widthMode: widthMode = "standard", heightMode: heightMode = "standard", autoFillWidth: autoFillWidth = !1, autoFillHeight: autoFillHeight = !1, widthAdaptiveMode: widthAdaptiveMode = "only-body", heightAdaptiveMode: heightAdaptiveMode = "only-body", keyboardOptions: keyboardOptions, eventOptions: eventOptions, rowSeriesNumber: rowSeriesNumber, columnResizeMode: columnResizeMode, rowResizeMode: rowResizeMode = "none", dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, customRender: customRender, pixelRatio: pixelRatio = defaultPixelRatio, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, mode: mode, modeParams: modeParams, canvasWidth: canvasWidth, canvasHeight: canvasHeight, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth, limitMinHeight: limitMinHeight, clearDOM: clearDOM = !0} = options;
         this.container = container, this.options = options, this._widthMode = widthMode, 
         this._heightMode = heightMode, this._widthAdaptiveMode = widthAdaptiveMode, this._heightAdaptiveMode = heightAdaptiveMode, 
@@ -104,7 +106,9 @@ export class BaseTable extends EventTarget {
         this.columnWidthComputeMode = null !== (_a = options.columnWidthComputeMode) && void 0 !== _a ? _a : "normal";
         const internalProps = this.internalProps = {};
         if (void 0 !== showFrozenIcon && (this.showFrozenIcon = showFrozenIcon), "number" == typeof allowFrozenColCount && allowFrozenColCount <= 0 && (this.showFrozenIcon = !1), 
-        "node" !== Env.mode && (internalProps.element = createRootElement(this.padding), 
+        this.options.canvas ? (internalProps.element = this.options.canvas.parentElement, 
+        internalProps.element.style.position = "relative", internalProps.focusControl = new FocusInput(this, internalProps.element), 
+        internalProps.canvas = this.options.canvas, internalProps.context = internalProps.canvas.getContext("2d")) : "node" !== Env.mode && (internalProps.element = createRootElement(this.padding), 
         internalProps.focusControl = new FocusInput(this, internalProps.element), internalProps.canvas = document.createElement("canvas"), 
         internalProps.element.appendChild(internalProps.canvas), internalProps.context = internalProps.canvas.getContext("2d")), 
         internalProps.handler = new EventHandler, isNumber(this.options.resizeTime) && (internalProps.handler.resizeTime = this.options.resizeTime), 
@@ -372,10 +376,11 @@ export class BaseTable extends EventTarget {
         }
     }
     _updateSize() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
         const {padding: padding} = this;
         let widthP = 0, heightP = 0;
-        if ("browser" === Env.mode) {
+        if (this.tableX = 0, this.tableY = 0, this.options.canvas && this.options.viewBox) widthP = this.options.viewBox.x2 - this.options.viewBox.x1, 
+        heightP = this.options.viewBox.y2 - this.options.viewBox.y1, (null === (_a = null == this ? void 0 : this.scenegraph) || void 0 === _a ? void 0 : _a.stage) && (this.options.viewBox ? this.scenegraph.stage.setViewBox(this.options.viewBox, !1) : this.scenegraph.stage.resize(widthP, heightP)); else if ("browser" === Env.mode) {
             const element = this.getElement();
             let widthWithoutPadding = 0, heightWithoutPadding = 0;
             if (element.parentElement) {
@@ -387,23 +392,31 @@ export class BaseTable extends EventTarget {
             element.style.width = width1 && width1 - padding.left - padding.right + "px" || "0px", 
             element.style.height = height1 && height1 - padding.top - padding.bottom + "px" || "0px";
             const {canvas: canvas} = this.internalProps;
-            widthP = null !== (_b = null === (_a = canvas.parentElement) || void 0 === _a ? void 0 : _a.offsetWidth) && void 0 !== _b ? _b : 0, 
-            heightP = null !== (_d = null === (_c = canvas.parentElement) || void 0 === _c ? void 0 : _c.offsetHeight) && void 0 !== _d ? _d : 0, 
-            (null === (_e = null == this ? void 0 : this.scenegraph) || void 0 === _e ? void 0 : _e.stage) ? this.scenegraph.stage.resize(widthP, heightP) : (canvas.style.width = "", 
+            widthP = null !== (_c = null === (_b = canvas.parentElement) || void 0 === _b ? void 0 : _b.offsetWidth) && void 0 !== _c ? _c : 0, 
+            heightP = null !== (_e = null === (_d = canvas.parentElement) || void 0 === _d ? void 0 : _d.offsetHeight) && void 0 !== _e ? _e : 0, 
+            (null === (_f = null == this ? void 0 : this.scenegraph) || void 0 === _f ? void 0 : _f.stage) ? this.scenegraph.stage.resize(widthP, heightP) : (canvas.style.width = "", 
             canvas.style.height = "", canvas.width = widthP, canvas.height = heightP, canvas.style.width = `${widthP}px`, 
             canvas.style.height = `${heightP}px`);
         } else "node" === Env.mode && (widthP = this.canvasWidth - 1, heightP = this.canvasHeight - 1);
         const width = Math.floor(widthP - style.getScrollBarSize(this.getTheme().scrollStyle)), height = Math.floor(heightP - style.getScrollBarSize(this.getTheme().scrollStyle));
-        if (null === (_f = this.internalProps.theme) || void 0 === _f ? void 0 : _f.frameStyle) {
-            const lineWidths = toBoxArray(null !== (_h = null === (_g = this.internalProps.theme.frameStyle) || void 0 === _g ? void 0 : _g.borderLineWidth) && void 0 !== _h ? _h : [ null ]), shadowWidths = toBoxArray(null !== (_k = null === (_j = this.internalProps.theme.frameStyle) || void 0 === _j ? void 0 : _j.shadowBlur) && void 0 !== _k ? _k : [ 0 ]);
-            (null === (_l = this.theme.frameStyle) || void 0 === _l ? void 0 : _l.innerBorder) ? (this.tableX = 0, 
-            this.tableY = 0, this.tableNoFrameWidth = width - (null !== (_m = shadowWidths[1]) && void 0 !== _m ? _m : 0), 
-            this.tableNoFrameHeight = height - (null !== (_o = shadowWidths[2]) && void 0 !== _o ? _o : 0)) : (this.tableX = (null !== (_p = lineWidths[3]) && void 0 !== _p ? _p : 0) + (null !== (_q = shadowWidths[3]) && void 0 !== _q ? _q : 0), 
-            this.tableY = (null !== (_r = lineWidths[0]) && void 0 !== _r ? _r : 0) + (null !== (_s = shadowWidths[0]) && void 0 !== _s ? _s : 0), 
-            this.tableNoFrameWidth = width - ((null !== (_t = lineWidths[1]) && void 0 !== _t ? _t : 0) + (null !== (_u = shadowWidths[1]) && void 0 !== _u ? _u : 0)) - ((null !== (_v = lineWidths[3]) && void 0 !== _v ? _v : 0) + (null !== (_w = shadowWidths[3]) && void 0 !== _w ? _w : 0)), 
-            this.tableNoFrameHeight = height - ((null !== (_x = lineWidths[0]) && void 0 !== _x ? _x : 0) + (null !== (_y = shadowWidths[0]) && void 0 !== _y ? _y : 0)) - ((null !== (_z = lineWidths[2]) && void 0 !== _z ? _z : 0) + (null !== (_0 = shadowWidths[2]) && void 0 !== _0 ? _0 : 0)));
+        if (null === (_g = this.internalProps.theme) || void 0 === _g ? void 0 : _g.frameStyle) {
+            const lineWidths = toBoxArray(null !== (_j = null === (_h = this.internalProps.theme.frameStyle) || void 0 === _h ? void 0 : _h.borderLineWidth) && void 0 !== _j ? _j : [ null ]), shadowWidths = toBoxArray(null !== (_l = null === (_k = this.internalProps.theme.frameStyle) || void 0 === _k ? void 0 : _k.shadowBlur) && void 0 !== _l ? _l : [ 0 ]);
+            (null === (_m = this.theme.frameStyle) || void 0 === _m ? void 0 : _m.innerBorder) ? (this.tableX = 0, 
+            this.tableY = 0, this.tableNoFrameWidth = width - (null !== (_o = shadowWidths[1]) && void 0 !== _o ? _o : 0), 
+            this.tableNoFrameHeight = height - (null !== (_p = shadowWidths[2]) && void 0 !== _p ? _p : 0)) : (this.tableX = (null !== (_q = lineWidths[3]) && void 0 !== _q ? _q : 0) + (null !== (_r = shadowWidths[3]) && void 0 !== _r ? _r : 0), 
+            this.tableY = (null !== (_s = lineWidths[0]) && void 0 !== _s ? _s : 0) + (null !== (_t = shadowWidths[0]) && void 0 !== _t ? _t : 0), 
+            this.tableNoFrameWidth = width - ((null !== (_u = lineWidths[1]) && void 0 !== _u ? _u : 0) + (null !== (_v = shadowWidths[1]) && void 0 !== _v ? _v : 0)) - ((null !== (_w = lineWidths[3]) && void 0 !== _w ? _w : 0) + (null !== (_x = shadowWidths[3]) && void 0 !== _x ? _x : 0)), 
+            this.tableNoFrameHeight = height - ((null !== (_y = lineWidths[0]) && void 0 !== _y ? _y : 0) + (null !== (_z = shadowWidths[0]) && void 0 !== _z ? _z : 0)) - ((null !== (_0 = lineWidths[2]) && void 0 !== _0 ? _0 : 0) + (null !== (_1 = shadowWidths[2]) && void 0 !== _1 ? _1 : 0)));
         }
     }
+    updateViewBox(newViewBox) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const oldWidth = null !== (_d = null !== (_b = null === (_a = this.options) || void 0 === _a ? void 0 : _a.viewBox.x2) && void 0 !== _b ? _b : 0 - (null === (_c = this.options) || void 0 === _c ? void 0 : _c.viewBox.x1)) && void 0 !== _d ? _d : 0, oldHeight = null !== (_h = null !== (_f = null === (_e = this.options) || void 0 === _e ? void 0 : _e.viewBox.y2) && void 0 !== _f ? _f : 0 - (null === (_g = this.options) || void 0 === _g ? void 0 : _g.viewBox.y1)) && void 0 !== _h ? _h : 0, newWidth = newViewBox.x2 - newViewBox.x1, newHeight = newViewBox.y2 - newViewBox.y1;
+        this.options.viewBox = newViewBox, oldWidth !== newWidth || oldHeight !== newHeight ? this.resize() : this.scenegraph.stage.setViewBox(this.options.viewBox, !0);
+    }
+    setViewBoxTransform(a, b, c, d, e, f) {
+        this.internalProps.modifiedViewBoxTransform = !0, this.scenegraph.stage.window.setViewBoxTransform(a, b, c, d, e, f);
+    }
     get rowHierarchyType() {
         return "grid";
     }
@@ -634,41 +647,16 @@ export class BaseTable extends EventTarget {
         } : null;
     }
     getRowAt(absoluteY) {
-        const frozen = _getTargetFrozenRowAt(this, absoluteY);
-        if (frozen) return frozen;
-        let row = this.getTargetRowAt(absoluteY);
-        return row || (row = {
-            top: -1,
-            row: -1,
-            bottom: -1,
-            height: -1
-        }), row;
+        return getRowAt(absoluteY, this);
     }
     getColAt(absoluteX) {
-        const frozen = _getTargetFrozenColAt(this, absoluteX);
-        if (frozen) return frozen;
-        let col = this.getTargetColAt(absoluteX);
-        return col || (col = {
-            left: -1,
-            col: -1,
-            right: -1,
-            width: 1
-        }), col;
+        return getColAt(absoluteX, this);
     }
     getCellAt(absoluteX, absoluteY) {
-        const rowInfo = this.getRowAt(absoluteY), {row: row, top: top, bottom: bottom, height: height} = rowInfo, colInfo = this.getColAt(absoluteX), {col: col, left: left, right: right, width: width} = colInfo;
-        return {
-            row: row,
-            col: col,
-            rect: {
-                left: left,
-                right: right,
-                top: top,
-                bottom: bottom,
-                width: width,
-                height: height
-            }
-        };
+        return getCellAt(absoluteX, absoluteY, this);
+    }
+    getCellAtRelativePosition(relativeX, relativeY) {
+        return getCellAtRelativePosition(relativeX, relativeY, this);
     }
     _checkRowCol(col, row) {
         return col >= 0 && col < this.colCount && row >= 0 && row < this.rowCount;
@@ -694,8 +682,11 @@ export class BaseTable extends EventTarget {
         }));
     }
     _toRelativeRect(absoluteRect, relativeX = !0, relativeY = !0) {
+        var _a, _b, _c, _d;
         const rect = absoluteRect.copy(), visibleRect = this.getVisibleRect();
         return rect.offsetLeft(this.tableX - (relativeX ? visibleRect.left : 0)), rect.offsetTop(this.tableY - (relativeY ? visibleRect.top : 0)), 
+        rect.offsetLeft(null !== (_b = null === (_a = this.options.viewBox) || void 0 === _a ? void 0 : _a.x1) && void 0 !== _b ? _b : 0), 
+        rect.offsetTop(null !== (_d = null === (_c = this.options.viewBox) || void 0 === _c ? void 0 : _c.y1) && void 0 !== _d ? _d : 0), 
         rect;
     }
     getVisibleRect() {
@@ -800,9 +791,11 @@ export class BaseTable extends EventTarget {
         internalProps.layoutMap.release(), internalProps.releaseList && (internalProps.releaseList.forEach((releaseObj => {
             var _a;
             return null === (_a = null == releaseObj ? void 0 : releaseObj.release) || void 0 === _a ? void 0 : _a.call(releaseObj);
-        })), internalProps.releaseList = null), this.scenegraph.stage.release(), this.scenegraph.proxy.release();
+        })), internalProps.releaseList = null), this.scenegraph.stage.release(), this.scenegraph.proxy.release(), 
+        internalProps.focusControl.release();
         const {parentElement: parentElement} = internalProps.element;
-        parentElement && parentElement.removeChild(internalProps.element), null === (_q = null === (_p = null === (_o = this.editorManager) || void 0 === _o ? void 0 : _o.editingEditor) || void 0 === _p ? void 0 : _p.onEnd) || void 0 === _q || _q.call(_p), 
+        parentElement && !this.options.canvas && parentElement.removeChild(internalProps.element), 
+        null === (_q = null === (_p = null === (_o = this.editorManager) || void 0 === _o ? void 0 : _o.editingEditor) || void 0 === _p ? void 0 : _p.onEnd) || void 0 === _q || _q.call(_p), 
         this.isReleased = !0, this.scenegraph = null, this.internalProps = null;
     }
     fireListeners(type, event) {
@@ -910,6 +903,7 @@ export class BaseTable extends EventTarget {
         return new Rect(this.tableX, this.tableY, width, height);
     }
     _getMouseAbstractPoint(evt, isAddScroll = !0) {
+        var _a, _b, _c, _d;
         let e;
         if (!evt) return {
             inTable: !1,
@@ -920,138 +914,30 @@ export class BaseTable extends EventTarget {
         const clientX = e.clientX || e.pageX + window.scrollX, clientY = e.clientY || e.pageY + window.scrollY, rect = this.internalProps.canvas.getBoundingClientRect();
         let inTable = !0;
         rect.right <= clientX && (inTable = !1), rect.bottom <= clientY && (inTable = !1);
-        const currentWidth = rect.width, widthRatio = currentWidth / (this.canvas.offsetWidth || currentWidth), currentHeight = rect.height, heightRatio = currentHeight / (this.canvas.offsetHeight || currentHeight);
-        return {
-            x: (clientX - rect.left) / widthRatio + (isAddScroll ? this.scrollLeft : 0),
-            y: (clientY - rect.top) / heightRatio + (isAddScroll ? this.scrollTop : 0),
+        const currentWidth = rect.width, widthRatio = currentWidth / (this.canvas.offsetWidth || currentWidth), currentHeight = rect.height, heightRatio = currentHeight / (this.canvas.offsetHeight || currentHeight), point = {
+            x: (clientX - rect.left) / widthRatio + (isAddScroll ? this.scrollLeft : 0) - (null !== (_b = null === (_a = this.options.viewBox) || void 0 === _a ? void 0 : _a.x1) && void 0 !== _b ? _b : 0),
+            y: (clientY - rect.top) / heightRatio + (isAddScroll ? this.scrollTop : 0) - (null !== (_d = null === (_c = this.options.viewBox) || void 0 === _c ? void 0 : _c.y1) && void 0 !== _d ? _d : 0),
             inTable: inTable
         };
+        if (this.internalProps.modifiedViewBoxTransform && this.scenegraph.stage.window.getViewBoxTransform()) {
+            this.scenegraph.stage.window.getViewBoxTransform().transformPoint(point, point);
+        }
+        return point;
     }
     getTheme() {
         return this.internalProps.theme;
     }
     getTargetColAt(absoluteX) {
-        if (0 === absoluteX) return {
-            left: 0,
-            col: 0,
-            right: 0,
-            width: 0
-        };
-        const findAfter = (startCol, startRight) => {
-            let left = startRight - this.getColWidth(startCol);
-            const {colCount: colCount} = this.internalProps;
-            for (let col = startCol; col < colCount; col++) {
-                const width = this.getColWidth(col), right = left + width;
-                if (Math.round(left) <= Math.round(absoluteX) && Math.round(absoluteX) < Math.round(right)) return {
-                    left: left,
-                    col: col,
-                    right: right,
-                    width: width
-                };
-                left = right;
-            }
-            return null;
-        }, candCol = this.computeTargetColByX(absoluteX), right = this.getColsWidth(0, candCol);
-        return absoluteX >= right ? findAfter(candCol, right) : ((startCol, startRight) => {
-            let right = startRight;
-            for (let col = startCol; col >= 0; col--) {
-                const width = this.getColWidth(col), left = right - width;
-                if (Math.round(left) <= Math.round(absoluteX) && Math.round(absoluteX) < Math.round(right)) return {
-                    left: left,
-                    col: col,
-                    right: right,
-                    width: width
-                };
-                right = left;
-            }
-            return null;
-        })(candCol, right);
+        return getTargetColAt(absoluteX, this);
     }
     getTargetRowAt(absoluteY) {
-        if (0 === absoluteY) return {
-            top: 0,
-            row: 0,
-            bottom: 0,
-            height: 0
-        };
-        const findAfter = (startRow, startBottom) => {
-            let top = startBottom - this.getRowHeight(startRow);
-            const {rowCount: rowCount} = this.internalProps;
-            for (let row = startRow; row < rowCount; row++) {
-                const height = this.getRowHeight(row), bottom = top + height;
-                if (Math.round(top) <= Math.round(absoluteY) && Math.round(absoluteY) < Math.round(bottom)) return {
-                    top: top,
-                    row: row,
-                    bottom: bottom,
-                    height: height
-                };
-                top = bottom;
-            }
-            return null;
-        }, candRow = this.computeTargetRowByY(absoluteY), bottom = this.getRowsHeight(0, candRow);
-        return absoluteY >= bottom ? findAfter(candRow, bottom) : ((startRow, startBottom) => {
-            let bottom = startBottom;
-            for (let row = startRow; row >= 0; row--) {
-                const height = this.getRowHeight(row), top = bottom - height;
-                if (Math.round(top) <= Math.round(absoluteY) && Math.round(absoluteY) < Math.round(bottom)) return {
-                    top: top,
-                    row: row,
-                    bottom: bottom,
-                    height: height
-                };
-                bottom = top;
-            }
-            return null;
-        })(candRow, bottom);
+        return getTargetRowAt(absoluteY, this);
     }
     getTargetColAtConsiderRightFrozen(absoluteX, isConsider) {
-        if (0 === absoluteX) return {
-            left: 0,
-            col: 0,
-            right: 0,
-            width: 0
-        };
-        if (isConsider && absoluteX > this.tableNoFrameWidth - this.getRightFrozenColsWidth() && absoluteX < this.tableNoFrameWidth) for (let i = 0; i < this.rightFrozenColCount; i++) if (absoluteX > this.tableNoFrameWidth - this.getColsWidth(this.colCount - i - 1, this.colCount - 1)) return {
-            col: this.colCount - i - 1,
-            left: void 0,
-            right: void 0,
-            width: void 0
-        };
-        return this.getTargetColAt(absoluteX);
+        return getTargetColAtConsiderRightFrozen(absoluteX, isConsider, this);
     }
     getTargetRowAtConsiderBottomFrozen(absoluteY, isConsider) {
-        if (0 === absoluteY) return {
-            top: 0,
-            row: 0,
-            bottom: 0,
-            height: 0
-        };
-        if (isConsider && absoluteY > this.tableNoFrameHeight - this.getBottomFrozenRowsHeight() && absoluteY < this.tableNoFrameHeight) for (let i = 0; i < this.rightFrozenColCount; i++) if (absoluteY > this.tableNoFrameHeight - this.getRowsHeight(this.rowCount - i - 1, this.rowCount - 1)) return {
-            row: this.rowCount - i - 1,
-            top: void 0,
-            bottom: void 0,
-            height: void 0
-        };
-        return this.getTargetRowAt(absoluteY);
-    }
-    computeTargetRowByY(absoluteY) {
-        let defaultRowHeight = this.internalProps.defaultRowHeight;
-        return this._rowRangeHeightsMap.get("$0$" + (this.rowCount - 1)) && (defaultRowHeight = this._rowRangeHeightsMap.get("$0$" + (this.rowCount - 1)) / this.rowCount), 
-        Math.min(Math.ceil(absoluteY / defaultRowHeight), this.rowCount - 1);
-    }
-    computeTargetColByX(absoluteX) {
-        if (this._colRangeWidthsMap.get("$0$" + (this.colCount - 1))) {
-            let startCol = 0, endCol = this.colCount - 1;
-            for (;endCol - startCol > 1; ) {
-                const midCol = Math.floor((startCol + endCol) / 2);
-                if (absoluteX < this._colRangeWidthsMap.get(`$0$${midCol}`)) endCol = midCol; else {
-                    if (!(absoluteX > this._colRangeWidthsMap.get(`$0$${midCol}`))) return midCol;
-                    startCol = midCol;
-                }
-            }
-            return endCol;
-        }
-        return Math.min(Math.ceil(absoluteX / this.internalProps.defaultColWidth), this.colCount - 1);
+        return getTargetRowAtConsiderBottomFrozen(absoluteY, isConsider, this);
     }
     clearSelected() {
         this.stateManager.updateSelectPos(-1, -1);