@visactor/vtable 0.9.0-alpha.0-alpha.0

package/es/scenegraph/component/table-component.d.ts

@@ -0,0 +1,37 @@
+import type { ILine, IRect, IGroup } from '@visactor/vrender';
+import { ScrollBar } from '@visactor/vrender-components';
+import type { Group } from '../graphic/group';
+import { MenuHandler } from './menu';
+import { DrillIcon } from './drill-icon';
+import { CellMover } from './cell-mover';
+import type { BaseTableAPI } from '../../ts-types/base-table';
+export declare class TableComponent {
+    table: BaseTableAPI;
+    border: IRect;
+    columnResizerLine: ILine;
+    columnResizerBgLine: ILine;
+    columnResizerLabel: IGroup;
+    menu: MenuHandler;
+    vScrollBar: ScrollBar;
+    hScrollBar: ScrollBar;
+    frozenShadowLine: IRect;
+    drillIcon: DrillIcon;
+    cellMover: CellMover;
+    constructor(table: BaseTableAPI);
+    addToGroup(componentGroup: Group): void;
+    createScrollBar(): void;
+    updateScrollBar(): void;
+    hideResizeCol(): void;
+    showResizeCol(col: number, y: number): void;
+    updateResizeCol(col: number, y: number): void;
+    hideMoveCol(): void;
+    showMoveCol(col: number, row: number, delta: number): void;
+    updateMoveCol(backX: number, lineX: number, backY: number, lineY: number): void;
+    setFrozenColumnShadow(col: number): void;
+    hideVerticalScrollBar(): void;
+    showVerticalScrollBar(): void;
+    hideHorizontalScrollBar(): void;
+    showHorizontalScrollBar(): void;
+    updateVerticalScrollBarPos(topRatio: number): void;
+    updateHorizontalScrollBarPos(leftRatio: number): void;
+}

package/es/scenegraph/component/table-component.js

