@wimi/vtable-gantt 1.0.0

package/es/scenegraph/grid.js

@@ -0,0 +1,306 @@
+import { Group, createLine, createRect } from "@visactor/vtable/es/vrender";
+
+import { computeCountToTimeScale } from "../tools/util";
+
+export class Grid {
+    constructor(scene) {
+        var _a;
+        this._scene = scene, this.scrollLeft = 0, this.scrollTop = 0, this.x = 0, this.y = scene._gantt.getAllHeaderRowsHeight(), 
+        this.width = scene.ganttGroup.attribute.width, this.height = scene.ganttGroup.attribute.height - scene.timelineHeader.group.attribute.height, 
+        this.rowHeight = scene._gantt.parsedOptions.rowHeight, this.rowCount = scene._gantt.itemCount, 
+        this.allGridWidth = scene._gantt.getAllDateColsWidth(), this.allGridHeight = scene._gantt.getAllTaskBarsHeight(), 
+        this.group = new Group({
+            x: this.x,
+            y: this.y,
+            width: this.width,
+            height: this.height,
+            clip: !0,
+            fill: null === (_a = scene._gantt.parsedOptions.grid) || void 0 === _a ? void 0 : _a.backgroundColor
+        }), this.group.name = "grid-container", scene.ganttGroup.addChild(this.group), this.createHorizontalBackgroundRects(), 
+        this.createCellBackgroundRects(), this.createVerticalLines(), this.createHorizontalLines(), 
+        this.createTimeLineHeaderBottomLine();
+    }
+    createTimeLineHeaderBottomLine() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const options = this._scene._gantt.parsedOptions, horizontalSplitLineWidth = null !== (_b = null === (_a = options.horizontalSplitLine) || void 0 === _a ? void 0 : _a.lineWidth) && void 0 !== _b ? _b : null === (_c = options.timelineHeaderHorizontalLineStyle) || void 0 === _c ? void 0 : _c.lineWidth, bottomLineY = (1 & horizontalSplitLineWidth ? -.5 : 0) + horizontalSplitLineWidth / 2, line = createLine({
+            pickable: !1,
+            stroke: null !== (_e = null === (_d = options.horizontalSplitLine) || void 0 === _d ? void 0 : _d.lineColor) && void 0 !== _e ? _e : null === (_f = options.timelineHeaderHorizontalLineStyle) || void 0 === _f ? void 0 : _f.lineColor,
+            lineWidth: horizontalSplitLineWidth + (1 & horizontalSplitLineWidth ? 1 : 0),
+            lineDash: null !== (_h = null === (_g = options.horizontalSplitLine) || void 0 === _g ? void 0 : _g.lineDash) && void 0 !== _h ? _h : null === (_j = options.timelineHeaderHorizontalLineStyle) || void 0 === _j ? void 0 : _j.lineDash,
+            points: [ {
+                x: 0,
+                y: bottomLineY
+            }, {
+                x: this._scene._gantt.getAllDateColsWidth(),
+                y: bottomLineY
+            } ]
+        });
+        line.name = "timeLine-header-bottom-line", this.group.addChild(line);
+    }
+    createVerticalLines() {
+        var _a, _b;
+        const gridStyle = this._scene._gantt.parsedOptions.grid, verticalLineDependenceOnTimeScale = null !== (_a = gridStyle.verticalLineDependenceOnTimeScale) && void 0 !== _a ? _a : this._scene._gantt.parsedOptions.reverseSortedTimelineScales[0].unit;
+        if (gridStyle.verticalLine) {
+            this.verticalLineGroup = new Group({
+                x: 0,
+                y: 0,
+                width: this.allGridWidth,
+                height: this.allGridHeight
+            }), this.verticalLineGroup.name = "grid-vertical", this.group.appendChild(this.verticalLineGroup);
+            const dependenceOnTimeScale = null !== (_b = this._scene._gantt.parsedOptions.reverseSortedTimelineScales.find((scale => scale.unit === verticalLineDependenceOnTimeScale))) && void 0 !== _b ? _b : this._scene._gantt.parsedOptions.reverseSortedTimelineScales[0], {unit: minUnit, step: step} = this._scene._gantt.parsedOptions.reverseSortedTimelineScales[0], {timelineDates: timelineDates} = dependenceOnTimeScale, timelineColWidth = this._scene._gantt.parsedOptions.timelineColWidth;
+            if ("function" == typeof gridStyle.verticalLine) for (let i = 0; i < (null == timelineDates ? void 0 : timelineDates.length) - 1; i++) {
+                const {endDate: endDate} = timelineDates[i], verticalLine_style = gridStyle.verticalLine({
+                    index: i,
+                    dateIndex: timelineDates[i].dateIndex,
+                    date: timelineDates[i].endDate,
+                    ganttInstance: this._scene._gantt
+                }), x = Math.ceil(computeCountToTimeScale(endDate, this._scene._gantt.parsedOptions.minDate, minUnit, step, 1) * timelineColWidth) + (1 & verticalLine_style.lineWidth ? .5 : 0), line = createLine({
+                    pickable: !1,
+                    stroke: verticalLine_style.lineColor,
+                    lineWidth: verticalLine_style.lineWidth,
+                    lineDash: verticalLine_style.lineDash,
+                    points: [ {
+                        x: x,
+                        y: 0
+                    }, {
+                        x: x,
+                        y: this.allGridHeight
+                    } ]
+                });
+                this.verticalLineGroup.appendChild(line);
+            } else {
+                const verticalLine_style = gridStyle.verticalLine;
+                for (let i = 0; i < (null == timelineDates ? void 0 : timelineDates.length) - 1; i++) {
+                    const {endDate: endDate} = timelineDates[i], x = Math.ceil(computeCountToTimeScale(endDate, this._scene._gantt.parsedOptions.minDate, minUnit, step, 1) * timelineColWidth) + (1 & verticalLine_style.lineWidth ? .5 : 0), line = createLine({
+                        pickable: !1,
+                        stroke: verticalLine_style.lineColor,
+                        lineWidth: verticalLine_style.lineWidth,
+                        lineDash: verticalLine_style.lineDash,
+                        points: [ {
+                            x: x,
+                            y: 0
+                        }, {
+                            x: x,
+                            y: this.allGridHeight
+                        } ]
+                    });
+                    this.verticalLineGroup.appendChild(line);
+                }
+            }
+        }
+    }
+    createHorizontalLines() {
+        const gridStyle = this._scene._gantt.parsedOptions.grid;
+        if (gridStyle.horizontalLine) if (this.horizontalLineGroup = new Group({
+            x: 0,
+            y: 0,
+            width: this.allGridWidth,
+            height: this.allGridHeight
+        }), this.horizontalLineGroup.name = "grid-horizontal", this.group.appendChild(this.horizontalLineGroup), 
+        "function" == typeof gridStyle.horizontalLine) {
+            let y = .5;
+            for (let i = 0; i < this.rowCount - 1; i++) {
+                const horizontalLine_style = gridStyle.horizontalLine({
+                    index: i,
+                    ganttInstance: this._scene._gantt
+                });
+                y += this._scene._gantt.getRowHeightByIndex(i);
+                const line = createLine({
+                    pickable: !1,
+                    stroke: horizontalLine_style.lineColor,
+                    lineWidth: horizontalLine_style.lineWidth,
+                    lineDash: horizontalLine_style.lineDash,
+                    points: [ {
+                        x: 0,
+                        y: y
+                    }, {
+                        x: this.allGridWidth,
+                        y: y
+                    } ]
+                });
+                this.horizontalLineGroup.appendChild(line);
+            }
+        } else {
+            const horizontalLine_style = gridStyle.horizontalLine;
+            let y = 0;
+            1 & horizontalLine_style.lineWidth && (y += .5);
+            for (let i = 0; i < this.rowCount - 1; i++) {
+                y += this._scene._gantt.getRowHeightByIndex(i);
+                const line = createLine({
+                    pickable: !1,
+                    stroke: horizontalLine_style.lineColor,
+                    lineWidth: horizontalLine_style.lineWidth,
+                    lineDash: horizontalLine_style.lineDash,
+                    points: [ {
+                        x: 0,
+                        y: y
+                    }, {
+                        x: this.allGridWidth,
+                        y: y
+                    } ]
+                });
+                this.horizontalLineGroup.appendChild(line);
+            }
+        }
+    }
+    createVerticalBackgroundRects() {
+        const verticalBackgroundColor = this._scene._gantt.parsedOptions.grid.verticalBackgroundColor, weekendBackgroundColor = this._scene._gantt.parsedOptions.grid.weekendBackgroundColor;
+        if (verticalBackgroundColor || weekendBackgroundColor) {
+            this.verticalBackgroundRectsGroup = new Group({
+                x: 0,
+                y: 0,
+                width: this.allGridWidth,
+                height: this.allGridHeight
+            }), this.verticalBackgroundRectsGroup.name = "grid-vertical-background", this.group.appendChild(this.verticalBackgroundRectsGroup);
+            const {timelineDates: timelineDates, unit: unit, step: step} = this._scene._gantt.parsedOptions.reverseSortedTimelineScales[0], timelineColWidth = this._scene._gantt.parsedOptions.timelineColWidth;
+            if (verticalBackgroundColor || weekendBackgroundColor) for (let i = 0; i <= (null == timelineDates ? void 0 : timelineDates.length) - 1; i++) {
+                let backgroundColor;
+                if (!weekendBackgroundColor || "day" !== unit || 1 !== step || 0 !== timelineDates[i].startDate.getDay() && 6 !== timelineDates[i].startDate.getDay() ? "function" == typeof verticalBackgroundColor ? backgroundColor = verticalBackgroundColor({
+                    index: i,
+                    dateIndex: timelineDates[i].dateIndex,
+                    date: timelineDates[i].endDate,
+                    ganttInstance: this._scene._gantt
+                }) : verticalBackgroundColor && (backgroundColor = verticalBackgroundColor[i % verticalBackgroundColor.length]) : backgroundColor = weekendBackgroundColor, 
+                backgroundColor) {
+                    const x = Math.ceil(timelineColWidth * i), rect = createRect({
+                        pickable: !1,
+                        fill: backgroundColor,
+                        x: x,
+                        y: 0,
+                        width: timelineColWidth,
+                        height: this.allGridHeight
+                    });
+                    this.verticalBackgroundRectsGroup.appendChild(rect);
+                }
+            }
+        }
+    }
+    createHorizontalBackgroundRects() {
+        const horizontalBackgroundColor = this._scene._gantt.parsedOptions.grid.horizontalBackgroundColor;
+        if (horizontalBackgroundColor) {
+            this.horizontalBackgroundRectsGroup = new Group({
+                x: 0,
+                y: 0,
+                width: this.allGridWidth,
+                height: this.allGridHeight
+            }), this.horizontalBackgroundRectsGroup.name = "grid-horizontal-background", this.group.appendChild(this.horizontalBackgroundRectsGroup);
+            let y = 0;
+            for (let i = 0; i <= this.rowCount - 1; i++) {
+                let backgroundColor;
+                backgroundColor = "function" == typeof horizontalBackgroundColor ? horizontalBackgroundColor({
+                    index: i,
+                    ganttInstance: this._scene._gantt
+                }) : horizontalBackgroundColor[i % horizontalBackgroundColor.length];
+                const rect = createRect({
+                    pickable: !1,
+                    fill: backgroundColor,
+                    x: 0,
+                    y: y,
+                    width: this.allGridWidth,
+                    height: this._scene._gantt.getRowHeightByIndex(i)
+                });
+                this.horizontalBackgroundRectsGroup.appendChild(rect), y += this._scene._gantt.getRowHeightByIndex(i);
+            }
+        }
+    }
+    createCellBackgroundRects() {
+        var _a, _b, _c;
+        const cellBackgroundColor = this._scene._gantt.parsedOptions.grid.cellBackgroundColor;
+        if (!cellBackgroundColor) return;
+        const bgGroup = new Group({
+            x: 0,
+            y: 0,
+            width: this.allGridWidth,
+            height: this.allGridHeight
+        });
+        bgGroup.name = "grid-cell-background", this.cellBackgroundRectsGroup = bgGroup, 
+        this.group.appendChild(bgGroup);
+        const rowCount = this.rowCount, scale = this._scene._gantt.parsedOptions.reverseSortedTimelineScales[0], timelineDates = null !== (_a = null == scale ? void 0 : scale.timelineDates) && void 0 !== _a ? _a : [], colCount = timelineDates.length, timelineColWidth = this._scene._gantt.parsedOptions.timelineColWidth;
+        let y = 0;
+        for (let r = 0; r < rowCount; r++) {
+            const rowHeight = this._scene._gantt.getRowHeightByIndex(r);
+            let x = 0;
+            for (let c = 0; c < colCount; c++) {
+                const cellStart = null === (_b = timelineDates[c]) || void 0 === _b ? void 0 : _b.startDate, cellEnd = null === (_c = timelineDates[c]) || void 0 === _c ? void 0 : _c.endDate;
+                if (!cellStart || !cellEnd) {
+                    x += timelineColWidth;
+                    continue;
+                }
+                const result = "function" == typeof cellBackgroundColor ? cellBackgroundColor({
+                    rowIndex: r,
+                    colIndex: c,
+                    date: cellStart,
+                    ganttInstance: this._scene._gantt
+                }) : cellBackgroundColor[(r + c) % cellBackgroundColor.length];
+                if (!result) {
+                    x += timelineColWidth;
+                    continue;
+                }
+                const resultArray = Array.isArray(result) ? result : [ result ];
+                if (1 === resultArray.length && "string" == typeof resultArray[0]) {
+                    const rect = createRect({
+                        pickable: !1,
+                        fill: resultArray[0],
+                        x: x,
+                        y: y,
+                        width: timelineColWidth,
+                        height: rowHeight
+                    });
+                    bgGroup.appendChild(rect), x += timelineColWidth;
+                    continue;
+                }
+                const cs = cellStart.getTime(), ce = cellEnd.getTime(), total = ce - cs;
+                for (const seg of resultArray) {
+                    if (!seg) continue;
+                    const {startTime: startTime, endTime: endTime, color: color} = seg;
+                    if (!startTime || !endTime || !color) continue;
+                    const ss = startTime.getTime(), se = endTime.getTime();
+                    if (se <= cs || ss >= ce) continue;
+                    const startOffset = (Math.max(ss, cs) - cs) / total, pixelStartX = x + startOffset * timelineColWidth, endOffset = (Math.min(se, ce) - cs) / total, rect = createRect({
+                        pickable: !1,
+                        fill: color,
+                        x: pixelStartX,
+                        y: y,
+                        width: (endOffset - startOffset) * timelineColWidth,
+                        height: rowHeight
+                    });
+                    bgGroup.appendChild(rect);
+                }
+                x += timelineColWidth;
+            }
+            y += rowHeight;
+        }
+    }
+    refresh() {
+        this.width = this._scene.ganttGroup.attribute.width, this.height = this._scene.ganttGroup.attribute.height - this._scene.timelineHeader.group.attribute.height, 
+        this.group.setAttributes({
+            width: this.width,
+            height: this.height,
+            y: this._scene._gantt.getAllHeaderRowsHeight()
+        }), this.rowCount = this._scene._gantt.itemCount, this.allGridWidth = this._scene._gantt.getAllDateColsWidth(), 
+        this.allGridHeight = this._scene._gantt.getAllTaskBarsHeight(), this.group.removeAllChild(), 
+        this.createVerticalBackgroundRects(), this.createHorizontalBackgroundRects(), this.createVerticalLines(), 
+        this.createHorizontalLines(), this.createTimeLineHeaderBottomLine();
+    }
+    setX(x) {
+        var _a, _b, _c, _d, _e;
+        null === (_a = this.verticalLineGroup) || void 0 === _a || _a.setAttribute("x", x), 
+        null === (_b = this.horizontalLineGroup) || void 0 === _b || _b.setAttribute("x", x), 
+        null === (_c = this.verticalBackgroundRectsGroup) || void 0 === _c || _c.setAttribute("x", x), 
+        null === (_d = this.horizontalBackgroundRectsGroup) || void 0 === _d || _d.setAttribute("x", x), 
+        null === (_e = this.cellBackgroundRectsGroup) || void 0 === _e || _e.setAttribute("x", x);
+    }
+    setY(y) {
+        var _a, _b, _c, _d, _e;
+        null === (_a = this.verticalLineGroup) || void 0 === _a || _a.setAttribute("y", y), 
+        null === (_b = this.horizontalLineGroup) || void 0 === _b || _b.setAttribute("y", y), 
+        null === (_c = this.verticalBackgroundRectsGroup) || void 0 === _c || _c.setAttribute("y", y), 
+        null === (_d = this.horizontalBackgroundRectsGroup) || void 0 === _d || _d.setAttribute("y", y), 
+        null === (_e = this.cellBackgroundRectsGroup) || void 0 === _e || _e.setAttribute("y", y);
+    }
+    resize() {
+        this.width = this._scene.ganttGroup.attribute.width, this.height = this._scene.ganttGroup.attribute.height - this._scene.timelineHeader.group.attribute.height, 
+        this.group.setAttribute("width", this.width), this.group.setAttribute("height", this.height);
+    }
+}
+//# sourceMappingURL=grid.js.map

