@visactor/vtable-gantt 1.5.4

package/es/scenegraph/task-bar.js

@@ -0,0 +1,188 @@
+import { VRender } from "@visactor/vtable";
+
+import { parseStringTemplate, toBoxArray } from "../tools/util";
+
+import { isValid } from "@visactor/vutils";
+
+import { getTextPos } from "../gantt-helper";
+
+import { GanttTaskBarNode } from "./ganttNode";
+
+const 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>';
+
+export class TaskBar {
+    constructor(scene) {
+        this._scene = scene, this.width = scene._gantt.tableNoFrameWidth, this.height = scene._gantt.gridHeight, 
+        this.group = new 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 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 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 = 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 = 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 = getTextPos(toBoxArray(padding), textAlign, textBaseline, taskBarSize, taskbarHeight), label = VRender.createText({
+                pickable: !1,
+                x: position.x,
+                y: position.y,
+                fontSize: fontSize,
+                fill: color,
+                fontFamily: fontFamily,
+                text: parseStringTemplate(this._scene._gantt.parsedOptions.taskBarLabelText, taskRecord),
+                maxLineWidth: taskBarSize - 20,
+                textBaseline: textBaseline,
+                textAlign: textAlign,
+                ellipsis: "clip" === textOverflow ? "" : "ellipsis" === textOverflow ? "..." : 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 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 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 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);
+    }
+}
+//# sourceMappingURL=task-bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scenegraph/task-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAG3C,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,kBAAkB,GAAG;;;OAGpB,CAAC;AAER,MAAM,OAAO,OAAO;IASlB,YAAY,KAAiB;QAC3B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QAEpB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC;QAC5C,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;QACtC,IAAI,CAAC,KAAK,GAAG,IAAI,OAAO,CAAC,KAAK,CAAC;YAC7B,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,sBAAsB,EAAE;YACxC,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,IAAI;SACX,CAAC,CAAC;QACH,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,oBAAoB,CAAC;QACvC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtC,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChB,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,YAAY,GAAG,IAAI,OAAO,CAAC,KAAK,CAAC;YACpC,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;YAC3C,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE;YAC7C,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,IAAI;SACX,CAAC,CAAC;QACH,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE1C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,EAAE,EAAE;YACrD,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YACjC,IAAI,QAAQ,EAAE;gBACZ,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;aACzC;SACF;IACH,CAAC;IACD,OAAO,CAAC,KAAa;;QACnB,MAAM,mBAAmB,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,mBAAmB,CAAC;QACjF,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,0BAA0B,CAAC,KAAK,CAAC,CAAC;QACpH,IAAI,QAAQ,IAAI,CAAC,EAAE;YACjB,OAAO,IAAI,CAAC;SACb;QACD,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,cAAc,GAAG,QAAQ,CAAC;QAC/E,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC;QAC1E,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACnE,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC;YACpC,CAAC,EACC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,cAAc;gBAC/C,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO,EAAE,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;YAEtF,CAAC,EACC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,GAAG,KAAK;gBAClD,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,GAAG,aAAa,CAAC,GAAG,CAAC;YAClE,KAAK,EAAE,WAAW;YAElB,MAAM,EAAE,aAAa;YACrB,YAAY,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,YAAY;YACxE,IAAI,EAAE,IAAI;SACX,CAAC,CAAC;QACH,QAAQ,CAAC,IAAI,GAAG,UAAU,CAAC;QAE3B,IAAI,aAAa,CAAC;QAClB,IAAI,gBAAgB,GAAG,IAAI,CAAC;QAC5B,IAAI,iBAAiB,GAAG,IAAI,CAAC;QAE7B,IAAI,mBAAmB,EAAE;YACvB,IAAI,eAAe,CAAC;YACpB,IAAI,OAAO,mBAAmB,KAAK,UAAU,EAAE;gBAC7C,MAAM,GAAG,GAAG;oBACV,KAAK,EAAE,WAAW;oBAClB,MAAM,EAAE,aAAa;oBACrB,KAAK;oBACL,SAAS;oBACT,OAAO;oBACP,QAAQ;oBACR,QAAQ;oBACR,UAAU;oBACV,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM;iBAClC,CAAC;gBACF,eAAe,GAAG,mBAAmB,CAAC,GAAG,CAAC,CAAC;aAC5C;iBAAM;gBACL,eAAe,GAAG,mBAAmB,CAAC;aACvC;YACD,IAAI,eAAe,EAAE;gBAInB,aAAa,GAAG,eAAe,CAAC,aAAa,CAAC;gBAC9C,gBAAgB,GAAG,MAAA,eAAe,CAAC,gBAAgB,mCAAI,KAAK,CAAC;gBAC7D,iBAAiB,GAAG,MAAA,eAAe,CAAC,iBAAiB,mCAAI,KAAK,CAAC;gBAC/D,aAAa,CAAC,IAAI,GAAG,wBAAwB,CAAC;aAC/C;SACF;QAED,IAAI,gBAAgB,EAAE;YAEpB,MAAM,IAAI,GAAG,OAAO,CAAC,UAAU,CAAC;gBAC9B,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,KAAK,EAAE,WAAW;gBAClB,MAAM,EAAE,aAAa;gBACrB,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ;gBAC5D,QAAQ,EAAE,KAAK;aAChB,CAAC,CAAC;YACH,IAAI,CAAC,IAAI,GAAG,eAAe,CAAC;YAC5B,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAC3B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;YAExB,MAAM,aAAa,GAAG,OAAO,CAAC,UAAU,CAAC;gBACvC,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,KAAK,EAAE,CAAC,WAAW,GAAG,QAAQ,CAAC,GAAG,GAAG;gBACrC,MAAM,EAAE,aAAa;gBACrB,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,iBAAiB;gBACrE,QAAQ,EAAE,KAAK;aAChB,CAAC,CAAC;YACH,aAAa,CAAC,IAAI,GAAG,wBAAwB,CAAC;YAC9C,QAAQ,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;YACpC,QAAQ,CAAC,YAAY,GAAG,aAAa,CAAC;SACvC;QAED,aAAa,IAAI,QAAQ,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QACrD,IAAI,iBAAiB,EAAE;YACrB,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,GACnF,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,iBAAiB,CAAC;YACrD,MAAM,QAAQ,GAAG,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC;YAEtG,MAAM,KAAK,GAAG,OAAO,CAAC,UAAU,CAAC;gBAE/B,QAAQ,EAAE,KAAK;gBACf,CAAC,EAAE,QAAQ,CAAC,CAAC;gBACb,CAAC,EAAE,QAAQ,CAAC,CAAC;gBACb,QAAQ,EAAE,QAAQ;gBAClB,IAAI,EAAE,KAAK;gBACX,UAAU,EAAE,UAAU;gBACtB,IAAI,EAAE,mBAAmB,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,gBAA0B,EAAE,UAAU,CAAC;gBAClG,YAAY,EAAE,WAAW,GAAG,EAAE;gBAC9B,YAAY;gBACZ,SAAS;gBACT,QAAQ,EACN,YAAY,KAAK,MAAM;oBACrB,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,YAAY,KAAK,UAAU;wBAC7B,CAAC,CAAC,KAAK;wBACP,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC;4BACvB,CAAC,CAAC,YAAY;4BACd,CAAC,CAAC,SAAS;aAGhB,CAAC,CAAC;YACH,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC5B,QAAQ,CAAC,SAAS,GAAG,KAAK,CAAC;SAC5B;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC;IACD,iBAAiB,CAAC,KAAa;;QAC7B,MAAM,YAAY,GAAG,MAAA,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,0CAAG,KAAK,CAAqB,CAAC;QAClF,IAAI,YAAY,EAAE;YAChB,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACrC,IAAI,QAAQ,EAAE;gBACZ,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;aAC/C;SACF;IACH,CAAC;IACD,iBAAiB;QAYf,MAAM,aAAa,GAAG,IAAI,OAAO,CAAC,KAAK,CAAC;YACtC,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;YACX,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;YAC7E,QAAQ,EAAE,KAAK;YACf,YAAY,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,YAAY;YACxE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,iBAAiB;YACxD,UAAU,EAAE,KAAK;SAClB,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,aAAa,CAAC,IAAI,GAAG,uBAAuB,CAAC;QAG7C,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,gBAAgB,EAAE;YACrD,MAAM,IAAI,GAAG,IAAI,OAAO,CAAC,KAAK,CAAC;gBAC7B,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;gBACV,KAAK,EAAE,kBAAkB;gBACzB,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,YAAY;aACrB,CAAC,CAAC;YACH,IAAI,CAAC,IAAI,GAAG,iCAAiC,CAAC;YAC9C,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;YAC7B,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAGhC,MAAM,SAAS,GAAG,IAAI,OAAO,CAAC,KAAK,CAAC;gBAClC,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;gBACV,KAAK,EAAE,kBAAkB;gBACzB,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,YAAY;aACrB,CAAC,CAAC;YACH,SAAS,CAAC,IAAI,GAAG,kCAAkC,CAAC;YACpD,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;YACnC,aAAa,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;SACtC;IACH,CAAC;IACD,IAAI,CAAC,CAAS;QACZ,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IACzC,CAAC;IACD,IAAI,CAAC,CAAS;QACZ,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IACzC,CAAC;IAED,YAAY;QACV,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;QAC5C,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC/C,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,CAAC;QACnC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC1C,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IACD,MAAM;QACJ,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC;QAClD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;QAC5C,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7C,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACjD,CAAC;IAED,YAAY,CAAC,CAAS,EAAE,CAAS,EAAE,KAAa,EAAE,MAAc,EAAE,MAAsB;QACtF,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,EAAE;YAExC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;SACxC;QACD,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QACxC,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QACxC,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAChD,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAClD,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;QACpD,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;YAC3C,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC;YAChE,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YAChD,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC;YAClF,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,GAAG,EAAE,CAAC,CAAC;YACrD,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC;YACjE,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YACjD,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC;SACpF;IACH,CAAC;IACD,YAAY;QACV,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IACvD,CAAC;CACF","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/es/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/es/scenegraph/timeline-header.js

@@ -0,0 +1,130 @@
+import { isValid } from "@visactor/vutils";
+
+import { getTextPos } from "../gantt-helper";
+
+import { toBoxArray } from "../tools/util";
+
+import { VRender } from "@visactor/vtable";
+
+export class TimelineHeader {
+    constructor(scene) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        this._scene = scene;
+        const dateHeader = new 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 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 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 = getTextPos(toBoxArray(padding), textAlign, textBaseline, width, height), text = new 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 ? "..." : isValid(textOverflow) ? textOverflow : void 0
+                    });
+                    date.appendChild(text);
+                }
+                if (rowHeader.addChild(date), j > 0) {
+                    const line = 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 = 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);
+    }
+}
+//# sourceMappingURL=timeline-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scenegraph/timeline-header.ts"],"names":[],"mappings":"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","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/es/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;

