@visactor/vtable 0.9.3-alpha.6 → 0.10.0

package/cjs/core/BaseTable.d.ts

@@ -41,8 +41,6 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     stateManeger?: StateManeger;
     eventManeger?: EventManeger;
     _pixelRatio: number;
-    bottomFrozenRowCount: number;
-    rightFrozenColCount: number;
     static get EVENT_TYPE(): typeof TABLE_EVENT_TYPE;
     readonly options: BaseTableConstructorOptions;
     version: string;
@@ -50,9 +48,10 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     id: string;
     headerStyleCache: any;
     bodyStyleCache: any;
-    constructor(options?: BaseTableConstructorOptions);
+    container: HTMLElement;
+    constructor(container: HTMLElement, options?: BaseTableConstructorOptions);
     throttleInvalidate: (this: any, ...args: any[]) => void;
-    getParentElement(): HTMLElement;
+    getContainer(): HTMLElement;
     getElement(): HTMLElement;
     get canvas(): HTMLCanvasElement;
     resize(): void;
@@ -67,6 +66,10 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     _resetFrozenColCount(): void;
     get frozenRowCount(): number;
     set frozenRowCount(frozenRowCount: number);
+    get rightFrozenColCount(): number;
+    set rightFrozenColCount(rightFrozenColCount: number);
+    get bottomFrozenRowCount(): number;
+    set bottomFrozenRowCount(bottomFrozenRowCount: number);
     get defaultRowHeight(): number;
     set defaultRowHeight(defaultRowHeight: number);
     get defaultHeaderRowHeight(): number | number[];
@@ -115,7 +118,6 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     getColsWidth(startCol: number, endCol: number): number;
     getRowHeight(row: number): number;
     setRowHeight(row: number, height: number, clearCache?: boolean): void;
-    fillRowsHeight(rowStart: number, rowEnd: number, rowHeight: number): void;
     getRowsHeight(startRow: number, endRow: number): number;
     getColWidthDefine(col: number): string | number;
     getColWidth(col: number): number;
@@ -285,6 +287,7 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     getSelectedCellInfos(): CellInfo[][];
     measureText(text: string, font: {
         fontSize: number;
+        fontWeight: string | number;
         fontFamily: string;
     }): ITextSize;
     measureTextBounds(attributes: IWrapTextGraphicAttribute): ITextSize;

package/cjs/core/BaseTable.js

@@ -33,7 +33,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.BaseTable = void 0;
 
-const columnStyleContents = __importStar(require("../body-helper/style")), headerStyleContents = __importStar(require("../header-helper/style")), style_1 = require("./style"), style = __importStar(require("../tools/style")), helper_1 = require("../tools/helper"), TABLE_EVENT_TYPE_1 = require("./TABLE_EVENT_TYPE"), EventHandler_1 = require("../event/EventHandler"), EventTarget_1 = require("../event/EventTarget"), NumberMap_1 = require("../tools/NumberMap"), Rect_1 = require("../tools/Rect"), util_1 = require("../tools/util"), themes_1 = __importDefault(require("../themes")), env_1 = require("../tools/env"), scenegraph_1 = require("../scenegraph/scenegraph"), state_1 = require("../state/state"), event_1 = require("../event/event"), body_helper_1 = require("../body-helper/body-helper"), header_helper_1 = require("../header-helper/header-helper"), TooltipHandler_1 = require("../components/tooltip/TooltipHandler"), vutils_1 = require("@visactor/vutils"), text_1 = require("../scenegraph/graphic/text"), measure_text_1 = require("../scenegraph/utils/measure-text"), get_prop_1 = require("../scenegraph/utils/get-prop"), icons_1 = require("../plugins/icons"), tableHelper_1 = require("./tableHelper"), MenuHandler_1 = require("../components/menu/dom/MenuHandler"), FouseInput_1 = require("./FouseInput"), pixel_ratio_1 = require("../tools/pixel-ratio"), legend_1 = require("../components/legend/legend"), vdataset_1 = require("@visactor/vdataset"), title_1 = require("../components/title/title"), {toBoxArray: toBoxArray} = helper_1.style, {isTouchEvent: isTouchEvent} = helper_1.event, rangeReg = /^\$(\d+)\$(\d+)$/;
+const columnStyleContents = __importStar(require("../body-helper/style")), headerStyleContents = __importStar(require("../header-helper/style")), style_1 = require("./style"), style = __importStar(require("../tools/style")), helper_1 = require("../tools/helper"), TABLE_EVENT_TYPE_1 = require("./TABLE_EVENT_TYPE"), EventHandler_1 = require("../event/EventHandler"), EventTarget_1 = require("../event/EventTarget"), NumberMap_1 = require("../tools/NumberMap"), Rect_1 = require("../tools/Rect"), util_1 = require("../tools/util"), themes_1 = __importDefault(require("../themes")), env_1 = require("../tools/env"), scenegraph_1 = require("../scenegraph/scenegraph"), state_1 = require("../state/state"), event_1 = require("../event/event"), body_helper_1 = require("../body-helper/body-helper"), header_helper_1 = require("../header-helper/header-helper"), TooltipHandler_1 = require("../components/tooltip/TooltipHandler"), vutils_1 = require("@visactor/vutils"), text_1 = require("../scenegraph/graphic/text"), measure_text_1 = require("../scenegraph/utils/measure-text"), get_prop_1 = require("../scenegraph/utils/get-prop"), icons_1 = require("../plugins/icons"), tableHelper_1 = require("./tableHelper"), MenuHandler_1 = require("../components/menu/dom/MenuHandler"), FouseInput_1 = require("./FouseInput"), pixel_ratio_1 = require("../tools/pixel-ratio"), legend_1 = require("../components/legend/legend"), vdataset_1 = require("@visactor/vdataset"), title_1 = require("../components/title/title"), chart_render_helper_1 = require("../scenegraph/graphic/contributions/chart-render-helper"), {toBoxArray: toBoxArray} = helper_1.style, {isTouchEvent: isTouchEvent} = helper_1.event, rangeReg = /^\$(\d+)\$(\d+)$/;
 
 (0, style_1.importStyle)();
 