@@ -0,0 +1,304 @@
+import { createRect, createLine, createText, createGroup } from "@visactor/vrender";
+
+import { ScrollBar } from "@visactor/vrender-components";
+
+import { MenuHandler } from "./menu";
+
+import { DrillIcon } from "./drill-icon";
+
+import { CellMover } from "./cell-mover";
+
+import { getColX } from "./util";
+
+export class TableComponent {
+    constructor(table) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        this.table = table;
+        const theme = this.table.theme;
+        this.createScrollBar();
+        const columnResizerColor = null === (_a = theme.columnResize) || void 0 === _a ? void 0 : _a.lineColor, columnResizerWidth = null === (_b = theme.columnResize) || void 0 === _b ? void 0 : _b.lineWidth, columnResizerBgColor = null === (_c = theme.columnResize) || void 0 === _c ? void 0 : _c.bgColor, columnResizerBgWidth = null === (_d = theme.columnResize) || void 0 === _d ? void 0 : _d.width;
+        this.columnResizerLine = createLine({
+            visible: !1,
+            pickable: !1,
+            stroke: !0,
+            strokeColor: columnResizerColor,
+            lineWidth: columnResizerWidth,
+            x: 0,
+            y: 0,
+            points: [ {
+                x: 0,
+                y: 0
+            }, {
+                x: 0,
+                y: 0
+            } ]
+        }), this.columnResizerBgLine = createLine({
+            visible: !1,
+            pickable: !1,
+            stroke: !0,
+            strokeColor: columnResizerBgColor,
+            lineWidth: columnResizerBgWidth,
+            x: 0,
+            y: 0,
+            points: [ {
+                x: 0,
+                y: 0
+            }, {
+                x: 0,
+                y: 0
+            } ]
+        });
+        const columnResizerLabelText = createText({
+            visible: !1,
+            pickable: !1,
+            x: 0,
+            y: 0,
+            fontSize: 10,
+            fillColor: "#FFF",
+            text: "",
+            textBaseline: "top",
+            dx: 16,
+            dy: -6
+        }), columnResizerLabelBack = createRect({
+            visible: !1,
+            pickable: !1,
+            fill: !0,
+            fillColor: "#3073F2",
+            x: 0,
+            y: 0,
+            width: 38,
+            height: 16,
+            borderRadius: 5,
+            dx: 12,
+            dy: -8
+        });
+        this.columnResizerLabel = createGroup({
+            visible: !1,
+            pickable: !1,
+            x: 0,
+            y: 0
+        }), this.columnResizerLabel.appendChild(columnResizerLabelBack), this.columnResizerLabel.appendChild(columnResizerLabelText), 
+        this.cellMover = new CellMover(this.table);
+        const shadowWidth = null === (_f = null === (_e = theme.frozenColumnLine) || void 0 === _e ? void 0 : _e.shadow) || void 0 === _f ? void 0 : _f.width, shadowStartColor = null === (_h = null === (_g = theme.frozenColumnLine) || void 0 === _g ? void 0 : _g.shadow) || void 0 === _h ? void 0 : _h.startColor, shadowEndColor = null === (_k = null === (_j = theme.frozenColumnLine) || void 0 === _j ? void 0 : _j.shadow) || void 0 === _k ? void 0 : _k.endColor;
+        this.frozenShadowLine = createRect({
+            visible: !0,
+            pickable: !1,
+            x: 0,
+            y: 0,
+            width: shadowWidth,
+            height: 0,
+            fillColor: {
+                gradient: "linear",
+                x0: 0,
+                y0: 0,
+                x1: 1,
+                y1: 0,
+                stops: [ {
+                    color: shadowStartColor,
+                    offset: 0
+                }, {
+                    color: shadowEndColor,
+                    offset: 1
+                } ]
+            }
+        }), this.menu = new MenuHandler(this.table), this.drillIcon = new DrillIcon;
+    }
+    addToGroup(componentGroup) {
+        componentGroup.addChild(this.frozenShadowLine), componentGroup.addChild(this.columnResizerBgLine), 
+        componentGroup.addChild(this.columnResizerLine), componentGroup.addChild(this.columnResizerLabel), 
+        componentGroup.addChild(this.hScrollBar), componentGroup.addChild(this.vScrollBar), 
+        this.menu.bindTableComponent(componentGroup), this.drillIcon.appand(componentGroup), 
+        this.cellMover.appand(componentGroup);
+    }
+    createScrollBar() {
+        var _a, _b, _c;
+        const theme = this.table.theme, scrollRailColor = null === (_a = theme.scrollStyle) || void 0 === _a ? void 0 : _a.scrollRailColor, scrollSliderColor = null === (_b = theme.scrollStyle) || void 0 === _b ? void 0 : _b.scrollSliderColor, width = null === (_c = theme.scrollStyle) || void 0 === _c ? void 0 : _c.width;
+        this.hScrollBar = new ScrollBar({
+            direction: "horizontal",
+            x: 2 * -this.table.tableNoFrameWidth,
+            y: 2 * -this.table.tableNoFrameHeight,
+            width: this.table.tableNoFrameWidth,
+            height: width,
+            padding: 0,
+            railStyle: {
+                fill: !!scrollRailColor,
+                fillColor: scrollRailColor
+            },
+            sliderStyle: {
+                fill: !0,
+                fillColor: scrollSliderColor
+            },
+            range: [ 0, .1 ],
+            visible: !1
+        }), this.hScrollBar.render(), this.hScrollBar.hideAll(), this.vScrollBar = new ScrollBar({
+            direction: "vertical",
+            x: 2 * -this.table.tableNoFrameWidth,
+            y: 2 * -this.table.tableNoFrameHeight,
+            width: width,
+            height: this.table.tableNoFrameHeight - this.table.getFrozenRowsHeight(),
+            padding: 0,
+            railStyle: {
+                fill: !!scrollRailColor,
+                fillColor: scrollRailColor
+            },
+            sliderStyle: {
+                fill: !0,
+                fillColor: scrollSliderColor
+            },
+            range: [ 0, .1 ],
+            visible: !1
+        }), this.vScrollBar.render(), this.vScrollBar.hideAll();
+    }
+    updateScrollBar() {
+        var _a, _b;
+        const oldHorizontalBarPos = this.table.stateManeger.scroll.horizontalBarPos, oldVerticalBarPos = this.table.stateManeger.scroll.verticalBarPos, theme = this.table.theme, width = null === (_a = theme.scrollStyle) || void 0 === _a ? void 0 : _a.width, visible = null === (_b = theme.scrollStyle) || void 0 === _b ? void 0 : _b.visible, tableWidth = Math.ceil(this.table.scenegraph.tableGroup.attribute.width), tableHeight = Math.ceil(this.table.scenegraph.tableGroup.attribute.height), totalHeight = this.table.getAllRowsHeight(), totalWidth = this.table.getAllColsWidth(), frozenRowsHeight = this.table.getFrozenRowsHeight(), frozenColsWidth = this.table.getFrozenColsWidth();
+        if (totalWidth > tableWidth) {
+            const y = Math.min(tableHeight, totalHeight), rangeEnd = Math.max(.05, (tableWidth - frozenColsWidth) / (totalWidth - frozenColsWidth));
+            this.hScrollBar.setAttributes({
+                x: frozenColsWidth,
+                y: y - width,
+                width: tableWidth - frozenColsWidth,
+                range: [ 0, rangeEnd ],
+                visible: "always" === visible
+            });
+            const bounds = this.hScrollBar.AABBBounds && this.hScrollBar.globalAABBBounds;
+            this.hScrollBar._viewPosition = {
+                x: bounds.x1,
+                y: bounds.y1
+            }, "always" === visible && this.hScrollBar.showAll();
+        }
+        if (totalHeight > tableHeight) {
+            const x = Math.min(tableWidth, totalWidth), rangeEnd = Math.max(.05, (tableHeight - frozenRowsHeight) / (totalHeight - frozenRowsHeight));
+            this.vScrollBar.setAttributes({
+                x: x - width,
+                y: frozenRowsHeight,
+                height: tableHeight - frozenRowsHeight,
+                range: [ 0, rangeEnd ],
+                visible: "always" === visible
+            });
+            const bounds = this.vScrollBar.AABBBounds && this.vScrollBar.globalAABBBounds;
+            this.vScrollBar._viewPosition = {
+                x: bounds.x1,
+                y: bounds.y1
+            }, "always" === visible && this.vScrollBar.showAll();
+        }
+        this.table.stateManeger.setScrollLeft(oldHorizontalBarPos), this.table.stateManeger.setScrollTop(oldVerticalBarPos);
+    }
+    hideResizeCol() {
+        this.columnResizerLine.setAttribute("visible", !1), this.columnResizerBgLine.setAttribute("visible", !1), 
+        this.columnResizerLabel.setAttribute("visible", !1), this.columnResizerLabel.hideAll();
+    }
+    showResizeCol(col, y) {
+        const colX = getColX(col, this.table);
+        this.columnResizerLine.setAttributes({
+            visible: !0,
+            x: colX,
+            points: [ {
+                x: 0,
+                y: 0
+            }, {
+                x: 0,
+                y: this.table.getRowsHeight(0, this.table.rowCount - 1)
+            } ]
+        }), this.columnResizerBgLine.setAttributes({
+            visible: !0,
+            x: colX,
+            points: [ {
+                x: 0,
+                y: 0
+            }, {
+                x: 0,
+                y: this.table.getRowsHeight(0, this.table.rowCount - 1)
+            } ]
+        }), this.columnResizerLabel.showAll(), this.columnResizerLabel.setAttributes({
+            visible: !0,
+            x: colX,
+            y: y
+        }), this.columnResizerLabel.lastChild.setAttribute("text", `${this.table.getColWidth(col)}px`);
+    }
+    updateResizeCol(col, y) {
+        const colX = getColX(col, this.table);
+        this.columnResizerLine.setAttributes({
+            x: colX,
+            points: [ {
+                x: 0,
+                y: 0
+            }, {
+                x: 0,
+                y: this.table.getRowsHeight(0, this.table.rowCount - 1)
+            } ]
+        }), this.columnResizerBgLine.setAttributes({
+            x: colX,
+            points: [ {
+                x: 0,
+                y: 0
+            }, {
+                x: 0,
+                y: this.table.getRowsHeight(0, this.table.rowCount - 1)
+            } ]
+        }), this.columnResizerLabel.setAttributes({
+            x: colX,
+            y: y
+        }), this.columnResizerLabel.lastChild.setAttribute("text", `${Math.floor(this.table.getColWidth(col))}px`);
+    }
+    hideMoveCol() {
+        this.cellMover.hide();
+    }
+    showMoveCol(col, row, delta) {
+        this.cellMover.show(col, row, delta);
+    }
+    updateMoveCol(backX, lineX, backY, lineY) {
+        this.cellMover.update(backX, lineX, backY, lineY);
+    }
+    setFrozenColumnShadow(col) {
+        if (col < 0) this.frozenShadowLine.setAttributes({
+            visible: !1
+        }); else {
+            const colX = this.table.getColsWidth(0, col);
+            this.frozenShadowLine.setAttributes({
+                visible: !0,
+                x: colX,
+                height: this.table.getRowsHeight(0, this.table.rowCount - 1)
+            });
+        }
+    }
+    hideVerticalScrollBar() {
+        const visable = this.table.theme.scrollStyle.visible;
+        "focus" !== visable && "scrolling" !== visable || (this.vScrollBar.setAttribute("visible", !1), 
+        this.vScrollBar.hideAll(), this.table.scenegraph.updateNextFrame());
+    }
+    showVerticalScrollBar() {
+        const visable = this.table.theme.scrollStyle.visible;
+        "focus" !== visable && "scrolling" !== visable || (this.vScrollBar.setAttribute("visible", !0), 
+        this.vScrollBar.showAll(), this.table.scenegraph.updateNextFrame());
+    }
+    hideHorizontalScrollBar() {
+        const visable = this.table.theme.scrollStyle.visible;
+        "focus" !== visable && "scrolling" !== visable || (this.hScrollBar.setAttribute("visible", !1), 
+        this.hScrollBar.hideAll(), this.table.scenegraph.updateNextFrame());
+    }
+    showHorizontalScrollBar() {
+        const visable = this.table.theme.scrollStyle.visible;
+        "focus" !== visable && "scrolling" !== visable || (this.hScrollBar.setAttribute("visible", !0), 
+        this.hScrollBar.showAll(), this.table.scenegraph.updateNextFrame());
+    }
+    updateVerticalScrollBarPos(topRatio) {
+        const range = this.vScrollBar.attribute.range, size = range[1] - range[0], range0 = topRatio * (1 - size);
+        this.vScrollBar.setAttribute("range", [ range0, range0 + size ]);
+        const bounds = this.vScrollBar.AABBBounds && this.vScrollBar.globalAABBBounds;
+        this.vScrollBar._viewPosition = {
+            x: bounds.x1,
+            y: bounds.y1
+        };
+    }
+    updateHorizontalScrollBarPos(leftRatio) {
+        const range = this.hScrollBar.attribute.range, size = range[1] - range[0];
+        this.hScrollBar.setAttribute("range", [ leftRatio, leftRatio + size ]);
+        const bounds = this.hScrollBar.AABBBounds && this.hScrollBar.globalAABBBounds;
+        this.hScrollBar._viewPosition = {
+            x: bounds.x1,
+            y: bounds.y1
+        };
+    }
+}
+//# sourceMappingURL=table-component.js.map

