@visactor/vtable 0.12.3-alpha.0 → 0.13.0-alpha.1

package/es/core/BaseTable.js

@@ -6,8 +6,6 @@ import { importStyle } from "./style";
 
 import * as style from "../tools/style";
 
-import { AABBBounds, isNumber } from "@visactor/vutils";
-
 import { InteractionState } from "../ts-types";
 
 import { event, style as utilStyle } from "../tools/helper";
@@ -22,7 +20,7 @@ import { NumberMap } from "../tools/NumberMap";
 
 import { Rect } from "../tools/Rect";
 
-import { defaultOrderFn, isValid, throttle2 } from "../tools/util";
+import { defaultOrderFn, throttle2 } from "../tools/util";
 
 import themes from "../themes";
 
@@ -40,7 +38,7 @@ import { HeaderHelper } from "../header-helper/header-helper";
 
 import { TooltipHandler } from "../components/tooltip/TooltipHandler";
 
-import { isBoolean, isFunction } from "@visactor/vutils";
+import { AABBBounds, isNumber, isBoolean, isFunction, isValid } from "@visactor/vutils";
 
 import { textMeasure } from "../scenegraph/utils/text-measure";
 
@@ -74,10 +72,10 @@ export class BaseTable extends EventTarget {
     }
     constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g;
-        if (super(), this.showFrozenIcon = !0, this.showSort = !0, this.version = "0.12.3-alpha.0", 
+        if (super(), this.showFrozenIcon = !0, this.showSort = !0, this.version = "0.13.0-alpha.1", 
         this.id = `VTable${Date.now()}`, this.isReleased = !1, this.throttleInvalidate = 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, autoFillHeight: autoFillHeight = !1, keyboardOptions: keyboardOptions, columnResizeMode: columnResizeMode, dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, customRender: customRender, pixelRatio: pixelRatio = defaultPixelRatio, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount} = options;
+        !container && "node" !== options.mode) 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, keyboardOptions: keyboardOptions, columnResizeMode: columnResizeMode, 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} = options;
         this.container = container, this.options = options, this.options.container = container, 
         this._widthMode = widthMode, this._heightMode = heightMode, this._autoFillWidth = autoFillWidth, 
         this._autoFillHeight = autoFillHeight, this.customRender = customRender, this.padding = {
@@ -89,14 +87,15 @@ export class BaseTable extends EventTarget {
         this.padding.bottom = padding, this.padding.right = padding) : (padding.top && (this.padding.top = padding.top), 
         padding.bottom && (this.padding.bottom = padding.bottom), padding.left && (this.padding.left = padding.left), 
         padding.right && (this.padding.right = padding.right))), this.tableNoFrameWidth = 0, 
-        this.tableNoFrameHeight = 0;
+        this.tableNoFrameHeight = 0, this.canvasWidth = canvasWidth, this.canvasHeight = canvasHeight;
         const internalProps = this.internalProps = {};
         void 0 !== showFrozenIcon && (this.showFrozenIcon = showFrozenIcon), "number" == typeof allowFrozenColCount && allowFrozenColCount <= 0 && (this.showFrozenIcon = !1), 
-        internalProps.handler = new EventHandler, internalProps.element = createRootElement(this.padding), 
-        internalProps.focusControl = new FocusInput(this, internalProps.element), internalProps.pixelRatio = pixelRatio, 
-        internalProps.canvas = document.createElement("canvas"), internalProps.element.appendChild(internalProps.canvas), 
-        internalProps.context = internalProps.canvas.getContext("2d"), internalProps.frozenColCount = frozenColCount, 
-        internalProps.defaultRowHeight = defaultRowHeight, internalProps.defaultHeaderRowHeight = null != defaultHeaderRowHeight ? defaultHeaderRowHeight : defaultRowHeight, 
+        "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, internalProps.pixelRatio = pixelRatio, 
+        internalProps.frozenColCount = frozenColCount, internalProps.defaultRowHeight = defaultRowHeight, 
+        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.renderChartAsync = renderChartAsync, 
@@ -107,7 +106,7 @@ export class BaseTable extends EventTarget {
             _: internalProps,
             get full() {
                 var _a;
-                return this._.canvas.width / (null !== (_a = this._.context.pixelRatio) && void 0 !== _a ? _a : window.devicePixelRatio);
+                return "node" === Env.mode ? canvasWidth / (null != pixelRatio ? pixelRatio : 1) : this._.canvas.width / (null !== (_a = this._.context.pixelRatio) && void 0 !== _a ? _a : window.devicePixelRatio);
             }
         }, internalProps.cellTextOverflows = {}, internalProps.focusedTable = !1, internalProps.theme = themes.of(null !== (_a = options.theme) && void 0 !== _a ? _a : themes.DEFAULT), 
         container ? (container.innerHTML = "", container.appendChild(internalProps.element), 
@@ -130,7 +129,9 @@ export class BaseTable extends EventTarget {
         }, options.menu), Array.isArray(null === (_e = options.menu) || void 0 === _e ? void 0 : _e.dropDownMenuHighlight) && this.setDropDownMenuHighlight(null === (_f = options.menu) || void 0 === _f ? void 0 : _f.dropDownMenuHighlight), 
         Array.isArray(null === (_g = options.menu) || void 0 === _g ? void 0 : _g.defaultHeaderMenuItems) && (this.globalDropDownMenu = options.menu.defaultHeaderMenuItems), 
         "html" === internalProps.menu.renderMode && (internalProps.menuHandler = new MenuHandler(this)), 
