@visactor/vtable-gantt 1.5.4

package/es/scenegraph/mark-line.js

@@ -0,0 +1,58 @@
+import { VRender } from "@visactor/vtable";
+
+export class MarkLine {
+    constructor(scene) {
+        this.markLineContainerWidth = 20, this._scene = scene, this.markLine = scene._gantt.parsedOptions.markLine, 
+        this.height = Math.min(scene._gantt.tableNoFrameHeight, scene._gantt.drawHeight) - scene._gantt.getAllHeaderRowsHeight(), 
+        this.group = new VRender.Group({
+            x: 0,
+            y: scene._gantt.getAllHeaderRowsHeight(),
+            width: scene._gantt.tableNoFrameWidth,
+            height: this.height,
+            pickable: !1,
+            clip: !0
+        }), this.group.name = "mark-line-container", scene.tableGroup.addChild(this.group), 
+        this.markLIneContainer = new VRender.Group({
+            x: 0,
+            y: 0,
+            width: this._scene._gantt.getAllColsWidth(),
+            height: this.height,
+            pickable: !1,
+            clip: !0
+        }), this.group.appendChild(this.markLIneContainer), this.initMarkLines();
+    }
+    initMarkLines() {
+        this.markLine.forEach((line => {
+            const style = line.style, date = new Date(line.date), minDate = new Date(this._scene._gantt.parsedOptions.minDate), dateX = this._scene._gantt.parsedOptions.colWidthPerDay * Math.ceil(Math.abs(date.getTime() - minDate.getTime()) / 864e5), markLineGroup = new VRender.Group({
+                pickable: !1,
+                x: dateX - this.markLineContainerWidth / 2,
+                y: 0,
+                width: this.markLineContainerWidth,
+                height: this.height
+            });
+            markLineGroup.name = "mark-line", this.markLIneContainer.appendChild(markLineGroup);
+            const lineObj = VRender.createLine({
+                pickable: !1,
+                stroke: style.lineColor,
+                lineWidth: style.lineWidth,
+                lineDash: style.lineDash,
+                points: [ {
+                    x: dateX,
+                    y: 0
+                }, {
+                    x: dateX,
+                    y: this.height
+                } ]
+            });
+            markLineGroup.appendChild(lineObj);
+        }));
+    }
+    refresh() {
+        this.height = Math.min(this._scene._gantt.tableNoFrameHeight, this._scene._gantt.drawHeight) - this._scene._gantt.getAllHeaderRowsHeight(), 
+        this.markLIneContainer.removeAllChild(), this.group.setAttribute("height", this.height), 
+        this.markLIneContainer.setAttribute("height", this.height), this.initMarkLines();
+    }
+    setX(x) {
+        this.markLIneContainer.setAttribute("x", x);
+    }
+}