package/es/scenegraph/component/table-component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["scenegraph/component/table-component.ts"],"names":[],"mappings":"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","file":"table-component.js","sourcesContent":["import type { ILine, IRect, IGroup } from '@visactor/vrender';\nimport { createRect, createLine, createText, createGroup, createSymbol } from '@visactor/vrender';\nimport { ScrollBar } from '@visactor/vrender-components';\nimport type { Group } from '../graphic/group';\nimport type { WrapText } from '../graphic/text';\nimport { MenuHandler } from './menu';\nimport { DrillIcon } from './drill-icon';\nimport { CellMover } from './cell-mover';\nimport { getColX } from './util';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\n\n/**\n * @description: 表格内容外组件\n * @return {*}\n */\nexport class TableComponent {\n  table: BaseTableAPI;\n\n  border: IRect; // 表格外边框\n  // selectBorder: IRect; // 表格选择区域边框\n  columnResizerLine: ILine; // 表格列宽调整基准线\n  columnResizerBgLine: ILine; // 表格列宽调整基准线背景\n  columnResizerLabel: IGroup; // 表格列宽调整标记\n  menu: MenuHandler; // 表格菜单\n  vScrollBar: ScrollBar; // 表格横向滚动条\n  hScrollBar: ScrollBar; // 表格纵向滚动条\n  frozenShadowLine: IRect; // 表格冻结列右侧阴影块\n  drillIcon: DrillIcon; // drill icon\n  cellMover: CellMover; // 表格列顺序调整标记\n\n  constructor(table: BaseTableAPI) {\n    this.table = table;\n    const theme = this.table.theme;\n\n    // 滚动条\n    this.createScrollBar();\n\n    // // 框选外边框\n    // const bodyClickBorderColor = theme.bodyStyle?.click?.cellBorderColor;\n    // const bodyClickLineWidth = theme.bodyStyle?.click?.cellBorderLineWidth;\n\n    // this.selectBorder = createRect({\n    //   visible: false,\n    //   pickable: false,\n    //   fill: false,\n    //   stroke: true,\n    //   strokeColor: bodyClickBorderColor as string,\n    //   lineWidth: bodyClickLineWidth as number,\n    //   x: 0,\n    //   y: 0,\n    //   width: 0,\n    //   height: 0,\n    // });\n\n    // 列宽调整基准线\n    const columnResizerColor = theme.columnResize?.lineColor;\n    const columnResizerWidth = theme.columnResize?.lineWidth;\n    const columnResizerBgColor = theme.columnResize?.bgColor;\n    const columnResizerBgWidth = theme.columnResize?.width;\n    this.columnResizerLine = createLine({\n      visible: false,\n      pickable: false,\n      stroke: true,\n      strokeColor: columnResizerColor as string,\n      lineWidth: columnResizerWidth as number,\n      x: 0,\n      y: 0,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: 0 }\n      ]\n    });\n    this.columnResizerBgLine = createLine({\n      visible: false,\n      pickable: false,\n      stroke: true,\n      strokeColor: columnResizerBgColor as string,\n      lineWidth: columnResizerBgWidth as number,\n      x: 0,\n      y: 0,\n      // dx: -(columnResizerBgWidth - columnResizerWidth) / 2,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: 0 }\n      ]\n    });\n\n    // 列宽调整文字标签\n    const columnResizerLabelText = createText({\n      visible: false,\n      pickable: false,\n      x: 0,\n      y: 0,\n      fontSize: 10,\n      fillColor: '#FFF',\n      text: '',\n      textBaseline: 'top',\n      dx: 12 + 4,\n      dy: -8 + 2\n    });\n    const columnResizerLabelBack = createRect({\n      visible: false,\n      pickable: false,\n      fill: true,\n      fillColor: '#3073F2',\n      x: 0,\n      y: 0,\n      width: 38,\n      height: 16,\n      borderRadius: 5,\n      dx: 12,\n      dy: -8\n    });\n    this.columnResizerLabel = createGroup({\n      visible: false,\n      pickable: false,\n      x: 0,\n      y: 0\n    });\n    this.columnResizerLabel.appendChild(columnResizerLabelBack);\n    this.columnResizerLabel.appendChild(columnResizerLabelText);\n\n    // 列顺序调整基准线\n    this.cellMover = new CellMover(this.table);\n\n    // 冻结列阴影\n    const shadowWidth = theme.frozenColumnLine?.shadow?.width;\n    const shadowStartColor = theme.frozenColumnLine?.shadow?.startColor;\n    const shadowEndColor = theme.frozenColumnLine?.shadow?.endColor;\n    this.frozenShadowLine = createRect({\n      visible: true,\n      pickable: false,\n      x: 0,\n      y: 0,\n      width: shadowWidth,\n      height: 0,\n      fillColor: {\n        gradient: 'linear',\n        x0: 0,\n        y0: 0,\n        x1: 1,\n        y1: 0,\n        stops: [\n          { color: shadowStartColor, offset: 0 },\n          { color: shadowEndColor, offset: 1 }\n        ]\n      }\n    });\n\n    // TO BE DONE 冻结列border(theme.frozenColumnLine?.border)\n\n    // 弹出窗口\n    // this.menu = createGroup({\n    //   visible: false,\n    //   pickable: false,\n    //   x: 0,\n    //   y: 0,\n    // });\n    this.menu = new MenuHandler(this.table);\n\n    this.drillIcon = new DrillIcon();\n  }\n\n  /**\n   * @description: 组件mark加入到容器Group中\n   * @param {Group} componentGroup\n   * @return {*}\n   */\n  addToGroup(componentGroup: Group) {\n    componentGroup.addChild(this.frozenShadowLine);\n    // componentGroup.addChild(this.selectBorder);\n    componentGroup.addChild(this.columnResizerBgLine);\n    componentGroup.addChild(this.columnResizerLine);\n    componentGroup.addChild(this.columnResizerLabel);\n    componentGroup.addChild(this.hScrollBar);\n    componentGroup.addChild(this.vScrollBar);\n    this.menu.bindTableComponent(componentGroup);\n    this.drillIcon.appand(componentGroup);\n    this.cellMover.appand(componentGroup);\n  }\n\n  /**\n   * @description: 创建滚动条组件\n   * @return {*}\n   */\n  createScrollBar() {\n    const theme = this.table.theme;\n    const scrollRailColor = theme.scrollStyle?.scrollRailColor as string;\n    const scrollSliderColor = theme.scrollStyle?.scrollSliderColor as string;\n    const width = theme.scrollStyle?.width as number;\n    // const visible = theme.scrollStyle?.visible as string;\n    // const hoverOn = theme.scrollStyle?.hoverOn as boolean;\n\n    this.hScrollBar = new ScrollBar({\n      direction: 'horizontal',\n      x: -this.table.tableNoFrameWidth * 2,\n      y: -this.table.tableNoFrameHeight * 2,\n      width: this.table.tableNoFrameWidth,\n      height: width,\n      padding: 0,\n      railStyle: {\n        fill: !!scrollRailColor,\n        fillColor: scrollRailColor\n      },\n      sliderStyle: {\n        fill: true,\n        fillColor: scrollSliderColor\n      },\n      range: [0, 0.1],\n      // scrollRange: [0.4, 0.8]\n      visible: false\n    });\n    // hack方案实现初始化隐藏滚动条，也可以add到stage之后执行hideAll\n    (this.hScrollBar as any).render();\n    this.hScrollBar.hideAll();\n\n    this.vScrollBar = new ScrollBar({\n      direction: 'vertical',\n      x: -this.table.tableNoFrameWidth * 2,\n      y: -this.table.tableNoFrameHeight * 2,\n      width,\n      height: this.table.tableNoFrameHeight - this.table.getFrozenRowsHeight(),\n      padding: 0,\n      railStyle: {\n        fill: !!scrollRailColor,\n        fillColor: scrollRailColor\n      },\n      sliderStyle: {\n        fill: true,\n        fillColor: scrollSliderColor\n      },\n      range: [0, 0.1],\n      visible: false\n    });\n    (this.vScrollBar as any).render();\n    this.vScrollBar.hideAll();\n  }\n\n  /**\n   * @description: 更新滚动条尺寸\n   * @return {*}\n   */\n  updateScrollBar() {\n    const oldHorizontalBarPos = this.table.stateManeger.scroll.horizontalBarPos;\n    const oldVerticalBarPos = this.table.stateManeger.scroll.verticalBarPos;\n\n    const theme = this.table.theme;\n    const width = theme.scrollStyle?.width as number;\n    const visible = theme.scrollStyle?.visible as string;\n    // const hoverOn = theme.scrollStyle?.hoverOn as boolean;\n    const tableWidth = Math.ceil(this.table.scenegraph.tableGroup.attribute.width);\n    const tableHeight = Math.ceil(this.table.scenegraph.tableGroup.attribute.height);\n\n    const totalHeight = this.table.getAllRowsHeight();\n    const totalWidth = this.table.getAllColsWidth();\n    const frozenRowsHeight = this.table.getFrozenRowsHeight();\n    const frozenColsWidth = this.table.getFrozenColsWidth();\n    if (totalWidth > tableWidth) {\n      const y = Math.min(tableHeight, totalHeight);\n      const rangeEnd = Math.max(0.05, (tableWidth - frozenColsWidth) / (totalWidth - frozenColsWidth));\n      this.hScrollBar.setAttributes({\n        x: frozenColsWidth,\n        y: y - width,\n        width: tableWidth - frozenColsWidth,\n        range: [0, rangeEnd],\n        visible: visible === 'always'\n      });\n      const bounds = this.hScrollBar.AABBBounds && this.hScrollBar.globalAABBBounds;\n      (this.hScrollBar as any)._viewPosition = {\n        x: bounds.x1,\n        y: bounds.y1\n      };\n      if (visible === 'always') {\n        this.hScrollBar.showAll();\n      }\n    }\n\n    if (totalHeight > tableHeight) {\n      const x = Math.min(tableWidth, totalWidth);\n      const rangeEnd = Math.max(0.05, (tableHeight - frozenRowsHeight) / (totalHeight - frozenRowsHeight));\n      this.vScrollBar.setAttributes({\n        x: x - width,\n        y: frozenRowsHeight,\n        height: tableHeight - frozenRowsHeight,\n        range: [0, rangeEnd],\n        visible: visible === 'always'\n      });\n      const bounds = this.vScrollBar.AABBBounds && this.vScrollBar.globalAABBBounds;\n      (this.vScrollBar as any)._viewPosition = {\n        x: bounds.x1,\n        y: bounds.y1\n      };\n\n      if (visible === 'always') {\n        this.vScrollBar.showAll();\n      }\n    }\n\n    this.table.stateManeger.setScrollLeft(oldHorizontalBarPos);\n    this.table.stateManeger.setScrollTop(oldVerticalBarPos);\n  }\n\n  /**\n   * @description: 隐藏列宽调整组件\n   * @return {*}\n   */\n  hideResizeCol() {\n    // this.columnResizerLine.attribute.visible = false;\n    this.columnResizerLine.setAttribute('visible', false);\n    this.columnResizerBgLine.setAttribute('visible', false);\n    this.columnResizerLabel.setAttribute('visible', false);\n    this.columnResizerLabel.hideAll();\n  }\n\n  /**\n   * @description: 显示列宽调整组件\n   * @param {number} col\n   * @param {number} y\n   * @return {*}\n   */\n  showResizeCol(col: number, y: number) {\n    // this.columnResizerLine.attribute.visible = false;\n    // 基准线\n    const colX = getColX(col, this.table);\n    this.columnResizerLine.setAttributes({\n      visible: true,\n      x: colX,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: this.table.getRowsHeight(0, this.table.rowCount - 1) }\n      ]\n    });\n    this.columnResizerBgLine.setAttributes({\n      visible: true,\n      x: colX,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: this.table.getRowsHeight(0, this.table.rowCount - 1) }\n      ]\n    });\n\n    // 标签\n    // this.columnResizerLabel.setAttribute('visible', true);\n    this.columnResizerLabel.showAll();\n    this.columnResizerLabel.setAttributes({\n      visible: true,\n      x: colX,\n      y\n    });\n    (this.columnResizerLabel.lastChild as WrapText).setAttribute('text', `${this.table.getColWidth(col)}px`);\n  }\n\n  /**\n   * @description: 更新列宽调整组件\n   * @param {number} col\n   * @param {number} y 标签显示的y坐标\n   * @return {*}\n   */\n  updateResizeCol(col: number, y: number) {\n    // 基准线\n    const colX = getColX(col, this.table);\n    // this.columnResizerLine.setAttribute('x', x);\n    this.columnResizerLine.setAttributes({\n      x: colX,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: this.table.getRowsHeight(0, this.table.rowCount - 1) } // todo: 优化points赋值\n      ]\n    });\n    this.columnResizerBgLine.setAttributes({\n      x: colX,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: this.table.getRowsHeight(0, this.table.rowCount - 1) } // todo: 优化points赋值\n      ]\n    });\n\n    // 标签\n    this.columnResizerLabel.setAttributes({\n      x: colX,\n      y\n    });\n    (this.columnResizerLabel.lastChild as WrapText).setAttribute(\n      'text',\n      `${Math.floor(this.table.getColWidth(col))}px`\n    );\n  }\n\n  /**\n   * @description: 隐藏列顺序调整组件\n   * @return {*}\n   */\n  hideMoveCol() {\n    this.cellMover.hide();\n  }\n\n  /**\n   * @description: 显示列顺序调整组件\n   * @param {number} col\n   * @param {number} x\n   * @return {*}\n   */\n  showMoveCol(col: number, row: number, delta: number) {\n    this.cellMover.show(col, row, delta);\n  }\n\n  /**\n   * @description: 更新列顺序调整组件\n   * @param {number} backX\n   * @param {number} lineX\n   * @return {*}\n   */\n  updateMoveCol(backX: number, lineX: number, backY: number, lineY: number) {\n    this.cellMover.update(backX, lineX, backY, lineY);\n  }\n\n  /**\n   * @description: 显示冻结列shadow\n   * @param {number} col\n   * @return {*}\n   */\n  setFrozenColumnShadow(col: number) {\n    if (col < 0) {\n      this.frozenShadowLine.setAttributes({\n        visible: false\n      });\n    } else {\n      const colX = this.table.getColsWidth(0, col);\n      this.frozenShadowLine.setAttributes({\n        visible: true,\n        x: colX,\n        height: this.table.getRowsHeight(0, this.table.rowCount - 1)\n      });\n    }\n  }\n\n  hideVerticalScrollBar() {\n    const visable = this.table.theme.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.vScrollBar.setAttribute('visible', false);\n    this.vScrollBar.hideAll();\n    this.table.scenegraph.updateNextFrame();\n  }\n  showVerticalScrollBar() {\n    const visable = this.table.theme.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.vScrollBar.setAttribute('visible', true);\n    this.vScrollBar.showAll();\n    this.table.scenegraph.updateNextFrame();\n  }\n  hideHorizontalScrollBar() {\n    const visable = this.table.theme.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.hScrollBar.setAttribute('visible', false);\n    this.hScrollBar.hideAll();\n    this.table.scenegraph.updateNextFrame();\n  }\n  showHorizontalScrollBar() {\n    const visable = this.table.theme.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.hScrollBar.setAttribute('visible', true);\n    this.hScrollBar.showAll();\n    this.table.scenegraph.updateNextFrame();\n  }\n  updateVerticalScrollBarPos(topRatio: number) {\n    const range = this.vScrollBar.attribute.range;\n    const size = range[1] - range[0];\n    const range0 = topRatio * (1 - size);\n    this.vScrollBar.setAttribute('range', [range0, range0 + size]);\n    const bounds = this.vScrollBar.AABBBounds && this.vScrollBar.globalAABBBounds;\n    (this.vScrollBar as any)._viewPosition = {\n      x: bounds.x1,\n      y: bounds.y1\n    };\n  }\n  updateHorizontalScrollBarPos(leftRatio: number) {\n    const range = this.hScrollBar.attribute.range;\n    const size = range[1] - range[0];\n    this.hScrollBar.setAttribute('range', [leftRatio, leftRatio + size]);\n    const bounds = this.hScrollBar.AABBBounds && this.hScrollBar.globalAABBBounds;\n    (this.hScrollBar as any)._viewPosition = {\n      x: bounds.x1,\n      y: bounds.y1\n    };\n  }\n}\n"]}

