@visactor/vtable 1.8.3 → 1.9.0

package/es/core/BaseTable.d.ts

@@ -21,6 +21,8 @@ import type { ITextGraphicAttribute } from './../vrender';
 import { ReactCustomLayout } from '../components/react/react-custom-layout';
 import type { ISortedMapItem } from '../data/DataSource';
 import type { EditManeger } from '../edit/edit-manager';
+import type { ITableAnimationOption } from './animation';
+import { TableAnimationManager } from './animation';
 export declare abstract class BaseTable extends EventTarget implements BaseTableAPI {
     internalProps: IBaseTableProtected;
     showFrozenIcon: boolean;
@@ -49,6 +51,7 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     stateManager: StateManager;
     eventManager: EventManager;
     editorManager: EditManeger;
+    animationManager: TableAnimationManager;
     _pixelRatio: number;
     canvasSizeSeted?: boolean;
     static get EVENT_TYPE(): typeof TABLE_EVENT_TYPE;
@@ -353,10 +356,6 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     getAllCells(colMaxCount?: number, rowMaxCount?: number): CellInfo[][];
     getAllColumnHeaderCells(): CellInfo[][];
     getAllRowHeaderCells(): CellInfo[][];
-    scrollToCell(cellAddr: {
-        col?: number;
-        row?: number;
-    }): void;
     getCopyValue(): string | null;
     getSelectedCellInfos(): CellInfo[][] | null;
     getSelectedCellRanges(): CellRange[];
@@ -420,4 +419,10 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     disableScroll(): void;
     enableScroll(): void;
     getGroupTitleLevel(col: number, row: number): number | undefined;
+    scrollToRow(row: number, animationOption?: ITableAnimationOption | boolean): void;
+    scrollToCol(col: number, animationOption?: ITableAnimationOption | boolean): void;
+    scrollToCell(cellAddr: {
+        col?: number;
+        row?: number;
+    }, animationOption?: ITableAnimationOption | boolean): void;
 }

package/es/core/BaseTable.js

@@ -72,6 +72,8 @@ import { createReactContainer } from "../scenegraph/layout/frozen-react";
 
 import { setIconColor } from "../icons";
 
+import { TableAnimationManager } from "./animation";
+
 const {toBoxArray: toBoxArray} = utilStyle, {isTouchEvent: isTouchEvent} = event, rangeReg = /^\$(\d+)\$(\d+)$/;
 
 importStyle();
@@ -82,7 +84,7 @@ 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.8.3", this.id = `VTable${Date.now()}`, 
+        if (super(), this.showFrozenIcon = !0, this.version = "1.9.0", this.id = `VTable${Date.now()}`, 
         this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), 
         !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         const {frozenColCount: frozenColCount = 0, frozenRowCount: frozenRowCount, 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;
@@ -138,7 +140,8 @@ export class BaseTable extends EventTarget {
         internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, 
         internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, 
         this.scenegraph = new Scenegraph(this), this.stateManager = new StateManager(this), 
-        this.eventManager = new EventManager(this), options.legends) {
+        this.eventManager = new EventManager(this), this.animationManager = new TableAnimationManager(this), 
+        options.legends) {
             internalProps.legends = [];
             const createLegend = Factory.getFunction("createLegend");
             if (Array.isArray(options.legends)) {
@@ -1362,18 +1365,6 @@ export class BaseTable extends EventTarget {
         const start_col = 0, start_row = this.columnHeaderLevelCount, end_col = this.rowHeaderLevelCount - 1, end_row = this.rowCount - 1;
         return Array(end_row - start_row + 1).fill(0).map(((_, i) => Array(end_col - start_col + 1).fill(0).map(((_, j) => this.getCellInfo(j + start_col, i + start_row)))));
     }
-    scrollToCell(cellAddr) {
-        const drawRange = this.getDrawRange();
-        if (isValid(cellAddr.col) && cellAddr.col >= this.frozenColCount) {
-            const frozenWidth = this.getFrozenColsWidth(), left = this.getColsWidth(0, cellAddr.col - 1);
-            this.scrollLeft = Math.min(left - frozenWidth, this.getAllColsWidth() - drawRange.width);
-        }
-        if (isValid(cellAddr.row) && cellAddr.row >= this.frozenRowCount) {
-            const frozenHeight = this.getFrozenRowsHeight(), top = this.getRowsHeight(0, cellAddr.row - 1);
-            this.scrollTop = Math.min(top - frozenHeight, this.getAllRowsHeight() - drawRange.height);
-        }
-        this.render();
-    }
     getCopyValue() {
         var _a, _b, _c;
         if ((null === (_b = null === (_a = this.stateManager.select) || void 0 === _a ? void 0 : _a.ranges) || void 0 === _b ? void 0 : _b.length) > 0) {
@@ -1766,5 +1757,32 @@ export class BaseTable extends EventTarget {
         this.eventManager.enableScroll();
     }
     getGroupTitleLevel(col, row) {}
+    scrollToRow(row, animationOption) {
+        animationOption ? this.animationManager.scrollTo({
+            row: row
+        }, animationOption) : this.scrollToCell({
+            row: row
+        });
+    }
+    scrollToCol(col, animationOption) {
+        animationOption ? this.animationManager.scrollTo({
+            col: col
+        }, animationOption) : this.scrollToCell({
+            col: col
+        });
+    }
+    scrollToCell(cellAddr, animationOption) {
+        if (animationOption) return void this.animationManager.scrollTo(cellAddr, animationOption);
+        const drawRange = this.getDrawRange();
+        if (isValid(cellAddr.col) && cellAddr.col >= this.frozenColCount) {
+            const frozenWidth = this.getFrozenColsWidth(), left = this.getColsWidth(0, cellAddr.col - 1);
+            this.scrollLeft = Math.min(left - frozenWidth, this.getAllColsWidth() - drawRange.width);
+        }
+        if (isValid(cellAddr.row) && cellAddr.row >= this.frozenRowCount) {
+            const frozenHeight = this.getFrozenRowsHeight(), top = this.getRowsHeight(0, cellAddr.row - 1);
+            this.scrollTop = Math.min(top - frozenHeight, this.getAllRowsHeight() - drawRange.height);
+        }
+        this.render();
+    }
 }
 //# sourceMappingURL=BaseTable.js.map