@visactor/vtable-gantt 1.23.2 → 1.23.3

package/cjs/zoom-scale/index.js

@@ -20,4 +20,5 @@ Object.defineProperty(exports, "DataZoomIntegration", {
     get: function() {
         return DataZoomIntegration_1.DataZoomIntegration;
     }
-});
+});
+//# sourceMappingURL=index.js.map

package/dist/vtable-gantt.js

@@ -685,28 +685,59 @@
       }
       addEventListener(type, listener, options) {
         if (!listener) return;
+        const capture = this._resolveCapture(options),
+          once = this._resolveOnce(options),
+          listenerTypeMap = this._getOrCreateListenerTypeMap(type),
+          wrappedMap = this._getOrCreateWrappedMap(listenerTypeMap, listener);
+        if (wrappedMap.has(capture)) return;
         const wrappedListener = event => {
           const transformedEvent = this._eventListenerTransformer(event);
-          "function" == typeof listener ? listener(transformedEvent) : listener.handleEvent && listener.handleEvent(transformedEvent);
+          "function" == typeof listener ? listener(transformedEvent) : listener.handleEvent && listener.handleEvent(transformedEvent), once && this._deleteListenerRecord(type, listener, capture);
         };
-        this._listenerMap.has(type) || this._listenerMap.set(type, new Map()), this._listenerMap.get(type).set(listener, wrappedListener), this._nativeAddEventListener(type, wrappedListener, options);
+        wrappedMap.set(capture, {
+          wrappedListener: wrappedListener,
+          options: options
+        }), this._nativeAddEventListener(type, wrappedListener, options);
       }
       removeEventListener(type, listener, options) {
-        var _a;
+        var _a, _b;
         if (!listener) return;
-        const wrappedListener = null === (_a = this._listenerMap.get(type)) || void 0 === _a ? void 0 : _a.get(listener);
-        wrappedListener && (this._nativeRemoveEventListener(type, wrappedListener, options), this._listenerMap.get(type).delete(listener), 0 === this._listenerMap.get(type).size && this._listenerMap.delete(type));
+        const capture = this._resolveCapture(options),
+          wrappedRecord = null === (_b = null === (_a = this._listenerMap.get(type)) || void 0 === _a ? void 0 : _a.get(listener)) || void 0 === _b ? void 0 : _b.get(capture);
+        wrappedRecord && (this._nativeRemoveEventListener(type, wrappedRecord.wrappedListener, capture), this._deleteListenerRecord(type, listener, capture));
       }
       dispatchEvent(event) {
         return this._nativeDispatchEvent(event);
       }
       clearAllEventListeners() {
-        this._listenerMap.forEach((listenersMap, type) => {
-          listenersMap.forEach((wrappedListener, originalListener) => {
-            this._nativeRemoveEventListener(type, wrappedListener, void 0);
+        this._listenerMap.forEach((listenerMap, type) => {
+          listenerMap.forEach(wrappedMap => {
+            wrappedMap.forEach((wrappedRecord, capture) => {
+              this._nativeRemoveEventListener(type, wrappedRecord.wrappedListener, capture);
+            });
           });
         }), this._listenerMap.clear();
       }
+      _resolveCapture(options) {
+        return "boolean" == typeof options ? options : !!(null == options ? void 0 : options.capture);
+      }
+      _resolveOnce(options) {
+        return "object" == typeof options && !!(null == options ? void 0 : options.once);
+      }
+      _getOrCreateListenerTypeMap(type) {
+        let listenerTypeMap = this._listenerMap.get(type);
+        return listenerTypeMap || (listenerTypeMap = new Map(), this._listenerMap.set(type, listenerTypeMap)), listenerTypeMap;
+      }
+      _getOrCreateWrappedMap(listenerTypeMap, listener) {
+        let wrappedMap = listenerTypeMap.get(listener);
+        return wrappedMap || (wrappedMap = new Map(), listenerTypeMap.set(listener, wrappedMap)), wrappedMap;
+      }
+      _deleteListenerRecord(type, listener, capture) {
+        const listenerTypeMap = this._listenerMap.get(type);
+        if (!listenerTypeMap) return;
+        const wrappedMap = listenerTypeMap.get(listener);
+        wrappedMap && (wrappedMap.delete(capture), 0 === wrappedMap.size && listenerTypeMap.delete(listener), 0 === listenerTypeMap.size && this._listenerMap.delete(type));
+      }
       _nativeAddEventListener(type, listener, options) {
         throw new Error("_nativeAddEventListener must be implemented by derived classes");
       }
@@ -7220,7 +7251,9 @@
         var _a;
         if (event.manager !== this) throw new Error("It is illegal to free an event not managed by this EventManager!");
         const constructor = event.constructor;
-        this.eventPool.has(constructor) || this.eventPool.set(constructor, []), null === (_a = this.eventPool.get(constructor)) || void 0 === _a || _a.push(event);
+        this.eventPool.has(constructor) || (this.eventPool.get(constructor).forEach(e => {
+          e.eventPhase = event.NONE, e.currentTarget = null, e.path = [], e.detailPath = [], e.target = null;
+        }), this.eventPool.set(constructor, [])), null === (_a = this.eventPool.get(constructor)) || void 0 === _a || _a.push(event);
       }
       notifyListeners(e, type) {
         const listeners = e.currentTarget._events[type];
@@ -9824,7 +9857,7 @@
         });
       }
       release() {
-        this.releaseStatus = "released", this.stopAnimates(), application.graphicService.onRelease(this);
+        this.releaseStatus = "released", this.stopAnimates(), application.graphicService.onRelease(this), super.release();
       }
       _emitCustomEvent(type, context) {
         var _a, _b;
@@ -17330,12 +17363,12 @@
         throw new Error("暂不支持");
       }
       release() {
-        var _a, _b;
+        var _a, _b, _d;
         super.release(), this.hooks.beforeRender.unTap("constructor", this.beforeRender), this.hooks.afterRender.unTap("constructor", this.afterRender), this.eventSystem && this.eventSystem.release(), this.layerService.releaseStage(this), this.pluginService.release(), this.forEach(layer => {
           layer.release();
         }), this.interactiveLayer && (this.interactiveLayer.forEachChildren(item => {
           item.setStage && item.setStage(null, null), this.interactiveLayer.removeChild(item);
-        }), this.interactiveLayer.release()), this.window.release(), null === (_a = this._ticker) || void 0 === _a || _a.remTimeline(null == this ? void 0 : this.timeline), null === (_b = this._ticker) || void 0 === _b || _b.removeListener("tick", this.afterTickCb), this.renderService.renderTreeRoots = [];
+        }), this.interactiveLayer.release()), this.window.release(), null === (_a = this._ticker) || void 0 === _a || _a.remTimeline(null == this ? void 0 : this.timeline), null === (_b = this._ticker) || void 0 === _b || _b.removeListener("tick", this.afterTickCb), this.params.ticker || null === (_d = this._ticker) || void 0 === _d || _d.release(), this.renderService.renderTreeRoots = [];
       }
       setStage(stage) {}
       dirty(b, matrix) {
@@ -21646,7 +21679,7 @@
         this._sliderRenderBounds = null, this._sliderLimitRange = null;
       }
       release(all) {
-        super.release(all), ("browser" === vglobal.env ? vglobal : this.stage).addEventListener("touchmove", this._handleTouchMove, {
+        super.release(all), ("browser" === vglobal.env ? vglobal : this.stage).removeEventListener("touchmove", this._handleTouchMove, {
           passive: !1
         }), this._clearDragEvents();
       }
@@ -23229,17 +23262,21 @@
         } = this.attribute.label;
         textStyle = isFunction$3(textStyle) ? merge({}, DEFAULT_AXIS_THEME.label.style, textStyle(tickDatum, index, tickData, layer)) : textStyle;
         const labelAlign = this.getLabelAlign(vector, inside, textStyle.angle);
-        return textStyle = merge(labelAlign, textStyle), isFunction$3(textStyle.text) && (textStyle.text = textStyle.text({
+        textStyle = merge(labelAlign, textStyle), isFunction$3(textStyle.text) && (textStyle.text = textStyle.text({
           label: tickDatum.label,
           value: tickDatum.rawValue,
           index: tickDatum.index,
           layer: layer
-        })), Object.assign(Object.assign(Object.assign({}, this.getLabelPosition(point, vector, textContent, textStyle)), {
+        }));
+        let reactStyle = textStyle.react;
+        return isFunction$3(reactStyle) && (reactStyle = reactStyle(tickDatum, index, tickData, layer)), Object.assign(Object.assign(Object.assign(Object.assign({}, this.getLabelPosition(point, vector, textContent, textStyle)), {
           text: null != text ? text : textContent,
           _originText: tickDatum.label,
           lineHeight: null == textStyle ? void 0 : textStyle.fontSize,
           type: type
-        }), textStyle);
+        }), textStyle), {
+          react: reactStyle
+        });
       }
       getLabelPosition(point, vector, text, style) {
         return point;
@@ -24268,6 +24305,8 @@
           this.status === STATUS$1.RUNNING && (this.tickCounts++, this.timelines.forEach(timeline => {
             timeline.tick(delta);
           }), this.emit("tick", delta));
+        }, this._handleGraphTick = () => {
+          this.initHandler(!1);
         }, this.init(), this.lastFrameTime = -1, this.tickCounts = 0, this.stage = stage, this.autoStop = !0, this.interval = 16, this.computeTimeOffsetAndJitter();
       }
       bindStage(stage) {
@@ -24277,9 +24316,7 @@
         this.timeOffset = Math.floor(Math.random() * this.interval), this._jitter = Math.min(Math.max(.2 * this.interval, 6), .7 * this.interval);
       }
       init() {
-        this.interval = 16, this.status = STATUS$1.INITIAL, application.global.hooks.onSetEnv.tap("graph-ticker", () => {
-          this.initHandler(!1);
-        }), application.global.env && this.initHandler(!1);
+        this.interval = 16, this.status = STATUS$1.INITIAL, application.global.hooks.onSetEnv.tap("graph-ticker", this._handleGraphTick), application.global.env && this.initHandler(!1);
       }
       addTimeline(timeline) {
         this.timelines.push(timeline);
@@ -24352,7 +24389,7 @@
       }
       release() {
         var _a;
-        this.stop(), this.timelines = [], null === (_a = this.tickerHandler) || void 0 === _a || _a.release(), this.tickerHandler = null, this.lastFrameTime = -1;
+        this.stop(), this.timelines = [], null === (_a = this.tickerHandler) || void 0 === _a || _a.release(), this.tickerHandler = null, this.lastFrameTime = -1, application.global.hooks.onSetEnv.unTap("graph-ticker", this._handleGraphTick);
       }
       checkSkip(delta) {
         var _a, _b, _c;
@@ -31990,7 +32027,7 @@
         });
       }
       clearVGlobalEvents() {
-        ("browser" === vglobal.env ? vglobal : this.stage).addEventListener("touchmove", this._handleTouchMove, {
+        ("browser" === vglobal.env ? vglobal : this.stage).removeEventListener("touchmove", this._handleTouchMove, {
           passive: !1
         });
       }
@@ -33916,7 +33953,7 @@
         };
       }
       release(all) {
-        super.release(all), ("browser" === vglobal.env ? vglobal : this.stage).addEventListener("touchmove", this._handleTouchMove, {
+        super.release(all), ("browser" === vglobal.env ? vglobal : this.stage).removeEventListener("touchmove", this._handleTouchMove, {
           passive: !1
         }), this._clearAllDragEvents();
       }
@@ -36129,6 +36166,13 @@
         fontFamily: 'Arial',
         fontSize: 14
     };
+    const defaultBaselineStyle = {
+        barColor: '#d3d3d3',
+        completedBarColor: '#a9a9a9',
+        width: 20,
+        cornerRadius: 3,
+        borderWidth: 0
+    };
     function setWidthToDefaultTaskBarStyle(width) {
         defaultTaskBarStyle.width = width;
     }
@@ -36212,6 +36256,9 @@
         gantt.parsedOptions.startDateField = options.taskBar?.startDateField ?? 'startDate';
         gantt.parsedOptions.endDateField = options.taskBar?.endDateField ?? 'endDate';
         gantt.parsedOptions.progressField = options.taskBar?.progressField ?? 'progress';
+        gantt.parsedOptions.baselineStartDateField = options.taskBar?.baselineStartDateField;
+        gantt.parsedOptions.baselineEndDateField = options.taskBar?.baselineEndDateField;
+        gantt.parsedOptions.baselinePosition = options.taskBar?.baselinePosition ?? 'bottom';
         gantt.parsedOptions.taskBarClip = options?.taskBar?.clip ?? true;
         gantt.parsedOptions.projectSubTasksExpandable = options?.projectSubTasksExpandable ?? true;
         const { unit: minTimeUnit, startOfWeek, step } = gantt.parsedOptions.reverseSortedTimelineScales[0];
@@ -36264,6 +36311,10 @@
                 : options?.taskBar?.projectStyle
                     ? Object.assign({}, defaultTaskBarStyle, options?.taskBar?.projectStyle)
                     : gantt.parsedOptions.taskBarStyle;
+        gantt.parsedOptions.baselineStyle =
+            options?.taskBar?.baselineStyle && typeof options?.taskBar?.baselineStyle === 'function'
+                ? options.taskBar.baselineStyle
+                : Object.assign({}, defaultBaselineStyle, options?.taskBar?.baselineStyle);
         const defaultMilestoneStyle = {
             labelTextStyle: {
                 fontSize: 16,
@@ -37710,6 +37761,7 @@
         };
       }
       on(type, listener) {
+        if (!this.listenersData) return;
         const list = this.listenersData.listeners[type] || (this.listenersData.listeners[type] = []);
         list.push(listener);
         const id = idCount$3++;
@@ -37717,9 +37769,10 @@
           type: type,
           listener: listener,
           remove: () => {
+            if (!this.listenersData) return;
             delete this.listenersData.listenerData[id];
             const index = list.indexOf(listener);
-            list.splice(index, 1), this.listenersData.listeners[type].length || delete this.listenersData.listeners[type];
+            list.splice(index, 1), this.listenersData.listeners[type] && !this.listenersData.listeners[type].length && delete this.listenersData.listeners[type];
           }
         }, id;
       }