package/es/scenegraph/component/util.d.ts

@@ -0,0 +1,2 @@
+import type { BaseTableAPI } from '../../ts-types/base-table';
+export declare function getColX(col: number, table: BaseTableAPI): number;

package/es/scenegraph/component/util.js

@@ -0,0 +1,5 @@
+export function getColX(col, table) {
+    let colX = table.getColsWidth(0, col);
+    return col >= table.frozenColCount && (colX -= table.scrollLeft), colX;
+}
+//# sourceMappingURL=util.js.map

package/es/scenegraph/component/util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["scenegraph/component/util.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,OAAO,CAAC,GAAW,EAAE,KAAmB;IACtD,IAAI,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACtC,IAAI,GAAG,IAAI,KAAK,CAAC,cAAc,EAAE;QAC/B,IAAI,IAAI,KAAK,CAAC,UAAU,CAAC;KAC1B;IACD,OAAO,IAAI,CAAC;AACd,CAAC","file":"util.js","sourcesContent":["import type { BaseTableAPI } from '../../ts-types/base-table';\n\nexport function getColX(col: number, table: BaseTableAPI) {\n  let colX = table.getColsWidth(0, col);\n  if (col >= table.frozenColCount) {\n    colX -= table.scrollLeft;\n  }\n  return colX;\n}\n"]}