@@ -43,14 +43,15 @@ class BaseTable extends EventTarget_1.EventTarget {
     static get EVENT_TYPE() {
         return TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE;
     }
-    constructor(options = {}) {
+    constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g;
-        super(), this.showFrozenIcon = !0, this.showSort = !0, this.bottomFrozenRowCount = 0, 
-        this.rightFrozenColCount = 0, this.version = "0.9.3-alpha.6", this.id = `VTable${Date.now()}`, 
-        this.throttleInvalidate = (0, util_1.throttle2)(this.render.bind(this), 200);
-        const {frozenColCount: frozenColCount = 0, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth, widthMode: widthMode = "standard", heightMode: heightMode = "standard", autoFillWidth: autoFillWidth = !1, keyboardOptions: keyboardOptions, parentElement: parentElement, columnResizeMode: columnResizeMode, dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, customRender: customRender, pixelRatio: pixelRatio = pixel_ratio_1.defaultPixelRatio} = options;
-        this.options = options, this._widthMode = widthMode, this._heightMode = heightMode, 
-        this._autoFillWidth = autoFillWidth, this.customRender = customRender, this.padding = {
+        if (super(), this.showFrozenIcon = !0, this.showSort = !0, this.version = "0.10.0", 
+        this.id = `VTable${Date.now()}`, this.throttleInvalidate = (0, util_1.throttle2)(this.render.bind(this), 200), 
+        !container) 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, keyboardOptions: keyboardOptions, columnResizeMode: columnResizeMode, dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, customRender: customRender, pixelRatio: pixelRatio = pixel_ratio_1.defaultPixelRatio, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount} = options;
+        this.container = container, this.options = options, this.options.container = container, 
+        this._widthMode = widthMode, this._heightMode = heightMode, this._autoFillWidth = autoFillWidth, 
+        this.customRender = customRender, this.padding = {
             top: 0,
             right: 0,
             left: 0,
@@ -70,17 +71,19 @@ class BaseTable extends EventTarget_1.EventTarget {
         internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight, 
         internalProps.defaultColWidth = defaultColWidth, internalProps.defaultHeaderColWidth = null != defaultHeaderColWidth ? defaultHeaderColWidth : defaultColWidth, 
         internalProps.keyboardOptions = keyboardOptions, internalProps.columnResizeMode = columnResizeMode, 
-        internalProps.dragHeaderMode = dragHeaderMode, internalProps._rowHeightsMap = new NumberMap_1.NumberMap, 
-        internalProps._rowRangeHeightsMap = new Map, internalProps._colRangeWidthsMap = new Map, 
-        this.colWidthsMap = new NumberMap_1.NumberMap, this.colContentWidthsMap = new NumberMap_1.NumberMap, 
-        this.colWidthsLimit = {}, internalProps.calcWidthContext = {
+        internalProps.dragHeaderMode = dragHeaderMode, internalProps.renderChartAsync = renderChartAsync, 
+        (0, chart_render_helper_1.setBatchRenderChartCount)(renderChartAsyncBatchCount), 
+        internalProps._rowHeightsMap = new NumberMap_1.NumberMap, internalProps._rowRangeHeightsMap = new Map, 
+        internalProps._colRangeWidthsMap = new Map, this.colWidthsMap = new NumberMap_1.NumberMap, 
+        this.colContentWidthsMap = new NumberMap_1.NumberMap, this.colWidthsLimit = {}, 
+        internalProps.calcWidthContext = {
             _: internalProps,
             get full() {
                 var _a;
                 return this._.canvas.width / (null !== (_a = this._.context.pixelRatio) && void 0 !== _a ? _a : window.devicePixelRatio);
             }
         }, internalProps.cellTextOverflows = {}, internalProps.focusedTable = !1, internalProps.theme = themes_1.default.of(null !== (_a = options.theme) && void 0 !== _a ? _a : themes_1.default.DEFAULT), 
-        parentElement ? (parentElement.innerHTML = "", parentElement.appendChild(internalProps.element), 
+        container ? (container.innerHTML = "", container.appendChild(internalProps.element), 
         this._updateSize()) : this._updateSize(), this.options = options, internalProps.theme = themes_1.default.of(null !== (_b = options.theme) && void 0 !== _b ? _b : themes_1.default.DEFAULT), 
         internalProps.bodyHelper = new body_helper_1.BodyHelper(this), internalProps.headerHelper = new header_helper_1.HeaderHelper(this), 
         internalProps.autoWrapText = options.autoWrapText, internalProps.allowFrozenColCount = null !== (_c = options.allowFrozenColCount) && void 0 !== _c ? _c : internalProps.colCount, 
@@ -107,8 +110,8 @@ class BaseTable extends EventTarget_1.EventTarget {
         "html" === internalProps.menu.renderMode && (internalProps.menuHandler = new MenuHandler_1.MenuHandler(this)), 
         this.headerStyleCache = new Map, this.bodyStyleCache = new Map;
     }
-    getParentElement() {
-        return this.options.parentElement;
+    getContainer() {
+        return this.container;
     }
     getElement() {
         return this.internalProps.element;
@@ -160,6 +163,20 @@ class BaseTable extends EventTarget_1.EventTarget {
     set frozenRowCount(frozenRowCount) {
         this.internalProps.frozenRowCount = frozenRowCount;
     }
+    get rightFrozenColCount() {
+        var _a;
+        return null !== (_a = this.internalProps.rightFrozenColCount) && void 0 !== _a ? _a : 0;
+    }
+    set rightFrozenColCount(rightFrozenColCount) {
+        this.scenegraph.dealWidthRightFrozen(rightFrozenColCount);
+    }
+    get bottomFrozenRowCount() {
+        var _a;
+        return null !== (_a = this.internalProps.bottomFrozenRowCount) && void 0 !== _a ? _a : 0;
+    }
+    set bottomFrozenRowCount(bottomFrozenRowCount) {
+        this.scenegraph.dealWidthBottomFrozen(bottomFrozenRowCount);
+    }
     get defaultRowHeight() {
         return this.internalProps.defaultRowHeight;
     }
@@ -326,11 +343,6 @@ class BaseTable extends EventTarget_1.EventTarget {
     setRowHeight(row, height, clearCache) {
         this.rowHeightsMap.put(row, Math.round(height)), clearCache && this._clearRowRangeHeightsMap(row);
     }
-    fillRowsHeight(rowStart, rowEnd, rowHeight) {
-        var _a;
-        for (let row = rowStart; row <= rowEnd; row++) this.rowHeightsMap.put(row, Math.round(rowHeight)), 
-        this._rowRangeHeightsMap.set(`$0$${row}`, Math.round((null !== (_a = this._rowRangeHeightsMap.get("$0$" + (row - 1))) && void 0 !== _a ? _a : 0) + rowHeight));
-    }
     getRowsHeight(startRow, endRow) {
         var _a, _b;
         const cachedRowHeight = this._rowRangeHeightsMap.get(`$${startRow}$${endRow}`);
@@ -636,7 +648,7 @@ class BaseTable extends EventTarget_1.EventTarget {
     updateOption(options) {
         var _a, _b, _c, _d, _e;
         this.options = options;
-        const {frozenColCount: frozenColCount = 0, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth = 80, keyboardOptions: keyboardOptions, columnResizeMode: columnResizeMode, dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, pixelRatio: pixelRatio, widthMode: widthMode, heightMode: heightMode, autoFillWidth: autoFillWidth, customRender: customRender} = options;
+        const {frozenColCount: frozenColCount = 0, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth = 80, keyboardOptions: keyboardOptions, columnResizeMode: columnResizeMode, dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, pixelRatio: pixelRatio, widthMode: widthMode, heightMode: heightMode, autoFillWidth: autoFillWidth, customRender: customRender, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount} = options;
         pixelRatio && pixelRatio !== this.internalProps.pixelRatio && (this.internalProps.pixelRatio = pixelRatio), 
         padding && ("number" == typeof padding ? (this.padding.top = padding, this.padding.left = padding, 
         this.padding.bottom = padding, this.padding.right = padding) : (padding.top && (this.padding.top = padding.top), 
@@ -651,11 +663,12 @@ class BaseTable extends EventTarget_1.EventTarget {
         internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight, 
         internalProps.defaultColWidth = defaultColWidth, internalProps.defaultHeaderColWidth = null != defaultHeaderColWidth ? defaultHeaderColWidth : defaultColWidth, 
         internalProps.keyboardOptions = keyboardOptions, internalProps.columnResizeMode = columnResizeMode, 
-        internalProps.dragHeaderMode = dragHeaderMode, internalProps.cellTextOverflows = {}, 
-        internalProps._rowHeightsMap = new NumberMap_1.NumberMap, internalProps._rowRangeHeightsMap = new Map, 
-        internalProps._colRangeWidthsMap = new Map, this.colWidthsMap = new NumberMap_1.NumberMap, 
-        this.colContentWidthsMap = new NumberMap_1.NumberMap, this.colWidthsLimit = {}, 
-        internalProps.theme = themes_1.default.of(null !== (_a = options.theme) && void 0 !== _a ? _a : themes_1.default.DEFAULT), 
+        internalProps.dragHeaderMode = dragHeaderMode, internalProps.renderChartAsync = renderChartAsync, 
+        (0, chart_render_helper_1.setBatchRenderChartCount)(renderChartAsyncBatchCount), 
+        internalProps.cellTextOverflows = {}, internalProps._rowHeightsMap = new NumberMap_1.NumberMap, 
+        internalProps._rowRangeHeightsMap = new Map, internalProps._colRangeWidthsMap = new Map, 
+        this.colWidthsMap = new NumberMap_1.NumberMap, this.colContentWidthsMap = new NumberMap_1.NumberMap, 
+        this.colWidthsLimit = {}, internalProps.theme = themes_1.default.of(null !== (_a = options.theme) && void 0 !== _a ? _a : themes_1.default.DEFAULT), 
         internalProps.autoWrapText = options.autoWrapText, internalProps.allowFrozenColCount = null !== (_b = options.allowFrozenColCount) && void 0 !== _b ? _b : internalProps.colCount, 
         internalProps.limitMaxAutoWidth = null !== (_c = options.limitMaxAutoWidth) && void 0 !== _c ? _c : 450, 
         this.dataSet = new vdataset_1.DataSet, null === (_d = internalProps.legends) || void 0 === _d || _d.release(), 
@@ -1077,7 +1090,7 @@ class BaseTable extends EventTarget_1.EventTarget {
             value: this.getCellValue(col, row),
             dataValue: this.getCellOriginValue(col, row),
             cellHeaderPaths: this.getCellHeaderPaths(col, row)
-        }, styleClass, this.options.autoWrapText), this.bodyStyleCache.set(cacheKey, cacheStyle), 
+        }, styleClass, this.options.autoWrapText), (0, vutils_1.isFunction)(style) || this.bodyStyleCache.set(cacheKey, cacheStyle), 
         cacheStyle;
     }
     clearCellStyleCache() {