package/es/state/gantt-table-sync.js

@@ -0,0 +1,51 @@
+export function syncScrollStateToTable(gantt) {
+    const {scroll: scroll} = gantt.stateManager, {verticalBarPos: verticalBarPos} = scroll;
+    gantt.taskListTableInstance.stateManager.setScrollTop(verticalBarPos, !1);
+}
+
+export function syncScrollStateFromTable(gantt) {
+    var _a;
+    gantt.taskListTableInstance && (null === (_a = gantt.taskListTableInstance) || void 0 === _a || _a.on("scroll", (args => {
+        if ("vertical" === args.scrollDirection) {
+            const {scroll: scroll} = gantt.taskListTableInstance.stateManager, {verticalBarPos: verticalBarPos} = scroll;
+            gantt.stateManager.setScrollTop(verticalBarPos, !1);
+        }
+    })));
+}
+
+export function syncResizeStateFromTable(gantt) {
+    var _a, _b;
+    gantt.taskListTableInstance && "auto" === (null === (_a = gantt.options.taskListTable) || void 0 === _a ? void 0 : _a.width) && (null === (_b = gantt.taskListTableInstance) || void 0 === _b || _b.on("resize_column", (args => {
+        gantt.taskTableWidth = gantt.taskListTableInstance.getAllColsWidth() + 2 * gantt.taskListTableInstance.tableX, 
+        gantt.element.style.left = gantt.taskTableWidth ? `${gantt.taskTableWidth}px` : "0px", 
+        gantt._resize();
+    })));
+}
+
+export function syncEditCellFromTable(gantt) {
+    var _a;
+    null === (_a = gantt.taskListTableInstance) || void 0 === _a || _a.on("change_cell_value", (args => {
+        const {col: col, row: row, rawValue: rawValue, changedValue: changedValue} = args;
+        gantt.redrawRecord(row - gantt.taskListTableInstance.columnHeaderLevelCount);
+    }));
+}
+
+export function syncDragOrderFromTable(gantt) {
+    var _a;
+    null === (_a = gantt.taskListTableInstance) || void 0 === _a || _a.on("change_header_position", (args => {
+        gantt.scenegraph.refreshTaskBars();
+        const left = gantt.stateManager.scroll.horizontalBarPos, top = gantt.stateManager.scroll.verticalBarPos;
+        gantt.scenegraph.setX(-left), gantt.scenegraph.setY(-top);
+    }));
+}
+
+export function syncTreeChangeFromTable(gantt) {
+    var _a;
+    null === (_a = gantt.taskListTableInstance) || void 0 === _a || _a.on("tree_hierarchy_state_change", (args => {
+        gantt._syncPropsFromTable(), gantt.resizeLine.style.height = gantt.drawHeight + "px", 
+        gantt.scenegraph.refreshTaskBarsAndGrid();
+        const left = gantt.stateManager.scroll.horizontalBarPos, top = gantt.stateManager.scroll.verticalBarPos;
+        gantt.scenegraph.setX(-left), gantt.scenegraph.setY(-top);
+    }));
+}
+//# sourceMappingURL=gantt-table-sync.js.map