package/es/scenegraph/debug-tool/debug-tool.d.ts

@@ -0,0 +1,36 @@
+import type { FederatedPointerEvent, IStage, IRect, IGraphic } from '@visactor/vrender';
+export interface DebugToolOptions {
+    container?: HTMLElement;
+    infoPosition?: 'tl' | 'tr' | 'bl' | 'br';
+    infoWidth?: number;
+    infoHeight?: number;
+    mode?: 'hover' | 'click';
+    customGrapicKeys?: string[];
+}
+export declare class DebugTool {
+    _stage: IStage;
+    _infoContainer: HTMLElement;
+    _highlightRect: HTMLElement;
+    _target: IGraphic;
+    _rect: IRect;
+    _mode: 'hover' | 'click';
+    _customGrapicKeys?: string[];
+    _modeTip: HTMLElement;
+    _callback: {
+        pointermove: (e: FederatedPointerEvent) => void;
+        pointerup: (e: FederatedPointerEvent) => void;
+        pointerleave: (e: FederatedPointerEvent) => void;
+        keydown: (e: KeyboardEvent) => void;
+    };
+    constructor(stage: IStage, options?: DebugToolOptions);
+    createInfoContainer(options?: DebugToolOptions): void;
+    createHighlightRect(): void;
+    bindStageEvent(): void;
+    addHighlightBounds(bounds: any): void;
+    removeHighlightBounds(): void;
+    updateInfo(): void;
+    clearInfo(): void;
+    updateMode(): void;
+    bindKeyEvent(): void;
+    release(): void;
+}

