@visactor/vtable-gantt 1.23.3-alpha.0 → 1.24.0

package/cjs/Gantt.d.ts

@@ -52,6 +52,7 @@ export declare class Gantt extends EventTarget {
         taskBarStyle: ITaskBarStyle | ((interactionArgs: TaskBarInteractionArgumentType) => ITaskBarStyle);
         taskBarMilestoneStyle: IMilestoneStyle;
         projectBarStyle: ITaskBarStyle | ((interactionArgs: TaskBarInteractionArgumentType) => ITaskBarStyle);
+        baselineStyle: ITaskBarStyle | ((interactionArgs: TaskBarInteractionArgumentType) => ITaskBarStyle);
         taskBarMilestoneHypotenuse: number;
         taskBarHoverStyle: ITaskBarHoverStyle;
         taskBarSelectedStyle: ITaskBarSelectedStyle;
@@ -80,6 +81,9 @@ export declare class Gantt extends EventTarget {
         startDateField: string;
         endDateField: string;
         progressField: string;
+        baselineStartDateField: string;
+        baselineEndDateField: string;
+        baselinePosition: 'top' | 'bottom' | 'overlap';
         minDate: Date;
         maxDate: Date;
         _minDateTime: number;
@@ -115,6 +119,10 @@ export declare class Gantt extends EventTarget {
     };
     private millisecondsPerPixel;
     zoomScaleManager?: ZoomScaleManager;
+    private _timelineColWidths;
+    private _timelineColX;
+    private _timelineColStartTimes;
+    private _timelineColEndTimes;
     recalculateTimeScale(): void;
     zoomByFactor(factor: number, keepCenter?: boolean, centerX?: number): void;
     taskTableWidth: number;
@@ -131,6 +139,10 @@ export declare class Gantt extends EventTarget {
     getContainer(): HTMLElement;
     _sortScales(): void;
     _generateTimeLineDateMap(): void;
+    private _rebuildTimelineColXMap;
+    getXByTime(time: number): number;
+    getDateIndexByTime(time: number): number;
+    getDateIndexByX(x: number): number;
     getRowHeightByIndex(index: number): number;
     getRowsHeightByIndex(startIndex: number, endIndex: number): number;
     getAllRowsHeight(): number;
@@ -149,6 +161,11 @@ export declare class Gantt extends EventTarget {
         endDate: Date;
         progress: number;
     };
+    getBaselineInfoByTaskListIndex(taskShowIndex: number, sub_task_index?: number | number[]): {
+        baselineStartDate: Date | null;
+        baselineEndDate: Date | null;
+        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;
@@ -193,6 +210,7 @@ export declare class Gantt extends EventTarget {
     };
     parseTimeFormat(date: string): string;
     getTaskBarStyle(task_index: number, sub_task_index?: number | number[]): ITaskBarStyle;
+    getBaselineStyle(task_index: number, sub_task_index?: number | number[]): ITaskBarStyle;
     formatDate(date: Date | string, format: string): string;
     getCurrentMillisecondsPerPixel(): number;
     setMillisecondsPerPixel(millisecondsPerPixel: number): void;

package/cjs/Gantt.js

@@ -28,8 +28,9 @@ class Gantt extends EventTarget_1.EventTarget {
     }
     constructor(container, options) {
         var _a, _b, _c, _d, _e, _f;
-        super(), this.parsedOptions = {}, this.container = container, this.options = options, 
-        this.taskTableWidth = "number" == typeof (null === (_a = null == options ? void 0 : options.taskListTable) || void 0 === _a ? void 0 : _a.tableWidth) ? null === (_b = null == options ? void 0 : options.taskListTable) || void 0 === _b ? void 0 : _b.tableWidth : -1, 
+        super(), this.parsedOptions = {}, this._timelineColWidths = [], this._timelineColX = [], 
+        this._timelineColStartTimes = [], this._timelineColEndTimes = [], this.container = container, 
+        this.options = options, this.taskTableWidth = "number" == typeof (null === (_a = null == options ? void 0 : options.taskListTable) || void 0 === _a ? void 0 : _a.tableWidth) ? null === (_b = null == options ? void 0 : options.taskListTable) || void 0 === _b ? void 0 : _b.tableWidth : -1, 
         this.taskTableColumns = null !== (_d = null === (_c = null == options ? void 0 : options.taskListTable) || void 0 === _c ? void 0 : _c.columns) && void 0 !== _d ? _d : [], 
         this.records = null !== (_e = null == options ? void 0 : options.records) && void 0 !== _e ? _e : [], 
         (null === (_f = options.timelineHeader) || void 0 === _f ? void 0 : _f.zoomScale) && !1 !== options.timelineHeader.zoomScale.enabled && (this.zoomScaleManager = new zoom_scale_1.ZoomScaleManager(this, options.timelineHeader.zoomScale)), 
@@ -238,6 +239,80 @@ class Gantt extends EventTarget_1.EventTarget {
     _generateTimeLineDateMap() {
         if (this.parsedOptions.minDate && this.parsedOptions.maxDate) for (const scale of this.parsedOptions.reverseSortedTimelineScales) scale.timelineDates = (0, 
         gantt_helper_1.generateTimeLineDate)(new Date(this.parsedOptions.minDate), this.parsedOptions.maxDate, scale);
+        this._rebuildTimelineColXMap();
+    }
+    _rebuildTimelineColXMap() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        const minScale = null === (_a = this.parsedOptions.reverseSortedTimelineScales) || void 0 === _a ? void 0 : _a[0], timelineDates = null !== (_b = null == minScale ? void 0 : minScale.timelineDates) && void 0 !== _b ? _b : [], baseWidth = null !== (_c = this.parsedOptions.timelineColWidth) && void 0 !== _c ? _c : 0, hideWeekend = !0 === (null === (_e = null === (_d = this.options) || void 0 === _d ? void 0 : _d.timelineHeader) || void 0 === _e ? void 0 : _e.hideWeekend), weekendColWidth = null === (_g = null === (_f = this.options) || void 0 === _f ? void 0 : _f.timelineHeader) || void 0 === _g ? void 0 : _g.weekendColWidth, enableWeekendWidth = "day" === (null == minScale ? void 0 : minScale.unit) && 1 === (null == minScale ? void 0 : minScale.step) && (hideWeekend || void 0 !== weekendColWidth);
+        this._timelineColWidths = new Array(timelineDates.length), this._timelineColX = new Array(timelineDates.length + 1), 
+        this._timelineColStartTimes = new Array(timelineDates.length), this._timelineColEndTimes = new Array(timelineDates.length), 
+        this._timelineColX[0] = 0;
+        let sumX = 0;
+        for (let i = 0; i < timelineDates.length; i++) {
+            const d = timelineDates[i], startTime = null !== (_k = null === (_j = null === (_h = d.startDate) || void 0 === _h ? void 0 : _h.getTime) || void 0 === _j ? void 0 : _j.call(_h)) && void 0 !== _k ? _k : 0, endTime = null !== (_o = null === (_m = null === (_l = d.endDate) || void 0 === _l ? void 0 : _l.getTime) || void 0 === _m ? void 0 : _m.call(_l)) && void 0 !== _o ? _o : startTime;
+            this._timelineColStartTimes[i] = startTime, this._timelineColEndTimes[i] = endTime;
+            let w = baseWidth;
+            if (enableWeekendWidth) {
+                const day = d.startDate.getDay();
+                (0 === day || 6 === day) && (hideWeekend ? w = 0 : "number" == typeof weekendColWidth ? w = weekendColWidth : "function" == typeof weekendColWidth && (w = weekendColWidth(baseWidth)));
+            }
+            w = Math.max(0, Number.isFinite(w) ? w : baseWidth), this._timelineColWidths[i] = w, 
+            sumX += w, this._timelineColX[i + 1] = sumX;
+        }
+    }
+    getXByTime(time) {
+        var _a, _b, _c, _d, _e;
+        const startTimes = this._timelineColStartTimes, endTimes = this._timelineColEndTimes, widths = this._timelineColWidths, xPrefix = this._timelineColX;
+        if (!((null == startTimes ? void 0 : startTimes.length) && (null == endTimes ? void 0 : endTimes.length) && (null == widths ? void 0 : widths.length) && (null == xPrefix ? void 0 : xPrefix.length))) return 0;
+        if (time <= startTimes[0]) return 0;
+        const lastIndex = endTimes.length - 1;
+        if (time > endTimes[lastIndex]) return null !== (_a = xPrefix[lastIndex + 1]) && void 0 !== _a ? _a : 0;
+        let low = 0, high = lastIndex;
+        for (;low <= high; ) {
+            const mid = low + high >> 1, st = startTimes[mid], et = endTimes[mid];
+            if (time < st) high = mid - 1; else {
+                if (!(time > et)) {
+                    const offset = (time - st) / Math.max(1, et - st + 1);
+                    return (null !== (_b = xPrefix[mid]) && void 0 !== _b ? _b : 0) + (null !== (_c = widths[mid]) && void 0 !== _c ? _c : 0) * offset;
+                }
+                low = mid + 1;
+            }
+        }
+        const idx = Math.max(0, Math.min(lastIndex, high)), st = startTimes[idx], et = endTimes[idx], duration = Math.max(1, et - st + 1), offset = Math.max(0, Math.min(1, (time - st) / duration));
+        return (null !== (_d = xPrefix[idx]) && void 0 !== _d ? _d : 0) + (null !== (_e = widths[idx]) && void 0 !== _e ? _e : 0) * offset;
+    }
+    getDateIndexByTime(time) {
+        const startTimes = this._timelineColStartTimes, endTimes = this._timelineColEndTimes;
+        if (!(null == startTimes ? void 0 : startTimes.length) || !(null == endTimes ? void 0 : endTimes.length)) return 0;
+        if (time <= startTimes[0]) return 0;
+        const lastIndex = endTimes.length - 1;
+        if (time > endTimes[lastIndex]) return lastIndex;
+        let low = 0, high = lastIndex;
+        for (;low <= high; ) {
+            const mid = low + high >> 1, st = startTimes[mid], et = endTimes[mid];
+            if (time < st) high = mid - 1; else {
+                if (!(time > et)) return mid;
+                low = mid + 1;
+            }
+        }
+        return Math.max(0, Math.min(lastIndex, high));
+    }
+    getDateIndexByX(x) {
+        var _a, _b, _c;
+        const totalX = x + this.stateManager.scroll.horizontalBarPos, xPrefix = this._timelineColX;
+        if (!(null == xPrefix ? void 0 : xPrefix.length)) return 0;
+        if (totalX <= 0) return 0;
+        const lastIndex = xPrefix.length - 2;
+        if (totalX >= (null !== (_a = xPrefix[lastIndex + 1]) && void 0 !== _a ? _a : 0)) return Math.max(0, lastIndex);
+        let low = 0, high = lastIndex;
+        for (;low <= high; ) {
+            const mid = low + high >> 1, left = null !== (_b = xPrefix[mid]) && void 0 !== _b ? _b : 0, right = null !== (_c = xPrefix[mid + 1]) && void 0 !== _c ? _c : left;
+            if (totalX < left) high = mid - 1; else {
+                if (!(totalX >= right)) return mid;
+                low = mid + 1;
+            }
+        }
+        return Math.max(0, Math.min(lastIndex, low));
     }
     getRowHeightByIndex(index) {
         return this.taskListTableInstance ? this.taskListTableInstance.getRowHeight(index + this.taskListTableInstance.columnHeaderLevelCount) : this.parsedOptions.rowHeight;
@@ -252,8 +327,9 @@ class Gantt extends EventTarget_1.EventTarget {
         return this.parsedOptions.timeLineHeaderRowHeights.reduce(((acc, curr, index) => !1 === this.parsedOptions.sortedTimelineScales[index].visible ? acc : acc + curr), 0);
     }
     getAllDateColsWidth() {
-        var _a, _b;
-        return this.parsedOptions.timelineColWidth * (null !== (_b = null === (_a = this.parsedOptions.reverseSortedTimelineScales[0].timelineDates) || void 0 === _a ? void 0 : _a.length) && void 0 !== _b ? _b : 0);
+        var _a, _b, _c;
+        const xPrefix = this._timelineColX;
+        return (null == xPrefix ? void 0 : xPrefix.length) ? null !== (_a = xPrefix[xPrefix.length - 1]) && void 0 !== _a ? _a : 0 : this.parsedOptions.timelineColWidth * (null !== (_c = null === (_b = this.parsedOptions.reverseSortedTimelineScales[0].timelineDates) || void 0 === _b ? void 0 : _b.length) && void 0 !== _c ? _c : 0);
     }
     getAllTaskBarsHeight() {
         return this.taskListTableInstance ? this.taskListTableInstance.getRowsHeight(this.taskListTableInstance.columnHeaderLevelCount, this.taskListTableInstance.rowCount - 1) : this.itemCount * this.parsedOptions.rowHeight;
@@ -322,6 +398,37 @@ class Gantt extends EventTarget_1.EventTarget {
             progress: progress
         };
     }
+    getBaselineInfoByTaskListIndex(taskShowIndex, sub_task_index) {
+        const taskRecord = this.getRecordByIndex(taskShowIndex, sub_task_index), baselineStartDateField = this.parsedOptions.baselineStartDateField, baselineEndDateField = this.parsedOptions.baselineEndDateField;
+        if (!(baselineStartDateField && baselineEndDateField && (null == taskRecord ? void 0 : taskRecord[baselineStartDateField]) && (null == taskRecord ? void 0 : taskRecord[baselineEndDateField]))) return {
+            baselineStartDate: null,
+            baselineEndDate: null,
+            baselineDays: 0
+        };
+        const rawBaselineStartDateTime = (0, util_1.createDateAtMidnight)(null == taskRecord ? void 0 : taskRecord[baselineStartDateField]).getTime(), rawBaselineEndDateTime = (0, 
+        util_1.createDateAtMidnight)(null == taskRecord ? void 0 : taskRecord[baselineEndDateField]).getTime();
+        if (rawBaselineEndDateTime < this.parsedOptions._minDateTime || rawBaselineStartDateTime > this.parsedOptions._maxDateTime) return {
+            baselineStartDate: null,
+            baselineEndDate: null,
+            baselineDays: 0
+        };
+        let baselineStartDate, baselineEndDate;
+        if (this.parsedOptions.timeScaleIncludeHour) {
+            baselineStartDate = (0, util_1.createDateAtMidnight)(Math.min(Math.max(this.parsedOptions._minDateTime, rawBaselineStartDateTime), this.parsedOptions._maxDateTime));
+            const rawEnd = null == taskRecord ? void 0 : taskRecord[baselineEndDateField];
+            let hasMillisecondProvided = !1;
+            "string" == typeof rawEnd && (hasMillisecondProvided = /:\d{2}\.\d+/.test(rawEnd));
+            const shouldForceMillisecond = !hasMillisecondProvided;
+            baselineEndDate = (0, util_1.createDateAtLastMillisecond)(Math.max(Math.min(this.parsedOptions._maxDateTime, rawBaselineEndDateTime), this.parsedOptions._minDateTime), shouldForceMillisecond);
+        } else baselineStartDate = (0, util_1.createDateAtMidnight)(Math.min(Math.max(this.parsedOptions._minDateTime, rawBaselineStartDateTime), this.parsedOptions._maxDateTime), !0), 
+        baselineEndDate = (0, util_1.createDateAtLastHour)(Math.max(Math.min(this.parsedOptions._maxDateTime, rawBaselineEndDateTime), this.parsedOptions._minDateTime), !0);
+        const baselineDays = (baselineEndDate.getTime() - baselineStartDate.getTime() + 1) / 864e5;
+        return {
+            baselineStartDate: baselineStartDate,
+            baselineEndDate: baselineEndDate,
+            baselineDays: baselineDays
+        };
+    }
     _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 : (0, 
@@ -473,15 +580,13 @@ class Gantt extends EventTarget_1.EventTarget {
     }
     _scrollToMarkLine() {
         if (this.parsedOptions.scrollToMarkLineDate && this.parsedOptions.minDate) {
-            const minDate = this.parsedOptions.minDate, {unit: unit, step: step} = this.parsedOptions.reverseSortedTimelineScales[0], left = (0, 
-            util_1.computeCountToTimeScale)(this.parsedOptions.scrollToMarkLineDate, minDate, unit, step) * this.parsedOptions.timelineColWidth - this.tableNoFrameWidth / 2;
+            const left = this.getXByTime(this.parsedOptions.scrollToMarkLineDate.getTime()) - this.tableNoFrameWidth / 2;
             this.stateManager.setScrollLeft(left);
         }
     }
     scrollToMarkLine(date) {
         if (!date || !this.parsedOptions.minDate) return;
-        const minDate = this.parsedOptions.minDate, {unit: unit, step: step} = this.parsedOptions.reverseSortedTimelineScales[0], left = (0, 
-        util_1.computeCountToTimeScale)(date, minDate, unit, step) * this.parsedOptions.timelineColWidth - this.tableNoFrameWidth / 2;
+        const left = this.getXByTime(date.getTime()) - this.tableNoFrameWidth / 2;
         this.stateManager.setScrollLeft(left);
     }
     addLink(link) {
@@ -520,9 +625,17 @@ class Gantt extends EventTarget_1.EventTarget {
         };
     }
     getDateColWidth(dateIndex) {
-        return this.parsedOptions.timelineColWidth;
+        var _a;
+        const widths = this._timelineColWidths;
+        return (null == widths ? void 0 : widths.length) && dateIndex >= 0 && dateIndex < widths.length ? null !== (_a = widths[dateIndex]) && void 0 !== _a ? _a : 0 : this.parsedOptions.timelineColWidth;
     }
     getDateColsWidth(startDateIndex, endDateIndex) {
+        var _a, _b;
+        const xPrefix = this._timelineColX;
+        if (null == xPrefix ? void 0 : xPrefix.length) {
+            const start = Math.max(0, Math.min(startDateIndex, xPrefix.length - 1)), end = Math.max(0, Math.min(endDateIndex + 1, xPrefix.length - 1));
+            return end <= start ? 0 : (null !== (_a = xPrefix[end]) && void 0 !== _a ? _a : 0) - (null !== (_b = xPrefix[start]) && void 0 !== _b ? _b : 0);
+        }
         return (endDateIndex - startDateIndex + 1) * this.parsedOptions.timelineColWidth;
     }
     getDateRangeByIndex(index) {
@@ -553,6 +666,19 @@ class Gantt extends EventTarget_1.EventTarget {
         }
         return style;
     }
+    getBaselineStyle(task_index, sub_task_index) {
+        const {startDate: startDate, endDate: endDate, taskRecord: taskRecord} = this.getTaskInfoByTaskListIndex(task_index, sub_task_index), style = this.parsedOptions.baselineStyle;
+        if ("function" == typeof style) {
+            return style({
+                index: task_index,
+                startDate: startDate,
+                endDate: endDate,
+                taskRecord: taskRecord,
+                ganttInstance: this
+            });
+        }
+        return style;
+    }
     formatDate(date, format) {
         return (0, util_1.formatDate)(date instanceof Date ? date : new Date(date), format);
     }