-        this.headerStyleCache = new Map, this.bodyStyleCache = new Map;
+        this.headerStyleCache = new Map, this.bodyStyleCache = new Map, internalProps.stick = {
+            changedCells: []
+        }, internalProps.customMergeCell = options.customMergeCell;
     }
     getContainer() {
         return this.container;
@@ -392,7 +393,7 @@ export class BaseTable extends EventTarget {
     }
     getColWidth(col) {
         var _a;
-        const width = null !== (_a = this.colWidthsMap.get(col)) && void 0 !== _a ? _a : 0;
+        const width = null !== (_a = this.colWidthsMap.get(col)) && void 0 !== _a ? _a : this.defaultColWidth;
         return "adaptive" === this.widthMode && "number" == typeof width || this.transpose && "number" == typeof width ? this._colWidthDefineToPxWidth(width) : this._adjustColWidth(col, this._colWidthDefineToPxWidth(width));
     }
     setColWidth(col, width, clearCache, skipCheckFrozen) {
@@ -984,8 +985,31 @@ export class BaseTable extends EventTarget {
         }
     }
     getCellRange(col, row) {
+        if (this.internalProps.customMergeCell) {
+            const customMerge = this.internalProps.customMergeCell(col, row, this);
+            if (customMerge && customMerge.range && customMerge.text) return customMerge.range;
+        }
         return this.internalProps.layoutMap.getCellRange(col, row);
     }
+    getCustomMerge(col, row) {
+        if (this.internalProps.customMergeCell) {
+            const customMerge = this.internalProps.customMergeCell(col, row, this);
+            if (customMerge && customMerge.range && customMerge.text) {
+                if (customMerge.style) {
+                    const styleClass = this.internalProps.bodyHelper.getStyleClass("text"), style = customMerge.style, fullStyle = columnStyleContents.of(style, this.theme.bodyStyle, {
+                        col: col,
+                        row: row,
+                        table: this,
+                        value: this.getCellValue(col, row),
+                        dataValue: this.getCellOriginValue(col, row),
+                        cellHeaderPaths: this.getCellHeaderPaths(col, row)
+                    }, styleClass, this.options.autoWrapText);
+                    customMerge.style = fullStyle;
+                }
+                return customMerge;
+            }
+        }
+    }
     isCellRangeEqual(col, row, targetCol, targetRow) {
         return this.internalProps.layoutMap.isCellRangeEqual(col, row, targetCol, targetRow);
     }
@@ -1022,6 +1046,7 @@ export class BaseTable extends EventTarget {
             }
             this.refreshRowColCount();
         } else _setRecords(this, records);
+        this.internalProps.frozenColCount = this.options.frozenColCount || this.rowHeaderLevelCount, 
         this.scenegraph.createSceneGraph(), this.internalProps.title && !this.internalProps.title.isReleased && (this._updateSize(), 
         this.internalProps.title.resize(), this.scenegraph.resize()), this.render();
     }
@@ -1428,5 +1453,21 @@ export class BaseTable extends EventTarget {
         return isInView && isMaxCellInView || (this.setScrollTop(scrollTop), this.setScrollLeft(scrollLeft)), 
         base64Image;
     }
+    exportCanvas() {
+        return this.scenegraph.stage.toCanvas();
+    }
+    getImageBuffer(type = "image/png") {
+        if ("node" !== this.options.mode) return;
+        const stage = this.scenegraph.stage;
+        if (stage) {
+            const contentWidth = this.tableX + this.getAllColsWidth(), contentHeight = this.tableY + this.getAllRowsHeight();
+            if (contentWidth >= this.canvasWidth && contentHeight >= this.canvasHeight) {
+                stage.render();
+                return stage.window.getImageBuffer(type);
+            }
+            return this.scenegraph.stage.toCanvas(!1, (new AABBBounds).set(0, 0, Math.min(this.canvasWidth, contentWidth), Math.min(this.canvasHeight, contentHeight))).toBuffer(type);
+        }
+        return null;
+    }
 }
 //# sourceMappingURL=BaseTable.js.map