package/es/scenegraph/debug-tool/debug-tool.js

@@ -0,0 +1,126 @@
+import { createRect, getTheme } from "@visactor/vrender";
+
+import JSONFormatter from "json-formatter-js";
+
+export class DebugTool {
+    constructor(stage, options) {
+        this._mode = "hover", this._stage = stage, this._callback = {}, (null == options ? void 0 : options.customGrapicKeys) && (this._customGrapicKeys = options.customGrapicKeys), 
+        (null == options ? void 0 : options.container) ? this._infoContainer = options.container : this.createInfoContainer(options), 
+        this.createHighlightRect(), this.bindStageEvent(), this.bindKeyEvent();
+    }
+    createInfoContainer(options) {
+        const position = (null == options ? void 0 : options.infoPosition) || "tr", width = (null == options ? void 0 : options.infoWidth) || 300, height = (null == options ? void 0 : options.infoPosition) || 400;
+        switch (this._infoContainer = document.createElement("div"), this._infoContainer.style.position = "fixed", 
+        this._infoContainer.style.width = `${width}px`, this._infoContainer.style.height = `${height}px`, 
+        this._infoContainer.style.backgroundColor = "rgba(210, 210, 210, 0.3)", this._infoContainer.style.overflow = "auto", 
+        this._infoContainer.style.display = "none", position) {
+          case "tl":
+            this._infoContainer.style.top = "0px", this._infoContainer.style.left = "0px";
+            break;
+
+          case "tr":
+            this._infoContainer.style.top = "0px", this._infoContainer.style.right = "0px";
+            break;
+
+          case "bl":
+            this._infoContainer.style.bottom = "0px", this._infoContainer.style.left = "0px";
+            break;
+
+          case "br":
+            this._infoContainer.style.bottom = "0px", this._infoContainer.style.right = "0px";
+        }
+        const tip = document.createElement("div"), tipSpan1 = document.createElement("span");
+        tipSpan1.innerText = "debug 模式：", tip.appendChild(tipSpan1), this._modeTip = document.createElement("span"), 
+        this._modeTip.innerText = this._mode, tip.appendChild(this._modeTip);
+        const tipSpan2 = document.createElement("span");
+        tipSpan2.innerText = "（shift + s改变模式；shift + d控制台输出target graphic）", tip.appendChild(tipSpan2), 
+        this._infoContainer.appendChild(tip), this._stage.window.getContainer().append(this._infoContainer);
+    }
+    createHighlightRect() {
+        const container = this._stage.window.getContainer();
+        this._highlightRect = document.createElement("div"), this._highlightRect.style.display = "absolute", 
+        this._highlightRect.style.border = "1px solid red", this._highlightRect.style.pointerEvents = "none", 
+        this._highlightRect.style.position = "absolute", container.appendChild(this._highlightRect);
+    }
+    bindStageEvent() {
+        this._rect = createRect({
+            x: 0,
+            y: 0,
+            width: 0,
+            height: 0,
+            fill: !1,
+            stroke: !0,
+            strokeColor: "red",
+            lineWidth: 1,
+            pickable: !1,
+            visible: !1
+        }), this._stage.defaultLayer.appendChild(this._rect), this._callback.pointermove = e => {
+            "hover" !== this._mode || (e.target && e.target !== this._target ? (this._target = e.target, 
+            this.addHighlightBounds(this._target.globalAABBBounds), setTimeout((() => {
+                this.updateInfo();
+            }), 100)) : e.target || (this._target = void 0, this.removeHighlightBounds(), this.clearInfo()));
+        }, this._stage.addEventListener("pointermove", this._callback.pointermove), this._callback.pointerup = e => {
+            "click" !== this._mode || (e.target && e.target !== this._target ? (this._target = e.target, 
+            this.addHighlightBounds(this._target.globalAABBBounds), setTimeout((() => {
+                this.updateInfo();
+            }), 100)) : e.target || (this._target = void 0, this.removeHighlightBounds(), this.clearInfo()));
+        }, this._stage.addEventListener("pointerup", this._callback.pointerup), this._callback.pointerleave = e => {
+            "hover" === this._mode && (this._target = void 0, this.removeHighlightBounds(), 
+            this.clearInfo());
+        }, this._stage.addEventListener("pointerleave", this._callback.pointerleave);
+    }
+    addHighlightBounds(bounds) {
+        this._highlightRect.style.left = `${bounds.x1}px`, this._highlightRect.style.top = `${bounds.y1}px`, 
+        this._highlightRect.style.width = `${bounds.width()}px`, this._highlightRect.style.height = `${bounds.height()}px`;
+    }
+    removeHighlightBounds() {
+        this._rect.setAttribute("visible", !1), this._stage.renderNextFrame();
+    }
+    updateInfo() {
+        if (!this._target) return;
+        this._infoContainer.children.length > 1 && this._infoContainer.removeChild(this._infoContainer.children[1]), 
+        this._infoContainer.style.display = "block";
+        const info = {
+            customKeys: {},
+            type: this._target.type,
+            globalX: this._target.globalTransMatrix.e,
+            globalY: this._target.globalTransMatrix.f,
+            attribute: this._target.attribute,
+            theme: getTheme(this._target)[this._target.type],
+            target: this._target
+        };
+        this._customGrapicKeys ? this._customGrapicKeys.forEach((key => {
+            info.customKeys[key] = this._target[key];
+        })) : delete info.customKeys;
+        const formatter = new JSONFormatter(info, 2);
+        this._infoContainer.appendChild(formatter.render());
+    }
+    clearInfo() {
+        this._infoContainer.style.display = "none";
+    }
+    updateMode() {
+        this._modeTip.innerText = this._mode;
+    }
+    bindKeyEvent() {
+        this._callback.keydown = e => {
+            if ("D" === e.key) console.log(this._target); else if ("S" === e.key) {
+                switch (this._mode) {
+                  case "click":
+                    this._mode = "hover";
+                    break;
+
+                  case "hover":
+                    this._mode = "click";
+                }
+                this.updateMode();
+            }
+        }, window.addEventListener("keydown", this._callback.keydown);
+    }
+    release() {
+        document.body.removeChild(this._infoContainer), this._highlightRect.parentElement.removeChild(this._highlightRect), 
+        this._stage.defaultLayer.removeChild(this._rect), this._stage.removeEventListener("pointermove", this._callback.pointermove), 
+        this._stage.removeEventListener("pointerup", this._callback.pointerup), this._stage.removeEventListener("pointerleave", this._callback.pointerleave), 
+        window.removeEventListener("keydown", this._callback.keydown);
+    }
+}
+//# sourceMappingURL=debug-tool.js.map

