@visactor/vtable-gantt 1.20.2 → 1.21.0

package/es/index.js

@@ -10,7 +10,7 @@ import * as VTable from "./vtable";
 
 import * as plugins from "./plugins";
 
-export const version = "1.20.2";
+export const version = "1.21.0";
 
 export { TYPES, Gantt, tools, VRender, VTable, plugins };
 //# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,YAAY,CAAC;AAcpC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC;AAIhC,OAAO,EACL,KAAK,EAEL,KAAK,EAYL,KAAK,EACL,OAAO,EACP,MAAM,EACN,OAAO,EACR,CAAC","file":"index.js","sourcesContent":["import type { GanttConstructorOptions } from './ts-types';\nimport * as TYPES from './ts-types';\nimport type {\n  ColumnDefine,\n  ColumnsDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType\n} from '@visactor/vtable';\nimport { Gantt } from './Gantt';\nimport * as tools from './tools';\nimport * as VRender from './vrender';\nimport * as VTable from './vtable';\nimport * as plugins from './plugins';\nexport const version = \"1.20.2\";\n/**\n * @namespace VTableGantt\n */\nexport {\n  TYPES,\n  GanttConstructorOptions,\n  Gantt,\n  ColumnsDefine,\n  ColumnDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType,\n  tools,\n  VRender,\n  VTable,\n  plugins\n};\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,YAAY,CAAC;AAcpC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC;AAIhC,OAAO,EACL,KAAK,EAEL,KAAK,EAYL,KAAK,EACL,OAAO,EACP,MAAM,EACN,OAAO,EACR,CAAC","file":"index.js","sourcesContent":["import type { GanttConstructorOptions } from './ts-types';\nimport * as TYPES from './ts-types';\nimport type {\n  ColumnDefine,\n  ColumnsDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType\n} from '@visactor/vtable';\nimport { Gantt } from './Gantt';\nimport * as tools from './tools';\nimport * as VRender from './vrender';\nimport * as VTable from './vtable';\nimport * as plugins from './plugins';\nexport const version = \"1.21.0\";\n/**\n * @namespace VTableGantt\n */\nexport {\n  TYPES,\n  GanttConstructorOptions,\n  Gantt,\n  ColumnsDefine,\n  ColumnDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType,\n  tools,\n  VRender,\n  VTable,\n  plugins\n};\n"]}

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

@@ -1,8 +1,6 @@
 import { updateSplitLineAndResizeLine } from "../gantt-helper";
 
-import { TasksShowMode } from "../ts-types";
-
-import { TaskType } from "../ts-types";
+import { TasksShowMode, TaskType } from "../ts-types";
 
 export function syncScrollStateToTable(gantt) {
     const {scroll: scroll} = gantt.stateManager, {verticalBarPos: verticalBarPos} = scroll;
@@ -84,5 +82,5 @@ function _syncTableSize(gantt) {
     (null === (_f = null === (_e = gantt.options) || void 0 === _e ? void 0 : _e.taskListTable) || void 0 === _f ? void 0 : _f.minTableWidth) && (gantt.taskTableWidth = Math.max(null === (_h = null === (_g = gantt.options) || void 0 === _g ? void 0 : _g.taskListTable) || void 0 === _h ? void 0 : _h.minTableWidth, gantt.taskTableWidth)), 
     oldTaskTableWidth !== gantt.taskTableWidth && (gantt.element.style.left = gantt.taskTableWidth ? `${gantt.taskTableWidth}px` : "0px", 
     gantt.taskListTableInstance.setCanvasSize(gantt.taskTableWidth, gantt.tableNoFrameHeight + 2 * gantt.parsedOptions.outerFrameStyle.borderLineWidth), 
-    gantt._updateSize(), updateSplitLineAndResizeLine(gantt));
+    gantt._updateSize(), updateSplitLineAndResizeLine(gantt), gantt.zoomScaleManager && gantt.zoomScaleManager.handleTableWidthChange());
 }

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

