@visactor/vtable-gantt 1.5.4

package/cjs/scenegraph/scroll-bar.js

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ScrollBarComponent = void 0;
+
+const vtable_1 = require("@visactor/vtable"), vutils_1 = require("@visactor/vutils");
+
+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 = (0, vutils_1.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 vtable_1.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 vtable_1.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);
+    }
+}
+
+exports.ScrollBarComponent = ScrollBarComponent;
+//# sourceMappingURL=scroll-bar.js.map

package/cjs/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/cjs/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;
+}

package/cjs/scenegraph/task-bar.js

@@ -0,0 +1,188 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.TaskBar = void 0;
+
+const vtable_1 = require("@visactor/vtable"), util_1 = require("../tools/util"), vutils_1 = require("@visactor/vutils"), gantt_helper_1 = require("../gantt-helper"), ganttNode_1 = require("./ganttNode"), TASKBAR_HOVER_ICON = '<svg width="100" height="200" xmlns="http://www.w3.org/2000/svg">\n  <line x1="30" y1="10" x2="30" y2="190" stroke="black" stroke-width="4"/>\n  <line x1="70" y1="10" x2="70" y2="190" stroke="black" stroke-width="4"/>\n</svg>';
+
+class TaskBar {
+    constructor(scene) {
+        this._scene = scene, this.width = scene._gantt.tableNoFrameWidth, this.height = scene._gantt.gridHeight, 
+        this.group = new vtable_1.VRender.Group({
+            x: 0,
+            y: scene._gantt.getAllHeaderRowsHeight(),
+            width: this.width,
+            height: this.height,
+            pickable: !1,
+            clip: !0
+        }), this.group.name = "task-bar-container", scene.tableGroup.addChild(this.group), 
+        this.initBars(), this.initHoverBarIcons();
+    }
+    initBars() {
+        this.barContainer = new vtable_1.VRender.Group({
+            x: 0,
+            y: 0,
+            width: this._scene._gantt.getAllColsWidth(),
+            height: this._scene._gantt.getAllGridHeight(),
+            pickable: !1,
+            clip: !0
+        }), this.group.appendChild(this.barContainer);
+        for (let i = 0; i < this._scene._gantt.itemCount; i++) {
+            const barGroup = this.initBar(i);
+            barGroup && this.barContainer.appendChild(barGroup);
+        }
+    }
+    initBar(index) {
+        var _a, _b;
+        const taskBarCustomLayout = this._scene._gantt.parsedOptions.taskBarCustomLayout, {startDate: startDate, endDate: endDate, taskDays: taskDays, progress: progress, taskRecord: taskRecord} = this._scene._gantt.getTaskInfoByTaskListIndex(index);
+        if (taskDays <= 0) return null;
+        const taskBarSize = this._scene._gantt.parsedOptions.colWidthPerDay * taskDays, taskbarHeight = this._scene._gantt.parsedOptions.taskBarStyle.width, minDate = new Date(this._scene._gantt.parsedOptions.minDate), barGroup = new ganttNode_1.GanttTaskBarNode({
+            x: this._scene._gantt.parsedOptions.colWidthPerDay * Math.ceil(Math.abs(startDate.getTime() - minDate.getTime()) / 864e5),
+            y: this._scene._gantt.parsedOptions.rowHeight * index + (this._scene._gantt.parsedOptions.rowHeight - taskbarHeight) / 2,
+            width: taskBarSize,
+            height: taskbarHeight,
+            cornerRadius: this._scene._gantt.parsedOptions.taskBarStyle.cornerRadius,
+            clip: !0
+        });
+        let rootContainer;
+        barGroup.name = "task-bar";
+        let renderDefaultBar = !0, renderDefaultText = !0;
+        if (taskBarCustomLayout) {
+            let customLayoutObj;
+            if ("function" == typeof taskBarCustomLayout) {
+                customLayoutObj = taskBarCustomLayout({
+                    width: taskBarSize,
+                    height: taskbarHeight,
+                    index: index,
+                    startDate: startDate,
+                    endDate: endDate,
+                    taskDays: taskDays,
+                    progress: progress,
+                    taskRecord: taskRecord,
+                    ganttInstance: this._scene._gantt
+                });
+            } else customLayoutObj = taskBarCustomLayout;
+            customLayoutObj && (rootContainer = customLayoutObj.rootContainer, renderDefaultBar = null !== (_a = customLayoutObj.renderDefaultBar) && void 0 !== _a && _a, 
+            renderDefaultText = null !== (_b = customLayoutObj.renderDefaultText) && void 0 !== _b && _b, 
+            rootContainer.name = "task-bar-custom-render");
+        }
+        if (renderDefaultBar) {
+            const rect = vtable_1.VRender.createRect({
+                x: 0,
+                y: 0,
+                width: taskBarSize,
+                height: taskbarHeight,
+                fill: this._scene._gantt.parsedOptions.taskBarStyle.barColor,
+                pickable: !1
+            });
+            rect.name = "task-bar-rect", barGroup.appendChild(rect), barGroup.barRect = rect;
+            const progress_rect = vtable_1.VRender.createRect({
+                x: 0,
+                y: 0,
+                width: taskBarSize * progress / 100,
+                height: taskbarHeight,
+                fill: this._scene._gantt.parsedOptions.taskBarStyle.completedBarColor,
+                pickable: !1
+            });
+            progress_rect.name = "task-bar-progress-rect", barGroup.appendChild(progress_rect), 
+            barGroup.progressRect = progress_rect;
+        }
+        if (rootContainer && barGroup.appendChild(rootContainer), renderDefaultText) {
+            const {textAlign: textAlign, textBaseline: textBaseline, fontSize: fontSize, fontFamily: fontFamily, textOverflow: textOverflow, color: color, padding: padding} = this._scene._gantt.parsedOptions.taskBarLabelStyle, position = (0, 
+            gantt_helper_1.getTextPos)((0, util_1.toBoxArray)(padding), textAlign, textBaseline, taskBarSize, taskbarHeight), label = vtable_1.VRender.createText({
+                pickable: !1,
+                x: position.x,
+                y: position.y,
+                fontSize: fontSize,
+                fill: color,
+                fontFamily: fontFamily,
+                text: (0, util_1.parseStringTemplate)(this._scene._gantt.parsedOptions.taskBarLabelText, taskRecord),
+                maxLineWidth: taskBarSize - 20,
+                textBaseline: textBaseline,
+                textAlign: textAlign,
+                ellipsis: "clip" === textOverflow ? "" : "ellipsis" === textOverflow ? "..." : (0, 
+                vutils_1.isValid)(textOverflow) ? textOverflow : void 0
+            });
+            barGroup.appendChild(label), barGroup.textLabel = label;
+        }
+        return barGroup;
+    }
+    updateTaskBarNode(index) {
+        var _a;
+        const taskbarGroup = null === (_a = this.barContainer.getChildren()) || void 0 === _a ? void 0 : _a[index];
+        if (taskbarGroup) {
+            this.barContainer.removeChild(taskbarGroup);
+            const barGroup = this.initBar(index);
+            barGroup && this.barContainer.insertInto(barGroup, index);
+        }
+    }
+    initHoverBarIcons() {
+        const hoverBarGroup = new vtable_1.VRender.Group({
+            x: 0,
+            y: 0,
+            width: 100,
+            height: 100,
+            clip: !0,
+            cursor: this._scene._gantt.parsedOptions.taskBarMoveable ? "grab" : "default",
+            pickable: !1,
+            cornerRadius: this._scene._gantt.parsedOptions.taskBarStyle.cornerRadius,
+            fill: this._scene._gantt.parsedOptions.taskBarHoverColor,
+            visibleAll: !1
+        });
+        if (this.hoverBarGroup = hoverBarGroup, hoverBarGroup.name = "task-bar-hover-shadow", 
+        this._scene._gantt.parsedOptions.taskBarResizable) {
+            const icon = new vtable_1.VRender.Image({
+                x: 0,
+                y: 0,
+                width: 10,
+                height: 20,
+                image: TASKBAR_HOVER_ICON,
+                pickable: !0,
+                cursor: "col-resize"
+            });
+            icon.name = "task-bar-hover-shadow-left-icon", this.hoverBarLeftIcon = icon, hoverBarGroup.appendChild(icon);
+            const rightIcon = new vtable_1.VRender.Image({
+                x: 0,
+                y: 0,
+                width: 10,
+                height: 20,
+                image: TASKBAR_HOVER_ICON,
+                pickable: !0,
+                cursor: "col-resize"
+            });
+            rightIcon.name = "task-bar-hover-shadow-right-icon", this.hoverBarRightIcon = rightIcon, 
+            hoverBarGroup.appendChild(rightIcon);
+        }
+    }
+    setX(x) {
+        this.barContainer.setAttribute("x", x);
+    }
+    setY(y) {
+        this.barContainer.setAttribute("y", y);
+    }
+    refreshItems() {
+        this.height = this._scene._gantt.gridHeight, this.group.setAttribute("height", this.height), 
+        this.barContainer.removeAllChild(), this.group.removeChild(this.barContainer), this.initBars();
+    }
+    resize() {
+        this.width = this._scene._gantt.tableNoFrameWidth, this.height = this._scene._gantt.gridHeight, 
+        this.group.setAttribute("width", this.width), this.group.setAttribute("height", this.height);
+    }
+    showHoverBar(x, y, width, height, target) {
+        target && "task-bar" === target.name && target.appendChild(this.hoverBarGroup), 
+        this.hoverBarGroup.setAttribute("x", 0), this.hoverBarGroup.setAttribute("y", 0), 
+        this.hoverBarGroup.setAttribute("width", width), this.hoverBarGroup.setAttribute("height", height), 
+        this.hoverBarGroup.setAttribute("visibleAll", !0), this.hoverBarLeftIcon && (this.hoverBarLeftIcon.setAttribute("x", 0), 
+        this.hoverBarLeftIcon.setAttribute("y", Math.ceil(height / 10)), this.hoverBarLeftIcon.setAttribute("width", 10), 
+        this.hoverBarLeftIcon.setAttribute("height", height - 2 * Math.ceil(height / 10)), 
+        this.hoverBarRightIcon.setAttribute("x", width - 10), this.hoverBarRightIcon.setAttribute("y", Math.ceil(height / 10)), 
+        this.hoverBarRightIcon.setAttribute("width", 10), this.hoverBarRightIcon.setAttribute("height", height - 2 * Math.ceil(height / 10)));
+    }
+    hideHoverBar() {
+        this.hoverBarGroup.setAttribute("visibleAll", !1);
+    }
+}
+
+exports.TaskBar = TaskBar;
+//# sourceMappingURL=task-bar.js.map