package/es/state/gantt-table-sync.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/state/gantt-table-sync.ts"],"names":[],"mappings":"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","file":"gantt-table-sync.js","sourcesContent":["import type { Gantt } from '../Gantt';\n\nexport function syncScrollStateToTable(gantt: Gantt) {\n  const { scroll } = gantt.stateManager;\n  const { verticalBarPos } = scroll;\n  gantt.taskListTableInstance.stateManager.setScrollTop(verticalBarPos, false);\n}\n\nexport function syncScrollStateFromTable(gantt: Gantt) {\n  if (gantt.taskListTableInstance) {\n    gantt.taskListTableInstance?.on('scroll', (args: any) => {\n      if (args.scrollDirection === 'vertical') {\n        const { scroll } = gantt.taskListTableInstance.stateManager;\n        const { verticalBarPos } = scroll;\n        gantt.stateManager.setScrollTop(verticalBarPos, false);\n      }\n    });\n  }\n}\nexport function syncResizeStateFromTable(gantt: Gantt) {\n  if (gantt.taskListTableInstance && gantt.options.taskListTable?.width === 'auto') {\n    gantt.taskListTableInstance?.on('resize_column', (args: any) => {\n      gantt.taskTableWidth = gantt.taskListTableInstance.getAllColsWidth() + gantt.taskListTableInstance.tableX * 2;\n      gantt.element.style.left = gantt.taskTableWidth ? `${gantt.taskTableWidth}px` : '0px';\n      gantt._resize();\n    });\n  }\n}\nexport function syncEditCellFromTable(gantt: Gantt) {\n  gantt.taskListTableInstance?.on('change_cell_value', (args: any) => {\n    const { col, row, rawValue, changedValue } = args;\n    gantt.redrawRecord(row - gantt.taskListTableInstance.columnHeaderLevelCount);\n    // const record = gantt.getRecordByIndex(row - gantt.listTableInstance.columnHeaderLevelCount);\n    // debugger;\n  });\n}\n\nexport function syncDragOrderFromTable(gantt: Gantt) {\n  gantt.taskListTableInstance?.on('change_header_position', (args: any) => {\n    gantt.scenegraph.refreshTaskBars();\n    const left = gantt.stateManager.scroll.horizontalBarPos;\n    const top = gantt.stateManager.scroll.verticalBarPos;\n    gantt.scenegraph.setX(-left);\n    gantt.scenegraph.setY(-top);\n  });\n}\n\nexport function syncTreeChangeFromTable(gantt: Gantt) {\n  gantt.taskListTableInstance?.on('tree_hierarchy_state_change', (args: any) => {\n    gantt._syncPropsFromTable();\n    gantt.resizeLine.style.height = gantt.drawHeight + 'px'; //'100%';\n    gantt.scenegraph.refreshTaskBarsAndGrid();\n    const left = gantt.stateManager.scroll.horizontalBarPos;\n    const top = gantt.stateManager.scroll.verticalBarPos;\n    gantt.scenegraph.setX(-left);\n    gantt.scenegraph.setY(-top);\n  });\n}\n"]}

package/es/state/state-manager.d.ts

@@ -0,0 +1,58 @@
+import type { Gantt } from '../Gantt';
+import { InteractionState } from '../ts-types';
+import type { VRender } from '@visactor/vtable';
+import type { GanttTaskBarNode } from '../scenegraph/ganttNode';
+export declare class StateManager {
+    _gantt: Gantt;
+    scroll: {
+        horizontalBarPos: number;
+        verticalBarPos: number;
+    };
+    fastScrolling: boolean;
+    interactionState: InteractionState;
+    moveTaskBar: {
+        startX: number;
+        startY: number;
+        targetStartX: number;
+        moving: boolean;
+        target: GanttTaskBarNode;
+    };
+    hoverTaskBar: {
+        startX: number;
+        targetStartX: number;
+        target: GanttTaskBarNode;
+    };
+    resizeTaskBar: {
+        startX: number;
+        startY: number;
+        targetStartX: number;
+        target: GanttTaskBarNode;
+        resizing: boolean;
+        onIconName: string;
+    };
+    resizeTableWidth: {
+        lastX: number;
+        resizing: boolean;
+    };
+    resetInteractionState: (this: any, ...args: any) => any;
+    constructor(gantt: Gantt);
+    setScrollTop(top: number, triggerEvent?: boolean): void;
+    setScrollLeft(left: number, triggerEvent?: boolean): void;
+    updateInteractionState(mode: InteractionState): void;
+    updateVerticalScrollBar(yRatio: number): void;
+    updateHorizontalScrollBar(xRatio: number): void;
+    startMoveTaskBar(target: GanttTaskBarNode, x: number, y: number): void;
+    isMoveingTaskBar(): boolean;
+    endMoveTaskBar(x: number): void;
+    dealTaskBarMove(e: VRender.FederatedPointerEvent): void;
+    startResizeTaskBar(target: VRender.Group, x: number, y: number, onIconName: string): void;
+    isResizingTaskBar(): boolean;
+    endResizeTaskBar(x: number): void;
+    dealTaskBarResize(e: VRender.FederatedPointerEvent): void;
+    startResizeTableWidth(e: MouseEvent): void;
+    isResizingTableWidth(): boolean;
+    endResizeTableWidth(): void;
+    dealResizeTableWidth(e: MouseEvent): void;
+    showTaskBarHover(e: VRender.FederatedPointerEvent): void;
+    hideTaskBarHover(): void;
+}