@visactor/vtable 0.24.2-alpha.3 → 0.25.0

package/cjs/core/BaseTable.js

@@ -45,10 +45,10 @@ class BaseTable extends EventTarget_1.EventTarget {
     }
     constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        if (super(), this.showFrozenIcon = !0, this.version = "0.24.2-alpha.3", this.id = `VTable${Date.now()}`, 
+        if (super(), this.showFrozenIcon = !0, this.version = "0.25.0", this.id = `VTable${Date.now()}`, 
         this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = (0, util_1.throttle2)(this.render.bind(this), 200), 
         !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, widthAdaptiveMode: widthAdaptiveMode = "only-body", heightAdaptiveMode: heightAdaptiveMode = "only-body", keyboardOptions: keyboardOptions, eventOptions: eventOptions, rowSeriesNumber: rowSeriesNumber, 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, mode: mode, modeParams: modeParams, canvasWidth: canvasWidth, canvasHeight: canvasHeight, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth} = options;
+        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 = pixel_ratio_1.defaultPixelRatio, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, mode: mode, modeParams: modeParams, canvasWidth: canvasWidth, canvasHeight: canvasHeight, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth, limitMinHeight: limitMinHeight} = options;
         this.container = container, this.options = options, this._widthMode = widthMode, 
         this._heightMode = heightMode, this._widthAdaptiveMode = widthAdaptiveMode, this._heightAdaptiveMode = heightAdaptiveMode, 
         this._autoFillWidth = autoFillWidth, this._autoFillHeight = autoFillHeight, this.customRender = customRender, 