package/cjs/scenegraph/task-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scenegraph/task-bar.ts"],"names":[],"mappings":"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","file":"task-bar.js","sourcesContent":["import { VRender } from '@visactor/vtable';\nimport type { Scenegraph } from './scenegraph';\n// import { Icon } from './icon';\nimport { parseStringTemplate, toBoxArray } from '../tools/util';\nimport { isValid } from '@visactor/vutils';\nimport { getTextPos } from '../gantt-helper';\nimport { GanttTaskBarNode } from './ganttNode';\n\nconst TASKBAR_HOVER_ICON = `<svg width=\"100\" height=\"200\" xmlns=\"http://www.w3.org/2000/svg\">\n  <line x1=\"30\" y1=\"10\" x2=\"30\" y2=\"190\" stroke=\"black\" stroke-width=\"4\"/>\n  <line x1=\"70\" y1=\"10\" x2=\"70\" y2=\"190\" stroke=\"black\" stroke-width=\"4\"/>\n</svg>`;\n\nexport class TaskBar {\n  group: VRender.Group;\n  barContainer: VRender.Group;\n  hoverBarGroup: VRender.Group;\n  hoverBarLeftIcon: VRender.Image;\n  hoverBarRightIcon: VRender.Image;\n  _scene: Scenegraph;\n  width: number;\n  height: number;\n  constructor(scene: Scenegraph) {\n    this._scene = scene;\n    // const height = Math.min(scene._gantt.tableNoFrameHeight, scene._gantt.drawHeight);\n    this.width = scene._gantt.tableNoFrameWidth;\n    this.height = scene._gantt.gridHeight;\n    this.group = new VRender.Group({\n      x: 0,\n      y: scene._gantt.getAllHeaderRowsHeight(),\n      width: this.width,\n      height: this.height,\n      pickable: false,\n      clip: true\n    });\n    this.group.name = 'task-bar-container';\n    scene.tableGroup.addChild(this.group);\n    this.initBars();\n    this.initHoverBarIcons();\n  }\n\n  initBars() {\n    this.barContainer = new VRender.Group({\n      x: 0,\n      y: 0,\n      width: this._scene._gantt.getAllColsWidth(),\n      height: this._scene._gantt.getAllGridHeight(),\n      pickable: false,\n      clip: true\n    });\n    this.group.appendChild(this.barContainer);\n\n    for (let i = 0; i < this._scene._gantt.itemCount; i++) {\n      const barGroup = this.initBar(i);\n      if (barGroup) {\n        this.barContainer.appendChild(barGroup);\n      }\n    }\n  }\n  initBar(index: number) {\n    const taskBarCustomLayout = this._scene._gantt.parsedOptions.taskBarCustomLayout;\n    const { startDate, endDate, taskDays, progress, taskRecord } = this._scene._gantt.getTaskInfoByTaskListIndex(index);\n    if (taskDays <= 0) {\n      return null;\n    }\n    const taskBarSize = this._scene._gantt.parsedOptions.colWidthPerDay * taskDays;\n    const taskbarHeight = this._scene._gantt.parsedOptions.taskBarStyle.width;\n    const minDate = new Date(this._scene._gantt.parsedOptions.minDate);\n    const barGroup = new GanttTaskBarNode({\n      x:\n        this._scene._gantt.parsedOptions.colWidthPerDay *\n        Math.ceil(Math.abs(startDate.getTime() - minDate.getTime()) / (1000 * 60 * 60 * 24)),\n      // y: this._scene._gantt.parsedOptions.rowHeight * i,\n      y:\n        this._scene._gantt.parsedOptions.rowHeight * index +\n        (this._scene._gantt.parsedOptions.rowHeight - taskbarHeight) / 2,\n      width: taskBarSize,\n      // height: this._scene._gantt.parsedOptions.rowHeight,\n      height: taskbarHeight,\n      cornerRadius: this._scene._gantt.parsedOptions.taskBarStyle.cornerRadius,\n      clip: true\n    });\n    barGroup.name = 'task-bar';\n    // this.barContainer.appendChild(barGroup);\n    let rootContainer;\n    let renderDefaultBar = true;\n    let renderDefaultText = true;\n\n    if (taskBarCustomLayout) {\n      let customLayoutObj;\n      if (typeof taskBarCustomLayout === 'function') {\n        const arg = {\n          width: taskBarSize,\n          height: taskbarHeight,\n          index,\n          startDate,\n          endDate,\n          taskDays,\n          progress,\n          taskRecord,\n          ganttInstance: this._scene._gantt\n        };\n        customLayoutObj = taskBarCustomLayout(arg);\n      } else {\n        customLayoutObj = taskBarCustomLayout;\n      }\n      if (customLayoutObj) {\n        // if (customLayoutObj.rootContainer) {\n        //   customLayoutObj.rootContainer = decodeReactDom(customLayoutObj.rootContainer);\n        // }\n        rootContainer = customLayoutObj.rootContainer;\n        renderDefaultBar = customLayoutObj.renderDefaultBar ?? false;\n        renderDefaultText = customLayoutObj.renderDefaultText ?? false;\n        rootContainer.name = 'task-bar-custom-render';\n      }\n    }\n\n    if (renderDefaultBar) {\n      // 创建整个任务条rect\n      const rect = VRender.createRect({\n        x: 0,\n        y: 0, //this._scene._gantt.parsedOptions.rowHeight - taskbarHeight) / 2,\n        width: taskBarSize,\n        height: taskbarHeight,\n        fill: this._scene._gantt.parsedOptions.taskBarStyle.barColor,\n        pickable: false\n      });\n      rect.name = 'task-bar-rect';\n      barGroup.appendChild(rect);\n      barGroup.barRect = rect;\n      // 创建已完成部分任务条rect\n      const progress_rect = VRender.createRect({\n        x: 0,\n        y: 0, //(this._scene._gantt.parsedOptions.rowHeight - taskbarHeight) / 2,\n        width: (taskBarSize * progress) / 100,\n        height: taskbarHeight,\n        fill: this._scene._gantt.parsedOptions.taskBarStyle.completedBarColor,\n        pickable: false\n      });\n      progress_rect.name = 'task-bar-progress-rect';\n      barGroup.appendChild(progress_rect);\n      barGroup.progressRect = progress_rect;\n    }\n\n    rootContainer && barGroup.appendChild(rootContainer);\n    if (renderDefaultText) {\n      const { textAlign, textBaseline, fontSize, fontFamily, textOverflow, color, padding } =\n        this._scene._gantt.parsedOptions.taskBarLabelStyle;\n      const position = getTextPos(toBoxArray(padding), textAlign, textBaseline, taskBarSize, taskbarHeight);\n      //创建label 文字\n      const label = VRender.createText({\n        // visible: false,\n        pickable: false,\n        x: position.x, //extAlign === 'center' ? taskBarSize / 2 : textAlign === 'left' ? 10 : taskBarSize - 10,\n        y: position.y, //fontSize / 2,\n        fontSize: fontSize, // 10\n        fill: color,\n        fontFamily: fontFamily,\n        text: parseStringTemplate(this._scene._gantt.parsedOptions.taskBarLabelText as string, taskRecord),\n        maxLineWidth: taskBarSize - 20,\n        textBaseline,\n        textAlign,\n        ellipsis:\n          textOverflow === 'clip'\n            ? ''\n            : textOverflow === 'ellipsis'\n            ? '...'\n            : isValid(textOverflow)\n            ? textOverflow\n            : undefined\n        // dx: 12 + 4,\n        // dy: this._scene._gantt.barLabelStyle.fontSize / 2\n      });\n      barGroup.appendChild(label);\n      barGroup.textLabel = label;\n    }\n    return barGroup;\n  }\n  updateTaskBarNode(index: number) {\n    const taskbarGroup = this.barContainer.getChildren()?.[index] as GanttTaskBarNode;\n    if (taskbarGroup) {\n      this.barContainer.removeChild(taskbarGroup);\n      const barGroup = this.initBar(index);\n      if (barGroup) {\n        this.barContainer.insertInto(barGroup, index); //TODO\n      }\n    }\n  }\n  initHoverBarIcons() {\n    // const target = this._scene._gantt.stateManager.hoverTaskBar.target;\n\n    // const barGroup = new VRender.Group({\n    //   x: target.attribute.x,\n    //   y: target.attribute.y,\n    //   width: target.attribute.width,\n    //   height: target.attribute.height,\n    //   cornerRadius: target.attribute.cornerRadius,\n    //   clip: true,\n    //   cursor: 'grab'\n    // });\n    const hoverBarGroup = new VRender.Group({\n      x: 0,\n      y: 0,\n      width: 100,\n      height: 100,\n      clip: true,\n      cursor: this._scene._gantt.parsedOptions.taskBarMoveable ? 'grab' : 'default',\n      pickable: false,\n      cornerRadius: this._scene._gantt.parsedOptions.taskBarStyle.cornerRadius,\n      fill: this._scene._gantt.parsedOptions.taskBarHoverColor,\n      visibleAll: false\n    });\n    this.hoverBarGroup = hoverBarGroup;\n    hoverBarGroup.name = 'task-bar-hover-shadow';\n    // this.barContainer.appendChild(hoverBarGroup);\n    // 创建左侧的icon\n    if (this._scene._gantt.parsedOptions.taskBarResizable) {\n      const icon = new VRender.Image({\n        x: 0,\n        y: 0, //this._scene._gantt.parsedOptions.rowHeight - taskbarHeight) / 2,\n        width: 10,\n        height: 20,\n        image: TASKBAR_HOVER_ICON,\n        pickable: true,\n        cursor: 'col-resize'\n      });\n      icon.name = 'task-bar-hover-shadow-left-icon';\n      this.hoverBarLeftIcon = icon;\n      hoverBarGroup.appendChild(icon);\n\n      // 创建右侧的icon\n      const rightIcon = new VRender.Image({\n        x: 0,\n        y: 0, //this._scene._gantt.parsedOptions.rowHeight - taskbarHeight) / 2,\n        width: 10,\n        height: 20,\n        image: TASKBAR_HOVER_ICON,\n        pickable: true,\n        cursor: 'col-resize'\n      });\n      rightIcon.name = 'task-bar-hover-shadow-right-icon';\n      this.hoverBarRightIcon = rightIcon;\n      hoverBarGroup.appendChild(rightIcon);\n    }\n  }\n  setX(x: number) {\n    this.barContainer.setAttribute('x', x);\n  }\n  setY(y: number) {\n    this.barContainer.setAttribute('y', y);\n  }\n  /** 重新创建任务条节点 */\n  refreshItems() {\n    this.height = this._scene._gantt.gridHeight;\n    this.group.setAttribute('height', this.height);\n    this.barContainer.removeAllChild();\n    this.group.removeChild(this.barContainer);\n    this.initBars();\n  }\n  resize() {\n    this.width = this._scene._gantt.tableNoFrameWidth;\n    this.height = this._scene._gantt.gridHeight;\n    this.group.setAttribute('width', this.width);\n    this.group.setAttribute('height', this.height);\n  }\n\n  showHoverBar(x: number, y: number, width: number, height: number, target?: VRender.Group) {\n    if (target && target.name === 'task-bar') {\n      // this.hoverBarGroup.releatedTaskBar = target;\n      target.appendChild(this.hoverBarGroup);\n    }\n    this.hoverBarGroup.setAttribute('x', 0);\n    this.hoverBarGroup.setAttribute('y', 0);\n    this.hoverBarGroup.setAttribute('width', width);\n    this.hoverBarGroup.setAttribute('height', height);\n    this.hoverBarGroup.setAttribute('visibleAll', true);\n    if (this.hoverBarLeftIcon) {\n      this.hoverBarLeftIcon.setAttribute('x', 0);\n      this.hoverBarLeftIcon.setAttribute('y', Math.ceil(height / 10));\n      this.hoverBarLeftIcon.setAttribute('width', 10);\n      this.hoverBarLeftIcon.setAttribute('height', height - 2 * Math.ceil(height / 10));\n      this.hoverBarRightIcon.setAttribute('x', width - 10);\n      this.hoverBarRightIcon.setAttribute('y', Math.ceil(height / 10));\n      this.hoverBarRightIcon.setAttribute('width', 10);\n      this.hoverBarRightIcon.setAttribute('height', height - 2 * Math.ceil(height / 10));\n    }\n  }\n  hideHoverBar() {\n    this.hoverBarGroup.setAttribute('visibleAll', false);\n  }\n}\n"]}

