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

package/es/scenegraph/scenegraph.js

@@ -1,6 +1,4 @@
-import { createStage, createRect, IContainPointMode, container, vglobal } from "@visactor/vrender";
-
-import { IconFuncTypeEnum } from "../ts-types";
+import { createStage, container, vglobal } from "@visactor/vrender";
 
 import { isArray, isString } from "@visactor/vutils";
 
@@ -24,8 +22,6 @@ import splitModule from "./graphic/contributions";
 
 import { getProp } from "./utils/get-prop";
 
-import { dealWithIcon } from "./utils/text-icon-layout";
-
 import { SceneProxy } from "./group-creater/progress/proxy";
 
 import { computeColWidth, computeColsWidth } from "./layout/compute-col-width";
@@ -62,6 +58,10 @@ import { loadPoptip, setPoptipTheme } from "@visactor/vrender-components";
 
 import textMeasureModule from "./utils/text-measure";
 
+import { getIconByXY, hideClickIcon, hideHoverIcon, setIconHoverStyle, setIconNormalStyle, showClickIcon, showHoverIcon, updateFrozenIcon, updateHierarchyIcon, updateSortIcon } from "./icon/icon-update";
+
+import { Env } from "../tools/env";
+
 loadPoptip(), container.load(splitModule), container.load(textMeasureModule);
 
 const poptipStyle = {
@@ -94,11 +94,14 @@ const poptipStyle = {
 
 export class Scenegraph {
     constructor(table) {
+        let width, height;
         this.table = table, this.hasFrozen = !1, this.clear = !0, this.mergeMap = new Map, 
-        setPoptipTheme(poptipStyle), vglobal.setEnv("browser"), this.stage = createStage({
+        setPoptipTheme(poptipStyle), "node" === Env.mode ? (vglobal.setEnv("node", table.options.modeParams), 
+        width = table.canvasWidth, height = table.canvasHeight) : (vglobal.setEnv("browser"), 
+        width = table.canvas.width, height = table.canvas.height), this.stage = createStage({
             canvas: table.canvas,
-            width: table.canvas.width,
-            height: table.canvas.height,
+            width: width,
+            height: height,
             disableDirtyBounds: !1,
             background: table.theme.underlayBackgroundColor,
             dpr: table.internalProps.pixelRatio,
@@ -213,7 +216,7 @@ export class Scenegraph {
         this.selectedRangeComponents = new Map, this.selectingRangeComponents = new Map;
     }
     createSceneGraph() {
-        this.clear = !1, this.frozenColCount = this.table.rowHeaderLevelCount, this.frozenRowCount = this.table.columnHeaderLevelCount, 
+        this.clear = !1, this.frozenColCount = this.table.frozenColCount, this.frozenRowCount = this.table.columnHeaderLevelCount, 
         this.proxy = new SceneProxy(this.table), createFrameBorder(this.tableGroup, this.table.theme.frameStyle, this.tableGroup.role, void 0, !0), 
         this.proxy.createGroupForFirstScreen(this.cornerHeaderGroup, this.colHeaderGroup, this.rowHeaderGroup, this.rightFrozenGroup, this.bottomFrozenGroup, this.bodyGroup, 0, 0), 
         this.afterScenegraphCreated();
@@ -221,21 +224,6 @@ export class Scenegraph {
     renderSceneGraph() {
         this.stage.render();
     }
-    getCellOld(col, row) {
-        var _a, _b, _c, _d;
-        let element;
-        if (element = this.hasFrozen && col < this.table.frozenColCount && row < this.table.frozenRowCount ? null === (_a = this.cornerHeaderGroup.getChildAt(col)) || void 0 === _a ? void 0 : _a.getChildAt(row) : row < this.table.frozenRowCount ? null === (_b = this.colHeaderGroup.getChildAt(this.hasFrozen ? col - this.table.frozenColCount : col)) || void 0 === _b ? void 0 : _b.getChildAt(row) : col < this.table.frozenColCount ? null === (_c = this.rowHeaderGroup.getChildAt(col)) || void 0 === _c ? void 0 : _c.getChildAt(row - this.table.frozenRowCount) : null === (_d = this.bodyGroup.getChildAt(col - this.table.frozenColCount)) || void 0 === _d ? void 0 : _d.getChildAt(row - this.table.frozenRowCount), 
-        element && "shadow-cell" === element.role) {
-            const range = this.table.getCellRange(col, row);
-            element = this.getCell(range.start.col, range.start.row);
-        }
-        return element || void 0;
-    }
-    getColGroupOld(col, isHeader = !1) {
-        let element;
-        return element = col < this.frozenColCount && isHeader ? this.cornerHeaderGroup.getChildAt(col) : col < this.frozenColCount ? this.rowHeaderGroup.getChildAt(col) : isHeader ? this.rowHeaderGroup.getChildAt(col - this.frozenColCount) : this.bodyGroup.getChildAt(col - this.frozenColCount), 
-        element || void 0;
-    }
     getCell(col, row, getShadow) {
         var _a, _b, _c, _d, _e, _f;
         let cell;
@@ -282,20 +270,34 @@ export class Scenegraph {
         updateAllSelectComponent(this);
     }
     hideHoverIcon(col, row) {
-        if (-1 === col || -1 === row) return;
-        hideIcon(this, this.getCell(col, row), "mouseenter_cell");
+        hideHoverIcon(col, row, this);
     }
     showHoverIcon(col, row) {
-        if (-1 === col || -1 === row) return;
-        showIcon(this, this.getCell(col, row), "mouseenter_cell");
+        showHoverIcon(col, row, this);
     }
     hideClickIcon(col, row) {
-        if (-1 === col || -1 === row) return;
-        hideIcon(this, this.getCell(col, row), "click_cell");
+        hideClickIcon(col, row, this);
     }
     showClickIcon(col, row) {
-        if (-1 === col || -1 === row) return;
-        showIcon(this, this.getCell(col, row), "click_cell");
+        showClickIcon(col, row, this);
+    }
+    getIcon(col, row, x, y) {
+        return getIconByXY(col, row, x, y, this);
+    }
+    setIconHoverStyle(icon, col, row, cellGroup) {
+        setIconHoverStyle(icon, col, row, cellGroup, this);
+    }
+    updateSortIcon(col, row, iconMark, order, oldSortCol, oldSortRow, oldIconMark) {
+        updateSortIcon(col, row, iconMark, order, oldSortCol, oldSortRow, oldIconMark, this);
+    }
+    updateFrozenIcon(col, oldFrozenCol) {
+        updateFrozenIcon(this);
+    }
+    updateHierarchyIcon(col, row) {
+        updateHierarchyIcon(col, row, this);
+    }
+    setIconNormalStyle(icon, col, row) {
+        setIconNormalStyle(icon, col, row, this);
     }
     deactivateChart(col, row) {
         var _a, _b;
@@ -329,59 +331,6 @@ export class Scenegraph {
     updateCellSelectBorder(newStartCol, newStartRow, newEndCol, newEndRow) {
         updateCellSelectBorder(this, newStartCol, newStartRow, newEndCol, newEndRow);
     }
-    getIcon(col, row, x, y) {
-        let pickMark;
-        return this.getCell(col, row).forEachChildren((mark => {
-            "icon" === mark.role && mark.containsPoint(x, y, IContainPointMode.GLOBAL) && (pickMark = mark);
-        })), pickMark;
-    }
-    setIconHoverStyle(icon, col, row, cellGroup) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        if (icon.attribute.backgroundColor) {
-            let iconBack = icon.parent.getChildByName("icon-back");
-            iconBack ? iconBack.setAttributes({
-                x: (null !== (_a = icon.attribute.x) && void 0 !== _a ? _a : 0) + (null !== (_b = icon.attribute.dx) && void 0 !== _b ? _b : 0) + (icon.AABBBounds.width() - icon.backgroundWidth) / 2,
-                y: (null !== (_c = icon.attribute.y) && void 0 !== _c ? _c : 0) + (icon.AABBBounds.height() - icon.backgroundHeight) / 2,
-                width: icon.backgroundWidth,
-                height: icon.backgroundHeight,
-                fill: icon.attribute.backgroundColor,
-                cornerRadius: 5,
-                visible: !0
-            }) : (iconBack = createRect({
-                x: (null !== (_d = icon.attribute.x) && void 0 !== _d ? _d : 0) + (null !== (_e = icon.attribute.dx) && void 0 !== _e ? _e : 0) + (icon.AABBBounds.width() - icon.backgroundWidth) / 2,
-                y: (null !== (_f = icon.attribute.y) && void 0 !== _f ? _f : 0) + (icon.AABBBounds.height() - icon.backgroundHeight) / 2,
-                width: icon.backgroundWidth,
-                height: icon.backgroundHeight,
-                fill: icon.attribute.backgroundColor,
-                cornerRadius: 5,
-                pickable: !1,
-                visible: !0
-            }), iconBack.name = "icon-back"), icon.parent.insertBefore(iconBack, icon);
-        }
-        if (icon.attribute.hoverImage && icon.attribute.image !== icon.attribute.hoverImage && (icon.image = icon.attribute.hoverImage), 
-        icon.tooltip) {
-            const {x1: left, x2: right, y1: top, y2: bottom} = icon.globalAABBBounds, tooltipOptions = {
-                content: icon.tooltip.title,
-                referencePosition: {
-                    rect: {
-                        left: left,
-                        right: right,
-                        top: top,
-                        bottom: bottom,
-                        width: icon.globalAABBBounds.width(),
-                        height: icon.globalAABBBounds.height()
-                    },
-                    placement: icon.tooltip.placement
-                },
-                style: Object.assign({}, null === (_g = this.table.internalProps.theme) || void 0 === _g ? void 0 : _g.tooltipStyle, null === (_h = icon.tooltip) || void 0 === _h ? void 0 : _h.style)
-            };
-            this.table.internalProps.tooltipHandler.isBinded(tooltipOptions) || this.table.showTooltip(col, row, tooltipOptions);
-        }
-    }
-    setIconNormalStyle(icon, col, row) {
-        const iconBack = icon.parent.getChildByName("icon-back");
-        iconBack && iconBack.setAttribute("visible", !1), icon.attribute.hoverImage && icon.attribute.image !== icon.attribute.originImage && (icon.image = icon.attribute.originImage);
-    }
     updateColWidth(col, detaX) {
         updateColWidth(this, col, Math.round(detaX)), this.updateContainer();
     }
@@ -403,11 +352,10 @@ export class Scenegraph {
         computeRowsHeight(this.table, 0, this.table.rowCount - 1, !0, !0);
     }
     resize() {
-        ("adaptive" === this.table.widthMode || this.table.autoFillWidth) && this.recalculateColWidths(), 
-        ("adaptive" === this.table.heightMode || this.table.autoFillHeight) && this.recalculateRowHeights(), 
-        this.dealWidthMode(), this.dealHeightMode(), this.resetFrozen(), this.dealFrozen(), 
-        this.updateTableSize(), this.updateBorderSizeAndPosition(), this.component.updateScrollBar(), 
-        ("adaptive" === this.table.widthMode || "adaptive" === this.table.heightMode || this.table.autoFillWidth || this.table.autoFillHeight) && this.updateChartSize(this.table.rowHeaderLevelCount), 
+        0 === this.table.internalProps._widthResizedColMap.size && (("adaptive" === this.table.widthMode || this.table.autoFillWidth) && this.recalculateColWidths(), 
+        ("adaptive" === this.table.heightMode || this.table.autoFillHeight) && this.recalculateRowHeights()), 
+        this.dealWidthMode(), this.dealHeightMode(), this.resetFrozen(), this.updateTableSize(), 
+        this.updateBorderSizeAndPosition(), this.component.updateScrollBar(), ("adaptive" === this.table.widthMode || "adaptive" === this.table.heightMode || this.table.autoFillWidth || this.table.autoFillHeight) && this.updateChartSize(this.table.rowHeaderLevelCount), 
         this.updateNextFrame();
     }
     updateTableSize() {
@@ -487,8 +435,10 @@ export class Scenegraph {
         this.updateNextFrame());
     }
     afterScenegraphCreated() {
-        this.resetFrozen(), this.dealFrozen(), this.createFrameBorder(), this.updateBorderSizeAndPosition(), 
-        this.component.updateScrollBar(), handleTextStick(this.table), this.updateNextFrame();
+        this.isPivot || this.transpose || this.component.setFrozenColumnShadow(this.table.frozenColCount - 1), 
+        this.table.stateManeger.checkFrozen(), this.updateContainer(), this.createFrameBorder(), 
+        this.updateBorderSizeAndPosition(), this.component.updateScrollBar(), handleTextStick(this.table), 
+        this.updateNextFrame();
     }
     dealWidthMode() {
         const table = this.table;
@@ -644,11 +594,8 @@ export class Scenegraph {
             row: -1
         };
     }
-    updateIcon(icon, iconConfig) {
-        dealWithIcon(iconConfig, icon), icon.name = iconConfig.name, this.updateNextFrame();
-    }
     updateFrozen() {
-        this.clear || (this.resetFrozen(), this.dealFrozen(), this.component.updateScrollBar());
+        this.clear || (this.resetFrozen(), this.component.updateScrollBar());
     }
     dealWidthRightFrozen(rightFrozenColCount) {
         this.clear ? this.table.internalProps.rightFrozenColCount = rightFrozenColCount : dealRightFrozen(rightFrozenColCount, this);
@@ -665,37 +612,6 @@ export class Scenegraph {
         updateFrameBorderSize(this.rowHeaderGroup)), this.cornerHeaderGroup.border && (this.cornerHeaderGroup.appendChild(this.cornerHeaderGroup.border), 
         updateFrameBorderSize(this.cornerHeaderGroup));
     }
-    updateSortIcon(col, row, iconMark, order, oldSortCol, oldSortRow, oldIconMark) {
-        const icon = this.table.internalProps.headerHelper.getSortIcon(order, this.table, col, row);
-        if (iconMark && this.updateIcon(iconMark, icon), oldIconMark !== iconMark) {
-            const oldIcon = this.table.internalProps.headerHelper.getSortIcon("normal", this.table, oldSortCol, oldSortRow);
-            if (oldIconMark) this.updateIcon(oldIconMark, oldIcon); else {
-                let oldIconMark;
-                this.getCell(oldSortCol, oldSortRow).forEachChildren((mark => "sort" === mark.attribute.funcType && (oldIconMark = mark, 
-                !0))), oldIconMark && this.updateIcon(oldIconMark, oldIcon);
-            }
-        }
-    }
-    updateFrozenIcon(col, oldFrozenCol) {
-        const updateCol = Math.max(col, oldFrozenCol);
-        this.colHeaderGroup.forEachChildrenSkipChild((colGroup => !(colGroup.col <= updateCol) || (colGroup.forEachChildren((cellGroup => {
-            cellGroup.forEachChildren((icon => {
-                if ("frozen" === icon.attribute.funcType) {
-                    const iconConfig = this.table.internalProps.headerHelper.getFrozenIcon(cellGroup.col, cellGroup.row);
-                    return this.updateIcon(icon, iconConfig), !0;
-                }
-                return !1;
-            }));
-        })), !1))), this.cornerHeaderGroup.forEachChildrenSkipChild((colGroup => !(colGroup.col <= updateCol) || (colGroup.forEachChildren((cellGroup => {
-            cellGroup.forEachChildren((icon => {
-                if ("frozen" === icon.attribute.funcType) {
-                    const iconConfig = this.table.internalProps.headerHelper.getFrozenIcon(cellGroup.col, cellGroup.row);
-                    return this.updateIcon(icon, iconConfig), !0;
-                }
-                return !1;
-            }));
-        })), !1)));
-    }
     sortCell() {
         this.isPivot || (this.transpose ? this.proxy.sortCellHorizontal() : this.proxy.sortCellVertical());
     }
@@ -720,23 +636,10 @@ export class Scenegraph {
         this.stage.disableDirtyBounds(), this.stage.window.setDpr(pixelRatio), this.stage.render(), 
         this.stage.enableDirtyBounds();
     }
-    updateHierarchyIcon(col, row) {
-        const cellGroup = this.getCell(col, row);
-        let iconConfig;
-        iconConfig = this.table.isHeader(col, row) ? this.table.internalProps.headerHelper.getHierarchyIcon(cellGroup.col, cellGroup.row) : this.table.internalProps.bodyHelper.getHierarchyIcon(cellGroup.col, cellGroup.row), 
-        this.findAndUpdateIcon(cellGroup, [ IconFuncTypeEnum.collapse, IconFuncTypeEnum.expand ], iconConfig);
-    }
     updateRow(removeCells, addCells, updateCells = []) {
         updateRow(removeCells, addCells, updateCells, this.table), this.recalculateColWidths(), 
         this.recalculateRowHeights(), this.table.stateManeger.checkFrozen(), this.updateNextFrame();
     }
-    findAndUpdateIcon(group, funcTypeArr, iconConfig) {
-        group.forEachChildren((icon => {
-            if ("group" === icon.type) this.findAndUpdateIcon(icon, funcTypeArr, iconConfig); else if (-1 !== funcTypeArr.indexOf(icon.attribute.funcType)) return this.updateIcon(icon, iconConfig), 
-            !0;
-            return !1;
-        }));
-    }
     getColumnGroupX(col) {
         return col < this.table.rowHeaderLevelCount ? this.table.getColsWidth(0, col - 1) : col < this.table.colCount - this.table.rightFrozenColCount ? this.table.getColsWidth(this.table.rowHeaderLevelCount, col - 1) : col < this.table.colCount ? this.table.getColsWidth(this.table.colCount - this.table.bottomFrozenRowCount, col - 1) : 0;
     }
@@ -744,18 +647,4 @@ export class Scenegraph {
         return row < this.table.columnHeaderLevelCount ? this.table.getRowsHeight(0, row - 1) : row < this.table.rowCount - this.table.bottomFrozenRowCount ? this.table.getRowsHeight(this.table.columnHeaderLevelCount, row - 1) : row < this.table.rowCount ? this.table.getRowsHeight(this.table.rowCount - this.table.bottomFrozenRowCount, row - 1) : 0;
     }
 }
-
-function showIcon(scene, cellGroup, visibleTime) {
-    cellGroup.forEachChildren((child => {
-        "group" === child.type ? showIcon(scene, child, visibleTime) : child.attribute.visibleTime === visibleTime && (child.attribute.visible = !0, 
-        scene.updateNextFrame());
-    }));
-}
-
-function hideIcon(scene, cellGroup, visibleTime) {
-    cellGroup.forEachChildren((child => {
-        "group" === child.type ? hideIcon(scene, child, visibleTime) : child.attribute.visibleTime === visibleTime && (child.attribute.visible = !1, 
-        scene.updateNextFrame());
-    }));
-}
 //# sourceMappingURL=scenegraph.js.map