@@ -75,13 +75,14 @@ class BaseTable extends EventTarget_1.EventTarget {
         internalProps.defaultColWidth = defaultColWidth, internalProps.defaultHeaderColWidth = null != defaultHeaderColWidth ? defaultHeaderColWidth : defaultColWidth, 
         internalProps.keyboardOptions = keyboardOptions, internalProps.eventOptions = eventOptions, 
         internalProps.rowSeriesNumber = rowSeriesNumber, internalProps.columnResizeMode = columnResizeMode, 
-        internalProps.dragHeaderMode = dragHeaderMode, internalProps.renderChartAsync = renderChartAsync, 
-        (0, chart_render_helper_1.setBatchRenderChartCount)(renderChartAsyncBatchCount), 
+        internalProps.rowResizeMode = rowResizeMode, internalProps.dragHeaderMode = dragHeaderMode, 
+        internalProps.renderChartAsync = renderChartAsync, (0, chart_render_helper_1.setBatchRenderChartCount)(renderChartAsyncBatchCount), 
         internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto", 
         internalProps._rowHeightsMap = new row_height_map_1.NumberRangeMap(this), internalProps._rowRangeHeightsMap = new Map, 
         internalProps._colRangeWidthsMap = new Map, internalProps._widthResizedColMap = new Set, 
-        this.colWidthsMap = new NumberMap_1.NumberMap, this.colContentWidthsMap = new NumberMap_1.NumberMap, 
-        this.colWidthsLimit = {}, internalProps.calcWidthContext = {
+        internalProps._heightResizedRowMap = new Set, this.colWidthsMap = new NumberMap_1.NumberMap, 
+        this.colContentWidthsMap = new NumberMap_1.NumberMap, this.colWidthsLimit = {}, 
+        internalProps.calcWidthContext = {
             _: internalProps,
             get full() {
                 var _a;
@@ -97,6 +98,7 @@ class BaseTable extends EventTarget_1.EventTarget {
         internalProps.allowFrozenColCount = null !== (_d = options.allowFrozenColCount) && void 0 !== _d ? _d : 0, 
         internalProps.limitMaxAutoWidth = null !== (_e = options.limitMaxAutoWidth) && void 0 !== _e ? _e : 450, 
         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._vDataSet = new vdataset_1.DataSet, this.scenegraph = new scenegraph_1.Scenegraph(this), 
         this.stateManager = new state_1.StateManager(this), this.eventManager = new event_1.EventManager(this), 
         options.legends && (internalProps.legends = (0, create_legend_1.createLegend)(options.legends, this), 
@@ -380,7 +382,7 @@ class BaseTable extends EventTarget_1.EventTarget {
         if (startRow > endRow || 0 === this.rowCount) return 0;
         startRow = Math.max(startRow, 0), endRow = Math.min(endRow, (null !== (_a = this.rowCount) && void 0 !== _a ? _a : 1 / 0) - 1);
         let h = 0;
-        if ("standard" !== this.heightMode || this.autoFillHeight || !this.internalProps.layoutMap || this.hasAutoImageColumn()) h = this.rowHeightsMap.getSumInRange(startRow, endRow); else {
+        if ("standard" !== this.heightMode || this.autoFillHeight || !this.internalProps.layoutMap || this.hasAutoImageColumn() || 0 !== this.internalProps._heightResizedRowMap.size) h = this.rowHeightsMap.getSumInRange(startRow, endRow); else {
             for (let i = startRow; i < Math.min(endRow + 1, this.columnHeaderLevelCount); i++) h += this.getRowHeight(i);
             endRow >= this.columnHeaderLevelCount && (h += this.defaultRowHeight * (Math.min(endRow, this.rowCount - this.bottomFrozenRowCount - 1) - Math.max(this.columnHeaderLevelCount, startRow) + 1));
             for (let i = this.rowCount - this.bottomFrozenRowCount; i < endRow + 1; i++) h += this.getRowHeight(i);
@@ -720,7 +722,7 @@ class BaseTable extends EventTarget_1.EventTarget {
     updateOption(options) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         this.options = options;
-        const {frozenColCount: frozenColCount = 0, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth = 80, keyboardOptions: keyboardOptions, eventOptions: eventOptions, rowSeriesNumber: rowSeriesNumber, columnResizeMode: columnResizeMode, dragHeaderMode: dragHeaderMode, showFrozenIcon: showFrozenIcon, allowFrozenColCount: allowFrozenColCount, padding: padding, hover: hover, menu: menu, select: click, pixelRatio: pixelRatio, widthMode: widthMode, heightMode: heightMode, autoFillWidth: autoFillWidth, autoFillHeight: autoFillHeight, widthAdaptiveMode: widthAdaptiveMode, heightAdaptiveMode: heightAdaptiveMode, customRender: customRender, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth} = options;
+        const {frozenColCount: frozenColCount = 0, defaultRowHeight: defaultRowHeight = 40, defaultHeaderRowHeight: defaultHeaderRowHeight, defaultColWidth: defaultColWidth = 80, defaultHeaderColWidth: defaultHeaderColWidth = 80, 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, pixelRatio: pixelRatio, widthMode: widthMode, heightMode: heightMode, autoFillWidth: autoFillWidth, autoFillHeight: autoFillHeight, widthAdaptiveMode: widthAdaptiveMode, heightAdaptiveMode: heightAdaptiveMode, customRender: customRender, renderChartAsync: renderChartAsync, renderChartAsyncBatchCount: renderChartAsyncBatchCount, overscrollBehavior: overscrollBehavior, limitMinWidth: limitMinWidth, limitMinHeight: limitMinHeight} = 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), 
@@ -740,19 +742,20 @@ class BaseTable extends EventTarget_1.EventTarget {
         internalProps.defaultColWidth = defaultColWidth, internalProps.defaultHeaderColWidth = null != defaultHeaderColWidth ? defaultHeaderColWidth : defaultColWidth, 
         internalProps.keyboardOptions = keyboardOptions, internalProps.eventOptions = eventOptions, 
         internalProps.rowSeriesNumber = rowSeriesNumber, internalProps.columnResizeMode = columnResizeMode, 
-        internalProps.dragHeaderMode = dragHeaderMode, internalProps.renderChartAsync = renderChartAsync, 
-        (0, chart_render_helper_1.setBatchRenderChartCount)(renderChartAsyncBatchCount), 
+        internalProps.rowResizeMode = rowResizeMode, internalProps.dragHeaderMode = dragHeaderMode, 
+        internalProps.renderChartAsync = renderChartAsync, (0, chart_render_helper_1.setBatchRenderChartCount)(renderChartAsyncBatchCount), 
         internalProps.overscrollBehavior = null != overscrollBehavior ? overscrollBehavior : "auto", 
         internalProps.cellTextOverflows = {}, internalProps._rowHeightsMap = new row_height_map_1.NumberRangeMap(this), 
         internalProps._rowRangeHeightsMap = new Map, internalProps._colRangeWidthsMap = new Map, 
-        internalProps._widthResizedColMap = new Set, this.colWidthsMap = new NumberMap_1.NumberMap, 
-        this.colContentWidthsMap = new NumberMap_1.NumberMap, this.colWidthsLimit = {}, 
-        internalProps.stick.changedCells.clear(), internalProps.theme = themes_1.default.of(null !== (_b = options.theme) && void 0 !== _b ? _b : themes_1.default.DEFAULT), 
+        internalProps._widthResizedColMap = new Set, internalProps._heightResizedRowMap = new Set, 
+        this.colWidthsMap = new NumberMap_1.NumberMap, this.colContentWidthsMap = new NumberMap_1.NumberMap, 
+        this.colWidthsLimit = {}, internalProps.stick.changedCells.clear(), internalProps.theme = themes_1.default.of(null !== (_b = options.theme) && void 0 !== _b ? _b : themes_1.default.DEFAULT), 
         internalProps.theme.isPivot = this.isPivotTable(), this.scenegraph.updateStageBackground(), 
         internalProps.autoWrapText = options.autoWrapText, internalProps.enableLineBreak = options.enableLineBreak, 
         internalProps.allowFrozenColCount = null !== (_c = options.allowFrozenColCount) && void 0 !== _c ? _c : 0, 
         internalProps.limitMaxAutoWidth = null !== (_d = options.limitMaxAutoWidth) && void 0 !== _d ? _d : 450, 
         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._vDataSet = new vdataset_1.DataSet, null === (_e = internalProps.legends) || void 0 === _e || _e.release(), 
         null === (_f = internalProps.title) || void 0 === _f || _f.release(), internalProps.layoutMap.release(), 
         this.scenegraph.clearCells(), this.scenegraph.updateComponent(), this.stateManager.updateOptionSetState(), 
@@ -1311,6 +1314,15 @@ class BaseTable extends EventTarget_1.EventTarget {
         const limit = this.colWidthsLimit[col];
         return !(limit && limit.min && limit.max) || limit.max !== limit.min;
     }
+    _canResizeRow(col, row) {
+        if (!(col >= 0 && row >= 0)) return !1;
+        if (this.isCellRangeEqual(col, row, col, row + 1)) return !1;
+        if ("none" === this.internalProps.rowResizeMode) return !1;
+        if ("header" === this.internalProps.rowResizeMode) {
+            if (!this.isHeader(col, row)) return !1;
+        } else if ("body" === this.internalProps.rowResizeMode && this.isHeader(col, row)) return !1;
+        return !0;
+    }
     _canDragHeaderPosition(col, row) {
         if (this.isHeader(col, row) && this.stateManager.isSelected(col, row)) {
             if ("disabled" === this.internalProps.frozenColDragHeaderMode && this.isFrozenColumn(col)) return !1;
@@ -1563,7 +1575,31 @@ class BaseTable extends EventTarget_1.EventTarget {
     }
     cellIsInVisualView(col, row) {
         const drawRange = this.getDrawRange(), rect = this.getCellRelativeRect(col, row);
-        return col < this.frozenColCount && row < this.frozenRowCount || rect.top >= drawRange.top && rect.bottom <= drawRange.bottom && rect.left >= drawRange.left && rect.right <= drawRange.right;
+        if (col < this.frozenColCount && row < this.frozenRowCount) return !0;
+        const colHeaderRangeRect = this.getCellRangeRelativeRect({
+            start: {
+                col: 0,
+                row: 0
+            },
+            end: {
+                col: this.colCount - 1,
+                row: this.columnHeaderLevelCount
+            }
+        }), rowHeaderRangeRect = this.getCellRangeRelativeRect({
+            start: {
+                col: 0,
+                row: 0
+            },
+            end: {
+                col: this.rowHeaderLevelCount,
+                row: this.rowCount - 1
+            }
+        });
+        if (rect.top >= drawRange.top && rect.bottom <= drawRange.bottom && rect.left >= drawRange.left && rect.right <= drawRange.right) {
+            if (this.isHeader(col, row)) return !0;
+            if (drawRange.top >= colHeaderRangeRect.bottom && drawRange.left >= rowHeaderRangeRect.right) return !0;
+        }
+        return !1;
     }
     getCustomMergeValue(col, row) {
         if (this.internalProps.customMergeCell) {
@@ -1588,7 +1624,8 @@ class BaseTable extends EventTarget_1.EventTarget {
         (null === (_b = null === (_a = this.stateManager.select) || void 0 === _a ? void 0 : _a.ranges) || void 0 === _b ? void 0 : _b.length) > 0 && (0, 
         update_select_border_1.hideCellSelectBorder)(this.scenegraph);
         const {col: hoverCol, row: hoverRow} = this.stateManager.hover.cellPos;
-        this.stateManager.updateHoverPos(-1, -1), this.scenegraph.renderSceneGraph();
+        this.stateManager.updateHoverPos(-1, -1), this.scenegraph.component.hideVerticalScrollBar(), 
+        this.scenegraph.component.hideHorizontalScrollBar(), this.scenegraph.renderSceneGraph();
         const c = this.scenegraph.stage.toCanvas(!1, (new vutils_1.AABBBounds).set(cellRect.left + this.tableX + 1, cellRect.top + this.tableY + 1, cellRect.right + this.tableX, cellRect.bottom + this.tableY));
         return isInView || (this.setScrollTop(scrollTop), this.setScrollLeft(scrollLeft)), 
         (null === (_d = null === (_c = this.stateManager.select) || void 0 === _c ? void 0 : _c.ranges) || void 0 === _d ? void 0 : _d.length) > 0 && (0, 
@@ -1596,6 +1633,7 @@ class BaseTable extends EventTarget_1.EventTarget {
         c.toDataURL();
     }
     exportCellRangeImg(cellRange) {
+        var _a, _b, _c, _d;
         const {scrollTop: scrollTop, scrollLeft: scrollLeft} = this, minCol = Math.min(cellRange.start.col, cellRange.end.col), minRow = Math.min(cellRange.start.row, cellRange.end.row), maxCol = Math.max(cellRange.start.col, cellRange.end.col), maxRow = Math.max(cellRange.start.row, cellRange.end.row), isInView = this.cellIsInVisualView(minCol, minRow), isMaxCellInView = this.cellIsInVisualView(maxCol, maxRow);
         isInView && isMaxCellInView || this.scrollToCell({
             col: minCol,
@@ -1610,8 +1648,16 @@ class BaseTable extends EventTarget_1.EventTarget {
                 col: maxCol,
                 row: maxRow
             }
-        }), base64Image = this.scenegraph.stage.toCanvas(!1, (new vutils_1.AABBBounds).set(cellRect.left + this.tableX + 1, cellRect.top + this.tableY + 1, cellRect.right + this.tableX, cellRect.bottom + this.tableY)).toDataURL();
+        });
+        (null === (_b = null === (_a = this.stateManager.select) || void 0 === _a ? void 0 : _a.ranges) || void 0 === _b ? void 0 : _b.length) > 0 && (0, 
+        update_select_border_1.hideCellSelectBorder)(this.scenegraph);
+        const {col: hoverCol, row: hoverRow} = this.stateManager.hover.cellPos;
+        this.stateManager.updateHoverPos(-1, -1), this.scenegraph.component.hideVerticalScrollBar(), 
+        this.scenegraph.component.hideHorizontalScrollBar(), this.scenegraph.renderSceneGraph();
+        const base64Image = this.scenegraph.stage.toCanvas(!1, (new vutils_1.AABBBounds).set(cellRect.left + this.tableX + 1, cellRect.top + this.tableY + 1, cellRect.right + this.tableX, cellRect.bottom + this.tableY)).toDataURL();
         return isInView && isMaxCellInView || (this.setScrollTop(scrollTop), this.setScrollLeft(scrollLeft)), 
+        (null === (_d = null === (_c = this.stateManager.select) || void 0 === _c ? void 0 : _c.ranges) || void 0 === _d ? void 0 : _d.length) > 0 && (0, 
+        update_select_border_1.restoreCellSelectBorder)(this.scenegraph), this.stateManager.updateHoverPos(hoverCol, hoverRow), 
         base64Image;
     }
     exportCanvas() {