@visactor/vtable-gantt 1.26.4 → 1.26.6

package/es/Gantt.d.ts

@@ -153,7 +153,7 @@ export declare class Gantt extends EventTarget {
     getRecordIndexByTaskShowIndex(showIndex: number): number | number[];
     getTaskShowIndexByRecordIndex(index: number | number[]): number;
     getRecordByIndex(taskShowIndex: number, sub_task_index?: number | number[]): any;
-    _refreshTaskBar(taskShowIndex: number, sub_task_index?: number): void;
+    _refreshTaskBar(taskShowIndex: number, sub_task_index?: number | number[]): void;
     _updateRecordToListTable(record: any, index: number | number[]): void;
     private _refreshSortedTaskBarsAfterRecordUpdate;
     getTaskInfoByTaskListIndex(taskShowIndex: number, sub_task_index?: number | number[]): {
@@ -169,12 +169,12 @@ export declare class Gantt extends EventTarget {
         baselineDays: number;
     };
     _updateStartDateToTaskRecord(startDate: Date, index: number, sub_task_index?: number | number[]): void;
-    _updateEndDateToTaskRecord(endDate: Date, index: number, sub_task_index?: number): void;
-    _updateStartEndDateToTaskRecord(startDate: Date, endDate: Date, index: number, sub_task_index?: number): void;
-    _updateProgressToTaskRecord(progress: number, index: number, sub_task_index?: number): void;
+    _updateEndDateToTaskRecord(endDate: Date, index: number, sub_task_index?: number | number[]): void;
+    _updateStartEndDateToTaskRecord(startDate: Date, endDate: Date, index: number, sub_task_index?: number | number[]): void;
+    _updateProgressToTaskRecord(progress: number, index: number, sub_task_index?: number | number[]): void;
     _dragOrderTaskRecord(source_index: number, source_sub_task_index: number, target_index: number, target_sub_task_index: number): void;
     updateTaskRecord(record: any, task_index: number | number[]): void;
-    updateTaskRecord(record: any, task_index: number, sub_task_index: number): void;
+    updateTaskRecord(record: any, task_index: number, sub_task_index: number | number[]): void;
     setPixelRatio(pixelRatio: number): void;
     updateTasksShowMode(tasksShowMode: TasksShowMode): void;
     _resize(): void;
@@ -198,7 +198,7 @@ export declare class Gantt extends EventTarget {
     set scrollTop(value: number);
     get scrollLeft(): number;
     set scrollLeft(value: number);
-    getTaskBarRelativeRect(index: number): {
+    getTaskBarRelativeRect(index: number, sub_task_index?: number | number[]): {
         left: number;
         top: number;
         width: number;

package/es/Gantt.js

@@ -37,6 +37,11 @@ export function createRootElement(padding, className = "vtable-gantt") {
     element;
 }
 
+const DEFAULT_TIMELINE_SCALE = {
+    unit: "day",
+    step: 1
+};
+
 export class Gantt extends EventTarget {
     recalculateTimeScale() {
         this.zoomScaleManager && this.zoomScaleManager.recalculateTimeScale();
@@ -236,20 +241,22 @@ export class Gantt extends EventTarget {
         return this.element.parentElement;
     }
     _sortScales() {
-        const {timelineHeader: timelineHeader} = this.options;
-        if (timelineHeader) {
-            const timelineScales = timelineHeader.scales, sortOrder = [ "year", "quarter", "month", "week", "day", "hour", "minute", "second" ];
-            1 === timelineScales.length && ("hour" !== timelineScales[0].unit && "minute" !== timelineScales[0].unit && "second" !== timelineScales[0].unit || (this.parsedOptions.timeScaleIncludeHour = !0));
-            const orderedScales = timelineScales.slice().sort(((a, b) => {
-                "hour" !== a.unit && "minute" !== a.unit && "second" !== a.unit || (this.parsedOptions.timeScaleIncludeHour = !0);
-                const indexA = sortOrder.indexOf(a.unit), indexB = sortOrder.indexOf(b.unit);
-                return -1 === indexA ? 1 : -1 === indexB ? -1 : indexA - indexB;
-            })), reverseOrderedScales = timelineScales.slice().sort(((a, b) => {
-                const indexA = sortOrder.indexOf(a.unit), indexB = sortOrder.indexOf(b.unit);
-                return -1 === indexA ? 1 : -1 === indexB ? -1 : indexB - indexA;
-            }));
-            this.parsedOptions.sortedTimelineScales = orderedScales, this.parsedOptions.reverseSortedTimelineScales = reverseOrderedScales;
-        }
+        var _a, _b;
+        const {timelineHeader: timelineHeader} = this.options, zoomLevelScales = null === (_a = this.zoomScaleManager) || void 0 === _a ? void 0 : _a.config.levels[this.zoomScaleManager.getCurrentLevel()], defaultTimelineScale = Object.assign({}, DEFAULT_TIMELINE_SCALE);
+        let timelineScales;
+        timelineScales = (null === (_b = null == timelineHeader ? void 0 : timelineHeader.scales) || void 0 === _b ? void 0 : _b.length) > 0 ? timelineHeader.scales : (null == zoomLevelScales ? void 0 : zoomLevelScales.length) > 0 ? zoomLevelScales : [ defaultTimelineScale ], 
+        !timelineHeader || timelineHeader.scales && 0 !== timelineHeader.scales.length || (timelineHeader.scales = timelineScales.map((scale => Object.assign({}, scale))));
+        const sortOrder = [ "year", "quarter", "month", "week", "day", "hour", "minute", "second" ];
+        this.parsedOptions.timeScaleIncludeHour = !1, 1 === timelineScales.length && ("hour" !== timelineScales[0].unit && "minute" !== timelineScales[0].unit && "second" !== timelineScales[0].unit || (this.parsedOptions.timeScaleIncludeHour = !0));
+        const orderedScales = timelineScales.slice().sort(((a, b) => {
+            "hour" !== a.unit && "minute" !== a.unit && "second" !== a.unit || (this.parsedOptions.timeScaleIncludeHour = !0);
+            const indexA = sortOrder.indexOf(a.unit), indexB = sortOrder.indexOf(b.unit);
+            return -1 === indexA ? 1 : -1 === indexB ? -1 : indexA - indexB;
+        })), reverseOrderedScales = timelineScales.slice().sort(((a, b) => {
+            const indexA = sortOrder.indexOf(a.unit), indexB = sortOrder.indexOf(b.unit);
+            return -1 === indexA ? 1 : -1 === indexB ? -1 : indexB - indexA;
+        }));
+        this.parsedOptions.sortedTimelineScales = orderedScales, this.parsedOptions.reverseSortedTimelineScales = reverseOrderedScales;
     }
     _generateTimeLineDateMap() {
         if (this.parsedOptions.minDate && this.parsedOptions.maxDate) for (const scale of this.parsedOptions.reverseSortedTimelineScales) scale.timelineDates = generateTimeLineDate(new Date(this.parsedOptions.minDate), this.parsedOptions.maxDate, scale);
@@ -376,7 +383,7 @@ export class Gantt extends EventTarget {
         return this.records[taskShowIndex];
     }
     _refreshTaskBar(taskShowIndex, sub_task_index) {
-        this.scenegraph.taskBar.updateTaskBarNode(taskShowIndex, sub_task_index), this.scenegraph.refreshRecordLinkNodes(taskShowIndex, void 0, this.scenegraph.taskBar.getTaskBarNodeByIndex(taskShowIndex, sub_task_index)), 
+        this.scenegraph.taskBar.updateTaskBarNode(taskShowIndex, sub_task_index), this.scenegraph.refreshRecordLinkNodes(taskShowIndex, sub_task_index, this.scenegraph.taskBar.getTaskBarNodeByIndex(taskShowIndex, sub_task_index)), 
         this.scenegraph.updateNextFrame();
     }
     _updateRecordToListTable(record, index) {
@@ -453,7 +460,8 @@ export class Gantt extends EventTarget {
     _updateStartDateToTaskRecord(startDate, index, sub_task_index) {
         var _a;
         const taskRecord = this.getRecordByIndex(index, sub_task_index), startDateField = this.parsedOptions.startDateField, dateFormat = null !== (_a = this.parsedOptions.dateFormat) && void 0 !== _a ? _a : parseDateFormat(taskRecord[startDateField]), newStartDate = formatDate(startDate, dateFormat);
-        if (taskRecord[startDateField] = newStartDate, isValid(sub_task_index)) Array.isArray(sub_task_index) && this.stateManager.updateProjectTaskTimes(sub_task_index); else {
+        if (taskRecord[startDateField] = newStartDate, isValid(sub_task_index)) Array.isArray(sub_task_index) && (this._updateRecordToListTable(taskRecord, sub_task_index), 
+        this.stateManager.updateProjectTaskTimes(sub_task_index)); else {
             const recordIndex = this.getRecordIndexByTaskShowIndex(index);
             this._updateRecordToListTable(taskRecord, Array.isArray(recordIndex) ? recordIndex : index), 
             Array.isArray(recordIndex) && this.stateManager.updateProjectTaskTimes(recordIndex), 
@@ -463,7 +471,8 @@ export class Gantt extends EventTarget {
     _updateEndDateToTaskRecord(endDate, index, sub_task_index) {
         var _a;
         const taskRecord = this.getRecordByIndex(index, sub_task_index), endDateField = this.parsedOptions.endDateField, dateFormat = null !== (_a = this.parsedOptions.dateFormat) && void 0 !== _a ? _a : parseDateFormat(taskRecord[endDateField]), newEndDate = formatDate(endDate, dateFormat);
-        if (taskRecord[endDateField] = newEndDate, isValid(sub_task_index)) Array.isArray(sub_task_index) && this.stateManager.updateProjectTaskTimes(sub_task_index); else {
+        if (taskRecord[endDateField] = newEndDate, isValid(sub_task_index)) Array.isArray(sub_task_index) && (this._updateRecordToListTable(taskRecord, sub_task_index), 
+        this.stateManager.updateProjectTaskTimes(sub_task_index)); else {
             const recordIndex = this.getRecordIndexByTaskShowIndex(index);
             this._updateRecordToListTable(taskRecord, Array.isArray(recordIndex) ? recordIndex : index), 
             Array.isArray(recordIndex) && this.stateManager.updateProjectTaskTimes(recordIndex), 
@@ -475,7 +484,8 @@ export class Gantt extends EventTarget {
         const taskRecord = this.getRecordByIndex(index, sub_task_index), startDateField = this.parsedOptions.startDateField, endDateField = this.parsedOptions.endDateField, dateFormat = null !== (_a = this.parsedOptions.dateFormat) && void 0 !== _a ? _a : parseDateFormat(taskRecord[startDateField]), newStartDate = formatDate(startDate, dateFormat);
         taskRecord[startDateField] = newStartDate;
         const newEndDate = formatDate(endDate, dateFormat);
-        if (taskRecord[endDateField] = newEndDate, isValid(sub_task_index)) Array.isArray(sub_task_index) && this.stateManager.updateProjectTaskTimes(sub_task_index); else {
+        if (taskRecord[endDateField] = newEndDate, isValid(sub_task_index)) Array.isArray(sub_task_index) && (this._updateRecordToListTable(taskRecord, sub_task_index), 
+        this.stateManager.updateProjectTaskTimes(sub_task_index)); else {
             const recordIndex = this.getRecordIndexByTaskShowIndex(index);
             this._updateRecordToListTable(taskRecord, Array.isArray(recordIndex) ? recordIndex : index), 
             Array.isArray(recordIndex) && this.stateManager.updateProjectTaskTimes(recordIndex), 
@@ -485,7 +495,8 @@ export class Gantt extends EventTarget {
     _updateProgressToTaskRecord(progress, index, sub_task_index) {
         const taskRecord = this.getRecordByIndex(index, sub_task_index), progressField = this.parsedOptions.progressField;
         if (progressField) {
-            taskRecord[progressField] = progress;
+            if (taskRecord[progressField] = progress, Array.isArray(sub_task_index)) return this._updateRecordToListTable(taskRecord, sub_task_index), 
+            void this._refreshTaskBar(index, sub_task_index);
             const recordIndex = this.getRecordIndexByTaskShowIndex(index);
             this._updateRecordToListTable(taskRecord, Array.isArray(recordIndex) ? recordIndex : index), 
             this._refreshSortedTaskBarsAfterRecordUpdate(recordIndex, index) || this._refreshTaskBar(index, sub_task_index);
@@ -497,7 +508,8 @@ export class Gantt extends EventTarget {
     updateTaskRecord(record, task_index, sub_task_index) {
         if (isValid(sub_task_index)) {
             const index = "number" == typeof task_index ? task_index : task_index[0];
-            return this._updateRecordToListTable(record, [ index, sub_task_index ]), void this._refreshTaskBar(index, sub_task_index);
+            return this._updateRecordToListTable(record, Array.isArray(sub_task_index) ? sub_task_index : [ index, sub_task_index ]), 
+            void this._refreshTaskBar(index, sub_task_index);
         }
         if (Array.isArray(task_index)) {
             const index = task_index[0], sub_index = task_index[1];
@@ -637,8 +649,9 @@ export class Gantt extends EventTarget {
     set scrollLeft(value) {
         this.stateManager.setScrollLeft(value);
     }
-    getTaskBarRelativeRect(index) {
-        const taskBarNode = this.scenegraph.taskBar.getTaskBarNodeByIndex(index);
+    getTaskBarRelativeRect(index, sub_task_index) {
+        const taskBarNode = this.scenegraph.taskBar.getTaskBarNodeByIndex(index, sub_task_index);
+        if (!taskBarNode) return null;
         return {
             left: taskBarNode.attribute.x + this.taskListTableInstance.tableNoFrameWidth + this.taskListTableInstance.tableX + this.tableX - this.scrollLeft,
             top: taskBarNode.attribute.y + this.tableY + this.headerHeight - this.scrollTop,