@visactor/vtable-gantt 1.9.2-alpha.4 → 1.10.1

package/es/scenegraph/scenegraph.js

@@ -20,6 +20,10 @@ import { getTaskIndexByY } from "../gantt-helper";
 
 import graphicContribution from "./graphic";
 
+import { TaskCreationButton } from "./task-creation-button";
+
+import { DependencyLink } from "./dependency-link";
+
 container.load(graphicContribution);
 
 export class Scenegraph {
@@ -32,6 +36,7 @@ export class Scenegraph {
             width: width,
             height: height,
             disableDirtyBounds: !1,
+            background: gantt.parsedOptions.underlayBackgroundColor,
             enableLayout: !0,
             autoRender: !1,
             context: {
@@ -58,9 +63,10 @@ export class Scenegraph {
             clip: !0,
             pickable: !1
         }), this.stage.defaultLayer.add(this.tableGroup), this.tableGroup.name = "table", 
-        this.timelineHeader = new TimelineHeader(this), this.grid = new Grid(this), this.taskBar = new TaskBar(this), 
-        this.markLine = new MarkLine(this), this.frameBorder = new FrameBorder(this), this.scrollbarComponent = new ScrollBarComponent(this._gantt), 
-        this.stage.defaultLayer.addChild(this.scrollbarComponent.hScrollBar), this.stage.defaultLayer.addChild(this.scrollbarComponent.vScrollBar);
+        this.timelineHeader = new TimelineHeader(this), this.grid = new Grid(this), this.dependencyLink = new DependencyLink(this), 
+        this.taskBar = new TaskBar(this), this.markLine = new MarkLine(this), this.frameBorder = new FrameBorder(this), 
+        this.scrollbarComponent = new ScrollBarComponent(this._gantt), this.stage.defaultLayer.addChild(this.scrollbarComponent.hScrollBar), 
+        this.stage.defaultLayer.addChild(this.scrollbarComponent.vScrollBar);
     }
     afterCreateSceneGraph() {
         this.scrollbarComponent.updateScrollBar(), bindScrollBarListener(this._gantt.eventManager);
@@ -72,7 +78,7 @@ export class Scenegraph {
         this.scrollbarComponent.updateScrollBar(), this.updateNextFrame();
     }
     refreshTaskBars() {
-        this.taskBar.refresh(), this.updateNextFrame();
+        this.dependencyLink.refresh(), this.taskBar.refresh(), this.updateNextFrame();
     }
     refreshTaskBarsAndGrid() {
         this.tableGroupHeight = Math.min(this._gantt.tableNoFrameHeight, this._gantt.drawHeight), 
@@ -112,11 +118,11 @@ export class Scenegraph {
         return null !== (_b = null === (_a = this.tableGroup.attribute) || void 0 === _a ? void 0 : _a.y) && void 0 !== _b ? _b : 0;
     }
     setX(x, isEnd = !1) {
-        this.timelineHeader.setX(x), this.grid.setX(x), this.taskBar.setX(x), this.markLine.setX(x), 
-        this.updateNextFrame();
+        this.timelineHeader.setX(x), this.grid.setX(x), this.taskBar.setX(x), this.dependencyLink.setX(x), 
+        this.markLine.setX(x), this.updateNextFrame();
     }
     setY(y, isEnd = !1) {
-        this.grid.setY(y), this.taskBar.setY(y), this.updateNextFrame();
+        this.grid.setY(y), this.taskBar.setY(y), this.dependencyLink.setY(y), this.updateNextFrame();
     }
     setPixelRatio(pixelRatio) {
         this.stage.disableDirtyBounds(), this.stage.window.setDpr(pixelRatio), this.stage.render(), 
@@ -131,5 +137,13 @@ export class Scenegraph {
     getTaskBarNodeByY(y) {
         getTaskIndexByY(y, this._gantt);
     }
+    showTaskCreationButton(x, y, taskIndex, record) {
+        this.taskCreationButton || (this.taskCreationButton = new TaskCreationButton(this._gantt.scenegraph)), 
+        this.taskCreationButton.show(x, y, this._gantt.parsedOptions.colWidthPerDay, this._gantt.parsedOptions.rowHeight), 
+        this.updateNextFrame();
+    }
+    hideTaskCreationButton() {
+        this.taskCreationButton && (this.taskCreationButton.hide(), this.updateNextFrame());
+    }
 }
 //# sourceMappingURL=scenegraph.js.map

package/es/scenegraph/scenegraph.js.map

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

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

@@ -1,16 +1,18 @@
-import { Group, Image } from '@visactor/vtable/es/vrender';
+import { Group, Image, Line } from '@visactor/vtable/es/vrender';
 import type { Scenegraph } from './scenegraph';
-import { GanttTaskBarNode } from './ganttNode';
+import { GanttTaskBarNode } from './gantt-node';
 export declare const TASKBAR_HOVER_ICON_WIDTH = 10;
 export declare class TaskBar {
     group: Group;
     barContainer: Group;
     hoverBarGroup: Group;
+    creatingDependencyLine: Line;
     hoverBarLeftIcon: Image;
     hoverBarRightIcon: Image;
     _scene: Scenegraph;
     width: number;
     height: number;
+    selectedBorders: Group[];
     constructor(scene: Scenegraph);
     initBars(): void;
     initBar(index: number): GanttTaskBarNode;
@@ -22,4 +24,9 @@ export declare class TaskBar {
     resize(): void;
     showHoverBar(x: number, y: number, width: number, height: number, target?: Group): void;
     hideHoverBar(): void;
+    createSelectedBorder(x: number, y: number, width: number, height: number, attachedToTaskBarNode: GanttTaskBarNode, showLinkPoint?: boolean): void;
+    removeSelectedBorder(): void;
+    removeSecondSelectedBorder(): void;
+    updateCreatingDependencyLine(x1: number, y1: number, x2: number, y2: number): void;
+    getTaskBarNodeByIndex(index: number): Group;
 }

package/es/scenegraph/task-bar.js

@@ -1,4 +1,4 @@
-import { Group, createText, createRect, Image } from "@visactor/vtable/es/vrender";
+import { Group, createText, createRect, Image, Circle, Line } from "@visactor/vtable/es/vrender";
 
 import { createDateAtMidnight, parseStringTemplate, toBoxArray } from "../tools/util";
 
@@ -6,7 +6,7 @@ import { isValid } from "@visactor/vutils";
 
 import { getTextPos } from "../gantt-helper";
 
-import { GanttTaskBarNode } from "./ganttNode";
+import { GanttTaskBarNode } from "./gantt-node";
 
 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>';
 
@@ -14,8 +14,8 @@ export const TASKBAR_HOVER_ICON_WIDTH = 10;
 
 export class TaskBar {
     constructor(scene) {
-        this._scene = scene, this.width = scene._gantt.tableNoFrameWidth, this.height = scene._gantt.gridHeight, 
-        this.group = new Group({
+        this.selectedBorders = [], this._scene = scene, this.width = scene._gantt.tableNoFrameWidth, 
+        this.height = scene._gantt.gridHeight, this.group = new Group({
             x: 0,
             y: scene._gantt.getAllHeaderRowsHeight(),
             width: this.width,
@@ -42,7 +42,7 @@ export class TaskBar {
     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;
+        if (taskDays <= 0 || !startDate || !endDate) return null;
         const taskBarSize = this._scene._gantt.parsedOptions.colWidthPerDay * taskDays, taskbarHeight = this._scene._gantt.parsedOptions.taskBarStyle.width, minDate = createDateAtMidnight(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,
@@ -52,7 +52,7 @@ export class TaskBar {
             clip: !0
         });
         let rootContainer;
-        barGroup.name = "task-bar";
+        barGroup.name = "task-bar", barGroup.id = index;
         let renderDefaultBar = !0, renderDefaultText = !0;
         if (taskBarCustomLayout) {
             let customLayoutObj;
@@ -195,5 +195,98 @@ export class TaskBar {
     hideHoverBar() {
         this.hoverBarGroup.setAttribute("visibleAll", !1);
     }
+    createSelectedBorder(x, y, width, height, attachedToTaskBarNode, showLinkPoint = !1) {
+        var _a;
+        const selectedBorder = new Group({
+            x: x,
+            y: y,
+            width: width,
+            height: height,
+            lineWidth: this._scene._gantt.parsedOptions.taskBarSelectedStyle.borderLineWidth,
+            pickable: !1,
+            cornerRadius: null !== (_a = this._scene._gantt.parsedOptions.taskBarStyle.cornerRadius) && void 0 !== _a ? _a : 0,
+            fill: !1,
+            stroke: this._scene._gantt.parsedOptions.taskBarSelectedStyle.borderColor,
+            shadowColor: this._scene._gantt.parsedOptions.taskBarSelectedStyle.shadowColor,
+            shadowOffsetX: this._scene._gantt.parsedOptions.taskBarSelectedStyle.shadowOffsetX,
+            shadowOffsetY: this._scene._gantt.parsedOptions.taskBarSelectedStyle.shadowOffsetY,
+            shadowBlur: this._scene._gantt.parsedOptions.taskBarSelectedStyle.shadowBlur,
+            attachedToTaskBarNode: attachedToTaskBarNode
+        });
+        if (selectedBorder.name = "task-bar-select-border", this.barContainer.appendChild(selectedBorder), 
+        this.selectedBorders.push(selectedBorder), showLinkPoint) {
+            const linkPointContainer = new Group({
+                x: -10,
+                y: 0,
+                width: 10,
+                height: height,
+                pickable: !0
+            }), linkPoint = new Circle({
+                x: 5,
+                y: height / 2,
+                radius: this._scene._gantt.parsedOptions.dependencyLinkLineCreatePointStyle.radius,
+                fill: this._scene._gantt.parsedOptions.dependencyLinkLineCreatePointStyle.fillColor,
+                stroke: this._scene._gantt.parsedOptions.dependencyLinkLineCreatePointStyle.strokeColor,
+                lineWidth: this._scene._gantt.parsedOptions.dependencyLinkLineCreatePointStyle.strokeWidth,
+                pickable: !1
+            });
+            linkPointContainer.appendChild(linkPoint), linkPointContainer.name = "task-bar-link-point-left", 
+            selectedBorder.appendChild(linkPointContainer);
+            const linkPointContainer1 = new Group({
+                x: width,
+                y: 0,
+                width: 10,
+                height: height,
+                pickable: !0
+            }), linkPoint1 = new Circle({
+                x: 5,
+                y: height / 2,
+                radius: this._scene._gantt.parsedOptions.dependencyLinkLineCreatePointStyle.radius,
+                fill: this._scene._gantt.parsedOptions.dependencyLinkLineCreatePointStyle.fillColor,
+                stroke: this._scene._gantt.parsedOptions.dependencyLinkLineCreatePointStyle.strokeColor,
+                lineWidth: this._scene._gantt.parsedOptions.dependencyLinkLineCreatePointStyle.strokeWidth,
+                pickable: !1,
+                pickStrokeBuffer: 10
+            });
+            linkPointContainer1.appendChild(linkPoint1), linkPointContainer1.name = "task-bar-link-point-right", 
+            selectedBorder.appendChild(linkPointContainer1);
+        }
+    }
+    removeSelectedBorder() {
+        this.selectedBorders.forEach((border => {
+            border.delete();
+        })), this.selectedBorders = [];
+    }
+    removeSecondSelectedBorder() {
+        if (2 === this.selectedBorders.length) {
+            this.selectedBorders.pop().delete();
+        }
+    }
+    updateCreatingDependencyLine(x1, y1, x2, y2) {
+        this.creatingDependencyLine && (this.creatingDependencyLine.delete(), this.creatingDependencyLine = void 0);
+        const line = new Line({
+            points: [ {
+                x: x1,
+                y: y1
+            }, {
+                x: x2,
+                y: y2
+            } ],
+            stroke: this._scene._gantt.parsedOptions.dependencyLinkLineCreatingStyle.lineColor,
+            lineWidth: this._scene._gantt.parsedOptions.dependencyLinkLineCreatingStyle.lineWidth,
+            lineDash: this._scene._gantt.parsedOptions.dependencyLinkLineCreatingStyle.lineDash,
+            pickable: !1
+        });
+        this.creatingDependencyLine = line, this.selectedBorders[0].appendChild(line);
+    }
+    getTaskBarNodeByIndex(index) {
+        let c = this.barContainer.firstChild;
+        if (!c) return null;
+        for (let i = 0; i < this.barContainer.childrenCount; i++) {
+            if (c.id === index) return c;
+            c = c._next;
+        }
+        return null;
+    }
 }
 //# sourceMappingURL=task-bar.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/scenegraph/task-bar.ts"],"names":[],"mappings":"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","file":"task-bar.js","sourcesContent":["import { Group, createText, createRect, Image } from '@visactor/vtable/es/vrender';\nimport type { Scenegraph } from './scenegraph';\n// import { Icon } from './icon';\nimport { createDateAtMidnight, 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>`;\nexport const TASKBAR_HOVER_ICON_WIDTH = 10;\n\nexport class TaskBar {\n  group: Group;\n  barContainer: Group;\n  hoverBarGroup: Group;\n  hoverBarLeftIcon: Image;\n  hoverBarRightIcon: 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 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 Group({\n      x: 0,\n      y: 0,\n      width: this._scene._gantt._getAllColsWidth(),\n      height: this._scene._gantt.getAllTaskBarsHeight(),\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 = createDateAtMidnight(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 = 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 = 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 = 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 - TASKBAR_HOVER_ICON_WIDTH,\n        textBaseline,\n        textAlign,\n        ellipsis:\n          textOverflow === 'clip'\n            ? ''\n            : textOverflow === 'ellipsis'\n            ? '...'\n            : isValid(textOverflow)\n            ? textOverflow\n            : undefined,\n        poptip: {\n          position: 'bottom',\n          dx: (taskBarSize - TASKBAR_HOVER_ICON_WIDTH) / 4\n        }\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 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 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:\n        this._scene._gantt.parsedOptions.taskBarHoverStyle.cornerRadius ??\n        this._scene._gantt.parsedOptions.taskBarStyle.cornerRadius ??\n        0,\n      fill: this._scene._gantt.parsedOptions.taskBarHoverStyle.barOverlayColor,\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 Image({\n        x: 0,\n        y: 0, //this._scene._gantt.parsedOptions.rowHeight - taskbarHeight) / 2,\n        width: TASKBAR_HOVER_ICON_WIDTH,\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 Image({\n        x: 0,\n        y: 0, //this._scene._gantt.parsedOptions.rowHeight - taskbarHeight) / 2,\n        width: TASKBAR_HOVER_ICON_WIDTH,\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  refresh() {\n    this.width = this._scene._gantt.tableNoFrameWidth;\n    this.height = this._scene._gantt.gridHeight;\n    this.group.setAttributes({\n      height: this.height,\n      width: this.width,\n      y: this._scene._gantt.getAllHeaderRowsHeight()\n    });\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?: 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', TASKBAR_HOVER_ICON_WIDTH);\n      this.hoverBarLeftIcon.setAttribute('height', height - 2 * Math.ceil(height / 10));\n      this.hoverBarRightIcon.setAttribute('x', width - TASKBAR_HOVER_ICON_WIDTH);\n      this.hoverBarRightIcon.setAttribute('y', Math.ceil(height / 10));\n      this.hoverBarRightIcon.setAttribute('width', TASKBAR_HOVER_ICON_WIDTH);\n      this.hoverBarRightIcon.setAttribute('height', height - 2 * Math.ceil(height / 10));\n    }\n  }\n  hideHoverBar() {\n    this.hoverBarGroup.setAttribute('visibleAll', false);\n  }\n}\n"]}
+{"version":3,"sources":["../src/scenegraph/task-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAQ,MAAM,6BAA6B,CAAC;AAGvG,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACtF,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,kBAAkB,GAAG;;;OAGpB,CAAC;AACR,MAAM,CAAC,MAAM,wBAAwB,GAAG,EAAE,CAAC;AAE3C,MAAM,OAAO,OAAO;IAWlB,YAAY,KAAiB;QAD7B,oBAAe,GAAY,EAAE,CAAC;QAE5B,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,KAAK,CAAC;YACrB,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,KAAK,CAAC;YAC5B,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE;YAC5C,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,oBAAoB,EAAE;YACjD,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,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO,EAAE;YAC3C,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,oBAAoB,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC/E,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;QAC3B,QAAQ,CAAC,EAAE,GAAG,KAAK,CAAC;QAEpB,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,UAAU,CAAC;gBACtB,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,UAAU,CAAC;gBAC/B,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,UAAU,CAAC;gBAGvB,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,wBAAwB;gBACpD,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;gBACf,MAAM,EAAE;oBACN,QAAQ,EAAE,QAAQ;oBAClB,EAAE,EAAE,CAAC,WAAW,GAAG,wBAAwB,CAAC,GAAG,CAAC;iBACjD;aAGF,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;;QACf,MAAM,aAAa,GAAG,IAAI,KAAK,CAAC;YAC9B,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,EACV,MAAA,MAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,iBAAiB,CAAC,YAAY,mCAC/D,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,YAAY,mCAC1D,CAAC;YACH,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,iBAAiB,CAAC,eAAe;YACxE,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,KAAK,CAAC;gBACrB,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,KAAK,EAAE,wBAAwB;gBAC/B,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,KAAK,CAAC;gBAC1B,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,KAAK,EAAE,wBAAwB;gBAC/B,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;IAED,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,OAAO;QACL,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,aAAa,CAAC;YACvB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,sBAAsB,EAAE;SAC/C,CAAC,CAAC;QACH,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,MAAc;QAC9E,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,wBAAwB,CAAC,CAAC;YACtE,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,wBAAwB,CAAC,CAAC;YAC3E,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,wBAAwB,CAAC,CAAC;YACvE,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;IAED,oBAAoB,CAClB,CAAS,EACT,CAAS,EACT,KAAa,EACb,MAAc,EACd,qBAAuC,EACvC,gBAAyB,KAAK;;QAE9B,MAAM,cAAc,GAAG,IAAI,KAAK,CAAC;YAC/B,CAAC;YACD,CAAC;YACD,KAAK;YACL,MAAM;YACN,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,oBAAoB,CAAC,eAAe;YAChF,QAAQ,EAAE,KAAK;YACf,YAAY,EAAE,MAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,YAAY,mCAAI,CAAC;YAC7E,IAAI,EAAE,KAAK;YACX,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,oBAAoB,CAAC,WAAW;YACzE,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,oBAAoB,CAAC,WAAW;YAC9E,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,oBAAoB,CAAC,aAAa;YAClF,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,oBAAoB,CAAC,aAAa;YAClF,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,oBAAoB,CAAC,UAAU;YAC5E,qBAAqB,EAAE,qBAAqB;SAC7C,CAAC,CAAC;QACH,cAAc,CAAC,IAAI,GAAG,wBAAwB,CAAC;QAC/C,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QAC9C,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAE1C,IAAI,aAAa,EAAE;YACjB,MAAM,kBAAkB,GAAG,IAAI,KAAK,CAAC;gBACnC,CAAC,EAAE,CAAC,EAAE;gBACN,CAAC,EAAE,CAAC;gBACJ,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC;YACH,MAAM,SAAS,GAAG,IAAI,MAAM,CAAC;gBAC3B,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,MAAM,GAAG,CAAC;gBACb,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,kCAAkC,CAAC,MAAM;gBAClF,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,kCAAkC,CAAC,SAAS;gBACnF,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,kCAAkC,CAAC,WAAW;gBACvF,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,kCAAkC,CAAC,WAAW;gBAC1F,QAAQ,EAAE,KAAK;aAChB,CAAC,CAAC;YACH,kBAAkB,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;YAC1C,kBAAkB,CAAC,IAAI,GAAG,0BAA0B,CAAC;YACrD,cAAc,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;YAE/C,MAAM,mBAAmB,GAAG,IAAI,KAAK,CAAC;gBACpC,CAAC,EAAE,KAAK;gBACR,CAAC,EAAE,CAAC;gBACJ,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC;YACH,MAAM,UAAU,GAAG,IAAI,MAAM,CAAC;gBAC5B,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,MAAM,GAAG,CAAC;gBACb,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,kCAAkC,CAAC,MAAM;gBAClF,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,kCAAkC,CAAC,SAAS;gBACnF,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,kCAAkC,CAAC,WAAW;gBACvF,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,kCAAkC,CAAC,WAAW;gBAC1F,QAAQ,EAAE,KAAK;gBACf,gBAAgB,EAAE,EAAE;aACrB,CAAC,CAAC;YACH,mBAAmB,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC5C,mBAAmB,CAAC,IAAI,GAAG,2BAA2B,CAAC;YACvD,cAAc,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;SACjD;IACH,CAAC;IACD,oBAAoB;QAClB,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YACpC,MAAM,CAAC,MAAM,EAAE,CAAC;QAClB,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;IAC5B,CAAC;IACD,0BAA0B;QACxB,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE;YACrC,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,GAAG,EAAE,CAAC;YAChD,YAAY,CAAC,MAAM,EAAE,CAAC;SACvB;IACH,CAAC;IACD,4BAA4B,CAAC,EAAU,EAAE,EAAU,EAAE,EAAU,EAAE,EAAU;QACzE,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC/B,IAAI,CAAC,sBAAsB,CAAC,MAAM,EAAE,CAAC;YACrC,IAAI,CAAC,sBAAsB,GAAG,SAAS,CAAC;SACzC;QACD,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC;YACpB,MAAM,EAAE;gBACN,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE;gBAChB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE;aACjB;YACD,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,+BAA+B,CAAC,SAAS;YAClF,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,+BAA+B,CAAC,SAAS;YACrF,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,+BAA+B,CAAC,QAAQ;YACnF,QAAQ,EAAE,KAAK;SAChB,CAAC,CAAC;QACH,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;QACnC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC;IAED,qBAAqB,CAAC,KAAa;QACjC,IAAI,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,UAAmB,CAAC;QAC9C,IAAI,CAAC,CAAC,EAAE;YACN,OAAO,IAAI,CAAC;SACb;QACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,EAAE,EAAE;YACxD,IAAI,CAAC,CAAC,EAAE,KAAK,KAAK,EAAE;gBAClB,OAAO,CAAC,CAAC;aACV;YACD,CAAC,GAAG,CAAC,CAAC,KAAc,CAAC;SACtB;QACD,OAAO,IAAI,CAAC;IACd,CAAC;CACF","file":"task-bar.js","sourcesContent":["import { Group, createText, createRect, Image, Circle, Line, Rect } from '@visactor/vtable/es/vrender';\nimport type { Scenegraph } from './scenegraph';\n// import { Icon } from './icon';\nimport { createDateAtMidnight, parseStringTemplate, toBoxArray } from '../tools/util';\nimport { isValid } from '@visactor/vutils';\nimport { getTextPos } from '../gantt-helper';\nimport { GanttTaskBarNode } from './gantt-node';\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>`;\nexport const TASKBAR_HOVER_ICON_WIDTH = 10;\n\nexport class TaskBar {\n  group: Group;\n  barContainer: Group;\n  hoverBarGroup: Group;\n  creatingDependencyLine: Line;\n  hoverBarLeftIcon: Image;\n  hoverBarRightIcon: Image;\n  _scene: Scenegraph;\n  width: number;\n  height: number;\n  selectedBorders: Group[] = [];\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 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 Group({\n      x: 0,\n      y: 0,\n      width: this._scene._gantt._getAllColsWidth(),\n      height: this._scene._gantt.getAllTaskBarsHeight(),\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 || !startDate || !endDate) {\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 = createDateAtMidnight(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    barGroup.id = index;\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 = 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 = 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 = 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 - TASKBAR_HOVER_ICON_WIDTH,\n        textBaseline,\n        textAlign,\n        ellipsis:\n          textOverflow === 'clip'\n            ? ''\n            : textOverflow === 'ellipsis'\n            ? '...'\n            : isValid(textOverflow)\n            ? textOverflow\n            : undefined,\n        poptip: {\n          position: 'bottom',\n          dx: (taskBarSize - TASKBAR_HOVER_ICON_WIDTH) / 4\n        }\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 hoverBarGroup = new 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:\n        this._scene._gantt.parsedOptions.taskBarHoverStyle.cornerRadius ??\n        this._scene._gantt.parsedOptions.taskBarStyle.cornerRadius ??\n        0,\n      fill: this._scene._gantt.parsedOptions.taskBarHoverStyle.barOverlayColor,\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 Image({\n        x: 0,\n        y: 0, //this._scene._gantt.parsedOptions.rowHeight - taskbarHeight) / 2,\n        width: TASKBAR_HOVER_ICON_WIDTH,\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 Image({\n        x: 0,\n        y: 0, //this._scene._gantt.parsedOptions.rowHeight - taskbarHeight) / 2,\n        width: TASKBAR_HOVER_ICON_WIDTH,\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\n  setX(x: number) {\n    this.barContainer.setAttribute('x', x);\n  }\n  setY(y: number) {\n    this.barContainer.setAttribute('y', y);\n  }\n  /** 重新创建任务条节点 */\n  refresh() {\n    this.width = this._scene._gantt.tableNoFrameWidth;\n    this.height = this._scene._gantt.gridHeight;\n    this.group.setAttributes({\n      height: this.height,\n      width: this.width,\n      y: this._scene._gantt.getAllHeaderRowsHeight()\n    });\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?: 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', TASKBAR_HOVER_ICON_WIDTH);\n      this.hoverBarLeftIcon.setAttribute('height', height - 2 * Math.ceil(height / 10));\n      this.hoverBarRightIcon.setAttribute('x', width - TASKBAR_HOVER_ICON_WIDTH);\n      this.hoverBarRightIcon.setAttribute('y', Math.ceil(height / 10));\n      this.hoverBarRightIcon.setAttribute('width', TASKBAR_HOVER_ICON_WIDTH);\n      this.hoverBarRightIcon.setAttribute('height', height - 2 * Math.ceil(height / 10));\n    }\n  }\n  hideHoverBar() {\n    this.hoverBarGroup.setAttribute('visibleAll', false);\n  }\n\n  createSelectedBorder(\n    x: number,\n    y: number,\n    width: number,\n    height: number,\n    attachedToTaskBarNode: GanttTaskBarNode,\n    showLinkPoint: boolean = false\n  ) {\n    const selectedBorder = new Group({\n      x,\n      y,\n      width,\n      height,\n      lineWidth: this._scene._gantt.parsedOptions.taskBarSelectedStyle.borderLineWidth,\n      pickable: false,\n      cornerRadius: this._scene._gantt.parsedOptions.taskBarStyle.cornerRadius ?? 0,\n      fill: false,\n      stroke: this._scene._gantt.parsedOptions.taskBarSelectedStyle.borderColor,\n      shadowColor: this._scene._gantt.parsedOptions.taskBarSelectedStyle.shadowColor,\n      shadowOffsetX: this._scene._gantt.parsedOptions.taskBarSelectedStyle.shadowOffsetX,\n      shadowOffsetY: this._scene._gantt.parsedOptions.taskBarSelectedStyle.shadowOffsetY,\n      shadowBlur: this._scene._gantt.parsedOptions.taskBarSelectedStyle.shadowBlur,\n      attachedToTaskBarNode: attachedToTaskBarNode\n    });\n    selectedBorder.name = 'task-bar-select-border';\n    this.barContainer.appendChild(selectedBorder);\n    this.selectedBorders.push(selectedBorder);\n\n    if (showLinkPoint) {\n      const linkPointContainer = new Group({\n        x: -10,\n        y: 0,\n        width: 10,\n        height: height,\n        pickable: true\n      });\n      const linkPoint = new Circle({\n        x: 5,\n        y: height / 2,\n        radius: this._scene._gantt.parsedOptions.dependencyLinkLineCreatePointStyle.radius,\n        fill: this._scene._gantt.parsedOptions.dependencyLinkLineCreatePointStyle.fillColor,\n        stroke: this._scene._gantt.parsedOptions.dependencyLinkLineCreatePointStyle.strokeColor,\n        lineWidth: this._scene._gantt.parsedOptions.dependencyLinkLineCreatePointStyle.strokeWidth,\n        pickable: false\n      });\n      linkPointContainer.appendChild(linkPoint);\n      linkPointContainer.name = 'task-bar-link-point-left';\n      selectedBorder.appendChild(linkPointContainer);\n\n      const linkPointContainer1 = new Group({\n        x: width,\n        y: 0,\n        width: 10,\n        height: height,\n        pickable: true\n      });\n      const linkPoint1 = new Circle({\n        x: 5,\n        y: height / 2,\n        radius: this._scene._gantt.parsedOptions.dependencyLinkLineCreatePointStyle.radius,\n        fill: this._scene._gantt.parsedOptions.dependencyLinkLineCreatePointStyle.fillColor,\n        stroke: this._scene._gantt.parsedOptions.dependencyLinkLineCreatePointStyle.strokeColor,\n        lineWidth: this._scene._gantt.parsedOptions.dependencyLinkLineCreatePointStyle.strokeWidth,\n        pickable: false,\n        pickStrokeBuffer: 10\n      });\n      linkPointContainer1.appendChild(linkPoint1);\n      linkPointContainer1.name = 'task-bar-link-point-right';\n      selectedBorder.appendChild(linkPointContainer1);\n    }\n  }\n  removeSelectedBorder() {\n    this.selectedBorders.forEach(border => {\n      border.delete();\n    });\n    this.selectedBorders = [];\n  }\n  removeSecondSelectedBorder() {\n    if (this.selectedBorders.length === 2) {\n      const secondBorder = this.selectedBorders.pop();\n      secondBorder.delete();\n    }\n  }\n  updateCreatingDependencyLine(x1: number, y1: number, x2: number, y2: number) {\n    if (this.creatingDependencyLine) {\n      this.creatingDependencyLine.delete();\n      this.creatingDependencyLine = undefined;\n    }\n    const line = new Line({\n      points: [\n        { x: x1, y: y1 },\n        { x: x2, y: y2 }\n      ],\n      stroke: this._scene._gantt.parsedOptions.dependencyLinkLineCreatingStyle.lineColor,\n      lineWidth: this._scene._gantt.parsedOptions.dependencyLinkLineCreatingStyle.lineWidth,\n      lineDash: this._scene._gantt.parsedOptions.dependencyLinkLineCreatingStyle.lineDash,\n      pickable: false\n    });\n    this.creatingDependencyLine = line;\n    this.selectedBorders[0].appendChild(line);\n  }\n\n  getTaskBarNodeByIndex(index: number) {\n    let c = this.barContainer.firstChild as Group;\n    if (!c) {\n      return null;\n    }\n    for (let i = 0; i < this.barContainer.childrenCount; i++) {\n      if (c.id === index) {\n        return c;\n      }\n      c = c._next as Group;\n    }\n    return null;\n  }\n}\n"]}

package/es/scenegraph/task-creation-button.d.ts

@@ -0,0 +1,13 @@
+import { Group } from '@visactor/vtable/es/vrender';
+import type { ILine } from '@visactor/vtable/es/vrender';
+import type { Scenegraph } from './scenegraph';
+export declare class TaskCreationButton {
+    _scene: Scenegraph;
+    group: Group;
+    lineVertical: ILine;
+    lineHorizontal: ILine;
+    constructor(scene: Scenegraph);
+    createAddButton(): void;
+    show(x: number, y: number, width: number, height: number): void;
+    hide(): void;
+}

package/es/scenegraph/task-creation-button.js

@@ -0,0 +1,78 @@
+import { createLine, Group } from "@visactor/vtable/es/vrender";
+
+export class TaskCreationButton {
+    constructor(scene) {
+        this._scene = scene, this.createAddButton();
+    }
+    createAddButton() {
+        var _a;
+        this._scene._gantt.parsedOptions.taskBarCreationCustomLayout ? this.group = new Group({
+            x: 0,
+            y: 0,
+            width: 100,
+            height: 100
+        }) : (this.group = new Group({
+            x: 0,
+            y: 0,
+            width: 100,
+            height: 100,
+            lineDash: this._scene._gantt.parsedOptions.taskBarCreationButtonStyle.lineDash,
+            cursor: "pointer",
+            lineWidth: this._scene._gantt.parsedOptions.taskBarCreationButtonStyle.lineWidth,
+            stroke: this._scene._gantt.parsedOptions.taskBarCreationButtonStyle.lineColor,
+            cornerRadius: null !== (_a = this._scene._gantt.parsedOptions.taskBarCreationButtonStyle.cornerRadius) && void 0 !== _a ? _a : 0,
+            fill: this._scene._gantt.parsedOptions.taskBarCreationButtonStyle.backgroundColor
+        }), this.lineVertical = createLine({
+            pickable: !1,
+            stroke: this._scene._gantt.parsedOptions.taskBarCreationButtonStyle.lineColor,
+            lineWidth: this._scene._gantt.parsedOptions.taskBarCreationButtonStyle.lineWidth,
+            points: [ {
+                x: 50,
+                y: 0
+            }, {
+                x: 50,
+                y: 100
+            } ]
+        }), this.group.appendChild(this.lineVertical), this.lineHorizontal = createLine({
+            pickable: !1,
+            stroke: this._scene._gantt.parsedOptions.taskBarCreationButtonStyle.lineColor,
+            lineWidth: this._scene._gantt.parsedOptions.taskBarCreationButtonStyle.lineWidth,
+            points: [ {
+                x: 0,
+                y: 50
+            }, {
+                x: 100,
+                y: 50
+            } ]
+        }), this.group.appendChild(this.lineHorizontal)), this.group.name = "task-creation-button", 
+        this._scene.taskBar.group.addChild(this.group);
+    }
+    show(x, y, width, height) {
+        if (this._scene._gantt.parsedOptions.taskBarCreationCustomLayout) this.group.appendChild(this._scene._gantt.parsedOptions.taskBarCreationCustomLayout({
+            width: width,
+            height: height,
+            ganttInstance: this._scene._gantt
+        }).rootContainer); else {
+            const lineSize = Math.min(width, height) / 6;
+            this.lineHorizontal.setAttribute("points", [ {
+                x: (width - 4 * lineSize) / 2,
+                y: height / 2
+            }, {
+                x: (width - 4 * lineSize) / 2 + 4 * lineSize,
+                y: height / 2
+            } ]), this.lineVertical.setAttribute("points", [ {
+                x: width / 2,
+                y: (height - 4 * lineSize) / 2
+            }, {
+                x: width / 2,
+                y: (height - 4 * lineSize) / 2 + 4 * lineSize
+            } ]);
+        }
+        this.group.setAttribute("x", x), this.group.setAttribute("y", y), this.group.setAttribute("width", width), 
+        this.group.setAttribute("height", height), this.group.setAttribute("visibleAll", !0);
+    }
+    hide() {
+        this.group.setAttribute("visibleAll", !1), this._scene._gantt.parsedOptions.taskBarCreationCustomLayout && this.group.removeAllChild();
+    }
+}
+//# sourceMappingURL=task-creation-button.js.map

package/es/scenegraph/task-creation-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scenegraph/task-creation-button.ts"],"names":[],"mappings":"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","file":"task-creation-button.js","sourcesContent":["import { createLine, Group } from '@visactor/vtable/es/vrender';\nimport type { IRect, IGroupGraphicAttribute, IRectGraphicAttribute, ILine } from '@visactor/vtable/es/vrender';\n\nimport type { Scenegraph } from './scenegraph';\n\nexport class TaskCreationButton {\n  _scene: Scenegraph;\n  group: Group;\n  lineVertical: ILine;\n  lineHorizontal: ILine;\n  constructor(scene: Scenegraph) {\n    this._scene = scene;\n    this.createAddButton();\n  }\n  createAddButton() {\n    if (this._scene._gantt.parsedOptions.taskBarCreationCustomLayout) {\n      this.group = new Group({\n        x: 0,\n        y: 0,\n        width: 100,\n        height: 100\n      });\n    } else {\n      this.group = new Group({\n        x: 0,\n        y: 0,\n        width: 100,\n        height: 100,\n        lineDash: this._scene._gantt.parsedOptions.taskBarCreationButtonStyle.lineDash,\n        cursor: 'pointer',\n        lineWidth: this._scene._gantt.parsedOptions.taskBarCreationButtonStyle.lineWidth,\n        stroke: this._scene._gantt.parsedOptions.taskBarCreationButtonStyle.lineColor,\n        cornerRadius: this._scene._gantt.parsedOptions.taskBarCreationButtonStyle.cornerRadius ?? 0,\n        fill: this._scene._gantt.parsedOptions.taskBarCreationButtonStyle.backgroundColor\n      });\n\n      this.lineVertical = createLine({\n        pickable: false,\n        stroke: this._scene._gantt.parsedOptions.taskBarCreationButtonStyle.lineColor,\n        lineWidth: this._scene._gantt.parsedOptions.taskBarCreationButtonStyle.lineWidth,\n        points: [\n          { x: 50, y: 0 },\n          { x: 50, y: 100 }\n        ]\n      });\n      this.group.appendChild(this.lineVertical);\n      this.lineHorizontal = createLine({\n        pickable: false,\n        stroke: this._scene._gantt.parsedOptions.taskBarCreationButtonStyle.lineColor,\n        lineWidth: this._scene._gantt.parsedOptions.taskBarCreationButtonStyle.lineWidth,\n        points: [\n          { x: 0, y: 50 },\n          { x: 100, y: 50 }\n        ]\n      });\n      this.group.appendChild(this.lineHorizontal);\n    }\n    this.group.name = 'task-creation-button';\n    this._scene.taskBar.group.addChild(this.group);\n  }\n  show(x: number, y: number, width: number, height: number) {\n    if (this._scene._gantt.parsedOptions.taskBarCreationCustomLayout) {\n      this.group.appendChild(\n        this._scene._gantt.parsedOptions.taskBarCreationCustomLayout({\n          width,\n          height,\n          ganttInstance: this._scene._gantt\n        }).rootContainer\n      );\n    } else {\n      const lineSize = Math.min(width, height) / 6;\n      this.lineHorizontal.setAttribute('points', [\n        { x: (width - lineSize * 4) / 2, y: height / 2 },\n        { x: (width - lineSize * 4) / 2 + lineSize * 4, y: height / 2 }\n      ]);\n\n      this.lineVertical.setAttribute('points', [\n        { x: width / 2, y: (height - lineSize * 4) / 2 },\n        { x: width / 2, y: (height - lineSize * 4) / 2 + lineSize * 4 }\n      ]);\n    }\n    this.group.setAttribute('x', x);\n    this.group.setAttribute('y', y);\n    this.group.setAttribute('width', width);\n    this.group.setAttribute('height', height);\n    this.group.setAttribute('visibleAll', true);\n  }\n  hide() {\n    this.group.setAttribute('visibleAll', false);\n    if (this._scene._gantt.parsedOptions.taskBarCreationCustomLayout) {\n      this.group.removeAllChild();\n    }\n  }\n}\n"]}

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

@@ -4,3 +4,4 @@ export declare function syncScrollStateFromTable(gantt: Gantt): void;
 export declare function syncEditCellFromTable(gantt: Gantt): void;
 export declare function syncDragOrderFromTable(gantt: Gantt): void;
 export declare function syncTreeChangeFromTable(gantt: Gantt): void;
+export declare function syncSortFromTable(gantt: Gantt): void;

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

@@ -39,4 +39,13 @@ export function syncTreeChangeFromTable(gantt) {
         gantt.scenegraph.setX(-left), gantt.scenegraph.setY(-top);
     }));
 }
+
+export function syncSortFromTable(gantt) {
+    var _a;
+    null === (_a = gantt.taskListTableInstance) || void 0 === _a || _a.on("after_sort", (args => {
+        gantt.scenegraph.refreshTaskBars();
+        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

@@ -1 +1 @@
-{"version":3,"sources":["../src/state/gantt-table-sync.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,sBAAsB,CAAC,KAAY;IACjD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC;IACtC,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAAC;IAClC,KAAK,CAAC,qBAAqB,CAAC,YAAY,CAAC,YAAY,CAAC,cAAc,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;AAC1F,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,KAAY;;IACnD,IAAI,KAAK,CAAC,qBAAqB,EAAE;QAC/B,MAAA,KAAK,CAAC,qBAAqB,0CAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,IAAS,EAAE,EAAE;YACtD,IAAI,IAAI,CAAC,eAAe,KAAK,UAAU,EAAE;gBACvC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,qBAAqB,CAAC,YAAY,CAAC;gBAC5D,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAAC;gBAClC,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;aACxD;QACH,CAAC,CAAC,CAAC;KACJ;AACH,CAAC;AACD,MAAM,UAAU,qBAAqB,CAAC,KAAY;;IAChD,MAAA,KAAK,CAAC,qBAAqB,0CAAE,EAAE,CAAC,mBAAmB,EAAE,CAAC,IAAS,EAAE,EAAE;QACjE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;QAClD,KAAK,CAAC,eAAe,CAAC,GAAG,GAAG,KAAK,CAAC,qBAAqB,CAAC,sBAAsB,CAAC,CAAC;IAGlF,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,KAAY;;IACjD,MAAA,KAAK,CAAC,qBAAqB,0CAAE,EAAE,CAAC,wBAAwB,EAAE,CAAC,IAAS,EAAE,EAAE;QACtE,KAAK,CAAC,UAAU,CAAC,eAAe,EAAE,CAAC;QACnC,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,gBAAgB,CAAC;QACxD,MAAM,GAAG,GAAG,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,cAAc,CAAC;QACrD,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;QAC7B,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,KAAY;;IAClD,MAAA,KAAK,CAAC,qBAAqB,0CAAE,EAAE,CAAC,6BAA6B,EAAE,CAAC,IAAS,EAAE,EAAE;QAC3E,KAAK,CAAC,mBAAmB,EAAE,CAAC;QAC5B,KAAK,CAAC,uBAAuB,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;QACrE,KAAK,CAAC,UAAU,CAAC,sBAAsB,EAAE,CAAC;QAC1C,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,gBAAgB,CAAC;QACxD,MAAM,GAAG,GAAG,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,cAAc,CAAC;QACrD,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;QAC7B,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;AACL,CAAC","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, undefined, 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 syncEditCellFromTable(gantt: Gantt) {\n  gantt.taskListTableInstance?.on('change_cell_value', (args: any) => {\n    const { col, row, rawValue, changedValue } = args;\n    gantt._refreshTaskBar(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.verticalSplitResizeLine.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"]}
+{"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, undefined, 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 syncEditCellFromTable(gantt: Gantt) {\n  gantt.taskListTableInstance?.on('change_cell_value', (args: any) => {\n    const { col, row, rawValue, changedValue } = args;\n    gantt._refreshTaskBar(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.verticalSplitResizeLine.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}\nexport function syncSortFromTable(gantt: Gantt) {\n  gantt.taskListTableInstance?.on('after_sort', (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"]}