package/cjs/scenegraph/timeline-header.d.ts

@@ -0,0 +1,10 @@
+import type { Scenegraph } from './scenegraph';
+import { VRender } from '@visactor/vtable';
+export declare class TimelineHeader {
+    group: VRender.Group;
+    _scene: Scenegraph;
+    constructor(scene: Scenegraph);
+    setX(x: number): void;
+    setY(y: number): void;
+    resize(): void;
+}

package/cjs/scenegraph/timeline-header.js

@@ -0,0 +1,134 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.TimelineHeader = void 0;
+
+const vutils_1 = require("@visactor/vutils"), gantt_helper_1 = require("../gantt-helper"), util_1 = require("../tools/util"), vtable_1 = require("@visactor/vtable");
+
+class TimelineHeader {
+    constructor(scene) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        this._scene = scene;
+        const dateHeader = new vtable_1.VRender.Group({
+            x: 0,
+            y: 0,
+            width: scene._gantt.getAllColsWidth(),
+            height: scene._gantt.getAllHeaderRowsHeight(),
+            clip: !0,
+            pickable: !1
+        });
+        this.group = dateHeader, dateHeader.name = "date-header-container", scene.tableGroup.addChild(this.group);
+        let y = 0;
+        for (let i = 0; i < scene._gantt.headerLevel; i++) {
+            const rowHeader = new vtable_1.VRender.Group({
+                x: 0,
+                y: y,
+                width: scene._gantt.getAllColsWidth(),
+                height: Array.isArray(scene._gantt.parsedOptions.headerRowHeight) ? scene._gantt.parsedOptions.headerRowHeight[i] : scene._gantt.parsedOptions.headerRowHeight,
+                clip: !1
+            });
+            y += rowHeader.attribute.height, rowHeader.name = "row-header", dateHeader.addChild(rowHeader);
+            const {unit: unit, timelineDates: timelineDates, customLayout: customLayout} = scene._gantt.sortedTimelineScales[i];
+            let x = 0;
+            for (let j = 0; j < timelineDates.length; j++) {
+                const {days: days, endDate: endDate, startDate: startDate, title: title, dateIndex: dateIndex} = timelineDates[j], date = new vtable_1.VRender.Group({
+                    x: x,
+                    y: 0,
+                    width: scene._gantt.parsedOptions.colWidthPerDay * days,
+                    height: rowHeader.attribute.height,
+                    clip: !1,
+                    fill: scene._gantt.parsedOptions.timelineHeaderBackgroundColor
+                });
+                let rootContainer;
+                date.name = "date-cell";
+                let renderDefaultText = !0;
+                const width = scene._gantt.parsedOptions.colWidthPerDay * timelineDates[j].days, height = rowHeader.attribute.height;
+                if (customLayout) {
+                    let customLayoutObj;
+                    if ("function" == typeof customLayout) {
+                        customLayoutObj = customLayout({
+                            width: width,
+                            height: height,
+                            index: j,
+                            startDate: startDate,
+                            endDate: endDate,
+                            days: days,
+                            dateIndex: dateIndex,
+                            title: title,
+                            ganttInstance: this._scene._gantt
+                        });
+                    } else customLayoutObj = customLayout;
+                    customLayoutObj && (rootContainer = customLayoutObj.rootContainer, renderDefaultText = null !== (_a = customLayoutObj.renderDefaultText) && void 0 !== _a && _a, 
+                    rootContainer.name = "task-bar-custom-render"), rootContainer && date.appendChild(rootContainer);
+                }
+                if (renderDefaultText) {
+                    const {padding: padding, textAlign: textAlign, textBaseline: textBaseline, textOverflow: textOverflow, fontSize: fontSize, fontWeight: fontWeight, color: color, strokeColor: strokeColor} = scene._gantt.parsedOptions.timelineHeaderStyles[i], position = (0, 
+                    gantt_helper_1.getTextPos)((0, util_1.toBoxArray)(padding), textAlign, textBaseline, width, height), text = new vtable_1.VRender.Text({
+                        x: position.x,
+                        y: position.y,
+                        maxLineWidth: width,
+                        heightLimit: height,
+                        pickable: !0,
+                        text: title.toLocaleString(),
+                        fontSize: fontSize,
+                        fontWeight: fontWeight,
+                        fill: color,
+                        stroke: strokeColor,
+                        lineWidth: 2,
+                        textAlign: textAlign,
+                        textBaseline: textBaseline,
+                        ellipsis: "clip" === textOverflow ? "" : "ellipsis" === textOverflow ? "..." : (0, 
+                        vutils_1.isValid)(textOverflow) ? textOverflow : void 0
+                    });
+                    date.appendChild(text);
+                }
+                if (rowHeader.addChild(date), j > 0) {
+                    const line = vtable_1.VRender.createLine({
+                        pickable: !1,
+                        stroke: null === (_b = scene._gantt.parsedOptions.timelineHeaderVerticalLineStyle) || void 0 === _b ? void 0 : _b.lineColor,
+                        lineWidth: null === (_c = scene._gantt.parsedOptions.timelineHeaderVerticalLineStyle) || void 0 === _c ? void 0 : _c.lineWidth,
+                        points: [ {
+                            x: 1 & (null === (_d = scene._gantt.parsedOptions.timelineHeaderVerticalLineStyle) || void 0 === _d ? void 0 : _d.lineWidth) ? .5 : 0,
+                            y: 0
+                        }, {
+                            x: 1 & (null === (_e = scene._gantt.parsedOptions.timelineHeaderVerticalLineStyle) || void 0 === _e ? void 0 : _e.lineWidth) ? .5 : 0,
+                            y: rowHeader.attribute.height
+                        } ]
+                    });
+                    date.appendChild(line);
+                }
+                x += width;
+            }
+            if (i > 0) {
+                const line = vtable_1.VRender.createLine({
+                    pickable: !1,
+                    stroke: null === (_f = scene._gantt.parsedOptions.timelineHeaderHorizontalLineStyle) || void 0 === _f ? void 0 : _f.lineColor,
+                    lineWidth: null === (_g = scene._gantt.parsedOptions.timelineHeaderHorizontalLineStyle) || void 0 === _g ? void 0 : _g.lineWidth,
+                    points: [ {
+                        x: 0,
+                        y: 1 & (null === (_h = scene._gantt.parsedOptions.timelineHeaderHorizontalLineStyle) || void 0 === _h ? void 0 : _h.lineWidth) ? .5 : 0
+                    }, {
+                        x: scene._gantt.getAllColsWidth(),
+                        y: 1 & (null === (_j = scene._gantt.parsedOptions.timelineHeaderHorizontalLineStyle) || void 0 === _j ? void 0 : _j.lineWidth) ? .5 : 0
+                    } ]
+                });
+                rowHeader.addChild(line);
+            }
+        }
+    }
+    setX(x) {
+        this.group.setAttribute("x", x);
+    }
+    setY(y) {
+        this.group.setAttribute("y", y);
+    }
+    resize() {
+        var _a, _b, _c, _d;
+        this.group.setAttribute("width", null !== (_b = null === (_a = this.group.attribute) || void 0 === _a ? void 0 : _a.width) && void 0 !== _b ? _b : 0), 
+        this.group.setAttribute("height", null !== (_d = null === (_c = this.group.attribute) || void 0 === _c ? void 0 : _c.height) && void 0 !== _d ? _d : 0);
+    }
+}
+
+exports.TimelineHeader = TimelineHeader;
+//# sourceMappingURL=timeline-header.js.map