package/es/scenegraph/debug-tool/debug-tool.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["scenegraph/debug-tool/debug-tool.ts"],"names":[],"mappings":"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","file":"debug-tool.js","sourcesContent":["import type { FederatedPointerEvent, IStage, IRect, IGraphic } from '@visactor/vrender';\nimport { createRect, getTheme } from '@visactor/vrender';\nimport JSONFormatter from 'json-formatter-js';\n\nexport interface DebugToolOptions {\n  container?: HTMLElement;\n  infoPosition?: 'tl' | 'tr' | 'bl' | 'br';\n  infoWidth?: number;\n  infoHeight?: number;\n  mode?: 'hover' | 'click';\n  customGrapicKeys?: string[];\n}\n\nexport class DebugTool {\n  _stage: IStage;\n  _infoContainer: HTMLElement;\n  _highlightRect: HTMLElement;\n  _target: IGraphic;\n  _rect: IRect;\n  _mode: 'hover' | 'click' = 'hover';\n  _customGrapicKeys?: string[];\n  _modeTip: HTMLElement;\n  _callback: {\n    pointermove: (e: FederatedPointerEvent) => void;\n    pointerup: (e: FederatedPointerEvent) => void;\n    pointerleave: (e: FederatedPointerEvent) => void;\n    keydown: (e: KeyboardEvent) => void;\n  };\n\n  constructor(stage: IStage, options?: DebugToolOptions) {\n    this._stage = stage;\n    this._callback = {} as any;\n\n    if (options?.customGrapicKeys) {\n      this._customGrapicKeys = options.customGrapicKeys;\n    }\n\n    // 创建信息框\n    if (options?.container) {\n      this._infoContainer = options.container;\n    } else {\n      this.createInfoContainer(options);\n    }\n\n    // 创建高亮矩形\n    this.createHighlightRect();\n\n    // 绑定stage事件\n    this.bindStageEvent();\n\n    // 绑定键盘事件\n    this.bindKeyEvent();\n  }\n\n  createInfoContainer(options?: DebugToolOptions) {\n    const position = options?.infoPosition || 'tr';\n    const width = options?.infoWidth || 300;\n    const height = options?.infoPosition || 400;\n    this._infoContainer = document.createElement('div');\n    this._infoContainer.style.position = 'fixed';\n    this._infoContainer.style.width = `${width}px`;\n    this._infoContainer.style.height = `${height}px`;\n    this._infoContainer.style.backgroundColor = 'rgba(210, 210, 210, 0.3)';\n    this._infoContainer.style.overflow = 'auto';\n    this._infoContainer.style.display = 'none';\n    switch (position) {\n      case 'tl':\n        this._infoContainer.style.top = '0px';\n        this._infoContainer.style.left = '0px';\n        break;\n      case 'tr':\n        this._infoContainer.style.top = '0px';\n        this._infoContainer.style.right = `0px`;\n        break;\n      case 'bl':\n        this._infoContainer.style.bottom = `0px`;\n        this._infoContainer.style.left = '0px';\n        break;\n      case 'br':\n        this._infoContainer.style.bottom = `0px`;\n        this._infoContainer.style.right = `0px`;\n        break;\n    }\n\n    // Tip\n    // debug 模式：hover（shift + s改变模式；shift + d控制台输出target graphic）\n    const tip = document.createElement('div');\n    const tipSpan1 = document.createElement('span');\n    tipSpan1.innerText = 'debug 模式：';\n    tip.appendChild(tipSpan1);\n    this._modeTip = document.createElement('span');\n    this._modeTip.innerText = this._mode;\n    tip.appendChild(this._modeTip);\n    const tipSpan2 = document.createElement('span');\n    tipSpan2.innerText = '（shift + s改变模式；shift + d控制台输出target graphic）';\n    tip.appendChild(tipSpan2);\n    this._infoContainer.appendChild(tip);\n\n    // document.body.append(this._infoContainer);\n    this._stage.window.getContainer().append(this._infoContainer);\n  }\n\n  createHighlightRect() {\n    const container = this._stage.window.getContainer();\n    this._highlightRect = document.createElement('div');\n    this._highlightRect.style.display = 'absolute';\n    this._highlightRect.style.border = '1px solid red';\n    this._highlightRect.style.pointerEvents = 'none';\n    this._highlightRect.style.position = 'absolute';\n    container.appendChild(this._highlightRect);\n  }\n\n  bindStageEvent() {\n    this._rect = createRect({\n      x: 0,\n      y: 0,\n      width: 0,\n      height: 0,\n      fill: false,\n      stroke: true,\n      strokeColor: 'red',\n      lineWidth: 1,\n      pickable: false,\n      visible: false\n    });\n    this._stage.defaultLayer.appendChild(this._rect);\n\n    this._callback.pointermove = (e: FederatedPointerEvent) => {\n      if (this._mode !== 'hover') {\n        // do nothing\n      } else if (e.target && (e.target as unknown as IGraphic) !== this._target) {\n        // 更新bounds\n        this._target = e.target as unknown as IGraphic;\n        this.addHighlightBounds(this._target.globalAABBBounds);\n        setTimeout(() => {\n          this.updateInfo();\n        }, 100);\n      } else if (!e.target) {\n        this._target = undefined;\n        this.removeHighlightBounds();\n        this.clearInfo();\n      }\n    };\n    this._stage.addEventListener('pointermove', this._callback.pointermove);\n\n    this._callback.pointerup = (e: FederatedPointerEvent) => {\n      if (this._mode !== 'click') {\n        // do nothing\n      } else if (e.target && (e.target as unknown as IGraphic) !== this._target) {\n        // 更新bounds\n        this._target = e.target as unknown as IGraphic;\n        this.addHighlightBounds(this._target.globalAABBBounds);\n        setTimeout(() => {\n          this.updateInfo();\n        }, 100);\n      } else if (!e.target) {\n        this._target = undefined;\n        this.removeHighlightBounds();\n        this.clearInfo();\n      }\n    };\n    this._stage.addEventListener('pointerup', this._callback.pointerup);\n\n    this._callback.pointerleave = (e: FederatedPointerEvent) => {\n      if (this._mode === 'hover') {\n        this._target = undefined;\n        this.removeHighlightBounds();\n        this.clearInfo();\n      }\n    };\n    this._stage.addEventListener('pointerleave', this._callback.pointerleave);\n  }\n\n  addHighlightBounds(bounds: any) {\n    // 使用VRender绘制高亮框会导致触发多余渲染，因此使用dom\n    // this._rect.setAttributes({\n    //   x: bounds.x1,\n    //   y: bounds.y1,\n    //   width: bounds.width(),\n    //   height: bounds.height(),\n    //   visible: true,\n    // });\n\n    // // 保证rect在最上层\n    // this._stage.defaultLayer.appendChild(this._rect);\n    // this._stage.renderNextFrame();\n\n    this._highlightRect.style.left = `${bounds.x1}px`;\n    this._highlightRect.style.top = `${bounds.y1}px`;\n    this._highlightRect.style.width = `${bounds.width()}px`;\n    this._highlightRect.style.height = `${bounds.height()}px`;\n  }\n\n  removeHighlightBounds() {\n    this._rect.setAttribute('visible', false);\n    this._stage.renderNextFrame();\n  }\n\n  updateInfo() {\n    if (!this._target) {\n      return;\n    }\n    // this._infoContainer.innerHTML = '';\n    if (this._infoContainer.children.length > 1) {\n      this._infoContainer.removeChild(this._infoContainer.children[1]);\n    }\n    this._infoContainer.style.display = 'block';\n\n    const info = {\n      customKeys: {},\n      type: this._target.type,\n      // role: (this._target as any).role,\n      globalX: this._target.globalTransMatrix.e,\n      globalY: this._target.globalTransMatrix.f,\n      attribute: this._target.attribute,\n      theme: getTheme(this._target)[this._target.type],\n      target: this._target\n    };\n\n    if (this._customGrapicKeys) {\n      this._customGrapicKeys.forEach(key => {\n        info.customKeys[key] = this._target[key];\n      });\n    } else {\n      delete info.customKeys;\n    }\n\n    const formatter = new JSONFormatter(info, 2);\n    this._infoContainer.appendChild(formatter.render());\n  }\n\n  clearInfo() {\n    this._infoContainer.style.display = 'none';\n  }\n\n  updateMode() {\n    this._modeTip.innerText = this._mode;\n  }\n\n  bindKeyEvent() {\n    this._callback.keydown = (e: KeyboardEvent) => {\n      if (e.key === 'D') {\n        console.log(this._target);\n      } else if (e.key === 'S') {\n        switch (this._mode) {\n          case 'click':\n            this._mode = 'hover';\n            break;\n          case 'hover':\n            this._mode = 'click';\n            break;\n        }\n        this.updateMode();\n      }\n    };\n    window.addEventListener('keydown', this._callback.keydown);\n  }\n\n  release() {\n    // 移除信息框\n    document.body.removeChild(this._infoContainer);\n\n    // 移除高亮框\n    this._highlightRect.parentElement.removeChild(this._highlightRect);\n\n    // 解绑stage事件\n    this._stage.defaultLayer.removeChild(this._rect);\n    this._stage.removeEventListener('pointermove', this._callback.pointermove);\n    this._stage.removeEventListener('pointerup', this._callback.pointerup);\n    this._stage.removeEventListener('pointerleave', this._callback.pointerleave);\n\n    // 解绑键盘事件\n    window.removeEventListener('keydown', this._callback.keydown);\n  }\n}\n"]}

package/es/scenegraph/debug-tool/index.d.ts

@@ -0,0 +1,4 @@
+import type { Stage } from '@visactor/vrender';
+import type { DebugToolOptions } from './debug-tool';
+import { DebugTool } from './debug-tool';
+export declare function bindDebugTool(stage: Stage, options: DebugToolOptions): DebugTool;

package/es/scenegraph/debug-tool/index.js

@@ -0,0 +1,6 @@
+import { DebugTool } from "./debug-tool";
+
+export function bindDebugTool(stage, options) {
+    return new DebugTool(stage, options);
+}
+//# sourceMappingURL=index.js.map

package/es/scenegraph/debug-tool/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["scenegraph/debug-tool/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,UAAU,aAAa,CAAC,KAAY,EAAE,OAAyB;IACnE,OAAO,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACvC,CAAC","file":"index.js","sourcesContent":["import type { Stage } from '@visactor/vrender';\nimport type { DebugToolOptions } from './debug-tool';\nimport { DebugTool } from './debug-tool';\n\nexport function bindDebugTool(stage: Stage, options: DebugToolOptions) {\n  return new DebugTool(stage, options);\n}\n"]}