package/es/scenegraph/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scenegraph/grid.ts"],"names":[],"mappings":"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","file":"grid.js","sourcesContent":["import { Group, createLine, createRect } from '@visactor/vtable/es/vrender';\n\nimport type { Scenegraph } from './scenegraph';\nimport type { IGrid } from '../ts-types';\nimport { computeCountToTimeScale } from '../tools/util';\nexport class Grid {\n  // verticalLineSpace: number;\n  // horizontalLineSpace: number;\n  gridStyle: IGrid;\n  scrollLeft: number;\n  scrollTop: number;\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  rowHeight: number;\n  rowCount: number;\n  group: Group;\n  verticalLineGroup: Group;\n  horizontalLineGroup: Group;\n  verticalBackgroundRectsGroup: Group;\n  horizontalBackgroundRectsGroup: Group;\n  cellBackgroundRectsGroup: Group;\n  allGridHeight: number;\n  allGridWidth: number;\n  _scene: Scenegraph;\n  constructor(scene: Scenegraph) {\n    this._scene = scene;\n\n    this.scrollLeft = 0;\n    this.scrollTop = 0;\n    this.x = 0;\n    this.y = scene._gantt.getAllHeaderRowsHeight();\n    this.width = scene.ganttGroup.attribute.width;\n    this.height = scene.ganttGroup.attribute.height - scene.timelineHeader.group.attribute.height;\n    this.rowHeight = scene._gantt.parsedOptions.rowHeight;\n    this.rowCount = scene._gantt.itemCount;\n    this.allGridWidth = scene._gantt.getAllDateColsWidth();\n    this.allGridHeight = scene._gantt.getAllTaskBarsHeight();\n    this.group = new Group({\n      x: this.x,\n      y: this.y,\n      width: this.width,\n      height: this.height,\n      clip: true,\n      fill: scene._gantt.parsedOptions.grid?.backgroundColor\n    });\n    this.group.name = 'grid-container';\n    scene.ganttGroup.addChild(this.group);\n    this.createHorizontalBackgroundRects();\n    this.createCellBackgroundRects();\n    this.createVerticalLines();\n    this.createHorizontalLines();\n    this.createTimeLineHeaderBottomLine();\n  }\n\n  createTimeLineHeaderBottomLine() {\n    const options = this._scene._gantt.parsedOptions;\n    //补充timelineHeader中不好绘制的底部的边线\n    const horizontalSplitLineWidth =\n      options.horizontalSplitLine?.lineWidth ?? options.timelineHeaderHorizontalLineStyle?.lineWidth;\n    const bottomLineY = (horizontalSplitLineWidth & 1 ? -0.5 : 0) + horizontalSplitLineWidth / 2; // 原来是(horizontalSplitLineWidth & 1 ? 0.5 : 0)  这里改成-0.5为了和左侧表格的水平分割线对齐\n    const line = createLine({\n      pickable: false,\n      stroke: options.horizontalSplitLine?.lineColor ?? options.timelineHeaderHorizontalLineStyle?.lineColor,\n      lineWidth: horizontalSplitLineWidth + (horizontalSplitLineWidth & 1 ? 1 : 0), // 加上后面这个1是为了和左侧表格的水平分割线对齐\n      lineDash: options.horizontalSplitLine?.lineDash ?? options.timelineHeaderHorizontalLineStyle?.lineDash,\n      points: [\n        { x: 0, y: bottomLineY },\n        {\n          x: this._scene._gantt.getAllDateColsWidth(),\n          y: bottomLineY\n        }\n      ]\n    });\n    line.name = 'timeLine-header-bottom-line';\n    this.group.addChild(line);\n  }\n\n  createVerticalLines() {\n    const gridStyle = this._scene._gantt.parsedOptions.grid;\n    const verticalLineDependenceOnTimeScale =\n      gridStyle.verticalLineDependenceOnTimeScale ??\n      this._scene._gantt.parsedOptions.reverseSortedTimelineScales[0].unit;\n\n    if (gridStyle.verticalLine) {\n      this.verticalLineGroup = new Group({\n        x: 0,\n        y: 0,\n        width: this.allGridWidth,\n        height: this.allGridHeight\n      });\n      this.verticalLineGroup.name = 'grid-vertical';\n      this.group.appendChild(this.verticalLineGroup);\n\n      const dependenceOnTimeScale =\n        this._scene._gantt.parsedOptions.reverseSortedTimelineScales.find(\n          scale => scale.unit === verticalLineDependenceOnTimeScale\n        ) ?? this._scene._gantt.parsedOptions.reverseSortedTimelineScales[0];\n      const { unit: minUnit, step } = this._scene._gantt.parsedOptions.reverseSortedTimelineScales[0];\n      const { timelineDates } = dependenceOnTimeScale;\n      const timelineColWidth = this._scene._gantt.parsedOptions.timelineColWidth;\n\n      if (typeof gridStyle.verticalLine === 'function') {\n        for (let i = 0; i < timelineDates?.length - 1; i++) {\n          const { endDate } = timelineDates[i];\n          const verticalLine_style = gridStyle.verticalLine({\n            index: i,\n            dateIndex: timelineDates[i].dateIndex,\n            date: timelineDates[i].endDate,\n            ganttInstance: this._scene._gantt\n          });\n          const x =\n            Math.ceil(\n              computeCountToTimeScale(endDate, this._scene._gantt.parsedOptions.minDate, minUnit, step, 1) *\n                timelineColWidth\n            ) + (verticalLine_style.lineWidth & 1 ? 0.5 : 0);\n          // const x = Math.ceil(timelineColWidth * (i + 1)) + (verticalLine_style.lineWidth & 1 ? 0.5 : 0);\n          const line = createLine({\n            pickable: false,\n            stroke: verticalLine_style.lineColor,\n            lineWidth: verticalLine_style.lineWidth,\n            lineDash: verticalLine_style.lineDash,\n            points: [\n              { x, y: 0 },\n              { x, y: this.allGridHeight }\n            ]\n          });\n          this.verticalLineGroup.appendChild(line);\n        }\n      } else {\n        const verticalLine_style = gridStyle.verticalLine;\n        for (let i = 0; i < timelineDates?.length - 1; i++) {\n          const { endDate } = timelineDates[i];\n          const x =\n            Math.ceil(\n              computeCountToTimeScale(endDate, this._scene._gantt.parsedOptions.minDate, minUnit, step, 1) *\n                timelineColWidth\n            ) + (verticalLine_style.lineWidth & 1 ? 0.5 : 0);\n          // const x = Math.ceil(timelineColWidth * (i + 1)) + (verticalLine_style.lineWidth & 1 ? 0.5 : 0);\n          const line = createLine({\n            pickable: false,\n            stroke: verticalLine_style.lineColor,\n            lineWidth: verticalLine_style.lineWidth,\n            lineDash: verticalLine_style.lineDash,\n            points: [\n              { x, y: 0 },\n              { x, y: this.allGridHeight }\n            ]\n          });\n          this.verticalLineGroup.appendChild(line);\n        }\n      }\n    }\n  }\n  createHorizontalLines() {\n    const gridStyle = this._scene._gantt.parsedOptions.grid;\n    if (gridStyle.horizontalLine) {\n      this.horizontalLineGroup = new Group({\n        x: 0,\n        y: 0,\n        width: this.allGridWidth,\n        height: this.allGridHeight\n      });\n      this.horizontalLineGroup.name = 'grid-horizontal';\n      this.group.appendChild(this.horizontalLineGroup);\n      if (typeof gridStyle.horizontalLine === 'function') {\n        let y = 0.5; //确保大多数情况 LineWidth为1时是准确的\n        for (let i = 0; i < this.rowCount - 1; i++) {\n          const horizontalLine_style = gridStyle.horizontalLine({\n            index: i,\n            ganttInstance: this._scene._gantt\n          });\n          y = y + this._scene._gantt.getRowHeightByIndex(i); // Math.floor(this.rowHeight);\n          const line = createLine({\n            pickable: false,\n            stroke: horizontalLine_style.lineColor,\n            lineWidth: horizontalLine_style.lineWidth,\n            lineDash: horizontalLine_style.lineDash,\n            points: [\n              { x: 0, y },\n              { x: this.allGridWidth, y }\n            ]\n          });\n          this.horizontalLineGroup.appendChild(line);\n        }\n      } else {\n        const horizontalLine_style = gridStyle.horizontalLine;\n        let y = 0;\n        if (horizontalLine_style.lineWidth & 1) {\n          y += 0.5;\n        }\n        for (let i = 0; i < this.rowCount - 1; i++) {\n          y = y + this._scene._gantt.getRowHeightByIndex(i); // Math.floor(this.rowHeight);\n          const line = createLine({\n            pickable: false,\n            stroke: horizontalLine_style.lineColor,\n            lineWidth: horizontalLine_style.lineWidth,\n            lineDash: horizontalLine_style.lineDash,\n            points: [\n              { x: 0, y },\n              { x: this.allGridWidth, y }\n            ]\n          });\n          this.horizontalLineGroup.appendChild(line);\n        }\n      }\n    }\n  }\n\n  createVerticalBackgroundRects() {\n    const verticalBackgroundColor = this._scene._gantt.parsedOptions.grid.verticalBackgroundColor;\n    const weekendBackgroundColor = this._scene._gantt.parsedOptions.grid.weekendBackgroundColor;\n    if (verticalBackgroundColor || weekendBackgroundColor) {\n      this.verticalBackgroundRectsGroup = new Group({\n        x: 0,\n        y: 0,\n        width: this.allGridWidth,\n        height: this.allGridHeight\n      });\n      this.verticalBackgroundRectsGroup.name = 'grid-vertical-background';\n      this.group.appendChild(this.verticalBackgroundRectsGroup);\n\n      const { timelineDates, unit, step } = this._scene._gantt.parsedOptions.reverseSortedTimelineScales[0];\n      const timelineColWidth = this._scene._gantt.parsedOptions.timelineColWidth;\n\n      if (verticalBackgroundColor || weekendBackgroundColor) {\n        for (let i = 0; i <= timelineDates?.length - 1; i++) {\n          let backgroundColor;\n          if (\n            weekendBackgroundColor &&\n            unit === 'day' &&\n            step === 1 &&\n            (timelineDates[i].startDate.getDay() === 0 || timelineDates[i].startDate.getDay() === 6)\n          ) {\n            backgroundColor = weekendBackgroundColor;\n          } else if (typeof verticalBackgroundColor === 'function') {\n            backgroundColor = verticalBackgroundColor({\n              index: i,\n              dateIndex: timelineDates[i].dateIndex,\n              date: timelineDates[i].endDate,\n              ganttInstance: this._scene._gantt\n            });\n          } else if (verticalBackgroundColor) {\n            backgroundColor = verticalBackgroundColor[i % verticalBackgroundColor.length];\n          }\n          if (backgroundColor) {\n            const x = Math.ceil(timelineColWidth * i);\n            const rect = createRect({\n              pickable: false,\n              fill: backgroundColor,\n              x,\n              y: 0,\n              width: timelineColWidth,\n              height: this.allGridHeight\n            });\n            this.verticalBackgroundRectsGroup.appendChild(rect);\n          }\n        }\n      }\n    }\n  }\n  createHorizontalBackgroundRects() {\n    const horizontalBackgroundColor = this._scene._gantt.parsedOptions.grid.horizontalBackgroundColor;\n    if (horizontalBackgroundColor) {\n      this.horizontalBackgroundRectsGroup = new Group({\n        x: 0,\n        y: 0,\n        width: this.allGridWidth,\n        height: this.allGridHeight\n      });\n      this.horizontalBackgroundRectsGroup.name = 'grid-horizontal-background';\n      this.group.appendChild(this.horizontalBackgroundRectsGroup);\n\n      let y = 0;\n      for (let i = 0; i <= this.rowCount - 1; i++) {\n        let backgroundColor;\n        if (typeof horizontalBackgroundColor === 'function') {\n          backgroundColor = horizontalBackgroundColor({\n            index: i,\n            ganttInstance: this._scene._gantt\n          });\n        } else {\n          backgroundColor = horizontalBackgroundColor[i % horizontalBackgroundColor.length];\n        }\n\n        const rect = createRect({\n          pickable: false,\n          fill: backgroundColor,\n          x: 0,\n          y,\n          width: this.allGridWidth,\n          height: this._scene._gantt.getRowHeightByIndex(i)\n        });\n        this.horizontalBackgroundRectsGroup.appendChild(rect);\n        y += this._scene._gantt.getRowHeightByIndex(i);\n      }\n    }\n  }\n\n  createCellBackgroundRects() {\n    const cellBackgroundColor = this._scene._gantt.parsedOptions.grid.cellBackgroundColor;\n\n    // 没配置就不画\n    if (!cellBackgroundColor) {\n      return;\n    }\n\n    // 建一个 group 专门放背景 rect\n    const bgGroup = new Group({\n      x: 0,\n      y: 0,\n      width: this.allGridWidth,\n      height: this.allGridHeight\n    });\n    bgGroup.name = 'grid-cell-background';\n\n    this.cellBackgroundRectsGroup = bgGroup;\n    this.group.appendChild(bgGroup);\n\n    const rowCount = this.rowCount;\n\n    // 取第一层时间刻度（reverseSortedTimelineScales[0]）\n    const scale = this._scene._gantt.parsedOptions.reverseSortedTimelineScales[0];\n    const timelineDates = scale?.timelineDates ?? [];\n    const colCount = timelineDates.length;\n\n    const timelineColWidth: number = this._scene._gantt.parsedOptions.timelineColWidth;\n\n    let y = 0;\n\n    for (let r = 0; r < rowCount; r++) {\n      const rowHeight: number = this._scene._gantt.getRowHeightByIndex(r);\n\n      let x = 0;\n\n      for (let c = 0; c < colCount; c++) {\n        const cellStart: Date | undefined = timelineDates[c]?.startDate;\n        const cellEnd: Date | undefined = timelineDates[c]?.endDate;\n\n        // 没有时间范围就跳过\n        if (!cellStart || !cellEnd) {\n          x += timelineColWidth;\n          continue;\n        }\n\n        // 计算当前单元格的背景配置结果\n        const result =\n          typeof cellBackgroundColor === 'function'\n            ? cellBackgroundColor({\n                rowIndex: r,\n                colIndex: c,\n                date: cellStart,\n                ganttInstance: this._scene._gantt\n              })\n            : cellBackgroundColor[(r + c) % cellBackgroundColor.length];\n\n        // 没结果就跳过\n        if (!result) {\n          x += timelineColWidth;\n          continue;\n        }\n\n        // 统一转成数组处理：要么 [string]，要么 segments[]\n        const resultArray = Array.isArray(result) ? result : [result];\n\n        // 情况1：只有一个 string，整格纯色\n        if (resultArray.length === 1 && typeof resultArray[0] === 'string') {\n          const rect = createRect({\n            pickable: false,\n            fill: resultArray[0],\n            x,\n            y,\n            width: timelineColWidth,\n            height: rowHeight\n          });\n\n          bgGroup.appendChild(rect);\n          x += timelineColWidth;\n          continue;\n        }\n\n        // 情况2：分段着色（按时间切片映射到像素宽度）\n        const cs = cellStart.getTime();\n        const ce = cellEnd.getTime();\n        const total = ce - cs;\n\n        for (const seg of resultArray) {\n          if (!seg) {\n            continue;\n          }\n\n          const { startTime, endTime, color } = seg;\n          if (!startTime || !endTime || !color) {\n            continue;\n          }\n\n          const ss = startTime.getTime();\n          const se = endTime.getTime();\n\n          // 完全不相交就跳过\n          if (se <= cs || ss >= ce) {\n            continue;\n          }\n\n          // 将时间段裁剪到 [cs, ce]，映射到 [x, x+timelineColWidth]\n          const startOffset = (Math.max(ss, cs) - cs) / total;\n          const pixelStartX = x + startOffset * timelineColWidth;\n\n          const endOffset = (Math.min(se, ce) - cs) / total;\n          const pixelWidth = (endOffset - startOffset) * timelineColWidth;\n\n          const rect = createRect({\n            pickable: false,\n            fill: color,\n            x: pixelStartX,\n            y,\n            width: pixelWidth,\n            height: rowHeight\n          });\n\n          bgGroup.appendChild(rect);\n        }\n\n        x += timelineColWidth;\n      }\n\n      y += rowHeight;\n    }\n  }\n  /** 重新创建网格线场景树结点 */\n  refresh() {\n    this.width = this._scene.ganttGroup.attribute.width;\n    this.height = this._scene.ganttGroup.attribute.height - this._scene.timelineHeader.group.attribute.height;\n    this.group.setAttributes({\n      width: this.width,\n      height: this.height,\n      y: this._scene._gantt.getAllHeaderRowsHeight()\n    });\n    this.rowCount = this._scene._gantt.itemCount;\n    this.allGridWidth = this._scene._gantt.getAllDateColsWidth();\n    this.allGridHeight = this._scene._gantt.getAllTaskBarsHeight();\n    this.group.removeAllChild();\n    // this.verticalLineGroup?.parent.removeChild(this.verticalLineGroup);\n    // this.horizontalLineGroup?.parent.removeChild(this.horizontalLineGroup);\n    // this.verticalBackgroundRectsGroup?.parent.removeChild(this.verticalBackgroundRectsGroup);\n    // this.horizontalBackgroundRectsGroup?.parent.removeChild(this.horizontalBackgroundRectsGroup);\n    this.createVerticalBackgroundRects();\n    this.createHorizontalBackgroundRects();\n    this.createVerticalLines();\n    this.createHorizontalLines();\n    this.createTimeLineHeaderBottomLine();\n  }\n  setX(x: number) {\n    this.verticalLineGroup?.setAttribute('x', x);\n    this.horizontalLineGroup?.setAttribute('x', x);\n    this.verticalBackgroundRectsGroup?.setAttribute('x', x);\n    this.horizontalBackgroundRectsGroup?.setAttribute('x', x);\n    this.cellBackgroundRectsGroup?.setAttribute('x', x);\n  }\n  setY(y: number) {\n    this.verticalLineGroup?.setAttribute('y', y);\n    this.horizontalLineGroup?.setAttribute('y', y);\n    this.verticalBackgroundRectsGroup?.setAttribute('y', y);\n    this.horizontalBackgroundRectsGroup?.setAttribute('y', y);\n    this.cellBackgroundRectsGroup?.setAttribute('y', y);\n  }\n  resize() {\n    this.width = this._scene.ganttGroup.attribute.width;\n    this.height = this._scene.ganttGroup.attribute.height - this._scene.timelineHeader.group.attribute.height;\n    this.group.setAttribute('width', this.width);\n    this.group.setAttribute('height', this.height);\n  }\n}\n"]}

package/es/scenegraph/mark-line.d.ts

@@ -0,0 +1,13 @@
+import type { Scenegraph } from './scenegraph';
+import { Group } from '@visactor/vtable/es/vrender';
+export declare class MarkLine {
+    _scene: Scenegraph;
+    group: Group;
+    markLIneContainer: Group;
+    markLineContainerWidth: number;
+    height: number;
+    constructor(scene: Scenegraph);
+    initMarkLines(): void;
+    refresh(): void;
+    setX(x: number): void;
+}

package/es/scenegraph/mark-line.js

@@ -0,0 +1,101 @@
+import { computeCountToTimeScale, createDateAtMidnight } from "../tools/util";
+
+import { Group, createLine, Text } from "@visactor/vtable/es/vrender";
+
+export class MarkLine {
+    constructor(scene) {
+        this.markLineContainerWidth = 20, this._scene = scene, this.height = Math.min(scene._gantt.tableNoFrameHeight, scene._gantt.drawHeight) - scene._gantt.getAllHeaderRowsHeight(), 
+        this.group = new 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.ganttGroup.addChild(this.group), 
+        this.markLIneContainer = new Group({
+            x: 0,
+            y: 0,
+            width: this._scene._gantt.getAllDateColsWidth(),
+            height: this.height,
+            pickable: !1,
+            clip: !0
+        }), this.group.appendChild(this.markLIneContainer), this.initMarkLines();
+    }
+    initMarkLines() {
+        const height = Math.min(this._scene._gantt.tableNoFrameHeight, this._scene._gantt.drawHeight) - this._scene._gantt.getAllHeaderRowsHeight();
+        this.group.setAttributes({
+            y: this._scene._gantt.getAllHeaderRowsHeight(),
+            width: this._scene._gantt.tableNoFrameWidth,
+            height: height
+        }), this.markLIneContainer.setAttribute("width", this._scene._gantt.getAllDateColsWidth()), 
+        this.markLIneContainer.setAttribute("height", height);
+        const markLine = this._scene._gantt.parsedOptions.markLine, minDate = this._scene._gantt.parsedOptions.minDate;
+        minDate && markLine.forEach((line => {
+            const style = line.style, contentStyle = line.contentStyle || {}, date = this._scene._gantt.parsedOptions.timeScaleIncludeHour ? createDateAtMidnight(line.date) : createDateAtMidnight(line.date, !0), {unit: unit, step: step} = this._scene._gantt.parsedOptions.reverseSortedTimelineScales[0], unitCount = computeCountToTimeScale(date, minDate, unit, step);
+            let positionOffset = 0;
+            if ("right" === line.position) positionOffset = 1; else if ("middle" === line.position) positionOffset = .5; else if ("date" === line.position) {
+                const date = createDateAtMidnight(line.date), unitCount = computeCountToTimeScale(date, minDate, unit, step);
+                positionOffset = unitCount - Math.floor(unitCount);
+            }
+            const dateX = this._scene._gantt.parsedOptions.timelineColWidth * (Math.floor(unitCount) + positionOffset), markLineGroup = new 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 = createLine({
+                pickable: !1,
+                stroke: style.lineColor,
+                lineWidth: style.lineWidth,
+                lineDash: style.lineDash,
+                points: [ {
+                    x: this.markLineContainerWidth / 2,
+                    y: 0
+                }, {
+                    x: this.markLineContainerWidth / 2,
+                    y: this.height
+                } ]
+            });
+            if (markLineGroup.appendChild(lineObj), line.content) {
+                const textMaxLineWidth = this._scene._gantt.parsedOptions.timelineColWidth, textContainerHeight = contentStyle.lineHeight || 18, textGroup = new Group({
+                    x: this.markLineContainerWidth / 2,
+                    y: 0,
+                    cursor: "pointer",
+                    height: textContainerHeight,
+                    clip: !1,
+                    fill: contentStyle.backgroundColor || style.lineColor,
+                    display: "flex",
+                    cornerRadius: contentStyle.cornerRadius || [ 0, 2, 2, 0 ]
+                });
+                textGroup.name = "mark-line-content", textGroup.data = line, markLineGroup.appendChild(textGroup);
+                const text = new Text({
+                    maxLineWidth: textMaxLineWidth,
+                    text: line.content,
+                    cursor: "pointer",
+                    lineHeight: textContainerHeight,
+                    fontWeight: contentStyle.fontWeight || "normal",
+                    fill: contentStyle.color || style.lineColor,
+                    fontSize: contentStyle.fontSize || 12,
+                    poptip: {
+                        position: "top",
+                        dx: textMaxLineWidth / 4,
+                        dy: -textContainerHeight / 4
+                    }
+                });
+                textGroup.appendChild(text);
+            }
+        }));
+    }
+    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);
+    }
+}
+//# sourceMappingURL=mark-line.js.map

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 { computeCountToTimeScale, createDateAtMidnight } from '../tools/util';\nimport { DayTimes } from '../gantt-helper';\n//import type { IMarkLine } from '../ts-types';\nimport type { Scenegraph } from './scenegraph';\nimport { Group, createLine, Text } from '@visactor/vtable/es/vrender';\n\nexport class MarkLine {\n  _scene: Scenegraph;\n  group: Group;\n  markLIneContainer: Group;\n  markLineContainerWidth: number = 20;\n  height: number;\n  constructor(scene: Scenegraph) {\n    this._scene = scene;\n    this.height =\n      Math.min(scene._gantt.tableNoFrameHeight, scene._gantt.drawHeight) - scene._gantt.getAllHeaderRowsHeight();\n    this.group = new 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.ganttGroup.addChild(this.group);\n\n    this.markLIneContainer = new Group({\n      x: 0,\n      y: 0,\n      width: this._scene._gantt.getAllDateColsWidth(),\n      height: this.height,\n      pickable: false,\n      clip: true\n    });\n    this.group.appendChild(this.markLIneContainer);\n    this.initMarkLines();\n  }\n  initMarkLines() {\n    //#region 重置markLine容器大小\n    const height =\n      Math.min(this._scene._gantt.tableNoFrameHeight, this._scene._gantt.drawHeight) -\n      this._scene._gantt.getAllHeaderRowsHeight();\n    this.group.setAttributes({\n      y: this._scene._gantt.getAllHeaderRowsHeight(),\n      width: this._scene._gantt.tableNoFrameWidth,\n      height: height\n    });\n    this.markLIneContainer.setAttribute('width', this._scene._gantt.getAllDateColsWidth());\n    this.markLIneContainer.setAttribute('height', height);\n    //#endregion\n    const markLine = this._scene._gantt.parsedOptions.markLine;\n    const minDate = this._scene._gantt.parsedOptions.minDate;\n    minDate &&\n      markLine.forEach(line => {\n        const style = line.style;\n        const contentStyle = line.contentStyle || {};\n        const date = this._scene._gantt.parsedOptions.timeScaleIncludeHour\n          ? createDateAtMidnight(line.date)\n          : createDateAtMidnight(line.date, true);\n        const { unit, step } = this._scene._gantt.parsedOptions.reverseSortedTimelineScales[0];\n        const unitCount = computeCountToTimeScale(date, minDate, unit, step);\n        let positionOffset = 0;\n        if (line.position === 'right') {\n          positionOffset = 1;\n        } else if (line.position === 'middle') {\n          positionOffset = 0.5;\n        } else if (line.position === 'date') {\n          const date = createDateAtMidnight(line.date);\n          const unitCount = computeCountToTimeScale(date, minDate, unit, step);\n          const cellIndex = Math.floor(unitCount);\n          positionOffset = unitCount - cellIndex;\n        }\n        const dateX = this._scene._gantt.parsedOptions.timelineColWidth * (Math.floor(unitCount) + positionOffset);\n        const markLineGroup = new 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 = createLine({\n          pickable: false,\n          stroke: style.lineColor,\n          lineWidth: style.lineWidth,\n          lineDash: style.lineDash,\n          points: [\n            { x: this.markLineContainerWidth / 2, y: 0 },\n            { x: this.markLineContainerWidth / 2, y: this.height }\n          ]\n        });\n        markLineGroup.appendChild(lineObj);\n        if (line.content) {\n          const textMaxLineWidth = this._scene._gantt.parsedOptions.timelineColWidth;\n          const textContainerHeight = contentStyle.lineHeight || 18;\n          // 创建内容区\n          const textGroup = new Group({\n            x: this.markLineContainerWidth / 2,\n            y: 0,\n            cursor: 'pointer',\n            height: textContainerHeight,\n            clip: false,\n            fill: contentStyle.backgroundColor || style.lineColor,\n            display: 'flex',\n            cornerRadius: contentStyle.cornerRadius || [0, 2, 2, 0]\n          });\n          textGroup.name = 'mark-line-content';\n          (textGroup as any).data = line;\n          markLineGroup.appendChild(textGroup);\n          // 创建内容\n          const text = new Text({\n            maxLineWidth: textMaxLineWidth,\n            text: line.content,\n            cursor: 'pointer',\n            lineHeight: textContainerHeight,\n            fontWeight: contentStyle.fontWeight || 'normal',\n            fill: contentStyle.color || style.lineColor,\n            fontSize: contentStyle.fontSize || 12,\n            poptip: {\n              position: 'top',\n              dx: textMaxLineWidth / 4,\n              dy: -textContainerHeight / 4\n            }\n          } as any);\n          textGroup.appendChild(text);\n        }\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,59 @@
+import type { Stage } from '@visactor/vtable/es/vrender';
+import { Group } from '@visactor/vtable/es/vrender';
+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';
+import { TaskCreationButton } from './task-creation-button';
+import { ToolTip } from './tooltip';
+import { DependencyLink } from './dependency-link';
+import { DragOrderLine } from './drag-order-line';
+import type { GanttTaskBarNode } from './gantt-node';
+export declare class Scenegraph {
+    dateStepWidth: number;
+    rowHeight: number;
+    _scales: {}[];
+    timelineHeader: TimelineHeader;
+    grid: Grid;
+    dependencyLink: DependencyLink;
+    taskBar: TaskBar;
+    _gantt: Gantt;
+    ganttGroup: Group;
+    scrollbarComponent: ScrollBarComponent;
+    markLine: MarkLine;
+    dragOrderLine: DragOrderLine;
+    frameBorder: FrameBorder;
+    taskCreationButton: TaskCreationButton;
+    toolTip: ToolTip;
+    stage: Stage;
+    tableGroupWidth: number;
+    tableGroupHeight: number;
+    constructor(gantt: Gantt);
+    initSceneGraph(): void;
+    updateSceneGraph(): void;
+    afterCreateSceneGraph(): void;
+    refreshAll(): void;
+    refreshTaskBars(): void;
+    refreshTaskBarsAndGrid(): void;
+    updateTableSize(): void;
+    updateStageBackground(): 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;
+    showTaskCreationButton(x: number, y: number, dateIndex: number): void;
+    hideTaskCreationButton(): void;
+    showToolTip(target: any): void;
+    hideToolTip(): void;
+    refreshRecordLinkNodes(taskIndex: number, sub_task_index: number, target: GanttTaskBarNode, dy?: number): void;
+}