package/cjs/scenegraph/timeline-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scenegraph/timeline-header.ts"],"names":[],"mappings":";;;AAAA,6CAA2C;AAC3C,kDAA6C;AAC7C,wCAA2C;AAE3C,6CAA2C;AAC3C,MAAa,cAAc;IAGzB,YAAY,KAAiB;;QAC3B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,MAAM,UAAU,GAAG,IAAI,gBAAO,CAAC,KAAK,CAAC;YACnC,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE;YACrC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,sBAAsB,EAAE;YAC7C,IAAI,EAAE,IAAI;YACV,QAAQ,EAAE,KAAK;SAIhB,CAAC,CAAC;QACH,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC;QACxB,UAAU,CAAC,IAAI,GAAG,uBAAuB,CAAC;QAC1C,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEtC,IAAI,CAAC,GAAG,CAAC,CAAC;QACV,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,EAAE,EAAE;YACjD,MAAM,SAAS,GAAG,IAAI,gBAAO,CAAC,KAAK,CAAC;gBAClC,CAAC,EAAE,CAAC;gBACJ,CAAC;gBACD,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE;gBACrC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,eAAe,CAAC;oBAC/D,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC;oBAC/C,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,eAAe;gBAC9C,IAAI,EAAE,KAAK;aACZ,CAAC,CAAC;YACH,CAAC,IAAI,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC;YAChC,SAAS,CAAC,IAAI,GAAG,YAAY,CAAC;YAC9B,UAAU,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YAE/B,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;YACnF,IAAI,CAAC,GAAG,CAAC,CAAC;YACV,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC7C,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;gBACxE,MAAM,IAAI,GAAG,IAAI,gBAAO,CAAC,KAAK,CAAC;oBAC7B,CAAC;oBACD,CAAC,EAAE,CAAC;oBACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,cAAc,GAAG,IAAI;oBACvD,MAAM,EAAE,SAAS,CAAC,SAAS,CAAC,MAAM;oBAClC,IAAI,EAAE,KAAK;oBACX,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,6BAA6B;iBAC/D,CAAC,CAAC;gBACH,IAAI,CAAC,IAAI,GAAG,WAAW,CAAC;gBASxB,IAAI,aAAa,CAAC;gBAClB,IAAI,iBAAiB,GAAG,IAAI,CAAC;gBAC7B,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,cAAc,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;gBAChF,MAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC;gBAC1C,IAAI,YAAY,EAAE;oBAChB,IAAI,eAAe,CAAC;oBACpB,IAAI,OAAO,YAAY,KAAK,UAAU,EAAE;wBACtC,MAAM,GAAG,GAAG;4BACV,KAAK;4BACL,MAAM;4BACN,KAAK,EAAE,CAAC;4BACR,SAAS;4BACT,OAAO;4BACP,IAAI;4BACJ,SAAS;4BACT,KAAK;4BACL,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM;yBAClC,CAAC;wBACF,eAAe,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;qBACrC;yBAAM;wBACL,eAAe,GAAG,YAAY,CAAC;qBAChC;oBACD,IAAI,eAAe,EAAE;wBAInB,aAAa,GAAG,eAAe,CAAC,aAAa,CAAC;wBAC9C,iBAAiB,GAAG,MAAA,eAAe,CAAC,iBAAiB,mCAAI,KAAK,CAAC;wBAC/D,aAAa,CAAC,IAAI,GAAG,wBAAwB,CAAC;qBAC/C;oBACD,aAAa,IAAI,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;iBAClD;gBACD,IAAI,iBAAiB,EAAE;oBACrB,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,GAChG,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;oBAErD,MAAM,QAAQ,GAAG,IAAA,yBAAU,EAAC,IAAA,iBAAU,EAAC,OAAO,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;oBACzF,MAAM,IAAI,GAAG,IAAI,gBAAO,CAAC,IAAI,CAAC;wBAC5B,CAAC,EAAE,QAAQ,CAAC,CAAC;wBACb,CAAC,EAAE,QAAQ,CAAC,CAAC;wBACb,YAAY,EAAE,KAAK;wBAEnB,WAAW,EAAE,MAAM;wBAEnB,QAAQ,EAAE,IAAI;wBACd,IAAI,EAAE,KAAK,CAAC,cAAc,EAAE;wBAC5B,QAAQ,EAAE,QAAQ;wBAElB,UAAU,EAAE,UAAU;wBACtB,IAAI,EAAE,KAAK;wBACX,MAAM,EAAE,WAAW;wBACnB,SAAS,EAAE,CAAC;wBACZ,SAAS;wBACT,YAAY;wBACZ,QAAQ,EACN,YAAY,KAAK,MAAM;4BACrB,CAAC,CAAC,EAAE;4BACJ,CAAC,CAAC,YAAY,KAAK,UAAU;gCAC7B,CAAC,CAAC,KAAK;gCACP,CAAC,CAAC,IAAA,gBAAO,EAAC,YAAY,CAAC;oCACvB,CAAC,CAAC,YAAY;oCACd,CAAC,CAAC,SAAS;qBAChB,CAAC,CAAC;oBACH,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;iBACxB;gBACD,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;gBAEzB,IAAI,CAAC,GAAG,CAAC,EAAE;oBACT,MAAM,IAAI,GAAG,gBAAO,CAAC,UAAU,CAAC;wBAC9B,QAAQ,EAAE,KAAK;wBACf,MAAM,EAAE,MAAA,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,+BAA+B,0CAAE,SAAS;wBAC7E,SAAS,EAAE,MAAA,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,+BAA+B,0CAAE,SAAS;wBAChF,MAAM,EAAE;4BACN,EAAE,CAAC,EAAE,CAAA,MAAA,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,+BAA+B,0CAAE,SAAS,IAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;4BAChG;gCACE,CAAC,EAAE,CAAA,MAAA,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,+BAA+B,0CAAE,SAAS,IAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gCACtF,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,MAAM;6BAC9B;yBACF;qBACF,CAAC,CAAC;oBACH,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;iBACxB;gBACD,CAAC,IAAI,KAAK,CAAC;aACZ;YAED,IAAI,CAAC,GAAG,CAAC,EAAE;gBACT,MAAM,IAAI,GAAG,gBAAO,CAAC,UAAU,CAAC;oBAC9B,QAAQ,EAAE,KAAK;oBACf,MAAM,EAAE,MAAA,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,iCAAiC,0CAAE,SAAS;oBAC/E,SAAS,EAAE,MAAA,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,iCAAiC,0CAAE,SAAS;oBAClF,MAAM,EAAE;wBACN,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA,MAAA,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,iCAAiC,0CAAE,SAAS,IAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE;wBAClG;4BACE,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE;4BACjC,CAAC,EAAE,CAAA,MAAA,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,iCAAiC,0CAAE,SAAS,IAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;yBACzF;qBACF;iBACF,CAAC,CAAC;gBACH,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;aAC1B;SACF;IACH,CAAC;IACD,IAAI,CAAC,CAAS;QACZ,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IAClC,CAAC;IACD,IAAI,CAAC,CAAS;QACZ,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IAClC,CAAC;IACD,MAAM;;QACJ,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,KAAK,mCAAI,CAAC,CAAC,CAAC;QACnE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,MAAM,mCAAI,CAAC,CAAC,CAAC;IACvE,CAAC;CACF;AAxKD,wCAwKC","file":"timeline-header.js","sourcesContent":["import { isValid } from '@visactor/vutils';\nimport { getTextPos } from '../gantt-helper';\nimport { toBoxArray } from '../tools/util';\nimport type { Scenegraph } from './scenegraph';\nimport { VRender } from '@visactor/vtable';\nexport class TimelineHeader {\n  group: VRender.Group;\n  _scene: Scenegraph;\n  constructor(scene: Scenegraph) {\n    this._scene = scene;\n    const dateHeader = new VRender.Group({\n      x: 0,\n      y: 0,\n      width: scene._gantt.getAllColsWidth(), //width - 2,\n      height: scene._gantt.getAllHeaderRowsHeight(),\n      clip: true,\n      pickable: false\n      // fill: 'purple',\n      // stroke: 'green',\n      // lineWidth: 2\n    });\n    this.group = dateHeader;\n    dateHeader.name = 'date-header-container';\n    scene.tableGroup.addChild(this.group);\n\n    let y = 0;\n    for (let i = 0; i < scene._gantt.headerLevel; i++) {\n      const rowHeader = new VRender.Group({\n        x: 0,\n        y,\n        width: scene._gantt.getAllColsWidth(),\n        height: Array.isArray(scene._gantt.parsedOptions.headerRowHeight)\n          ? scene._gantt.parsedOptions.headerRowHeight[i]\n          : scene._gantt.parsedOptions.headerRowHeight,\n        clip: false\n      });\n      y += rowHeader.attribute.height;\n      rowHeader.name = 'row-header';\n      dateHeader.addChild(rowHeader);\n\n      const { unit, timelineDates, customLayout } = scene._gantt.sortedTimelineScales[i];\n      let x = 0;\n      for (let j = 0; j < timelineDates.length; j++) {\n        const { days, endDate, startDate, title, dateIndex } = timelineDates[j];\n        const date = new VRender.Group({\n          x,\n          y: 0,\n          width: scene._gantt.parsedOptions.colWidthPerDay * days,\n          height: rowHeader.attribute.height,\n          clip: false,\n          fill: scene._gantt.parsedOptions.timelineHeaderBackgroundColor\n        });\n        date.name = 'date-cell';\n        // const rect = createRect({\n        //   x: 0,\n        //   y: 0,\n        //   width: scene._gantt.parsedOptions.colWidthPerDay * timelineDates[j].days,\n        //   height: scene._gantt.parsedOptions.headerRowHeight,\n        //   fill: scene._gantt.parsedOptions.timelineHeaderStyle?.backgroundColor\n        // });\n        // date.appendChild(rect);\n        let rootContainer;\n        let renderDefaultText = true;\n        const width = scene._gantt.parsedOptions.colWidthPerDay * timelineDates[j].days;\n        const height = rowHeader.attribute.height;\n        if (customLayout) {\n          let customLayoutObj;\n          if (typeof customLayout === 'function') {\n            const arg = {\n              width,\n              height,\n              index: j,\n              startDate,\n              endDate,\n              days,\n              dateIndex,\n              title,\n              ganttInstance: this._scene._gantt\n            };\n            customLayoutObj = customLayout(arg);\n          } else {\n            customLayoutObj = customLayout;\n          }\n          if (customLayoutObj) {\n            // if (customLayoutObj.rootContainer) {\n            //   customLayoutObj.rootContainer = decodeReactDom(customLayoutObj.rootContainer);\n            // }\n            rootContainer = customLayoutObj.rootContainer;\n            renderDefaultText = customLayoutObj.renderDefaultText ?? false;\n            rootContainer.name = 'task-bar-custom-render';\n          }\n          rootContainer && date.appendChild(rootContainer);\n        }\n        if (renderDefaultText) {\n          const { padding, textAlign, textBaseline, textOverflow, fontSize, fontWeight, color, strokeColor } =\n            scene._gantt.parsedOptions.timelineHeaderStyles[i];\n\n          const position = getTextPos(toBoxArray(padding), textAlign, textBaseline, width, height);\n          const text = new VRender.Text({\n            x: position.x,\n            y: position.y,\n            maxLineWidth: width,\n            // width: scene._gantt.parsedOptions.colWidthPerDay * timelineDates[j].days,\n            heightLimit: height,\n            // clip: true,\n            pickable: true,\n            text: title.toLocaleString(),\n            fontSize: fontSize,\n\n            fontWeight: fontWeight,\n            fill: color,\n            stroke: strokeColor,\n            lineWidth: 2,\n            textAlign,\n            textBaseline,\n            ellipsis:\n              textOverflow === 'clip'\n                ? ''\n                : textOverflow === 'ellipsis'\n                ? '...'\n                : isValid(textOverflow)\n                ? textOverflow\n                : undefined\n          });\n          date.appendChild(text);\n        }\n        rowHeader.addChild(date);\n\n        if (j > 0) {\n          const line = VRender.createLine({\n            pickable: false,\n            stroke: scene._gantt.parsedOptions.timelineHeaderVerticalLineStyle?.lineColor,\n            lineWidth: scene._gantt.parsedOptions.timelineHeaderVerticalLineStyle?.lineWidth,\n            points: [\n              { x: scene._gantt.parsedOptions.timelineHeaderVerticalLineStyle?.lineWidth & 1 ? 0.5 : 0, y: 0 },\n              {\n                x: scene._gantt.parsedOptions.timelineHeaderVerticalLineStyle?.lineWidth & 1 ? 0.5 : 0,\n                y: rowHeader.attribute.height\n              }\n            ]\n          });\n          date.appendChild(line);\n        }\n        x += width;\n      }\n      //创建表头分割线 水平分割线 TODO\n      if (i > 0) {\n        const line = VRender.createLine({\n          pickable: false,\n          stroke: scene._gantt.parsedOptions.timelineHeaderHorizontalLineStyle?.lineColor,\n          lineWidth: scene._gantt.parsedOptions.timelineHeaderHorizontalLineStyle?.lineWidth,\n          points: [\n            { x: 0, y: scene._gantt.parsedOptions.timelineHeaderHorizontalLineStyle?.lineWidth & 1 ? 0.5 : 0 },\n            {\n              x: scene._gantt.getAllColsWidth(),\n              y: scene._gantt.parsedOptions.timelineHeaderHorizontalLineStyle?.lineWidth & 1 ? 0.5 : 0\n            }\n          ]\n        });\n        rowHeader.addChild(line);\n      }\n    }\n  }\n  setX(x: number) {\n    this.group.setAttribute('x', x);\n  }\n  setY(y: number) {\n    this.group.setAttribute('y', y);\n  }\n  resize() {\n    this.group.setAttribute('width', this.group.attribute?.width ?? 0);\n    this.group.setAttribute('height', this.group.attribute?.height ?? 0);\n  }\n}\n"]}

package/cjs/state/gantt-table-sync.d.ts

@@ -0,0 +1,7 @@
+import type { Gantt } from '../Gantt';
+export declare function syncScrollStateToTable(gantt: Gantt): void;
+export declare function syncScrollStateFromTable(gantt: Gantt): void;
+export declare function syncResizeStateFromTable(gantt: Gantt): void;
+export declare function syncEditCellFromTable(gantt: Gantt): void;
+export declare function syncDragOrderFromTable(gantt: Gantt): void;
+export declare function syncTreeChangeFromTable(gantt: Gantt): void;