@visactor/vtable 0.13.4 → 0.13.5

package/cjs/scenegraph/scenegraph.d.ts

@@ -1,14 +1,12 @@
 import type { IStage, IRect } from '@visactor/vrender';
 import type { CellSubLocation } from '../ts-types';
-import { type CellAddress, type ColumnIconOption, type SortOrder, IconFuncTypeEnum } from '../ts-types';
+import { type CellAddress, type SortOrder } from '../ts-types';
 import type { Group } from './graphic/group';
 import type { Icon } from './graphic/icon';
 import { TableComponent } from './component/table-component';
 import { SceneProxy } from './group-creater/progress/proxy';
 import type { BaseTableAPI } from '../ts-types/base-table';
 export type MergeMap = Map<string, {
-    x: number;
-    y: number;
     cellWidth: number;
     cellHeight: number;
 }>;
@@ -56,8 +54,6 @@ export declare class Scenegraph {
     createComponent(): void;
     createSceneGraph(): void;
     renderSceneGraph(): void;
-    getCellOld(col: number, row: number): Group;
-    getColGroupOld(col: number, isHeader?: boolean): Group;
     getCell(col: number, row: number, getShadow?: boolean): Group;
     highPerformanceGetCell(col: number, row: number, getShadow?: boolean): Group;
     getColGroup(col: number, isCornerOrColHeader?: boolean): Group;
@@ -75,6 +71,12 @@ export declare class Scenegraph {
     showHoverIcon(col: number, row: number): void;
     hideClickIcon(col: number, row: number): void;
     showClickIcon(col: number, row: number): void;
+    getIcon(col: number, row: number, x: number, y: number): Icon | undefined;
+    setIconHoverStyle(icon: Icon, col: number, row: number, cellGroup: Group): void;
+    updateSortIcon(col: number, row: number, iconMark: Icon, order: SortOrder, oldSortCol: number, oldSortRow: number, oldIconMark: Icon | undefined): void;
+    updateFrozenIcon(col: number, oldFrozenCol: number): void;
+    updateHierarchyIcon(col: number, row: number): void;
+    setIconNormalStyle(icon: Icon, col: number, row: number): void;
     deactivateChart(col: number, row: number): void;
     activateChart(col: number, row: number): void;
     removeInteractionBorder(col: number, row: number): void;
@@ -83,9 +85,6 @@ export declare class Scenegraph {
     deleteLastSelectedRangeComponents(): void;
     deleteAllSelectBorder(): void;
     updateCellSelectBorder(newStartCol: number, newStartRow: number, newEndCol: number, newEndRow: number): void;
-    getIcon(col: number, row: number, x: number, y: number): Icon | undefined;
-    setIconHoverStyle(icon: Icon, col: number, row: number, cellGroup: Group): void;
-    setIconNormalStyle(icon: Icon, col: number, row: number): void;
     updateColWidth(col: number, detaX: number, skipUpdateContainer?: boolean): void;
     updateChartSize(col: number): void;
     updateChartState(datum: any): void;
@@ -122,21 +121,16 @@ export declare class Scenegraph {
         x?: number;
         rightFrozen?: boolean;
     };
-    updateIcon(icon: Icon, iconConfig: ColumnIconOption): void;
     updateFrozen(): void;
     dealWidthRightFrozen(rightFrozenColCount: number): void;
     dealWidthBottomFrozen(bottomFrozenRowCount: number): void;
     updateBorderSizeAndPosition(): void;
-    updateSortIcon(col: number, row: number, iconMark: Icon, order: SortOrder, oldSortCol: number, oldSortRow: number, oldIconMark: Icon | undefined): void;
-    updateFrozenIcon(col: number, oldFrozenCol: number): void;
     sortCell(): void;
     getCellOverflowText(col: number, row: number): string | null;
     updateDrill(visible: boolean, x: number, y: number, drillDown: boolean, drillUp: boolean): void;
     updateCellContent(col: number, row: number): Group;
     setPixelRatio(pixelRatio: number): void;
-    updateHierarchyIcon(col: number, row: number): void;
     updateRow(removeCells: CellAddress[], addCells: CellAddress[], updateCells?: CellAddress[]): void;
-    findAndUpdateIcon(group: Group, funcTypeArr: IconFuncTypeEnum[], iconConfig: ColumnIconOption): void;
     getColumnGroupX(col: number): number;
     getCellGroupY(row: number): number;
 }

package/cjs/scenegraph/scenegraph.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.Scenegraph = void 0;
 
-const vrender_1 = require("@visactor/vrender"), ts_types_1 = require("../ts-types"), vutils_1 = require("@visactor/vutils"), get_cell_merge_1 = require("./utils/get-cell-merge"), update_width_1 = require("./layout/update-width"), table_component_1 = require("./component/table-component"), update_height_1 = require("./layout/update-height"), image_cell_1 = require("./group-creater/cell-type/image-cell"), padding_1 = require("./utils/padding"), frame_border_1 = require("./style/frame-border"), global_1 = require("../tools/global"), contributions_1 = __importDefault(require("./graphic/contributions")), get_prop_1 = require("./utils/get-prop"), text_icon_layout_1 = require("./utils/text-icon-layout"), proxy_1 = require("./group-creater/progress/proxy"), compute_col_width_1 = require("./layout/compute-col-width"), move_cell_1 = require("./layout/move-cell"), cell_helper_1 = require("./group-creater/cell-helper"), update_select_border_1 = require("./select/update-select-border"), create_select_border_1 = require("./select/create-select-border"), move_select_border_1 = require("./select/move-select-border"), delete_select_border_1 = require("./select/delete-select-border"), update_row_1 = require("./layout/update-row"), stick_text_1 = require("./stick-text"), compute_row_height_1 = require("./layout/compute-row-height"), empty_group_1 = require("./utils/empty-group"), frozen_1 = require("./layout/frozen"), update_chart_1 = require("./refresh-node/update-chart"), init_scenegraph_1 = require("./group-creater/init-scenegraph"), update_container_1 = require("./utils/update-container"), vrender_components_1 = require("@visactor/vrender-components"), text_measure_1 = __importDefault(require("./utils/text-measure")), env_1 = require("../tools/env");
+const vrender_1 = require("@visactor/vrender"), vutils_1 = require("@visactor/vutils"), get_cell_merge_1 = require("./utils/get-cell-merge"), update_width_1 = require("./layout/update-width"), table_component_1 = require("./component/table-component"), update_height_1 = require("./layout/update-height"), image_cell_1 = require("./group-creater/cell-type/image-cell"), padding_1 = require("./utils/padding"), frame_border_1 = require("./style/frame-border"), global_1 = require("../tools/global"), contributions_1 = __importDefault(require("./graphic/contributions")), get_prop_1 = require("./utils/get-prop"), proxy_1 = require("./group-creater/progress/proxy"), compute_col_width_1 = require("./layout/compute-col-width"), move_cell_1 = require("./layout/move-cell"), cell_helper_1 = require("./group-creater/cell-helper"), update_select_border_1 = require("./select/update-select-border"), create_select_border_1 = require("./select/create-select-border"), move_select_border_1 = require("./select/move-select-border"), delete_select_border_1 = require("./select/delete-select-border"), update_row_1 = require("./layout/update-row"), stick_text_1 = require("./stick-text"), compute_row_height_1 = require("./layout/compute-row-height"), empty_group_1 = require("./utils/empty-group"), frozen_1 = require("./layout/frozen"), update_chart_1 = require("./refresh-node/update-chart"), init_scenegraph_1 = require("./group-creater/init-scenegraph"), update_container_1 = require("./utils/update-container"), vrender_components_1 = require("@visactor/vrender-components"), text_measure_1 = __importDefault(require("./utils/text-measure")), icon_update_1 = require("./icon/icon-update"), env_1 = require("../tools/env");
 
 (0, vrender_components_1.loadPoptip)(), vrender_1.container.load(contributions_1.default), 
 vrender_1.container.load(text_measure_1.default);
@@ -175,21 +175,6 @@ 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;
@@ -238,20 +223,34 @@ class Scenegraph {
         update_select_border_1.updateAllSelectComponent)(this);
     }
     hideHoverIcon(col, row) {
-        if (-1 === col || -1 === row) return;
-        hideIcon(this, this.getCell(col, row), "mouseenter_cell");
+        (0, icon_update_1.hideHoverIcon)(col, row, this);
     }
     showHoverIcon(col, row) {
-        if (-1 === col || -1 === row) return;
-        showIcon(this, this.getCell(col, row), "mouseenter_cell");
+        (0, icon_update_1.showHoverIcon)(col, row, this);
     }
     hideClickIcon(col, row) {
-        if (-1 === col || -1 === row) return;
-        hideIcon(this, this.getCell(col, row), "click_cell");
+        (0, icon_update_1.hideClickIcon)(col, row, this);
     }
     showClickIcon(col, row) {
-        if (-1 === col || -1 === row) return;
-        showIcon(this, this.getCell(col, row), "click_cell");
+        (0, icon_update_1.showClickIcon)(col, row, this);
+    }
+    getIcon(col, row, x, y) {
+        return (0, icon_update_1.getIconByXY)(col, row, x, y, this);
+    }
+    setIconHoverStyle(icon, col, row, cellGroup) {
+        (0, icon_update_1.setIconHoverStyle)(icon, col, row, cellGroup, this);
+    }
+    updateSortIcon(col, row, iconMark, order, oldSortCol, oldSortRow, oldIconMark) {
+        (0, icon_update_1.updateSortIcon)(col, row, iconMark, order, oldSortCol, oldSortRow, oldIconMark, this);
+    }
+    updateFrozenIcon(col, oldFrozenCol) {
+        (0, icon_update_1.updateFrozenIcon)(this);
+    }
+    updateHierarchyIcon(col, row) {
+        (0, icon_update_1.updateHierarchyIcon)(col, row, this);
+    }
+    setIconNormalStyle(icon, col, row) {
+        (0, icon_update_1.setIconNormalStyle)(icon, col, row, this);
     }
     deactivateChart(col, row) {
         var _a, _b;
@@ -285,59 +284,6 @@ class Scenegraph {
     updateCellSelectBorder(newStartCol, newStartRow, newEndCol, newEndRow) {
         (0, update_select_border_1.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, vrender_1.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 = (0, vrender_1.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, skipUpdateContainer) {
         (0, update_width_1.updateColWidth)(this, col, Math.round(detaX)), skipUpdateContainer || this.updateContainer();
     }
@@ -643,10 +589,6 @@ class Scenegraph {
             row: -1
         };
     }
-    updateIcon(icon, iconConfig) {
-        (0, text_icon_layout_1.dealWithIcon)(iconConfig, icon), icon.name = iconConfig.name, 
-        this.updateNextFrame();
-    }
     updateFrozen() {
         this.clear || (this.resetFrozen(), this.component.updateScrollBar());
     }
@@ -671,37 +613,6 @@ class Scenegraph {
         (0, frame_border_1.updateFrameBorderSize)(this.rowHeaderGroup)), this.cornerHeaderGroup.border && (this.cornerHeaderGroup.appendChild(this.cornerHeaderGroup.border), 
         (0, frame_border_1.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());
     }
@@ -726,24 +637,11 @@ 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, [ ts_types_1.IconFuncTypeEnum.collapse, ts_types_1.IconFuncTypeEnum.expand ], iconConfig);
-    }
     updateRow(removeCells, addCells, updateCells = []) {
         (0, update_row_1.updateRow)(removeCells, addCells, updateCells, this.table), this.recalculateColWidths(), 
         this.recalculateRowHeights(), this.table.stateManeger.checkFrozen(), this.isPivot || this.transpose || this.component.setFrozenColumnShadow(this.table.frozenColCount - 1), 
         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;
     }
@@ -752,19 +650,5 @@ class Scenegraph {
     }
 }
 
-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
-exports.Scenegraph = Scenegraph;
+exports.Scenegraph = Scenegraph;
+//# sourceMappingURL=scenegraph.js.map