@@ -1 +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';\nimport { updateSplitLineAndResizeLine } from '../gantt-helper';\nimport { TasksShowMode } from '../ts-types';\nimport { TaskType } from '../ts-types';\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        if (gantt.stateManager.scroll.verticalBarPos !== verticalBarPos) {\n          gantt.stateManager.setScrollTop(verticalBarPos, false);\n        }\n      }\n    });\n  }\n}\nexport function syncEditCellFromTable(gantt: Gantt) {\n  gantt.taskListTableInstance?.on('change_cell_value', (args: any) => {\n    const { col, row } = args;\n    if (!gantt.taskListTableInstance.isHeader(col, row)) {\n      gantt._refreshTaskBar(row - gantt.taskListTableInstance.columnHeaderLevelCount);\n    }\n    // const record = gantt.getRecordByIndex(row - gantt.taskListTableInstance.columnHeaderLevelCount);\n    // debugger;\n  });\n}\n\nexport function syncTreeChangeFromTable(gantt: Gantt) {\n  gantt.taskListTableInstance?.on('tree_hierarchy_state_change', (args: any) => {\n    // Get the changed record and its hierarchy state from the event args\n    const { row, hierarchyState } = args;\n\n    if (gantt.parsedOptions.tasksShowMode === TasksShowMode.Project_Sub_Tasks_Inline) {\n      // For Project_Sub_Tasks_Inline mode, we need to ensure the record's hierarchy state is updated\n      // before refreshing the task bars\n      const recordIndex = row - gantt.taskListTableInstance.columnHeaderLevelCount;\n      const record = gantt.getRecordByIndex(recordIndex);\n\n      if (record && record.type === TaskType.PROJECT && record.children?.length > 0) {\n        // Update the record's hierarchyState explicitly to ensure it's synchronized\n        // console.log(\n        //   `Updating hierarchyState for record at index ${recordIndex} from ${record.hierarchyState} to ${hierarchyState}`\n        // );\n        record.hierarchyState = hierarchyState;\n      }\n    }\n\n    gantt._syncPropsFromTable();\n    gantt.scenegraph.refreshTaskBarsAndGrid();\n\n    if (\n      gantt.taskListTableInstance.checkHasColumnAutoWidth() &&\n      (gantt.options.taskListTable?.tableWidth === 'auto' || gantt.taskTableWidth === -1)\n    ) {\n      // 和监听resize_column事件处理逻辑一致\n      _syncTableSize(gantt);\n    }\n\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}\nexport function syncDragOrderFromTable(gantt: Gantt) {\n  gantt.taskListTableInstance?.on('change_header_position', (args: any) => {\n    if (\n      gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Arrange ||\n      gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Compact ||\n      gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Separate ||\n      gantt.parsedOptions.tasksShowMode === TasksShowMode.Project_Sub_Tasks_Inline\n    ) {\n      gantt.scenegraph.refreshTaskBarsAndGrid();\n    } else {\n      gantt.scenegraph.refreshTaskBars();\n    }\n    gantt.scenegraph.dragOrderLine.hideDragLine();\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  gantt.taskListTableInstance?.on('change_header_position_start', (args: any) => {\n    const { col, row, x, y, backX, lineX, backY, lineY, event } = args;\n\n    gantt.scenegraph.dragOrderLine.showDragLine(lineY);\n    gantt.scenegraph.updateNextFrame();\n  });\n  gantt.taskListTableInstance?.on('changing_header_position', (args: any) => {\n    const { col, row, x, y, backX, lineX, backY, lineY, event } = args;\n    gantt.scenegraph.dragOrderLine.showDragLine(lineY);\n    gantt.scenegraph.updateNextFrame();\n  });\n  gantt.taskListTableInstance?.on('change_header_position_fail', (args: any) => {\n    gantt.scenegraph.dragOrderLine.hideDragLine();\n    gantt.scenegraph.updateNextFrame();\n  });\n}\n\nexport function syncTableWidthFromTable(gantt: Gantt) {\n  gantt.taskListTableInstance?.on('resize_column', (args: any) => {\n    _syncTableSize(gantt);\n  });\n}\n\nfunction _syncTableSize(gantt: Gantt) {\n  const oldTaskTableWidth: number = gantt.taskTableWidth;\n\n  gantt.taskTableWidth =\n    gantt.taskListTableInstance.getAllColsWidth() + gantt.parsedOptions.outerFrameStyle.borderLineWidth;\n  if (gantt.options?.taskListTable?.maxTableWidth) {\n    gantt.taskTableWidth = Math.min(gantt.options?.taskListTable?.maxTableWidth, gantt.taskTableWidth);\n  }\n  if (gantt.options?.taskListTable?.minTableWidth) {\n    gantt.taskTableWidth = Math.max(gantt.options?.taskListTable?.minTableWidth, gantt.taskTableWidth);\n  }\n  if (oldTaskTableWidth === gantt.taskTableWidth) {\n    return;\n  }\n  gantt.element.style.left = gantt.taskTableWidth ? `${gantt.taskTableWidth}px` : '0px';\n  gantt.taskListTableInstance.setCanvasSize(\n    gantt.taskTableWidth,\n    gantt.tableNoFrameHeight + gantt.parsedOptions.outerFrameStyle.borderLineWidth * 2\n  );\n  gantt._updateSize();\n  updateSplitLineAndResizeLine(gantt);\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';\nimport { updateSplitLineAndResizeLine } from '../gantt-helper';\nimport { TasksShowMode, TaskType } from '../ts-types';\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        if (gantt.stateManager.scroll.verticalBarPos !== verticalBarPos) {\n          gantt.stateManager.setScrollTop(verticalBarPos, false);\n        }\n      }\n    });\n  }\n}\nexport function syncEditCellFromTable(gantt: Gantt) {\n  gantt.taskListTableInstance?.on('change_cell_value', (args: any) => {\n    const { col, row } = args;\n    if (!gantt.taskListTableInstance.isHeader(col, row)) {\n      gantt._refreshTaskBar(row - gantt.taskListTableInstance.columnHeaderLevelCount);\n    }\n    // const record = gantt.getRecordByIndex(row - gantt.taskListTableInstance.columnHeaderLevelCount);\n    // debugger;\n  });\n}\n\nexport function syncTreeChangeFromTable(gantt: Gantt) {\n  gantt.taskListTableInstance?.on('tree_hierarchy_state_change', (args: any) => {\n    // Get the changed record and its hierarchy state from the event args\n    const { row, hierarchyState } = args;\n\n    if (gantt.parsedOptions.tasksShowMode === TasksShowMode.Project_Sub_Tasks_Inline) {\n      // For Project_Sub_Tasks_Inline mode, we need to ensure the record's hierarchy state is updated\n      // before refreshing the task bars\n      const recordIndex = row - gantt.taskListTableInstance.columnHeaderLevelCount;\n      const record = gantt.getRecordByIndex(recordIndex);\n\n      if (record && record.type === TaskType.PROJECT && record.children?.length > 0) {\n        // Update the record's hierarchyState explicitly to ensure it's synchronized\n        // console.log(\n        //   `Updating hierarchyState for record at index ${recordIndex} from ${record.hierarchyState} to ${hierarchyState}`\n        // );\n        record.hierarchyState = hierarchyState;\n      }\n    }\n\n    gantt._syncPropsFromTable();\n    gantt.scenegraph.refreshTaskBarsAndGrid();\n\n    if (\n      gantt.taskListTableInstance.checkHasColumnAutoWidth() &&\n      (gantt.options.taskListTable?.tableWidth === 'auto' || gantt.taskTableWidth === -1)\n    ) {\n      // 和监听resize_column事件处理逻辑一致\n      _syncTableSize(gantt);\n    }\n\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}\nexport function syncDragOrderFromTable(gantt: Gantt) {\n  gantt.taskListTableInstance?.on('change_header_position', (args: any) => {\n    if (\n      gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Arrange ||\n      gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Compact ||\n      gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Separate ||\n      gantt.parsedOptions.tasksShowMode === TasksShowMode.Project_Sub_Tasks_Inline\n    ) {\n      gantt.scenegraph.refreshTaskBarsAndGrid();\n    } else {\n      gantt.scenegraph.refreshTaskBars();\n    }\n    gantt.scenegraph.dragOrderLine.hideDragLine();\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  gantt.taskListTableInstance?.on('change_header_position_start', (args: any) => {\n    const { col, row, x, y, backX, lineX, backY, lineY, event } = args;\n\n    gantt.scenegraph.dragOrderLine.showDragLine(lineY);\n    gantt.scenegraph.updateNextFrame();\n  });\n  gantt.taskListTableInstance?.on('changing_header_position', (args: any) => {\n    const { col, row, x, y, backX, lineX, backY, lineY, event } = args;\n    gantt.scenegraph.dragOrderLine.showDragLine(lineY);\n    gantt.scenegraph.updateNextFrame();\n  });\n  gantt.taskListTableInstance?.on('change_header_position_fail', (args: any) => {\n    gantt.scenegraph.dragOrderLine.hideDragLine();\n    gantt.scenegraph.updateNextFrame();\n  });\n}\n\nexport function syncTableWidthFromTable(gantt: Gantt) {\n  gantt.taskListTableInstance?.on('resize_column', (args: any) => {\n    _syncTableSize(gantt);\n  });\n}\n\nfunction _syncTableSize(gantt: Gantt) {\n  const oldTaskTableWidth: number = gantt.taskTableWidth;\n\n  gantt.taskTableWidth =\n    gantt.taskListTableInstance.getAllColsWidth() + gantt.parsedOptions.outerFrameStyle.borderLineWidth;\n  if (gantt.options?.taskListTable?.maxTableWidth) {\n    gantt.taskTableWidth = Math.min(gantt.options?.taskListTable?.maxTableWidth, gantt.taskTableWidth);\n  }\n  if (gantt.options?.taskListTable?.minTableWidth) {\n    gantt.taskTableWidth = Math.max(gantt.options?.taskListTable?.minTableWidth, gantt.taskTableWidth);\n  }\n  if (oldTaskTableWidth === gantt.taskTableWidth) {\n    return;\n  }\n  gantt.element.style.left = gantt.taskTableWidth ? `${gantt.taskTableWidth}px` : '0px';\n  gantt.taskListTableInstance.setCanvasSize(\n    gantt.taskTableWidth,\n    gantt.tableNoFrameHeight + gantt.parsedOptions.outerFrameStyle.borderLineWidth * 2\n  );\n  gantt._updateSize();\n  updateSplitLineAndResizeLine(gantt);\n\n  if (gantt.zoomScaleManager) {\n    gantt.zoomScaleManager.handleTableWidthChange();\n  }\n}\n"]}

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

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { Gantt } from '../Gantt';
 import type { ITaskLink } from '../ts-types';
 import { InteractionState, DependencyType } from '../ts-types';