package/es/scenegraph/mark-line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scenegraph/mark-line.ts"],"names":[],"mappings":"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","file":"mark-line.js","sourcesContent":["import type { IMarkLine } from '../ts-types';\nimport type { Scenegraph } from './scenegraph';\nimport { VRender } from '@visactor/vtable';\nexport class MarkLine {\n  _scene: Scenegraph;\n  group: VRender.Group;\n  markLine: IMarkLine[];\n  markLIneContainer: VRender.Group;\n  markLineContainerWidth: number = 20;\n  height: number;\n  constructor(scene: Scenegraph) {\n    this._scene = scene;\n    this.markLine = scene._gantt.parsedOptions.markLine;\n    this.height =\n      Math.min(scene._gantt.tableNoFrameHeight, scene._gantt.drawHeight) - scene._gantt.getAllHeaderRowsHeight();\n    this.group = new VRender.Group({\n      x: 0,\n      y: scene._gantt.getAllHeaderRowsHeight(),\n      width: scene._gantt.tableNoFrameWidth,\n      height: this.height,\n      pickable: false,\n      clip: true\n    });\n    this.group.name = 'mark-line-container';\n    scene.tableGroup.addChild(this.group);\n\n    this.markLIneContainer = new VRender.Group({\n      x: 0,\n      y: 0,\n      width: this._scene._gantt.getAllColsWidth(),\n      height: this.height,\n      pickable: false,\n      clip: true\n    });\n    this.group.appendChild(this.markLIneContainer);\n    this.initMarkLines();\n  }\n  initMarkLines() {\n    this.markLine.forEach(line => {\n      const style = line.style;\n      const date = new Date(line.date);\n      const minDate = new Date(this._scene._gantt.parsedOptions.minDate);\n      const dateX =\n        this._scene._gantt.parsedOptions.colWidthPerDay *\n        Math.ceil(Math.abs(date.getTime() - minDate.getTime()) / (1000 * 60 * 60 * 24));\n      const markLineGroup = new VRender.Group({\n        pickable: false,\n        x: dateX - this.markLineContainerWidth / 2,\n        y: 0,\n        width: this.markLineContainerWidth,\n        height: this.height\n      });\n      markLineGroup.name = 'mark-line';\n      this.markLIneContainer.appendChild(markLineGroup);\n      // 创建整个任务条rect\n      const lineObj = VRender.createLine({\n        pickable: false,\n        stroke: style.lineColor,\n        lineWidth: style.lineWidth,\n        lineDash: style.lineDash,\n        points: [\n          { x: dateX, y: 0 },\n          { x: dateX, y: this.height }\n        ]\n      });\n      markLineGroup.appendChild(lineObj);\n    });\n  }\n\n  /** 重新场景场景树节点 */\n  refresh() {\n    this.height =\n      Math.min(this._scene._gantt.tableNoFrameHeight, this._scene._gantt.drawHeight) -\n      this._scene._gantt.getAllHeaderRowsHeight();\n    this.markLIneContainer.removeAllChild();\n    this.group.setAttribute('height', this.height);\n    this.markLIneContainer.setAttribute('height', this.height);\n    this.initMarkLines();\n  }\n  setX(x: number) {\n    this.markLIneContainer.setAttribute('x', x);\n  }\n}\n"]}

package/es/scenegraph/scenegraph.d.ts

@@ -0,0 +1,41 @@
+import { VRender } from '@visactor/vtable';
+import { Grid } from './grid';
+import type { Gantt } from '../Gantt';
+import { ScrollBarComponent } from './scroll-bar';
+import { TimelineHeader } from './timeline-header';
+import { TaskBar } from './task-bar';
+import { MarkLine } from './mark-line';
+import { FrameBorder } from './frame-border';
+export declare class Scenegraph {
+    dateStepWidth: number;
+    rowHeight: number;
+    _scales: {}[];
+    timelineHeader: TimelineHeader;
+    grid: Grid;
+    taskBar: TaskBar;
+    _gantt: Gantt;
+    tableGroup: VRender.Group;
+    scrollbarComponent: ScrollBarComponent;
+    markLine: MarkLine;
+    frameBorder: FrameBorder;
+    stage: VRender.Stage;
+    tableGroupWidth: number;
+    tableGroupHeight: number;
+    constructor(gantt: Gantt);
+    initSceneGraph(): void;
+    afterCreateSceneGraph(): void;
+    refreshTaskBars(): void;
+    refreshTaskBarsAndGrid(): void;
+    updateTableSize(): void;
+    renderSceneGraph(): void;
+    updateNextFrame(): void;
+    get width(): number;
+    get height(): number;
+    get x(): number;
+    get y(): number;
+    setX(x: number, isEnd?: boolean): void;
+    setY(y: number, isEnd?: boolean): void;
+    setPixelRatio(pixelRatio: number): void;
+    resize(): void;
+    release(): void;
+}

package/es/scenegraph/scenegraph.js

@@ -0,0 +1,116 @@
+import { VRender } from "@visactor/vtable";
+
+import { Grid } from "./grid";
+
+import { Env } from "../env";
+
+import { ScrollBarComponent } from "./scroll-bar";
+
+import { bindScrollBarListener } from "../event/scroll";
+
+import { TimelineHeader } from "./timeline-header";
+
+import { TaskBar } from "./task-bar";
+
+import { MarkLine } from "./mark-line";
+
+import { FrameBorder } from "./frame-border";
+
+export class Scenegraph {
+    constructor(gantt) {
+        let width, height;
+        this._gantt = gantt, this.tableGroupWidth = gantt.tableNoFrameWidth, this.tableGroupHeight = Math.min(gantt.tableNoFrameHeight, gantt.drawHeight), 
+        "node" === Env.mode || (VRender.vglobal.setEnv("browser"), width = gantt.canvas.width, 
+        height = gantt.canvas.height), this.stage = VRender.createStage({
+            canvas: gantt.canvas,
+            width: width,
+            height: height,
+            disableDirtyBounds: !1,
+            enableLayout: !0,
+            autoRender: !1
+        }), this.stage.defaultLayer.setTheme({
+            group: {
+                boundsPadding: 0,
+                strokeBoundsBuffer: 0,
+                lineJoin: "round"
+            },
+            text: {
+                ignoreBuf: !0
+            }
+        }), this.initSceneGraph();
+    }
+    initSceneGraph() {
+        this.tableGroup = new VRender.Group({
+            x: 0,
+            y: this._gantt.tableY,
+            width: this.tableGroupWidth,
+            height: this.tableGroupHeight,
+            clip: !0,
+            pickable: !1
+        }), this.stage.defaultLayer.add(this.tableGroup), this.tableGroup.name = "table", 
+        this.timelineHeader = new TimelineHeader(this), this.grid = new Grid(this), this.taskBar = new TaskBar(this), 
+        this.markLine = new MarkLine(this), this.frameBorder = new FrameBorder(this), this.scrollbarComponent = new ScrollBarComponent(this._gantt), 
+        this.stage.defaultLayer.addChild(this.scrollbarComponent.hScrollBar), this.stage.defaultLayer.addChild(this.scrollbarComponent.vScrollBar);
+    }
+    afterCreateSceneGraph() {
+        this.scrollbarComponent.updateScrollBar(), bindScrollBarListener(this._gantt.eventManager);
+    }
+    refreshTaskBars() {
+        this.taskBar.refreshItems(), this.updateNextFrame();
+    }
+    refreshTaskBarsAndGrid() {
+        this.tableGroupHeight = Math.min(this._gantt.tableNoFrameHeight, this._gantt.drawHeight), 
+        this.tableGroup.setAttribute("height", this.tableGroupHeight), this.grid.refresh(), 
+        this.taskBar.refreshItems(), this.markLine.refresh(), this.frameBorder.resize(), 
+        this.scrollbarComponent.updateScrollBar(), this.updateNextFrame();
+    }
+    updateTableSize() {
+        this.tableGroupHeight = Math.min(this._gantt.tableNoFrameHeight, this._gantt.drawHeight), 
+        this.tableGroup.setAttributes({
+            x: 0,
+            y: this._gantt.tableY,
+            width: this._gantt.tableNoFrameWidth,
+            height: this.tableGroupHeight
+        }), this.grid.resize(), this.taskBar.resize(), this.frameBorder.resize();
+    }
+    renderSceneGraph() {
+        this.stage.render();
+    }
+    updateNextFrame() {
+        this.stage.renderNextFrame();
+    }
+    get width() {
+        var _a, _b;
+        return null !== (_b = null === (_a = this.tableGroup.attribute) || void 0 === _a ? void 0 : _a.width) && void 0 !== _b ? _b : 0;
+    }
+    get height() {
+        var _a, _b;
+        return null !== (_b = null === (_a = this.tableGroup.attribute) || void 0 === _a ? void 0 : _a.height) && void 0 !== _b ? _b : 0;
+    }
+    get x() {
+        var _a, _b;
+        return null !== (_b = null === (_a = this.tableGroup.attribute) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : 0;
+    }
+    get y() {
+        var _a, _b;
+        return null !== (_b = null === (_a = this.tableGroup.attribute) || void 0 === _a ? void 0 : _a.y) && void 0 !== _b ? _b : 0;
+    }
+    setX(x, isEnd = !1) {
+        this.timelineHeader.setX(x), this.grid.setX(x), this.taskBar.setX(x), this.markLine.setX(x), 
+        this.updateNextFrame();
+    }
+    setY(y, isEnd = !1) {
+        this.grid.setY(y), this.taskBar.setY(y), this.updateNextFrame();
+    }
+    setPixelRatio(pixelRatio) {
+        this.stage.disableDirtyBounds(), this.stage.window.setDpr(pixelRatio), this.stage.render(), 
+        this.stage.enableDirtyBounds();
+    }
+    resize() {
+        this.updateTableSize(), this.scrollbarComponent.updateScrollBar(), this.updateNextFrame();
+    }
+    release() {
+        this.stage.release();
+    }
+}
+//# sourceMappingURL=scenegraph.js.map

package/es/scenegraph/scenegraph.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scenegraph/scenegraph.ts"],"names":[],"mappings":"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","file":"scenegraph.js","sourcesContent":["import { VRender } from '@visactor/vtable';\nimport { Grid } from './grid';\nimport type { Gantt } from '../Gantt';\nimport { Env } from '../env';\nimport { ScrollBarComponent } from './scroll-bar';\nimport { bindScrollBarListener } from '../event/scroll';\nimport { TimelineHeader } from './timeline-header';\nimport { TaskBar } from './task-bar';\nimport { MarkLine } from './mark-line';\nimport { FrameBorder } from './frame-border';\n\nexport class Scenegraph {\n  dateStepWidth: number;\n  rowHeight: number;\n  _scales: {}[];\n  timelineHeader: TimelineHeader;\n  grid: Grid;\n  taskBar: TaskBar;\n  _gantt: Gantt;\n  tableGroup: VRender.Group;\n  scrollbarComponent: ScrollBarComponent;\n  markLine: MarkLine;\n  frameBorder: FrameBorder;\n  stage: VRender.Stage;\n  tableGroupWidth: number;\n  tableGroupHeight: number;\n  constructor(gantt: Gantt) {\n    this._gantt = gantt;\n    this.tableGroupWidth = gantt.tableNoFrameWidth;\n    this.tableGroupHeight = Math.min(gantt.tableNoFrameHeight, gantt.drawHeight);\n    let width;\n    let height;\n    if (Env.mode === 'node') {\n      // VRender.vglobal.setEnv('node', gantt.options.modeParams);\n      // width = table.canvasWidth;\n      // height = table.canvasHeight;\n    } else {\n      VRender.vglobal.setEnv('browser');\n      width = gantt.canvas.width;\n      height = gantt.canvas.height;\n    }\n    this.stage = VRender.createStage({\n      canvas: gantt.canvas,\n      width,\n      height,\n      disableDirtyBounds: false,\n      // background: gantt.theme.underlayBackgroundColor,\n      // dpr: gantt.internalProps.pixelRatio,\n      enableLayout: true,\n      autoRender: false\n      // afterRender: () => {\n      // this._gantt.fireListeners('after_render', null);\n      // }\n    });\n\n    this.stage.defaultLayer.setTheme({\n      group: {\n        boundsPadding: 0,\n        strokeBoundsBuffer: 0,\n        lineJoin: 'round'\n      },\n      text: {\n        ignoreBuf: true\n      }\n    });\n    this.initSceneGraph();\n  }\n\n  initSceneGraph() {\n    const scene = this;\n\n    scene.tableGroup = new VRender.Group({\n      x: 0,\n      y: scene._gantt.tableY,\n      width: this.tableGroupWidth,\n      height: this.tableGroupHeight,\n      clip: true,\n      pickable: false\n    });\n    scene.stage.defaultLayer.add(scene.tableGroup);\n    scene.tableGroup.name = 'table';\n    // 初始化顶部时间线表头部分\n    scene.timelineHeader = new TimelineHeader(scene);\n\n    // 初始化网格线组件\n    scene.grid = new Grid(scene);\n\n    // 初始化任务条线组件\n    scene.taskBar = new TaskBar(scene);\n\n    // 初始化标记线组件\n    scene.markLine = new MarkLine(scene);\n\n    // 初始化边框\n    scene.frameBorder = new FrameBorder(scene);\n\n    // 初始化滚动条组件\n    scene.scrollbarComponent = new ScrollBarComponent(scene._gantt);\n    scene.stage.defaultLayer.addChild(scene.scrollbarComponent.hScrollBar);\n    scene.stage.defaultLayer.addChild(scene.scrollbarComponent.vScrollBar);\n  }\n\n  afterCreateSceneGraph() {\n    this.scrollbarComponent.updateScrollBar();\n    bindScrollBarListener(this._gantt.eventManager);\n  }\n\n  refreshTaskBars() {\n    // this.timelineHeader.refresh();\n    // this.grid.refresh();\n    this.taskBar.refreshItems();\n    // this.markLine.refresh();\n    // this.frameBorder.refresh();\n    // this.scrollbarComponent.refresh();\n    this.updateNextFrame();\n  }\n  refreshTaskBarsAndGrid() {\n    this.tableGroupHeight = Math.min(this._gantt.tableNoFrameHeight, this._gantt.drawHeight);\n    this.tableGroup.setAttribute('height', this.tableGroupHeight);\n    // this.timelineHeader.refresh();\n    this.grid.refresh();\n    this.taskBar.refreshItems();\n    this.markLine.refresh();\n    this.frameBorder.resize();\n    this.scrollbarComponent.updateScrollBar();\n    this.updateNextFrame();\n  }\n\n  updateTableSize() {\n    this.tableGroupHeight = Math.min(this._gantt.tableNoFrameHeight, this._gantt.drawHeight);\n    this.tableGroup.setAttributes({\n      x: 0,\n      y: this._gantt.tableY,\n      width: this._gantt.tableNoFrameWidth,\n      height: this.tableGroupHeight\n    } as any);\n    this.grid.resize();\n    this.taskBar.resize();\n    this.frameBorder.resize();\n  }\n\n  /**\n   * @description: 绘制场景树\n   * @param {any} element\n   * @param {CellRange} visibleCoord\n   * @return {*}\n   */\n  renderSceneGraph() {\n    this.stage.render();\n  }\n\n  /**\n   * @description: 触发下一帧渲染\n   * @return {*}\n   */\n  updateNextFrame() {\n    this.stage.renderNextFrame();\n  }\n  get width(): number {\n    return this.tableGroup.attribute?.width ?? 0;\n  }\n\n  get height(): number {\n    return this.tableGroup.attribute?.height ?? 0;\n  }\n\n  get x(): number {\n    return this.tableGroup.attribute?.x ?? 0;\n  }\n\n  get y(): number {\n    return this.tableGroup.attribute?.y ?? 0;\n  }\n\n  /**\n   * @description: 设置表格的x位置，滚动中使用\n   * @param {number} x\n   * @return {*}\n   */\n  setX(x: number, isEnd = false) {\n    this.timelineHeader.setX(x);\n    this.grid.setX(x);\n    this.taskBar.setX(x);\n    this.markLine.setX(x);\n    this.updateNextFrame();\n    // this._gantt.scenegraph.proxy.setX(-x, isEnd);\n  }\n\n  /**\n   * @description: 更新表格的y位置，滚动中使用\n   * @param {number} y\n   * @return {*}\n   */\n  setY(y: number, isEnd = false) {\n    // this._gantt.scenegraph.proxy.setY(-y, isEnd);\n    this.grid.setY(y);\n    this.taskBar.setY(y);\n    this.updateNextFrame();\n  }\n\n  setPixelRatio(pixelRatio: number) {\n    // this.stage.setDpr(pixelRatio);\n    // 这里因为本时刻部分节点有更新bounds标记，直接render回导致开启DirtyBounds，无法完整重绘画布；\n    // 所以这里先关闭DirtyBounds，等待下一帧再开启\n    this.stage.disableDirtyBounds();\n    this.stage.window.setDpr(pixelRatio);\n    this.stage.render();\n    this.stage.enableDirtyBounds();\n  }\n\n  resize() {\n    this.updateTableSize();\n    // this.updateBorderSizeAndPosition();\n    this.scrollbarComponent.updateScrollBar();\n    this.updateNextFrame();\n  }\n  release() {\n    this.stage.release();\n  }\n}\n"]}

package/es/scenegraph/scroll-bar.d.ts

@@ -0,0 +1,19 @@
+import { VRender } from '@visactor/vtable';
+import type { Gantt } from '../Gantt';
+export declare class ScrollBarComponent {
+    hScrollBar: VRender.ScrollBar;
+    vScrollBar: VRender.ScrollBar;
+    _gantt: Gantt;
+    _clearHorizontalScrollBar: any;
+    _clearVerticalScrollBar: any;
+    constructor(gantt: Gantt);
+    createScrollBar(tableWidth: number, tableHeight: number): void;
+    refresh(): void;
+    hideVerticalScrollBar(): void;
+    showVerticalScrollBar(autoHide?: boolean): void;
+    hideHorizontalScrollBar(): void;
+    showHorizontalScrollBar(autoHide?: boolean): void;
+    updateVerticalScrollBarPos(topRatio: number): void;
+    updateHorizontalScrollBarPos(leftRatio: number): void;
+    updateScrollBar(): void;
+}

package/es/scenegraph/scroll-bar.js

@@ -0,0 +1,144 @@
+import { VRender } from "@visactor/vtable";
+
+import { isValid } from "@visactor/vutils";
+
+export class ScrollBarComponent {
+    constructor(gantt) {
+        this._gantt = gantt, this.createScrollBar(gantt.tableNoFrameWidth, gantt.tableNoFrameHeight - gantt.getAllHeaderRowsHeight());
+    }
+    createScrollBar(tableWidth, tableHeight) {
+        var _a, _b;
+        const scrollRailColor = this._gantt.parsedOptions.scrollStyle.scrollRailColor, scrollSliderColor = this._gantt.parsedOptions.scrollStyle.scrollSliderColor, scrollSliderCornerRadius = this._gantt.parsedOptions.scrollStyle.scrollSliderCornerRadius, width = this._gantt.parsedOptions.scrollStyle.width;
+        let sliderStyle;
+        sliderStyle = isValid(scrollSliderCornerRadius) ? {
+            cornerRadius: scrollSliderCornerRadius,
+            fill: scrollSliderColor
+        } : {
+            fill: scrollSliderColor
+        };
+        null === (_a = this._gantt.parsedOptions.scrollStyle) || void 0 === _a || _a.visible, 
+        null === (_b = this._gantt.parsedOptions.scrollStyle) || void 0 === _b || _b.hoverOn;
+        this.hScrollBar = new VRender.ScrollBar({
+            direction: "horizontal",
+            x: 2 * -tableWidth,
+            y: 2 * -tableHeight,
+            width: tableWidth,
+            height: width,
+            padding: 0,
+            railStyle: {
+                fill: scrollRailColor
+            },
+            sliderStyle: sliderStyle,
+            range: [ 0, .1 ],
+            visible: !1
+        }), this.hScrollBar.render(), this.hScrollBar.hideAll(), this.vScrollBar = new VRender.ScrollBar({
+            direction: "vertical",
+            x: 2 * -tableWidth,
+            y: 2 * -tableHeight,
+            width: width,
+            height: tableHeight,
+            padding: 0,
+            railStyle: {
+                fill: scrollRailColor
+            },
+            sliderStyle: sliderStyle,
+            range: [ 0, .1 ],
+            visible: !1
+        }), this.vScrollBar.render(), this.vScrollBar.hideAll();
+    }
+    refresh() {}
+    hideVerticalScrollBar() {
+        const visable = this._gantt.parsedOptions.scrollStyle.visible;
+        "focus" !== visable && "scrolling" !== visable || (this.vScrollBar.setAttribute("visible", !1), 
+        this.vScrollBar.hideAll(), this._gantt.scenegraph.updateNextFrame());
+    }
+    showVerticalScrollBar(autoHide) {
+        const visable = this._gantt.parsedOptions.scrollStyle.visible;
+        "focus" !== visable && "scrolling" !== visable || (this.vScrollBar.setAttribute("visible", !0), 
+        this.vScrollBar.showAll(), this._gantt.scenegraph.updateNextFrame(), autoHide && (clearTimeout(this._clearVerticalScrollBar), 
+        this._clearVerticalScrollBar = setTimeout((() => {
+            this.hideVerticalScrollBar();
+        }), 1e3)));
+    }
+    hideHorizontalScrollBar() {
+        const visable = this._gantt.parsedOptions.scrollStyle.visible;
+        "focus" !== visable && "scrolling" !== visable || (this.hScrollBar.setAttribute("visible", !1), 
+        this.hScrollBar.hideAll(), this._gantt.scenegraph.updateNextFrame());
+    }
+    showHorizontalScrollBar(autoHide) {
+        const visable = this._gantt.parsedOptions.scrollStyle.visible;
+        "focus" !== visable && "scrolling" !== visable || (this.hScrollBar.setAttribute("visible", !0), 
+        this.hScrollBar.showAll(), this._gantt.scenegraph.updateNextFrame(), autoHide && (clearTimeout(this._clearHorizontalScrollBar), 
+        this._clearHorizontalScrollBar = setTimeout((() => {
+            this.hideHorizontalScrollBar();
+        }), 1e3)));
+    }
+    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], range0 = leftRatio * (1 - size);
+        this.hScrollBar.setAttribute("range", [ range0, range0 + size ]);
+        const bounds = this.hScrollBar.AABBBounds && this.hScrollBar.globalAABBBounds;
+        this.hScrollBar._viewPosition = {
+            x: bounds.x1,
+            y: bounds.y1
+        };
+    }
+    updateScrollBar() {
+        const oldHorizontalBarPos = this._gantt.stateManager.scroll.horizontalBarPos, oldVerticalBarPos = this._gantt.stateManager.scroll.verticalBarPos, scrollStyle = this._gantt.parsedOptions.scrollStyle, width = null == scrollStyle ? void 0 : scrollStyle.width, visible = null == scrollStyle ? void 0 : scrollStyle.visible, tableWidth = Math.ceil(this._gantt.scenegraph.tableGroup.attribute.width), tableHeight = Math.ceil(this._gantt.scenegraph.tableGroup.attribute.height), totalHeight = this._gantt.getAllRowsHeight(), totalWidth = this._gantt.getAllColsWidth(), frozenRowsHeight = this._gantt.getAllHeaderRowsHeight();
+        if (totalWidth > tableWidth) {
+            const y = Math.min(tableHeight, totalHeight), rangeEnd = Math.max(.05, tableWidth / totalWidth), hoverOn = scrollStyle.hoverOn;
+            let attrY = 0;
+            attrY = scrollStyle.barToSide ? this._gantt.tableNoFrameHeight - (hoverOn ? width : -this._gantt.scenegraph.tableGroup.attribute.y) + this._gantt.tableY : y - (hoverOn ? width : -this._gantt.scenegraph.tableGroup.attribute.y) + this._gantt.tableY, 
+            this.hScrollBar.setAttributes({
+                x: hoverOn ? 0 : this._gantt.scenegraph.tableGroup.attribute.x,
+                y: attrY,
+                width: tableWidth,
+                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();
+        } else this.hScrollBar.setAttributes({
+            x: 2 * -this._gantt.tableNoFrameWidth,
+            y: 2 * -this._gantt.tableNoFrameHeight,
+            width: 0,
+            visible: !1
+        });
+        if (totalHeight > tableHeight) {
+            const x = Math.min(tableWidth, totalWidth), rangeEnd = Math.max(.05, (tableHeight - frozenRowsHeight) / (totalHeight - frozenRowsHeight));
+            let attrX = 0;
+            const hoverOn = this._gantt.parsedOptions.scrollStyle.hoverOn;
+            attrX = this._gantt.parsedOptions.scrollStyle.barToSide ? this._gantt.tableNoFrameWidth - (hoverOn ? width : -this._gantt.scenegraph.tableGroup.attribute.x) + this._gantt.tableX : x - (hoverOn ? width : -this._gantt.scenegraph.tableGroup.attribute.x), 
+            this.vScrollBar.setAttributes({
+                x: attrX,
+                y: frozenRowsHeight + (hoverOn ? 0 : this._gantt.scenegraph.tableGroup.attribute.y) + this._gantt.tableY,
+                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();
+        } else this.vScrollBar.setAttributes({
+            x: 2 * -this._gantt.tableNoFrameWidth,
+            y: 2 * -this._gantt.tableNoFrameHeight,
+            height: 0,
+            visible: !1
+        });
+        this._gantt.stateManager.setScrollLeft(oldHorizontalBarPos), this._gantt.stateManager.setScrollTop(oldVerticalBarPos);
+    }
+}
+//# sourceMappingURL=scroll-bar.js.map

package/es/scenegraph/scroll-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scenegraph/scroll-bar.ts"],"names":[],"mappings":"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","file":"scroll-bar.js","sourcesContent":["import { VRender } from '@visactor/vtable';\nimport { isValid } from '@visactor/vutils';\nimport type { Gantt } from '../Gantt';\n/**\n * @description: 创建滚动条组件\n * @return {*}\n */\n\nexport class ScrollBarComponent {\n  hScrollBar: VRender.ScrollBar;\n  vScrollBar: VRender.ScrollBar;\n  _gantt: Gantt;\n  _clearHorizontalScrollBar: any;\n  _clearVerticalScrollBar: any;\n  constructor(gantt: Gantt) {\n    this._gantt = gantt;\n    this.createScrollBar(gantt.tableNoFrameWidth, gantt.tableNoFrameHeight - gantt.getAllHeaderRowsHeight());\n  }\n\n  createScrollBar(tableWidth: number, tableHeight: number) {\n    const scrollRailColor = this._gantt.parsedOptions.scrollStyle.scrollRailColor;\n    const scrollSliderColor = this._gantt.parsedOptions.scrollStyle.scrollSliderColor;\n    const scrollSliderCornerRadius = this._gantt.parsedOptions.scrollStyle.scrollSliderCornerRadius;\n    const width = this._gantt.parsedOptions.scrollStyle.width;\n\n    let sliderStyle;\n    if (isValid(scrollSliderCornerRadius)) {\n      sliderStyle = {\n        cornerRadius: scrollSliderCornerRadius,\n        fill: scrollSliderColor\n      };\n    } else {\n      sliderStyle = {\n        fill: scrollSliderColor\n      };\n    }\n    const visible = this._gantt.parsedOptions.scrollStyle?.visible as string;\n    const hoverOn = this._gantt.parsedOptions.scrollStyle?.hoverOn as boolean;\n\n    this.hScrollBar = new VRender.ScrollBar({\n      direction: 'horizontal',\n      x: -tableWidth * 2,\n      y: -tableHeight * 2,\n      width: tableWidth,\n      height: width,\n      padding: 0,\n      railStyle: {\n        fill: scrollRailColor\n      },\n      sliderStyle,\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 VRender.ScrollBar({\n      direction: 'vertical',\n      x: -tableWidth * 2,\n      y: -tableHeight * 2,\n      width,\n      height: tableHeight,\n      padding: 0,\n      railStyle: {\n        fill: scrollRailColor\n      },\n      sliderStyle,\n      range: [0, 0.1],\n      visible: false\n    });\n    (this.vScrollBar as any).render();\n    this.vScrollBar.hideAll();\n  }\n  refresh() {\n    //\n  }\n  hideVerticalScrollBar() {\n    const visable = this._gantt.parsedOptions.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.vScrollBar.setAttribute('visible', false);\n    this.vScrollBar.hideAll();\n    this._gantt.scenegraph.updateNextFrame();\n  }\n  showVerticalScrollBar(autoHide?: boolean) {\n    const visable = this._gantt.parsedOptions.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.vScrollBar.setAttribute('visible', true);\n    this.vScrollBar.showAll();\n    this._gantt.scenegraph.updateNextFrame();\n    if (autoHide) {\n      // 滚轮触发滚动条显示后，异步隐藏\n      clearTimeout(this._clearVerticalScrollBar);\n      this._clearVerticalScrollBar = setTimeout(() => {\n        this.hideVerticalScrollBar();\n      }, 1000);\n    }\n  }\n  hideHorizontalScrollBar() {\n    const visable = this._gantt.parsedOptions.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.hScrollBar.setAttribute('visible', false);\n    this.hScrollBar.hideAll();\n    this._gantt.scenegraph.updateNextFrame();\n  }\n  showHorizontalScrollBar(autoHide?: boolean) {\n    const visable = this._gantt.parsedOptions.scrollStyle.visible;\n    if (visable !== 'focus' && visable !== 'scrolling') {\n      return;\n    }\n    this.hScrollBar.setAttribute('visible', true);\n    this.hScrollBar.showAll();\n    this._gantt.scenegraph.updateNextFrame();\n    if (autoHide) {\n      // 滚轮触发滚动条显示后，异步隐藏\n      clearTimeout(this._clearHorizontalScrollBar);\n      this._clearHorizontalScrollBar = setTimeout(() => {\n        this.hideHorizontalScrollBar();\n      }, 1000);\n    }\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    const range0 = leftRatio * (1 - size);\n    this.hScrollBar.setAttribute('range', [range0, range0 + 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  /**\n   * @description: 更新滚动条尺寸\n   * @return {*}\n   */\n  updateScrollBar() {\n    const oldHorizontalBarPos = this._gantt.stateManager.scroll.horizontalBarPos;\n    const oldVerticalBarPos = this._gantt.stateManager.scroll.verticalBarPos;\n\n    const scrollStyle = this._gantt.parsedOptions.scrollStyle;\n    const width = scrollStyle?.width as number;\n    const visible = scrollStyle?.visible as string;\n    // const hoverOn = theme.scrollStyle?.hoverOn as boolean;\n    const tableWidth = Math.ceil(this._gantt.scenegraph.tableGroup.attribute.width);\n    const tableHeight = Math.ceil(this._gantt.scenegraph.tableGroup.attribute.height);\n\n    const totalHeight = this._gantt.getAllRowsHeight();\n    const totalWidth = this._gantt.getAllColsWidth();\n    const frozenRowsHeight = this._gantt.getAllHeaderRowsHeight();\n    // const frozenColsWidth = this._gantt.getFrozenColsWidth();\n    // const bottomFrozenRowsHeight = this._gantt.getBottomFrozenRowsHeight();\n    // const rightFrozenColsWidth = this._gantt.getRightFrozenColsWidth();\n    if (totalWidth > tableWidth) {\n      const y = Math.min(tableHeight, totalHeight);\n      const rangeEnd = Math.max(0.05, tableWidth / totalWidth);\n\n      const hoverOn = scrollStyle.hoverOn;\n\n      let attrY = 0;\n      if (scrollStyle.barToSide) {\n        attrY =\n          this._gantt.tableNoFrameHeight -\n          (hoverOn ? width : -this._gantt.scenegraph.tableGroup.attribute.y) +\n          this._gantt.tableY;\n      } else {\n        attrY = y - (hoverOn ? width : -this._gantt.scenegraph.tableGroup.attribute.y) + this._gantt.tableY;\n      }\n\n      this.hScrollBar.setAttributes({\n        x: !hoverOn ? this._gantt.scenegraph.tableGroup.attribute.x : 0,\n        y: attrY,\n        width: tableWidth,\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    } else {\n      this.hScrollBar.setAttributes({\n        x: -this._gantt.tableNoFrameWidth * 2,\n        y: -this._gantt.tableNoFrameHeight * 2,\n        width: 0,\n        visible: false\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\n      let attrX = 0;\n      const hoverOn = this._gantt.parsedOptions.scrollStyle.hoverOn;\n\n      if (this._gantt.parsedOptions.scrollStyle.barToSide) {\n        attrX =\n          this._gantt.tableNoFrameWidth -\n          (hoverOn ? width : -this._gantt.scenegraph.tableGroup.attribute.x) +\n          this._gantt.tableX;\n      } else {\n        attrX = x - (hoverOn ? width : -this._gantt.scenegraph.tableGroup.attribute.x);\n      }\n\n      this.vScrollBar.setAttributes({\n        x: attrX,\n        y: frozenRowsHeight + (!hoverOn ? this._gantt.scenegraph.tableGroup.attribute.y : 0) + this._gantt.tableY,\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    } else {\n      this.vScrollBar.setAttributes({\n        x: -this._gantt.tableNoFrameWidth * 2,\n        y: -this._gantt.tableNoFrameHeight * 2,\n        height: 0,\n        visible: false\n      });\n    }\n\n    this._gantt.stateManager.setScrollLeft(oldHorizontalBarPos);\n    this._gantt.stateManager.setScrollTop(oldVerticalBarPos);\n  }\n}\n"]}

package/es/scenegraph/task-bar.d.ts

@@ -0,0 +1,24 @@
+import { VRender } from '@visactor/vtable';
+import type { Scenegraph } from './scenegraph';
+import { GanttTaskBarNode } from './ganttNode';
+export declare class TaskBar {
+    group: VRender.Group;
+    barContainer: VRender.Group;
+    hoverBarGroup: VRender.Group;
+    hoverBarLeftIcon: VRender.Image;
+    hoverBarRightIcon: VRender.Image;
+    _scene: Scenegraph;
+    width: number;
+    height: number;
+    constructor(scene: Scenegraph);
+    initBars(): void;
+    initBar(index: number): GanttTaskBarNode;
+    updateTaskBarNode(index: number): void;
+    initHoverBarIcons(): void;
+    setX(x: number): void;
+    setY(y: number): void;
+    refreshItems(): void;
+    resize(): void;
+    showHoverBar(x: number, y: number, width: number, height: number, target?: VRender.Group): void;
+    hideHoverBar(): void;
+}