@visactor/vtable 0.25.7 → 0.25.8-alpha.0

package/es/core/BaseTable.d.ts

@@ -381,7 +381,10 @@ export declare abstract class BaseTable extends EventTarget implements BaseTable
     cellIsInVisualView(col: number, row: number): boolean;
     getCustomMergeValue(col: number, row: number): string | undefined;
     exportImg(): string;
-    exportCellImg(col: number, row: number): string;
+    exportCellImg(col: number, row: number, options?: {
+        disableBackground?: boolean;
+        disableBorder?: boolean;
+    }): string;
     exportCellRangeImg(cellRange: CellRange): string;
     exportCanvas(): HTMLCanvasElement;
     getImageBuffer(type?: string): any;

package/es/core/BaseTable.js

@@ -82,7 +82,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 = "0.25.7", this.id = `VTable${Date.now()}`, 
+        if (super(), this.showFrozenIcon = !0, this.version = "0.25.8-alpha.0", 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");
         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;
@@ -1662,7 +1662,7 @@ export class BaseTable extends EventTarget {
     exportImg() {
         return this.scenegraph.stage.toCanvas().toDataURL();
     }
-    exportCellImg(col, row) {
+    exportCellImg(col, row, options) {
         var _a, _b, _c, _d;
         const isInView = this.cellIsInVisualView(col, row), {scrollTop: scrollTop, scrollLeft: scrollLeft} = this;
         isInView || this.scrollToCell({
@@ -1672,12 +1672,31 @@ export class BaseTable extends EventTarget {
         const cellRect = this.getCellRelativeRect(col, row);
         (null === (_b = null === (_a = this.stateManager.select) || void 0 === _a ? void 0 : _a.ranges) || void 0 === _b ? void 0 : _b.length) > 0 && 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 c = this.scenegraph.stage.toCanvas(!1, (new 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 && restoreCellSelectBorder(this.scenegraph), 
-        this.stateManager.updateHoverPos(hoverCol, hoverRow), c.toDataURL();
+        let oldFill, oldStroke;
+        if (this.stateManager.updateHoverPos(-1, -1), this.scenegraph.component.hideVerticalScrollBar(), 
+        this.scenegraph.component.hideHorizontalScrollBar(), this.scenegraph.tableGroup.border.setAttribute("visible", !1), 
+        null == options ? void 0 : options.disableBackground) {
+            const cellGroup = this.scenegraph.getCell(col, row);
+            oldFill = cellGroup.attribute.fill, cellGroup.setAttribute("fill", "transparent");
+        }
+        if (null == options ? void 0 : options.disableBorder) {
+            const cellGroup = this.scenegraph.getCell(col, row);
+            oldStroke = cellGroup.attribute.stroke, cellGroup.setAttribute("stroke", !1);
+        }
+        this.scenegraph.renderSceneGraph();
+        let sizeOffset = 0;
+        "bottom-right" === this.theme.cellBorderClipDirection && (sizeOffset = 1);
+        const c = this.scenegraph.stage.toCanvas(!1, (new AABBBounds).set(cellRect.left + this.tableX + 1, cellRect.top + this.tableY + 1, cellRect.right + this.tableX - sizeOffset, cellRect.bottom + this.tableY - sizeOffset));
+        if (isInView || (this.setScrollTop(scrollTop), this.setScrollLeft(scrollLeft)), 
+        this.scenegraph.tableGroup.border.setAttribute("visible", !0), oldFill) {
+            this.scenegraph.getCell(col, row).setAttribute("fill", oldFill);
+        }
+        if (oldStroke) {
+            this.scenegraph.getCell(col, row).setAttribute("stroke", oldStroke);
+        }
+        return (null === (_d = null === (_c = this.stateManager.select) || void 0 === _c ? void 0 : _c.ranges) || void 0 === _d ? void 0 : _d.length) > 0 && restoreCellSelectBorder(this.scenegraph), 
+        this.stateManager.updateHoverPos(hoverCol, hoverRow), this.scenegraph.updateNextFrame(), 
+        c.toDataURL();
     }
     exportCellRangeImg(cellRange) {
         var _a, _b, _c, _d;