@@ -53,6 +54,7 @@ export declare class StateManager {
     resizeTableWidth: {
         lastX: number;
         resizing: boolean;
+        updateTimeout?: NodeJS.Timeout | null;
     };
     selectedDenpendencyLink: {
         link: ITaskLink & {

package/es/state/state-manager.js

@@ -396,7 +396,7 @@ export class StateManager {
         return this.resizeTableWidth.resizing;
     }
     endResizeTableWidth() {
-        this.resizeTableWidth.resizing = !1;
+        this.resizeTableWidth.resizing = !1, this._gantt.zoomScaleManager && this._gantt.zoomScaleManager.handleTableWidthChange();
     }
     dealResizeTableWidth(e) {
         var _a, _b;
@@ -408,7 +408,10 @@ export class StateManager {
             deltaX > 0 && width > maxWidth && (width = maxWidth), deltaX < 0 && width < minWidth && (width = minWidth), 
             this._gantt.taskTableWidth = width, this._gantt.element.style.left = this._gantt.taskTableWidth ? `${this._gantt.taskTableWidth}px` : "0px", 
             this._gantt.verticalSplitResizeLine.style.left = this._gantt.taskTableWidth ? this._gantt.taskTableWidth - 7 + "px" : "0px", 
-            this._gantt._resize(), this.resizeTableWidth.lastX = e.pageX;
+            this._gantt._resize(), this.resizeTableWidth.lastX = e.pageX, this._gantt.zoomScaleManager && !this.resizeTableWidth.updateTimeout && (this.resizeTableWidth.updateTimeout = setTimeout((() => {
+                this._gantt.zoomScaleManager && this._gantt.zoomScaleManager.handleTableWidthChange(), 
+                this.resizeTableWidth.updateTimeout = null;
+            }), 50));
         }
     }
     showTaskBarHover() {