@@ -60388,7 +60441,7 @@
       }
       constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
-        if (super(), this.showFrozenIcon = !0, this._tableBorderWidth_left = 0, this._tableBorderWidth_right = 0, this._tableBorderWidth_top = 0, this._tableBorderWidth_bottom = 0, this.version = "1.23.2", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        if (super(), this.showFrozenIcon = !0, this._tableBorderWidth_left = 0, this._tableBorderWidth_right = 0, this._tableBorderWidth_top = 0, this._tableBorderWidth_bottom = 0, this.version = "1.23.3", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         this.pluginManager = new PluginManager$1(this, options), this.fireListeners(TABLE_EVENT_TYPE.BEFORE_INIT, {
           options: options,
           container: container
@@ -61327,17 +61380,18 @@
         this.release();
       }
       release() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
+        null === (_c = null === (_b = null === (_a = this.scenegraph) || void 0 === _a ? void 0 : _a.component) || void 0 === _b ? void 0 : _b.vScrollBar) || void 0 === _c || _c.release(), null === (_f = null === (_e = null === (_d = this.scenegraph) || void 0 === _d ? void 0 : _d.component) || void 0 === _e ? void 0 : _e.hScrollBar) || void 0 === _f || _f.release(), this.animationManager.clear(), this.animationManager.ticker.release(), null === (_j = null === (_h = null === (_g = this.scenegraph) || void 0 === _g ? void 0 : _g.stage) || void 0 === _h ? void 0 : _h.ticker) || void 0 === _j || _j.release();
         const internalProps = this.internalProps;
         if (this.isReleased) return;
-        null === (_b = null === (_a = internalProps.tooltipHandler) || void 0 === _a ? void 0 : _a.release) || void 0 === _b || _b.call(_a), null === (_d = null === (_c = internalProps.menuHandler) || void 0 === _c ? void 0 : _c.release) || void 0 === _d || _d.call(_c), null === (_e = super.release) || void 0 === _e || _e.call(this), this.pluginManager.release(), null === (_g = null === (_f = internalProps.handler) || void 0 === _f ? void 0 : _f.release) || void 0 === _g || _g.call(_f), this.eventManager.release(), null === (_j = null === (_h = internalProps.focusControl) || void 0 === _h ? void 0 : _h.release) || void 0 === _j || _j.call(_h), null === (_k = internalProps.legends) || void 0 === _k || _k.forEach(legend => {
+        null === (_l = null === (_k = internalProps.tooltipHandler) || void 0 === _k ? void 0 : _k.release) || void 0 === _l || _l.call(_k), null === (_o = null === (_m = internalProps.menuHandler) || void 0 === _m ? void 0 : _m.release) || void 0 === _o || _o.call(_m), null === (_p = super.release) || void 0 === _p || _p.call(this), this.pluginManager.release(), null === (_r = null === (_q = internalProps.handler) || void 0 === _q ? void 0 : _q.release) || void 0 === _r || _r.call(_q), this.eventManager.release(), null === (_t = null === (_s = internalProps.focusControl) || void 0 === _s ? void 0 : _s.release) || void 0 === _t || _t.call(_s), null === (_u = internalProps.legends) || void 0 === _u || _u.forEach(legend => {
           null == legend || legend.release();
-        }), null === (_l = internalProps.title) || void 0 === _l || _l.release(), internalProps.title = null, null === (_m = internalProps.emptyTip) || void 0 === _m || _m.release(), internalProps.emptyTip = null, internalProps.layoutMap.release(), internalProps.releaseList && (internalProps.releaseList.forEach(releaseObj => {
+        }), null === (_v = internalProps.title) || void 0 === _v || _v.release(), internalProps.title = null, null === (_w = internalProps.emptyTip) || void 0 === _w || _w.release(), internalProps.emptyTip = null, internalProps.layoutMap.release(), internalProps.releaseList && (internalProps.releaseList.forEach(releaseObj => {
           var _a;
           return null === (_a = null == releaseObj ? void 0 : releaseObj.release) || void 0 === _a ? void 0 : _a.call(releaseObj);
         }), internalProps.releaseList = null), this.scenegraph.stage.release(), this.scenegraph.proxy.release();
-        const parentElement = null === (_o = internalProps.element) || void 0 === _o ? void 0 : _o.parentElement;
-        parentElement && !this.options.canvas && parentElement.removeChild(internalProps.element), null === (_r = null === (_q = null === (_p = this.editorManager) || void 0 === _p ? void 0 : _p.editingEditor) || void 0 === _q ? void 0 : _q.onEnd) || void 0 === _r || _r.call(_q), this.isReleased = !0, this.scenegraph = null, this.internalProps = null, null === (_s = this.reactCustomLayout) || void 0 === _s || _s.clearCache(), clearChartRenderQueue();
+        const parentElement = null === (_x = internalProps.element) || void 0 === _x ? void 0 : _x.parentElement;
+        parentElement && !this.options.canvas && parentElement.removeChild(internalProps.element), null === (_0 = null === (_z = null === (_y = this.editorManager) || void 0 === _y ? void 0 : _y.editingEditor) || void 0 === _z ? void 0 : _z.onEnd) || void 0 === _0 || _0.call(_z), this.isReleased = !0, this.scenegraph = null, this.internalProps = null, null === (_1 = this.reactCustomLayout) || void 0 === _1 || _1.clearCache(), clearChartRenderQueue();
       }
       fireListeners(type, event) {
         return super.fireListeners(type, event);
@@ -64166,7 +64220,10 @@
       }
       cancelEdit() {
         var _a, _b, _c, _d;
-        this.editingEditor && (null === (_b = (_a = this.editingEditor).exit) || void 0 === _b || _b.call(_a), null === (_d = (_c = this.editingEditor).onEnd) || void 0 === _d || _d.call(_c), this.editingEditor = null);
+        this.editingEditor && (null === (_b = (_a = this.editingEditor).exit) || void 0 === _b || _b.call(_a), null === (_d = (_c = this.editingEditor).onEnd) || void 0 === _d || _d.call(_c), this.editingEditor = null), Object.values(this.cacheLastSelectedCellEditor).forEach(editor => {
+          var _a;
+          return null === (_a = null == editor ? void 0 : editor.onEnd) || void 0 === _a ? void 0 : _a.call(editor);
+        }), this.cacheLastSelectedCellEditor = {};
       }
       release() {
         this.listenersId.forEach(id => {
@@ -70075,16 +70132,22 @@
                     const record = this._scene._gantt.getRecordByIndex(i);
                     if (record.children?.length > 0) {
                         for (let j = 0; j < record.children?.length; j++) {
-                            const barGroup = this.initBar(i, j, record.children.length);
-                            if (barGroup) {
-                                this.barContainer.appendChild(barGroup);
+                            const { barGroupBox, baselineBar } = this.initBar(i, j, record.children.length);
+                            if (baselineBar) {
+                                this.barContainer.appendChild(baselineBar);
+                            }
+                            if (barGroupBox) {
+                                this.barContainer.appendChild(barGroupBox);
                             }
                         }
                     }
                     else {
-                        const barGroup = this.initBar(i);
-                        if (barGroup) {
-                            this.barContainer.appendChild(barGroup);
+                        const { barGroupBox, baselineBar } = this.initBar(i);
+                        if (baselineBar) {
+                            this.barContainer.appendChild(baselineBar);
+                        }
+                        if (barGroupBox) {
+                            this.barContainer.appendChild(barGroupBox);
                         }
                     }
                     continue;
@@ -70100,9 +70163,12 @@
                                 for (let j = 0; j < record.children?.length; j++) {
                                     const child_record = record.children[j];
                                     if (child_record.type !== TaskType.PROJECT) {
-                                        const barGroup = this.initBar(i, [...sub_task_indexs, j], record.children.length);
-                                        if (barGroup) {
-                                            this.barContainer.appendChild(barGroup);
+                                        const { barGroupBox, baselineBar } = this.initBar(i, [...sub_task_indexs, j], record.children.length);
+                                        if (baselineBar) {
+                                            this.barContainer.appendChild(baselineBar);
+                                        }
+                                        if (barGroupBox) {
+                                            this.barContainer.appendChild(barGroupBox);
                                         }
                                     }
                                     else {
@@ -70114,17 +70180,23 @@
                         callInitBar(record, sub_task_indexs);
                     }
                     else {
-                        const barGroup = this.initBar(i);
-                        if (barGroup) {
-                            this.barContainer.appendChild(barGroup);
+                        const { barGroupBox, baselineBar } = this.initBar(i);
+                        if (baselineBar) {
+                            this.barContainer.appendChild(baselineBar);
+                        }
+                        if (barGroupBox) {
+                            this.barContainer.appendChild(barGroupBox);
                         }
                     }
                     continue;
                 }
                 else {
-                    const barGroup = this.initBar(i);
-                    if (barGroup) {
-                        this.barContainer.appendChild(barGroup);
+                    const { barGroupBox, baselineBar } = this.initBar(i);
+                    if (baselineBar) {
+                        this.barContainer.appendChild(baselineBar);
+                    }
+                    if (barGroupBox) {
+                        this.barContainer.appendChild(barGroupBox);
                     }
                 }
             }
@@ -70135,7 +70207,7 @@
             const isMilestone = taskRecord.type === TaskType.MILESTONE;
             if ((isMilestone && !startDate) ||
                 (!isMilestone && (taskDays <= 0 || !startDate || !endDate || startDate.getTime() > endDate.getTime()))) {
-                return null;
+                return { barGroupBox: null, baselineBar: null };
             }
             const { unit, step } = this._scene._gantt.parsedOptions.reverseSortedTimelineScales[0];
             let taskBarSize = computeCountToTimeScale(endDate, startDate, unit, step, 1) * this._scene._gantt.parsedOptions.timelineColWidth;
@@ -70149,14 +70221,104 @@
             const x = computeCountToTimeScale(startDate, this._scene._gantt.parsedOptions.minDate, unit, step) *
                 this._scene._gantt.parsedOptions.timelineColWidth -
                 (isMilestone ? milestoneTaskBarHeight / 2 : 0);
-            const y = this._scene._gantt.getRowsHeightByIndex(0, index - 1) +
+            let y = this._scene._gantt.getRowsHeightByIndex(0, index - 1) +
                 (this._scene._gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Separate
                     ? (childIndex ?? 0) * oneTaskHeigth
                     : this._scene._gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Arrange ||
                         this._scene._gantt.parsedOptions.tasksShowMode === TasksShowMode.Sub_Tasks_Compact
                         ? taskRecord.vtable_gantt_showIndex * oneTaskHeigth
-                        : 0) +
-                (oneTaskHeigth - (isMilestone ? milestoneTaskBarHeight : taskbarHeight)) / 2;
+                        : 0);
+            const baselineInfo = this._scene._gantt.getBaselineInfoByTaskListIndex(index, childIndex);
+            const hasBaseline = baselineInfo.baselineStartDate && baselineInfo.baselineEndDate && baselineInfo.baselineDays > 0;
+            const baselinePosition = this._scene._gantt.parsedOptions.baselinePosition;
+            let baselineBar = null;
+            let taskBarYOffset = 0;
+            if (hasBaseline && !isMilestone) {
+                const baselineStyle = this._scene._gantt.getBaselineStyle(index, childIndex);
+                const baselineX = computeCountToTimeScale(baselineInfo.baselineStartDate, this._scene._gantt.parsedOptions.minDate, unit, step) *
+                    this._scene._gantt.parsedOptions.timelineColWidth;
+                const baselineWidth = computeCountToTimeScale(baselineInfo.baselineEndDate, baselineInfo.baselineStartDate, unit, step, 1) *
+                    this._scene._gantt.parsedOptions.timelineColWidth;
+                let baselineY;
+                const taskBarPaddingTop = taskBarStyle.paddingTop ?? undefined;
+                const baselinePaddingTop = baselineStyle.paddingTop ?? undefined;
+                if (baselinePosition === 'overlap') {
+                    if (taskBarPaddingTop !== undefined) {
+                        baselineY = y + taskBarPaddingTop;
+                    }
+                    else {
+                        baselineY = y + (oneTaskHeigth - baselineStyle.width) / 2;
+                    }
+                }
+                else if (baselinePosition === 'top') {
+                    const gap = 4;
+                    if (baselinePaddingTop !== undefined && taskBarPaddingTop !== undefined) {
+                        baselineY = y + baselinePaddingTop;
+                        taskBarYOffset = taskBarPaddingTop;
+                    }
+                    else if (baselinePaddingTop !== undefined) {
+                        baselineY = y + baselinePaddingTop;
+                        taskBarYOffset = baselinePaddingTop + baselineStyle.width + gap;
+                    }
+                    else if (taskBarPaddingTop !== undefined) {
+                        const totalHeight = baselineStyle.width + gap + taskbarHeight;
+                        const startY = (oneTaskHeigth - totalHeight) / 2;
+                        baselineY = y + startY;
+                        taskBarYOffset = taskBarPaddingTop;
+                    }
+                    else {
+                        const totalHeight = baselineStyle.width + gap + taskbarHeight;
+                        const startY = (oneTaskHeigth - totalHeight) / 2;
+                        baselineY = y + startY;
+                        taskBarYOffset = startY + baselineStyle.width + gap;
+                    }
+                }
+                else {
+                    const gap = 4;
+                    if (taskBarPaddingTop !== undefined && baselinePaddingTop !== undefined) {
+                        taskBarYOffset = taskBarPaddingTop;
+                        baselineY = y + baselinePaddingTop;
+                    }
+                    else if (taskBarPaddingTop !== undefined) {
+                        taskBarYOffset = taskBarPaddingTop;
+                        baselineY = y + taskBarPaddingTop + taskbarHeight + gap;
+                    }
+                    else if (baselinePaddingTop !== undefined) {
+                        const totalHeight = taskbarHeight + gap + baselineStyle.width;
+                        const startY = (oneTaskHeigth - totalHeight) / 2;
+                        taskBarYOffset = startY;
+                        baselineY = y + baselinePaddingTop;
+                    }
+                    else {
+                        const totalHeight = taskbarHeight + gap + baselineStyle.width;
+                        const startY = (oneTaskHeigth - totalHeight) / 2;
+                        taskBarYOffset = startY;
+                        baselineY = y + startY + taskbarHeight + gap;
+                    }
+                }
+                baselineBar = createRect({
+                    x: baselineX,
+                    y: baselineY,
+                    width: Math.max(baselineWidth, baselineStyle.minSize || 0),
+                    height: baselineStyle.width,
+                    fill: baselineStyle.barColor,
+                    cornerRadius: baselineStyle.cornerRadius,
+                    lineWidth: (baselineStyle.borderLineWidth ?? baselineStyle.borderWidth) * 2,
+                    stroke: baselineStyle.borderColor,
+                    pickable: false
+                });
+                baselineBar.name = 'baseline-bar';
+            }
+            const taskBarPaddingTop = taskBarStyle.paddingTop ?? undefined;
+            if (hasBaseline && !isMilestone && baselinePosition !== 'overlap') {
+                y = y + taskBarYOffset;
+            }
+            else if (taskBarPaddingTop !== undefined) {
+                y = y + taskBarPaddingTop;
+            }
+            else {
+                y += (oneTaskHeigth - (isMilestone ? milestoneTaskBarHeight : taskbarHeight)) / 2 + taskBarYOffset;
+            }
             const barGroupBox = new GanttTaskBarNode({
                 x,
                 y,
@@ -70306,17 +70468,20 @@
                 barGroupBox.milestoneTextLabel = milestoneLabel;
                 barGroupBox.milestoneTextContainer = textContainer;
             }
-            return barGroupBox;
+            return { barGroupBox, baselineBar };
         }
         updateTaskBarNode(index, sub_task_index) {
             const taskbarGroup = this.getTaskBarNodeByIndex(index, sub_task_index);
             if (taskbarGroup) {
                 this.barContainer.removeChild(taskbarGroup);
             }
-            const barGroup = this.initBar(index, sub_task_index);
-            if (barGroup) {
-                this.barContainer.insertInto(barGroup, index);
-                barGroup.updateTextPosition();
+            const { barGroupBox, baselineBar } = this.initBar(index, sub_task_index);
+            if (barGroupBox) {
+                this.barContainer.insertInto(barGroupBox, index);
+                barGroupBox.updateTextPosition();
+            }
+            if (baselineBar) {
+                this.barContainer.insertBefore(baselineBar, barGroupBox);
             }
         }
         initHoverBarIcons() {
@@ -76319,6 +76484,7 @@
                     if (record) {
                         return (record.children?.length || 1) * this.parsedOptions.rowHeight;
                     }
+                    return undefined;
                 };
                 listTable_options.defaultRowHeight = 'auto';
                 listTable_options.customConfig = { forceComputeAllRowHeight: true };
@@ -76330,6 +76496,7 @@
                     if (record) {
                         return computeRowsCountByRecordDateForCompact(this, record) * this.parsedOptions.rowHeight;
                     }
+                    return undefined;
                 };
                 listTable_options.defaultRowHeight = 'auto';
                 listTable_options.customConfig = { forceComputeAllRowHeight: true };
@@ -76341,6 +76508,7 @@
                     if (record) {
                         return computeRowsCountByRecordDate(this, record) * this.parsedOptions.rowHeight;
                     }
+                    return undefined;
                 };
                 listTable_options.defaultRowHeight = 'auto';
                 listTable_options.customConfig = { forceComputeAllRowHeight: true };
@@ -76528,6 +76696,53 @@
                 progress
             };
         }
+        getBaselineInfoByTaskListIndex(taskShowIndex, sub_task_index) {
+            const taskRecord = this.getRecordByIndex(taskShowIndex, sub_task_index);
+            const baselineStartDateField = this.parsedOptions.baselineStartDateField;
+            const baselineEndDateField = this.parsedOptions.baselineEndDateField;
+            if (!baselineStartDateField ||
+                !baselineEndDateField ||
+                !taskRecord?.[baselineStartDateField] ||
+                !taskRecord?.[baselineEndDateField]) {
+                return {
+                    baselineStartDate: null,
+                    baselineEndDate: null,
+                    baselineDays: 0
+                };
+            }
+            const rawBaselineStartDateTime = createDateAtMidnight(taskRecord?.[baselineStartDateField]).getTime();
+            const rawBaselineEndDateTime = createDateAtMidnight(taskRecord?.[baselineEndDateField]).getTime();
+            if (rawBaselineEndDateTime < this.parsedOptions._minDateTime ||
+                rawBaselineStartDateTime > this.parsedOptions._maxDateTime) {
+                return {
+                    baselineStartDate: null,
+                    baselineEndDate: null,
+                    baselineDays: 0
+                };
+            }
+            let baselineStartDate;
+            let baselineEndDate;
+            if (this.parsedOptions.timeScaleIncludeHour) {
+                baselineStartDate = createDateAtMidnight(Math.min(Math.max(this.parsedOptions._minDateTime, rawBaselineStartDateTime), this.parsedOptions._maxDateTime));
+                const rawEnd = taskRecord?.[baselineEndDateField];
+                let hasMillisecondProvided = false;
+                if (typeof rawEnd === 'string') {
+                    hasMillisecondProvided = /:\d{2}\.\d+/.test(rawEnd);
+                }
+                const shouldForceMillisecond = !hasMillisecondProvided;
+                baselineEndDate = createDateAtLastMillisecond(Math.max(Math.min(this.parsedOptions._maxDateTime, rawBaselineEndDateTime), this.parsedOptions._minDateTime), shouldForceMillisecond);
+            }
+            else {
+                baselineStartDate = createDateAtMidnight(Math.min(Math.max(this.parsedOptions._minDateTime, rawBaselineStartDateTime), this.parsedOptions._maxDateTime), true);
+                baselineEndDate = createDateAtLastHour(Math.max(Math.min(this.parsedOptions._maxDateTime, rawBaselineEndDateTime), this.parsedOptions._minDateTime), true);
+            }
+            const baselineDays = (baselineEndDate.getTime() - baselineStartDate.getTime() + 1) / (1000 * 60 * 60 * 24);
+            return {
+                baselineStartDate,
+                baselineEndDate,
+                baselineDays
+            };
+        }
         _updateStartDateToTaskRecord(startDate, index, sub_task_index) {
             const taskRecord = this.getRecordByIndex(index, sub_task_index);
             const startDateField = this.parsedOptions.startDateField;
@@ -76894,6 +77109,21 @@
             }
             return style;
         }
+        getBaselineStyle(task_index, sub_task_index) {
+            const { startDate, endDate, taskRecord } = this.getTaskInfoByTaskListIndex(task_index, sub_task_index);
+            const style = this.parsedOptions.baselineStyle;
+            if (typeof style === 'function') {
+                const args = {
+                    index: task_index,
+                    startDate,
+                    endDate,
+                    taskRecord,
+                    ganttInstance: this
+                };
+                return style(args);
+            }
+            return style;
+        }
         formatDate(date, format) {
             return formatDate(date instanceof Date ? date : new Date(date), format);
         }
@@ -76962,7 +77192,7 @@
         PluginManager: PluginManager
     });
 
-    const version = "1.23.2";
+    const version = "1.23.3";
 
     exports.Gantt = Gantt;
     exports.TYPES = index$4;