@visactor/vtable-plugins 1.19.9-alpha.3 → 1.19.10-alpha.0

package/dist/vtable-plugins.js

@@ -742,7 +742,15 @@
     const EnvContribution = Symbol.for("EnvContribution");
     const VGlobal = Symbol.for("VGlobal");
 
-    class Application {}
+    const container = new Container();
+
+    const RenderService = Symbol.for("RenderService");
+
+    class Application {
+      get renderService() {
+        return this._renderService || (this._renderService = container.get(RenderService)), this._renderService;
+      }
+    }
     const application = new Application();
 
     let idx = 0;
@@ -4084,7 +4092,8 @@
       y1: 0,
       strokeBoundsBuffer: 0,
       cornerRadius: 0,
-      cornerType: "round"
+      cornerType: "round",
+      drawStrokeWhenZeroWH: !1
     });
     Object.assign(Object.assign({}, DefaultAttribute), {
       width: 0,
@@ -4093,7 +4102,8 @@
       y1: 0,
       cornerRadius: 0,
       length: 0,
-      cornerType: "round"
+      cornerType: "round",
+      drawStrokeWhenZeroWH: !1
     });
     const DefaultSymbolAttribute = Object.assign(Object.assign({}, DefaultAttribute), {
       symbolType: "circle",
@@ -4320,6 +4330,34 @@
         }
         return c;
       }
+      static processColorStops(colorStops) {
+        if (!colorStops || 0 === colorStops.length) return [];
+        if (colorStops.some(item => item.length)) {
+          const stops = colorStops.map(item => ({
+            color: item.value,
+            offset: item.length ? parseFloat(item.length.value) / 100 : -1
+          }));
+          stops[0].offset < 0 && (stops[0].offset = 0), stops[stops.length - 1].offset < 0 && (stops[stops.length - 1].offset = 1);
+          for (let i = 1; i < stops.length - 1; i++) if (stops[i].offset < 0) {
+            const prevWithOffsetIdx = i - 1;
+            let nextWithOffsetIdx = i + 1;
+            for (; nextWithOffsetIdx < stops.length && stops[nextWithOffsetIdx].offset < 0;) nextWithOffsetIdx++;
+            const startOffset = stops[prevWithOffsetIdx].offset,
+              endOffset = stops[nextWithOffsetIdx].offset,
+              unspecCount = nextWithOffsetIdx - prevWithOffsetIdx;
+            for (let j = 1; j < unspecCount; j++) stops[prevWithOffsetIdx + j].offset = startOffset + (endOffset - startOffset) * j / unspecCount;
+            i = nextWithOffsetIdx - 1;
+          }
+          return stops;
+        }
+        return colorStops.map((item, index) => {
+          const offset = colorStops.length > 1 ? index / (colorStops.length - 1) : 0;
+          return {
+            color: item.value,
+            offset: offset
+          };
+        });
+      }
       static ParseConic(datum) {
         const {
             orientation: orientation,
@@ -4333,10 +4371,7 @@
           y: .5,
           startAngle: sa,
           endAngle: sa + pi2,
-          stops: colorStops.map(item => ({
-            color: item.value,
-            offset: parseFloat(item.length.value) / 100
-          }))
+          stops: GradientParser.processColorStops(colorStops)
         };
       }
       static ParseRadial(datum) {
@@ -4351,10 +4386,7 @@
           y1: .5,
           r0: 0,
           r1: 1,
-          stops: colorStops.map(item => ({
-            color: item.value,
-            offset: parseFloat(item.length.value) / 100
-          }))
+          stops: GradientParser.processColorStops(colorStops)
         };
       }
       static ParseLinear(datum) {
@@ -4376,10 +4408,7 @@
           y0: y0,
           x1: x1,
           y1: y1,
-          stops: colorStops.map(item => ({
-            color: item.value,
-            offset: parseFloat(item.length.value) / 100
-          }))
+          stops: GradientParser.processColorStops(colorStops)
         };
       }
     }
@@ -4463,6 +4492,9 @@
       return c > 3 && r && Object.defineProperty(target, key, r), r;
     };
     let ATextMeasure = class {
+      constructor() {
+        this.id = "ATextMeasure";
+      }
       configure(service, env) {
         this.canvas = service.canvas, this.context = service.context, service.bindTextMeasure(this);
       }
@@ -4855,11 +4887,13 @@
       return c > 3 && r && Object.defineProperty(target, key, r), r;
     };
     const TextMeasureContribution = Symbol.for("TextMeasureContribution");
-    let DefaultTextMeasureContribution = class extends ATextMeasure {};
+    let DefaultTextMeasureContribution = class extends ATextMeasure {
+      constructor() {
+        super(...arguments), this.id = "DefaultTextMeasureContribution";
+      }
+    };
     DefaultTextMeasureContribution = __decorate$t([injectable()], DefaultTextMeasureContribution);
 
-    const container = new Container();
-
     const CanvasFactory = Symbol.for("CanvasFactory");
 
     function wrapCanvas(params) {
@@ -5438,13 +5472,17 @@
         return this.tryInitCanvas(), this._context;
       }
       constructor(contributions) {
-        this.contributions = contributions, this.configured = !1, this.global = application.global, this.global.hooks.onSetEnv.tap("graphic-util", (lastEnv, env, global) => {
+        this.contributions = contributions, this.configured = !1, this.global = application.global, this._textMeasureMap = new Map(), this.global.hooks.onSetEnv.tap("graphic-util", (lastEnv, env, global) => {
           this.configured = !1, this.configure(global, env);
         });
       }
       get textMeasure() {
         return this._textMeasure || this.configure(this.global, this.global.env), this._textMeasure;
       }
+      getTextMeasureInstance(textMeasureId) {
+        if (!textMeasureId) return this.textMeasure;
+        return this._textMeasureMap.get(textMeasureId) || this.textMeasure;
+      }
       configure(global, env) {
         this.configured || (this.contributions.getContributions().forEach(contribution => {
           contribution.configure(this, env);
@@ -5457,7 +5495,7 @@
         }
       }
       bindTextMeasure(tm) {
-        this._textMeasure = tm;
+        this._textMeasure && "DefaultTextMeasureContribution" !== tm.id || (this._textMeasure = tm), this._textMeasureMap.has(tm.id) || this._textMeasureMap.set(tm.id, tm);
       }
       measureText(text, tc, method = "native") {
         var _a;
@@ -8241,7 +8279,7 @@
         });
       }
       setAttributes(params, forceUpdateTag = !1, context) {
-        (params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params).background ? this.loadImage(params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic), this._setAttributes(params, forceUpdateTag, context);
+        params && ((params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params).background ? this.loadImage(params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic), this._setAttributes(params, forceUpdateTag, context));
       }
       _setAttributes(params, forceUpdateTag = !1, context) {
         const keys = Object.keys(params);
@@ -9066,8 +9104,8 @@
     function strokeVisible(opacity, strokeOpacity) {
       return opacity * strokeOpacity > 0;
     }
-    function rectStrokeVisible(opacity, strokeOpacity, width, height) {
-      return opacity * strokeOpacity > 0 && 0 !== width && 0 !== height;
+    function rectStrokeVisible(opacity, strokeOpacity, width, height, drawStrokeWhenZeroWH) {
+      return drawStrokeWhenZeroWH ? opacity * strokeOpacity > 0 : opacity * strokeOpacity > 0 && 0 !== width && 0 !== height;
     }
 
     const AreaRenderContribution = Symbol.for("AreaRenderContribution");
@@ -9488,7 +9526,7 @@
           this.cache.layoutData.lines.forEach(item => {
             mergedText += item.str;
           });
-          return (Array.isArray(text) ? text.join("") : text) !== mergedText;
+          return (Array.isArray(text) ? text.join("") : text).toString() !== mergedText;
         }
         return "vertical" === attribute.direction && this.cache.verticalList && this.cache.verticalList[0] ? this.cache.verticalList[0].map(item => item.text).join("") !== attribute.text.toString() : null != this.clipedText && this.clipedText !== attribute.text.toString();
       }
@@ -9587,7 +9625,7 @@
         return fontSize ? .1 * fontSize : 0;
       }
       updateHorizontalMultilineAABBBounds(text) {
-        var _a;
+        var _a, _b;
         const textTheme = this.getGraphicTheme(),
           attribute = this.attribute,
           {
@@ -9614,7 +9652,7 @@
           const bbox = this.cache.layoutData.bbox;
           return this._AABBBounds.set(bbox.xOffset, bbox.yOffset, bbox.xOffset + bbox.width, bbox.yOffset + bbox.height), stroke && this._AABBBounds.expand(lineWidth / 2), this._AABBBounds;
         }
-        const textMeasure = application.graphicUtil.textMeasure,
+        const textMeasure = application.graphicUtil.getTextMeasureInstance(this.textMeasureId || (null === (_b = this.stage) || void 0 === _b ? void 0 : _b.textMeasureId)),
           layoutData = new CanvasTextLayout(fontFamily, {
             fontSize: fontSize,
             fontWeight: fontWeight,
@@ -9632,7 +9670,7 @@
         return this.cache.layoutData = layoutData, this.clearUpdateShapeTag(), this._AABBBounds.set(bbox.xOffset, bbox.yOffset, bbox.xOffset + bbox.width, bbox.yOffset + bbox.height), stroke && this._AABBBounds.expand(lineWidth / 2), this._AABBBounds;
       }
       updateWrapAABBBounds(text) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         const textTheme = this.getGraphicTheme(),
           {
             fontFamily = textTheme.fontFamily,
@@ -9658,7 +9696,7 @@
           const bbox = this.cache.layoutData.bbox;
           return this._AABBBounds.set(bbox.xOffset, bbox.yOffset, bbox.xOffset + bbox.width, bbox.yOffset + bbox.height), stroke && this._AABBBounds.expand(lineWidth / 2), this._AABBBounds;
         }
-        const textMeasure = application.graphicUtil.textMeasure,
+        const textMeasure = application.graphicUtil.getTextMeasureInstance(this.textMeasureId || (null === (_b = this.stage) || void 0 === _b ? void 0 : _b.textMeasureId)),
           textOptions = {
             fontSize: fontSize,
             fontWeight: fontWeight,
@@ -9690,7 +9728,7 @@
             if ("" !== str && "" === clip.str || clip.wordBreaked) {
               if (ellipsis) {
                 const clipEllipsis = textMeasure.clipTextWithSuffix(str, textOptions, maxLineWidth, ellipsis, !1, suffixPosition);
-                clip.str = null !== (_b = clipEllipsis.str) && void 0 !== _b ? _b : "", clip.width = null !== (_c = clipEllipsis.width) && void 0 !== _c ? _c : 0;
+                clip.str = null !== (_c = clipEllipsis.str) && void 0 !== _c ? _c : "", clip.width = null !== (_d = clipEllipsis.width) && void 0 !== _d ? _d : 0;
               } else clip.str = "", clip.width = 0;
               needCut = !1;
             }
@@ -9753,9 +9791,9 @@
         return this.cache.layoutData = layoutData, this.clearUpdateShapeTag(), this._AABBBounds.set(bbox.xOffset, bbox.yOffset, bbox.xOffset + bbox.width, bbox.yOffset + bbox.height), stroke && this._AABBBounds.expand(lineWidth / 2), this._AABBBounds;
       }
       updateVerticalMultilineAABBBounds(text) {
-        var _a, _b;
+        var _a, _b, _c;
         const textTheme = this.getGraphicTheme(),
-          textMeasure = application.graphicUtil.textMeasure;
+          textMeasure = application.graphicUtil.getTextMeasureInstance(this.textMeasureId || (null === (_a = this.stage) || void 0 === _a ? void 0 : _a.textMeasureId));
         let width;
         const attribute = this.attribute,
           {
@@ -9776,7 +9814,7 @@
         } = attribute;
         if (!verticalMode) {
           const t = textAlign;
-          textAlign = null !== (_a = Text.baselineMapAlign[textBaseline]) && void 0 !== _a ? _a : "left", textBaseline = null !== (_b = Text.alignMapBaseline[t]) && void 0 !== _b ? _b : "top";
+          textAlign = null !== (_b = Text.baselineMapAlign[textBaseline]) && void 0 !== _b ? _b : "left", textBaseline = null !== (_c = Text.alignMapBaseline[t]) && void 0 !== _c ? _c : "top";
         }
         if (width = 0, !this.shouldUpdateShape() && this.cache) {
           this.cache.verticalList.forEach(item => {
@@ -11761,7 +11799,8 @@
           y1: y1,
           x: originX = rectAttribute.x,
           y: originY = rectAttribute.y,
-          fillStrokeOrder = rectAttribute.fillStrokeOrder
+          fillStrokeOrder = rectAttribute.fillStrokeOrder,
+          drawStrokeWhenZeroWH = rectAttribute.drawStrokeWhenZeroWH
         } = rect.attribute;
         let {
           width: width,
@@ -11769,7 +11808,7 @@
         } = rect.attribute;
         width = (null != width ? width : x1 - originX) || 0, height = (null != height ? height : y1 - originY) || 0;
         const fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill),
-          sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height),
+          sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height, drawStrokeWhenZeroWH),
           doFill = runFill(fill, background),
           doStroke = runStroke(stroke, lineWidth);
         if (!rect.valid || !visible) return;
@@ -12491,7 +12530,6 @@
           decorator(target, key, paramIndex);
         };
       };
-    const RenderService = Symbol.for("RenderService");
     let DefaultRenderService = class {
       constructor(drawContribution) {
         this.drawContribution = drawContribution;
@@ -13380,8 +13418,6 @@
     application.transformUtil = transformUtil;
     const graphicService = container.get(GraphicService);
     application.graphicService = graphicService;
-    const renderService = container.get(RenderService);
-    application.renderService = renderService;
     const layerService = container.get(LayerService);
     application.layerService = layerService;
 
@@ -13629,13 +13665,13 @@
             this._skipRender > 1 && this.renderNextFrame(), this._skipRender = 0;
           } else this._skipRender = 1;
         }, this.beforeRender = stage => {
-          this._beforeRender && this._beforeRender(stage);
+          this._beforeRenderList.forEach(cb => cb(stage));
         }, this.afterClearScreen = drawParams => {
           this._afterClearScreen && this._afterClearScreen(drawParams);
         }, this.afterClearRect = drawParams => {
           this._afterClearRect && this._afterClearRect(drawParams);
         }, this.afterRender = stage => {
-          this.renderCount++, this._afterRender && this._afterRender(stage), this._afterNextRenderCbs && this._afterNextRenderCbs.forEach(cb => cb(stage)), this._afterNextRenderCbs = null, this.tickedBeforeRender = !1;
+          this.renderCount++, this._afterRenderList.forEach(cb => cb(stage)), this._afterNextRenderCbs && this._afterNextRenderCbs.forEach(cb => cb(stage)), this._afterNextRenderCbs = null, this.tickedBeforeRender = !1;
         }, this.afterTickCb = () => {
           this.tickedBeforeRender = !0, "rendering" !== this.state && this.renderNextFrame();
         }, this.params = params, this.theme = new Theme(), this.hooks = {
@@ -13643,7 +13679,7 @@
           afterRender: new SyncHook(["stage"]),
           afterClearScreen: new SyncHook(["stage"]),
           afterClearRect: new SyncHook(["stage"])
-        }, this.global = application.global, !this.global.env && isBrowserEnv() && this.global.setEnv("browser"), this.window = container.get(VWindow), this.renderService = container.get(RenderService), this.pluginService = container.get(PluginService), this.layerService = container.get(LayerService), this.graphicService = container.get(GraphicService), this.pluginService.active(this, params), this.window.create({
+        }, this.global = application.global, !this.global.env && isBrowserEnv() && this.global.setEnv("browser"), this.window = container.get(VWindow), this.renderService = container.get(RenderService), this.pluginService = container.get(PluginService), this.layerService = container.get(LayerService), this.graphicService = container.get(GraphicService), this.pluginService.active(this, params), this._beforeRenderList = [], this._afterRenderList = [], this.window.create({
           width: params.width,
           height: params.height,
           viewBox: params.viewBox,
@@ -13654,7 +13690,7 @@
           canvas: params.canvas
         }), this.state = "normal", this.renderCount = 0, this.tryInitEventSystem(), this._background = null !== (_a = params.background) && void 0 !== _a ? _a : DefaultConfig.BACKGROUND, this.appendChild(this.layerService.createLayer(this, {
           main: !0
-        })), this.nextFrameRenderLayerSet = new Set(), this.willNextFrameRender = !1, this.stage = this, this.renderStyle = params.renderStyle, params.autoRender && this.enableAutoRender(), params.autoRefresh && this.enableAutoRefresh(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute), params.ReactDOM && this.enableReactAttribute(params.ReactDOM), params.enableLayout && this.enableLayout(), this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), this.hooks.afterClearScreen.tap("constructor", this.afterClearScreen), this.hooks.afterClearRect.tap("constructor", this.afterClearRect), this._beforeRender = params.beforeRender, this._afterRender = params.afterRender, this._afterClearScreen = params.afterClearScreen, this._afterClearRect = params.afterClearRect, this.supportInteractiveLayer = !1 !== params.interactiveLayer, params.optimize || (params.optimize = {
+        })), this.nextFrameRenderLayerSet = new Set(), this.willNextFrameRender = !1, this.stage = this, this.renderStyle = params.renderStyle, params.autoRender && this.enableAutoRender(), params.autoRefresh && this.enableAutoRefresh(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute), params.ReactDOM && this.enableReactAttribute(params.ReactDOM), params.enableLayout && this.enableLayout(), this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), params.beforeRender && this._beforeRenderList.push(params.beforeRender), params.afterRender && this._afterRenderList.push(params.afterRender), this.hooks.afterClearScreen.tap("constructor", this.afterClearScreen), this.hooks.afterClearRect.tap("constructor", this.afterClearRect), this._afterClearScreen = params.afterClearScreen, this._afterClearRect = params.afterClearRect, this.supportInteractiveLayer = !1 !== params.interactiveLayer, params.optimize || (params.optimize = {
           tickRenderMode: "effect"
         }), this.optmize(params.optimize), params.background && isString$3(this._background) && this._background.includes("/") && this.setAttributes({
           background: this._background
@@ -13769,10 +13805,16 @@
         options.enableView3dTransform && this.enableView3dTransform();
       }
       setBeforeRender(cb) {
-        this._beforeRender = cb;
+        this._beforeRenderList.push(cb);
+      }
+      removeBeforeRender(cb) {
+        this._beforeRenderList = this._beforeRenderList.filter(c => c !== cb);
       }
       setAfterRender(cb) {
-        this._afterRender = cb;
+        this._afterRenderList.push(cb);
+      }
+      removeAfterRender(cb) {
+        this._afterRenderList = this._afterRenderList.filter(c => c !== cb);
       }
       afterNextRender(cb) {
         this._afterNextRenderCbs || (this._afterNextRenderCbs = []), this._afterNextRenderCbs.push(cb);
@@ -16696,7 +16738,8 @@
       CONTEXTMENU_DEPENDENCY_LINK: "contextmenu_dependency_link",
       CLICK_MARKLINE_CREATE: "click_markline_create",
       CLICK_MARKLINE_CONTENT: "click_markline_content",
-      MOVE_END_TASK_BAR: "move_end_task_bar"
+      MOVE_END_TASK_BAR: "move_end_task_bar",
+      PROGRESS_UPDATE: "progress_update"
     };
 
     function throttle(func, delay) {
@@ -17581,7 +17624,7 @@
       return (null == scrollStyle ? void 0 : scrollStyle.hoverOn) || (null == scrollStyle ? void 0 : scrollStyle.verticalVisible) && "none" === (null == scrollStyle ? void 0 : scrollStyle.verticalVisible) || !(null == scrollStyle ? void 0 : scrollStyle.verticalVisible) && "none" === (null == scrollStyle ? void 0 : scrollStyle.visible) ? 0 : null !== (_a = null == scrollStyle ? void 0 : scrollStyle.width) && void 0 !== _a ? _a : 7;
     }
     function initOptions(gantt) {
-      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, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77, _78, _79, _80, _81, _82, _83, _84, _85;
+      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, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77, _78, _79, _80, _81, _82, _83, _84, _85, _86, _87;
       const options = gantt.options;
       gantt.parsedOptions.tasksShowMode = null !== (_a = null == options ? void 0 : options.tasksShowMode) && void 0 !== _a ? _a : TasksShowMode.Tasks_Separate, gantt.parsedOptions.pixelRatio = null !== (_b = null == options ? void 0 : options.pixelRatio) && void 0 !== _b ? _b : 1, gantt.parsedOptions.rowHeight = null !== (_c = null == options ? void 0 : options.rowHeight) && void 0 !== _c ? _c : 40, gantt.parsedOptions.timelineColWidth = null !== (_e = null === (_d = null == options ? void 0 : options.timelineHeader) || void 0 === _d ? void 0 : _d.colWidth) && void 0 !== _e ? _e : 60, gantt.parsedOptions.startDateField = null !== (_g = null === (_f = options.taskBar) || void 0 === _f ? void 0 : _f.startDateField) && void 0 !== _g ? _g : "startDate", gantt.parsedOptions.endDateField = null !== (_j = null === (_h = options.taskBar) || void 0 === _h ? void 0 : _h.endDateField) && void 0 !== _j ? _j : "endDate", gantt.parsedOptions.progressField = null !== (_l = null === (_k = options.taskBar) || void 0 === _k ? void 0 : _k.progressField) && void 0 !== _l ? _l : "progress", gantt.parsedOptions.projectSubTasksExpandable = null === (_m = null == options ? void 0 : options.projectSubTasksExpandable) || void 0 === _m || _m;
       const {
@@ -17637,54 +17680,54 @@
         shadowColor: gantt.parsedOptions.taskBarStyle.barColor,
         borderColor: gantt.parsedOptions.taskBarStyle.barColor,
         borderLineWidth: 1
-      }, null === (_11 = null == options ? void 0 : options.taskBar) || void 0 === _11 ? void 0 : _11.selectedBarStyle), gantt.parsedOptions.taskBarLabelText = null !== (_13 = null === (_12 = null == options ? void 0 : options.taskBar) || void 0 === _12 ? void 0 : _12.labelText) && void 0 !== _13 ? _13 : "", gantt.parsedOptions.taskBarMoveable = null === (_15 = null === (_14 = null == options ? void 0 : options.taskBar) || void 0 === _14 ? void 0 : _14.moveable) || void 0 === _15 || _15, gantt.parsedOptions.moveTaskBarToExtendDateRange = null === (_17 = null === (_16 = null == options ? void 0 : options.taskBar) || void 0 === _16 ? void 0 : _16.moveToExtendDateRange) || void 0 === _17 || _17, gantt.parsedOptions.taskBarResizable = null === (_19 = null === (_18 = null == options ? void 0 : options.taskBar) || void 0 === _18 ? void 0 : _18.resizable) || void 0 === _19 || _19, gantt.parsedOptions.taskBarDragOrder = null === (_21 = null === (_20 = null == options ? void 0 : options.taskBar) || void 0 === _20 ? void 0 : _20.dragOrder) || void 0 === _21 || _21, gantt.parsedOptions.taskBarLabelStyle = {
-        fontFamily: null !== (_24 = null === (_23 = null === (_22 = null == options ? void 0 : options.taskBar) || void 0 === _22 ? void 0 : _22.labelTextStyle) || void 0 === _23 ? void 0 : _23.fontFamily) && void 0 !== _24 ? _24 : "Arial",
-        fontSize: null !== (_27 = null === (_26 = null === (_25 = null == options ? void 0 : options.taskBar) || void 0 === _25 ? void 0 : _25.labelTextStyle) || void 0 === _26 ? void 0 : _26.fontSize) && void 0 !== _27 ? _27 : 20,
-        color: null !== (_30 = null === (_29 = null === (_28 = null == options ? void 0 : options.taskBar) || void 0 === _28 ? void 0 : _28.labelTextStyle) || void 0 === _29 ? void 0 : _29.color) && void 0 !== _30 ? _30 : "#F01",
-        outsideColor: null !== (_33 = null === (_32 = null === (_31 = null == options ? void 0 : options.taskBar) || void 0 === _31 ? void 0 : _31.labelTextStyle) || void 0 === _32 ? void 0 : _32.outsideColor) && void 0 !== _33 ? _33 : "#333333",
-        textAlign: null !== (_36 = null === (_35 = null === (_34 = null == options ? void 0 : options.taskBar) || void 0 === _34 ? void 0 : _34.labelTextStyle) || void 0 === _35 ? void 0 : _35.textAlign) && void 0 !== _36 ? _36 : "left",
-        textBaseline: null !== (_39 = null === (_38 = null === (_37 = null == options ? void 0 : options.taskBar) || void 0 === _37 ? void 0 : _37.labelTextStyle) || void 0 === _38 ? void 0 : _38.textBaseline) && void 0 !== _39 ? _39 : "middle",
-        padding: null !== (_42 = null === (_41 = null === (_40 = null == options ? void 0 : options.taskBar) || void 0 === _40 ? void 0 : _40.labelTextStyle) || void 0 === _41 ? void 0 : _41.padding) && void 0 !== _42 ? _42 : [0, 0, 0, 10],
-        textOverflow: null === (_44 = null === (_43 = null == options ? void 0 : options.taskBar) || void 0 === _43 ? void 0 : _43.labelTextStyle) || void 0 === _44 ? void 0 : _44.textOverflow,
-        orient: null === (_46 = null === (_45 = null == options ? void 0 : options.taskBar) || void 0 === _45 ? void 0 : _45.labelTextStyle) || void 0 === _46 ? void 0 : _46.orient,
-        orientHandleWithOverflow: null === (_48 = null === (_47 = null == options ? void 0 : options.taskBar) || void 0 === _47 ? void 0 : _47.labelTextStyle) || void 0 === _48 ? void 0 : _48.orientHandleWithOverflow
-      }, gantt.parsedOptions.taskBarCustomLayout = null === (_49 = null == options ? void 0 : options.taskBar) || void 0 === _49 ? void 0 : _49.customLayout, gantt.parsedOptions.taskBarCreatable = null !== (_51 = null === (_50 = null == options ? void 0 : options.taskBar) || void 0 === _50 ? void 0 : _50.scheduleCreatable) && void 0 !== _51 ? _51 : !(gantt.parsedOptions.tasksShowMode !== TasksShowMode.Sub_Tasks_Separate && gantt.parsedOptions.tasksShowMode !== TasksShowMode.Tasks_Separate), gantt.parsedOptions.taskBarCreationButtonStyle = Object.assign({
+      }, null === (_11 = null == options ? void 0 : options.taskBar) || void 0 === _11 ? void 0 : _11.selectedBarStyle), gantt.parsedOptions.taskBarLabelText = null !== (_13 = null === (_12 = null == options ? void 0 : options.taskBar) || void 0 === _12 ? void 0 : _12.labelText) && void 0 !== _13 ? _13 : "", gantt.parsedOptions.taskBarMoveable = null === (_15 = null === (_14 = null == options ? void 0 : options.taskBar) || void 0 === _14 ? void 0 : _14.moveable) || void 0 === _15 || _15, gantt.parsedOptions.moveTaskBarToExtendDateRange = null === (_17 = null === (_16 = null == options ? void 0 : options.taskBar) || void 0 === _16 ? void 0 : _16.moveToExtendDateRange) || void 0 === _17 || _17, gantt.parsedOptions.taskBarResizable = null === (_19 = null === (_18 = null == options ? void 0 : options.taskBar) || void 0 === _18 ? void 0 : _18.resizable) || void 0 === _19 || _19, gantt.parsedOptions.taskBarProgressAdjustable = null !== (_21 = null === (_20 = null == options ? void 0 : options.taskBar) || void 0 === _20 ? void 0 : _20.progressAdjustable) && void 0 !== _21 && _21, gantt.parsedOptions.taskBarDragOrder = null === (_23 = null === (_22 = null == options ? void 0 : options.taskBar) || void 0 === _22 ? void 0 : _22.dragOrder) || void 0 === _23 || _23, gantt.parsedOptions.taskBarLabelStyle = {
+        fontFamily: null !== (_26 = null === (_25 = null === (_24 = null == options ? void 0 : options.taskBar) || void 0 === _24 ? void 0 : _24.labelTextStyle) || void 0 === _25 ? void 0 : _25.fontFamily) && void 0 !== _26 ? _26 : "Arial",
+        fontSize: null !== (_29 = null === (_28 = null === (_27 = null == options ? void 0 : options.taskBar) || void 0 === _27 ? void 0 : _27.labelTextStyle) || void 0 === _28 ? void 0 : _28.fontSize) && void 0 !== _29 ? _29 : 20,
+        color: null !== (_32 = null === (_31 = null === (_30 = null == options ? void 0 : options.taskBar) || void 0 === _30 ? void 0 : _30.labelTextStyle) || void 0 === _31 ? void 0 : _31.color) && void 0 !== _32 ? _32 : "#F01",
+        outsideColor: null !== (_35 = null === (_34 = null === (_33 = null == options ? void 0 : options.taskBar) || void 0 === _33 ? void 0 : _33.labelTextStyle) || void 0 === _34 ? void 0 : _34.outsideColor) && void 0 !== _35 ? _35 : "#333333",
+        textAlign: null !== (_38 = null === (_37 = null === (_36 = null == options ? void 0 : options.taskBar) || void 0 === _36 ? void 0 : _36.labelTextStyle) || void 0 === _37 ? void 0 : _37.textAlign) && void 0 !== _38 ? _38 : "left",
+        textBaseline: null !== (_41 = null === (_40 = null === (_39 = null == options ? void 0 : options.taskBar) || void 0 === _39 ? void 0 : _39.labelTextStyle) || void 0 === _40 ? void 0 : _40.textBaseline) && void 0 !== _41 ? _41 : "middle",
+        padding: null !== (_44 = null === (_43 = null === (_42 = null == options ? void 0 : options.taskBar) || void 0 === _42 ? void 0 : _42.labelTextStyle) || void 0 === _43 ? void 0 : _43.padding) && void 0 !== _44 ? _44 : [0, 0, 0, 10],
+        textOverflow: null === (_46 = null === (_45 = null == options ? void 0 : options.taskBar) || void 0 === _45 ? void 0 : _45.labelTextStyle) || void 0 === _46 ? void 0 : _46.textOverflow,
+        orient: null === (_48 = null === (_47 = null == options ? void 0 : options.taskBar) || void 0 === _47 ? void 0 : _47.labelTextStyle) || void 0 === _48 ? void 0 : _48.orient,
+        orientHandleWithOverflow: null === (_50 = null === (_49 = null == options ? void 0 : options.taskBar) || void 0 === _49 ? void 0 : _49.labelTextStyle) || void 0 === _50 ? void 0 : _50.orientHandleWithOverflow
+      }, gantt.parsedOptions.taskBarCustomLayout = null === (_51 = null == options ? void 0 : options.taskBar) || void 0 === _51 ? void 0 : _51.customLayout, gantt.parsedOptions.taskBarCreatable = null !== (_53 = null === (_52 = null == options ? void 0 : options.taskBar) || void 0 === _52 ? void 0 : _52.scheduleCreatable) && void 0 !== _53 ? _53 : !(gantt.parsedOptions.tasksShowMode !== TasksShowMode.Sub_Tasks_Separate && gantt.parsedOptions.tasksShowMode !== TasksShowMode.Tasks_Separate), gantt.parsedOptions.taskBarCreationButtonStyle = Object.assign({
         lineColor: "rgb(99, 144, 0)",
         lineWidth: 1,
         lineDash: [5, 5],
         cornerRadius: 4,
         backgroundColor: "#FFF"
-      }, null === (_53 = null === (_52 = null == options ? void 0 : options.taskBar) || void 0 === _52 ? void 0 : _52.scheduleCreation) || void 0 === _53 ? void 0 : _53.buttonStyle), gantt.parsedOptions.taskBarCreationCustomLayout = null === (_55 = null === (_54 = null == options ? void 0 : options.taskBar) || void 0 === _54 ? void 0 : _54.scheduleCreation) || void 0 === _55 ? void 0 : _55.customLayout, gantt.parsedOptions.taskBarCreationMaxWidth = null === (_57 = null === (_56 = null == options ? void 0 : options.taskBar) || void 0 === _56 ? void 0 : _56.scheduleCreation) || void 0 === _57 ? void 0 : _57.maxWidth, gantt.parsedOptions.taskBarCreationMinWidth = null === (_59 = null === (_58 = null == options ? void 0 : options.taskBar) || void 0 === _58 ? void 0 : _58.scheduleCreation) || void 0 === _59 ? void 0 : _59.minWidth, gantt.parsedOptions.outerFrameStyle = Object.assign({
+      }, null === (_55 = null === (_54 = null == options ? void 0 : options.taskBar) || void 0 === _54 ? void 0 : _54.scheduleCreation) || void 0 === _55 ? void 0 : _55.buttonStyle), gantt.parsedOptions.taskBarCreationCustomLayout = null === (_57 = null === (_56 = null == options ? void 0 : options.taskBar) || void 0 === _56 ? void 0 : _56.scheduleCreation) || void 0 === _57 ? void 0 : _57.customLayout, gantt.parsedOptions.taskBarCreationMaxWidth = null === (_59 = null === (_58 = null == options ? void 0 : options.taskBar) || void 0 === _58 ? void 0 : _58.scheduleCreation) || void 0 === _59 ? void 0 : _59.maxWidth, gantt.parsedOptions.taskBarCreationMinWidth = null === (_61 = null === (_60 = null == options ? void 0 : options.taskBar) || void 0 === _60 ? void 0 : _60.scheduleCreation) || void 0 === _61 ? void 0 : _61.minWidth, gantt.parsedOptions.outerFrameStyle = Object.assign({
         borderColor: "#e1e4e8",
         borderLineWidth: 1,
         cornerRadius: 4
-      }, null === (_60 = options.frame) || void 0 === _60 ? void 0 : _60.outerFrameStyle), gantt.parsedOptions.markLine = generateMarkLine(null == options ? void 0 : options.markLine), null !== (_62 = null === (_61 = gantt.parsedOptions.markLine) || void 0 === _61 ? void 0 : _61.length) && void 0 !== _62 && _62 && ((null === (_63 = gantt.parsedOptions.markLine) || void 0 === _63 ? void 0 : _63.every(item => void 0 === item.scrollToMarkLine)) && (gantt.parsedOptions.markLine[0].scrollToMarkLine = !0), (null === (_64 = gantt.parsedOptions.markLine) || void 0 === _64 ? void 0 : _64.find(item => item.scrollToMarkLine)) && (gantt.parsedOptions.scrollToMarkLineDate = getStartDateByTimeUnit(new Date(null === (_65 = gantt.parsedOptions.markLine) || void 0 === _65 ? void 0 : _65.find(item => item.scrollToMarkLine).date), minTimeUnit, startOfWeek))), gantt.parsedOptions.verticalSplitLineHighlight = null === (_66 = options.frame) || void 0 === _66 ? void 0 : _66.verticalSplitLineHighlight, gantt.parsedOptions.verticalSplitLine = Object.assign({
-        lineColor: null === (_67 = gantt.parsedOptions.outerFrameStyle) || void 0 === _67 ? void 0 : _67.borderColor,
-        lineWidth: null === (_68 = gantt.parsedOptions.outerFrameStyle) || void 0 === _68 ? void 0 : _68.borderLineWidth
-      }, null === (_69 = options.frame) || void 0 === _69 ? void 0 : _69.verticalSplitLine), gantt.parsedOptions.horizontalSplitLine = null === (_70 = options.frame) || void 0 === _70 ? void 0 : _70.horizontalSplitLine, gantt.parsedOptions.verticalSplitLineMoveable = null === (_71 = options.frame) || void 0 === _71 ? void 0 : _71.verticalSplitLineMoveable, gantt.parsedOptions.taskKeyField = null !== (_72 = options.taskKeyField) && void 0 !== _72 ? _72 : "id", gantt.parsedOptions.dependencyLinks = null !== (_74 = null === (_73 = options.dependency) || void 0 === _73 ? void 0 : _73.links) && void 0 !== _74 ? _74 : [], gantt.parsedOptions.dependencyLinkCreatable = null !== (_76 = null === (_75 = options.dependency) || void 0 === _75 ? void 0 : _75.linkCreatable) && void 0 !== _76 && _76, gantt.parsedOptions.dependencyLinkSelectable = null === (_78 = null === (_77 = options.dependency) || void 0 === _77 ? void 0 : _77.linkSelectable) || void 0 === _78 || _78, gantt.parsedOptions.dependencyLinkDeletable = null !== (_80 = null === (_79 = options.dependency) || void 0 === _79 ? void 0 : _79.linkDeletable) && void 0 !== _80 && _80, gantt.parsedOptions.dependencyLinkLineStyle = Object.assign({
+      }, null === (_62 = options.frame) || void 0 === _62 ? void 0 : _62.outerFrameStyle), gantt.parsedOptions.markLine = generateMarkLine(null == options ? void 0 : options.markLine), null !== (_64 = null === (_63 = gantt.parsedOptions.markLine) || void 0 === _63 ? void 0 : _63.length) && void 0 !== _64 && _64 && ((null === (_65 = gantt.parsedOptions.markLine) || void 0 === _65 ? void 0 : _65.every(item => void 0 === item.scrollToMarkLine)) && (gantt.parsedOptions.markLine[0].scrollToMarkLine = !0), (null === (_66 = gantt.parsedOptions.markLine) || void 0 === _66 ? void 0 : _66.find(item => item.scrollToMarkLine)) && (gantt.parsedOptions.scrollToMarkLineDate = getStartDateByTimeUnit(new Date(null === (_67 = gantt.parsedOptions.markLine) || void 0 === _67 ? void 0 : _67.find(item => item.scrollToMarkLine).date), minTimeUnit, startOfWeek))), gantt.parsedOptions.verticalSplitLineHighlight = null === (_68 = options.frame) || void 0 === _68 ? void 0 : _68.verticalSplitLineHighlight, gantt.parsedOptions.verticalSplitLine = Object.assign({
+        lineColor: null === (_69 = gantt.parsedOptions.outerFrameStyle) || void 0 === _69 ? void 0 : _69.borderColor,
+        lineWidth: null === (_70 = gantt.parsedOptions.outerFrameStyle) || void 0 === _70 ? void 0 : _70.borderLineWidth
+      }, null === (_71 = options.frame) || void 0 === _71 ? void 0 : _71.verticalSplitLine), gantt.parsedOptions.horizontalSplitLine = null === (_72 = options.frame) || void 0 === _72 ? void 0 : _72.horizontalSplitLine, gantt.parsedOptions.verticalSplitLineMoveable = null === (_73 = options.frame) || void 0 === _73 ? void 0 : _73.verticalSplitLineMoveable, gantt.parsedOptions.taskKeyField = null !== (_74 = options.taskKeyField) && void 0 !== _74 ? _74 : "id", gantt.parsedOptions.dependencyLinks = null !== (_76 = null === (_75 = options.dependency) || void 0 === _75 ? void 0 : _75.links) && void 0 !== _76 ? _76 : [], gantt.parsedOptions.dependencyLinkCreatable = null !== (_78 = null === (_77 = options.dependency) || void 0 === _77 ? void 0 : _77.linkCreatable) && void 0 !== _78 && _78, gantt.parsedOptions.dependencyLinkSelectable = null === (_80 = null === (_79 = options.dependency) || void 0 === _79 ? void 0 : _79.linkSelectable) || void 0 === _80 || _80, gantt.parsedOptions.dependencyLinkDeletable = null !== (_82 = null === (_81 = options.dependency) || void 0 === _81 ? void 0 : _81.linkDeletable) && void 0 !== _82 && _82, gantt.parsedOptions.dependencyLinkLineStyle = Object.assign({
         lineColor: "red",
         lineWidth: 1
-      }, null === (_81 = options.dependency) || void 0 === _81 ? void 0 : _81.linkLineStyle), gantt.parsedOptions.dependencyLinkSelectedLineStyle = Object.assign({
+      }, null === (_83 = options.dependency) || void 0 === _83 ? void 0 : _83.linkLineStyle), gantt.parsedOptions.dependencyLinkSelectedLineStyle = Object.assign({
         shadowBlur: 4,
         shadowOffset: 0,
         shadowColor: gantt.parsedOptions.dependencyLinkLineStyle.lineColor,
         lineColor: gantt.parsedOptions.dependencyLinkLineStyle.lineColor,
         lineWidth: gantt.parsedOptions.dependencyLinkLineStyle.lineWidth
-      }, null === (_82 = null == options ? void 0 : options.dependency) || void 0 === _82 ? void 0 : _82.linkSelectedLineStyle), gantt.parsedOptions.dependencyLinkLineCreatePointStyle = Object.assign({
+      }, null === (_84 = null == options ? void 0 : options.dependency) || void 0 === _84 ? void 0 : _84.linkSelectedLineStyle), gantt.parsedOptions.dependencyLinkLineCreatePointStyle = Object.assign({
         strokeColor: "red",
         fillColor: "white",
         radius: 5,
         strokeWidth: 1
-      }, null === (_83 = null == options ? void 0 : options.dependency) || void 0 === _83 ? void 0 : _83.linkCreatePointStyle), gantt.parsedOptions.dependencyLinkLineCreatingPointStyle = Object.assign({
+      }, null === (_85 = null == options ? void 0 : options.dependency) || void 0 === _85 ? void 0 : _85.linkCreatePointStyle), gantt.parsedOptions.dependencyLinkLineCreatingPointStyle = Object.assign({
         strokeColor: "red",
         fillColor: "red",
         radius: 5,
         strokeWidth: 1
-      }, null === (_84 = null == options ? void 0 : options.dependency) || void 0 === _84 ? void 0 : _84.linkCreatingPointStyle), gantt.parsedOptions.dependencyLinkLineCreatingStyle = Object.assign({
+      }, null === (_86 = null == options ? void 0 : options.dependency) || void 0 === _86 ? void 0 : _86.linkCreatingPointStyle), gantt.parsedOptions.dependencyLinkLineCreatingStyle = Object.assign({
         lineColor: "red",
         lineWidth: 1,
         lineDash: [5, 5]
-      }, null === (_85 = null == options ? void 0 : options.dependency) || void 0 === _85 ? void 0 : _85.linkCreatingLineStyle), gantt.parsedOptions.eventOptions = null == options ? void 0 : options.eventOptions, gantt.parsedOptions.keyboardOptions = null == options ? void 0 : options.keyboardOptions, gantt.parsedOptions.markLineCreateOptions = null == options ? void 0 : options.markLineCreateOptions;
+      }, null === (_87 = null == options ? void 0 : options.dependency) || void 0 === _87 ? void 0 : _87.linkCreatingLineStyle), gantt.parsedOptions.eventOptions = null == options ? void 0 : options.eventOptions, gantt.parsedOptions.keyboardOptions = null == options ? void 0 : options.keyboardOptions, gantt.parsedOptions.markLineCreateOptions = null == options ? void 0 : options.markLineCreateOptions;
     }
     function updateOptionsWhenScaleChanged(gantt) {
       var _a, _b, _c, _d;
@@ -18663,7 +18706,7 @@
           y: 0,
           width: 100,
           height: 100,
-          clip: !0,
+          clip: !1,
           pickable: !1,
           cornerRadius: null !== (_b = null !== (_a = this._scene._gantt.parsedOptions.taskBarHoverStyle.cornerRadius) && void 0 !== _a ? _a : defaultTaskBarStyle.cornerRadius) && void 0 !== _b ? _b : 0,
           fill: this._scene._gantt.parsedOptions.taskBarHoverStyle.barOverlayColor,
@@ -18691,6 +18734,32 @@
           });
           rightIcon.name = "task-bar-hover-shadow-right-icon", this.hoverBarRightIcon = rightIcon, hoverBarGroup.appendChild(rightIcon);
         }
+        const progressHandle = new Group({
+            x: 0,
+            y: 0,
+            width: 12,
+            height: 12,
+            pickable: !0,
+            cursor: "ew-resize",
+            visible: !1
+          }),
+          triangleHandle = new Polygon({
+            points: [{
+              x: 6,
+              y: 0
+            }, {
+              x: 0,
+              y: 6
+            }, {
+              x: 12,
+              y: 6
+            }],
+            fill: "#0064ff",
+            stroke: "#ffffff",
+            lineWidth: 1,
+            pickable: !1
+          });
+        progressHandle.appendChild(triangleHandle), progressHandle.name = "task-bar-progress-handle", this.hoverBarProgressHandle = progressHandle, hoverBarGroup.appendChild(progressHandle);
       }
       setX(x) {
         this.barContainer.setAttribute("x", x);
@@ -18712,7 +18781,7 @@
         this.width = this._scene._gantt.tableNoFrameWidth, this.height = this._scene._gantt.gridHeight, this.group.setAttribute("width", this.width), this.group.setAttribute("height", this.height);
       }
       showHoverBar(x, y, width, height, target) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         const {
           startDate: startDate,
           endDate: endDate,
@@ -18724,10 +18793,24 @@
           const cornerRadius = null !== (_b = null !== (_a = this._scene._gantt.parsedOptions.taskBarHoverStyle.cornerRadius) && void 0 !== _a ? _a : taskBarStyle.cornerRadius) && void 0 !== _b ? _b : 0;
           this.hoverBarGroup.setAttribute("cornerRadius", cornerRadius);
         }
-        null === (_c = this.hoverBarLeftIcon) || void 0 === _c || _c.setAttribute("visible", !1), null === (_d = this.hoverBarRightIcon) || void 0 === _d || _d.setAttribute("visible", !1);
+        null === (_c = this.hoverBarLeftIcon) || void 0 === _c || _c.setAttribute("visible", !1), null === (_d = this.hoverBarRightIcon) || void 0 === _d || _d.setAttribute("visible", !1), null === (_e = this.hoverBarProgressHandle) || void 0 === _e || _e.setAttribute("visibleAll", !1);
         let leftResizable = !0,
-          rightResizable = !0;
-        if (taskRecord.type === TaskType.MILESTONE) leftResizable = !1, rightResizable = !1;else if ("function" == typeof this._scene._gantt.parsedOptions.taskBarResizable) {
+          rightResizable = !0,
+          progressAdjustable = !0;
+        const progressField = this._scene._gantt.parsedOptions.progressField;
+        if (progressField && void 0 !== taskRecord[progressField] && null !== taskRecord[progressField]) {
+          if ("function" == typeof this._scene._gantt.parsedOptions.taskBarProgressAdjustable) {
+            const arg = {
+              index: target.task_index,
+              startDate: startDate,
+              endDate: endDate,
+              taskRecord: taskRecord,
+              ganttInstance: this._scene._gantt
+            };
+            progressAdjustable = this._scene._gantt.parsedOptions.taskBarProgressAdjustable(arg);
+          } else progressAdjustable = this._scene._gantt.parsedOptions.taskBarProgressAdjustable;
+        } else progressAdjustable = !1;
+        if (taskRecord.type === TaskType.MILESTONE) leftResizable = !1, rightResizable = !1, progressAdjustable = !1;else if ("function" == typeof this._scene._gantt.parsedOptions.taskBarResizable) {
           const arg = {
               index: target.task_index,
               startDate: startDate,
@@ -18738,7 +18821,13 @@
             resizableResult = this._scene._gantt.parsedOptions.taskBarResizable(arg);
           Array.isArray(resizableResult) ? [leftResizable, rightResizable] = resizableResult : (leftResizable = resizableResult, rightResizable = resizableResult);
         } else Array.isArray(this._scene._gantt.parsedOptions.taskBarResizable) ? [leftResizable, rightResizable] = this._scene._gantt.parsedOptions.taskBarResizable : (leftResizable = this._scene._gantt.parsedOptions.taskBarResizable, rightResizable = this._scene._gantt.parsedOptions.taskBarResizable);
-        leftResizable && this.hoverBarLeftIcon.setAttribute("visible", !0), rightResizable && this.hoverBarRightIcon.setAttribute("visible", !0), this.hoverBarLeftIcon && (this.hoverBarLeftIcon.setAttribute("x", 0), this.hoverBarLeftIcon.setAttribute("y", Math.ceil(height / 10)), this.hoverBarLeftIcon.setAttribute("width", 10), this.hoverBarLeftIcon.setAttribute("height", height - 2 * Math.ceil(height / 10)), this.hoverBarRightIcon.setAttribute("x", width - 10), this.hoverBarRightIcon.setAttribute("y", Math.ceil(height / 10)), this.hoverBarRightIcon.setAttribute("width", 10), this.hoverBarRightIcon.setAttribute("height", height - 2 * Math.ceil(height / 10)));
+        if (leftResizable && this.hoverBarLeftIcon.setAttribute("visible", !0), rightResizable && this.hoverBarRightIcon.setAttribute("visible", !0), progressAdjustable && this.hoverBarProgressHandle.setAttribute("visibleAll", !0), this.hoverBarLeftIcon && (this.hoverBarLeftIcon.setAttribute("x", 0), this.hoverBarLeftIcon.setAttribute("y", Math.ceil(height / 10)), this.hoverBarLeftIcon.setAttribute("width", 10), this.hoverBarLeftIcon.setAttribute("height", height - 2 * Math.ceil(height / 10)), this.hoverBarRightIcon.setAttribute("x", width - 10), this.hoverBarRightIcon.setAttribute("y", Math.ceil(height / 10)), this.hoverBarRightIcon.setAttribute("width", 10), this.hoverBarRightIcon.setAttribute("height", height - 2 * Math.ceil(height / 10))), this.hoverBarProgressHandle) {
+          const {
+              progress: progress
+            } = this._scene._gantt.getTaskInfoByTaskListIndex(target.task_index, target.sub_task_index),
+            progressX = width * progress / 100 - 6;
+          this.hoverBarProgressHandle.setAttribute("x", progressX), this.hoverBarProgressHandle.setAttribute("y", height - 3);
+        }
       }
       hideHoverBar() {
         this.hoverBarGroup.setAttribute("visibleAll", !1);
@@ -20301,7 +20390,7 @@
         let downBarNode, downLeftLinkPointNode, downRightLinkPointNode;
         if (e.detailPath.find(pathNode => "task-bar" === pathNode.name ? (downBarNode = pathNode, !0) : "task-creation-button" === pathNode.name ? (!0) : "task-bar-link-point-left" === pathNode.name ? (downLeftLinkPointNode = pathNode, !0) : "task-bar-link-point-right" === pathNode.name ? (downRightLinkPointNode = pathNode, !0) : !!pathNode.attribute.vtable_link && (pathNode.attribute.vtable_link, !0)), downBarNode) {
           const taskRecord = downBarNode.record;
-          if (!((null == taskRecord ? void 0 : taskRecord.type) === TaskType.PROJECT)) if ("task-bar-hover-shadow-left-icon" === e.target.name) stateManager.startResizeTaskBar(downBarNode, e.nativeEvent.x, e.nativeEvent.y, e.offset.y, "left"), stateManager.updateInteractionState(InteractionState.grabing);else if ("task-bar-hover-shadow-right-icon" === e.target.name) stateManager.startResizeTaskBar(downBarNode, e.nativeEvent.x, e.nativeEvent.y, e.offset.y, "right"), stateManager.updateInteractionState(InteractionState.grabing);else if (gantt.parsedOptions.taskBarMoveable) {
+          if (!((null == taskRecord ? void 0 : taskRecord.type) === TaskType.PROJECT)) if ("task-bar-hover-shadow-left-icon" === e.target.name) stateManager.startResizeTaskBar(downBarNode, e.nativeEvent.x, e.nativeEvent.y, e.offset.y, "left"), stateManager.updateInteractionState(InteractionState.grabing);else if ("task-bar-hover-shadow-right-icon" === e.target.name) stateManager.startResizeTaskBar(downBarNode, e.nativeEvent.x, e.nativeEvent.y, e.offset.y, "right"), stateManager.updateInteractionState(InteractionState.grabing);else if ("task-bar-progress-handle" === e.target.name) stateManager.startAdjustProgressBar(downBarNode, e.nativeEvent.x, e.nativeEvent.y), stateManager.updateInteractionState(InteractionState.grabing);else if (gantt.parsedOptions.taskBarMoveable) {
             const moveTaskBar = () => {
               let moveable = !0;
               if ("function" == typeof gantt.parsedOptions.taskBarMoveable) {
@@ -20586,7 +20675,7 @@
         if (stateManager.interactionState === InteractionState.grabing && "draging" === gantt.eventManager.poniterState) {
           const lastX = null !== (_d = null === (_c = gantt.eventManager.lastDragPointerXYOnWindow) || void 0 === _c ? void 0 : _c.x) && void 0 !== _d ? _d : e.x,
             lastY = null !== (_f = null === (_e = gantt.eventManager.lastDragPointerXYOnWindow) || void 0 === _e ? void 0 : _e.y) && void 0 !== _f ? _f : e.y;
-          (Math.abs(lastX - e.x) >= 1 || Math.abs(lastY - e.y) >= 1) && (stateManager.isResizingTableWidth() ? (stateManager.hideDependencyLinkSelectedLine(), stateManager.hideTaskBarSelectedBorder(), stateManager.dealResizeTableWidth(e)) : stateManager.isMoveingTaskBar() ? (stateManager.hideDependencyLinkSelectedLine(), stateManager.hideTaskBarSelectedBorder(), stateManager.dealTaskBarMove(e)) : stateManager.isResizingTaskBar() ? (stateManager.hideDependencyLinkSelectedLine(), stateManager.hideTaskBarSelectedBorder(), stateManager.dealTaskBarResize(e)) : stateManager.isCreatingDependencyLine() && stateManager.dealCreateDependencyLine(e), gantt.eventManager.lastDragPointerXYOnWindow = {
+          (Math.abs(lastX - e.x) >= 1 || Math.abs(lastY - e.y) >= 1) && (stateManager.isResizingTableWidth() ? (stateManager.hideDependencyLinkSelectedLine(), stateManager.hideTaskBarSelectedBorder(), stateManager.dealResizeTableWidth(e)) : stateManager.isMoveingTaskBar() ? (stateManager.hideDependencyLinkSelectedLine(), stateManager.hideTaskBarSelectedBorder(), stateManager.dealTaskBarMove(e)) : stateManager.isResizingTaskBar() ? (stateManager.hideDependencyLinkSelectedLine(), stateManager.hideTaskBarSelectedBorder(), stateManager.dealTaskBarResize(e)) : stateManager.isAdjustingProgressBar() ? stateManager.dealAdjustProgressBar(e) : stateManager.isCreatingDependencyLine() && stateManager.dealCreateDependencyLine(e), gantt.eventManager.lastDragPointerXYOnWindow = {
             x: e.x,
             y: e.y
           });
@@ -20598,7 +20687,7 @@
         callback: globalPointermoveCallback
       }), vglobal.addEventListener("pointermove", globalPointermoveCallback);
       const globalPointerupCallback = e => {
-        "grabing" === stateManager.interactionState && (stateManager.updateInteractionState(InteractionState.default), stateManager.isResizingTableWidth() ? stateManager.endResizeTableWidth() : stateManager.isMoveingTaskBar() ? stateManager.endMoveTaskBar() : stateManager.isResizingTaskBar() && stateManager.endResizeTaskBar(e.x)), setTimeout(() => {
+        "grabing" === stateManager.interactionState && (stateManager.updateInteractionState(InteractionState.default), stateManager.isResizingTableWidth() ? stateManager.endResizeTableWidth() : stateManager.isMoveingTaskBar() ? stateManager.endMoveTaskBar() : stateManager.isResizingTaskBar() ? stateManager.endResizeTaskBar(e.x) : stateManager.isAdjustingProgressBar() && stateManager.endAdjustProgressBar(e.x)), setTimeout(() => {
           gantt.eventManager.lastDragPointerXYOnWindow = void 0, gantt.eventManager.poniterState = "up";
         }, 0);
       };
@@ -20771,6 +20860,12 @@
           target: null,
           resizing: !1,
           onIconName: ""
+        }, this.adjustProgressBar = {
+          startX: null,
+          startY: null,
+          target: null,
+          adjusting: !1,
+          originalProgress: 0
         }, this.resizeTableWidth = {
           lastX: null,
           resizing: !1
@@ -21042,6 +21137,51 @@
         const taskBarSize = Math.max(1, taskBarGroup.attribute.width + diffWidth);
         diffWidth = taskBarSize - taskBarGroup.attribute.width, resizeTaskBar(taskBarGroup, "left" === this._gantt.stateManager.resizeTaskBar.onIconName ? -diffWidth : 0, taskBarSize, this), this._gantt.scenegraph.updateNextFrame();
       }
+      startAdjustProgressBar(target, x, y) {
+        const {
+          progress: progress
+        } = this._gantt.getTaskInfoByTaskListIndex(target.task_index, target.sub_task_index);
+        this.adjustProgressBar.target = target, this.adjustProgressBar.adjusting = !0, this.adjustProgressBar.startX = x, this.adjustProgressBar.startY = y, this.adjustProgressBar.originalProgress = progress;
+      }
+      isAdjustingProgressBar() {
+        return this.adjustProgressBar.adjusting;
+      }
+      endAdjustProgressBar(x) {
+        const target = this.adjustProgressBar.target,
+          taskBarWidth = target.attribute.width,
+          deltaX = x - this.adjustProgressBar.startX,
+          newProgress = Math.max(0, Math.min(100, this.adjustProgressBar.originalProgress + deltaX / taskBarWidth * 100));
+        if (Math.abs(newProgress - this.adjustProgressBar.originalProgress) >= 1) {
+          const taskIndex = target.task_index,
+            subTaskIndex = target.sub_task_index;
+          this._gantt._updateProgressToTaskRecord(Math.round(newProgress), taskIndex, subTaskIndex);
+          const newRecord = this._gantt.getRecordByIndex(taskIndex, subTaskIndex);
+          this._gantt.hasListeners(GANTT_EVENT_TYPE.PROGRESS_UPDATE) && this._gantt.fireListeners(GANTT_EVENT_TYPE.PROGRESS_UPDATE, {
+            federatedEvent: null,
+            event: null,
+            index: taskIndex,
+            sub_task_index: subTaskIndex,
+            progress: Math.round(newProgress),
+            oldProgress: Math.round(this.adjustProgressBar.originalProgress),
+            record: newRecord
+          });
+        }
+        this.adjustProgressBar.adjusting = !1, this.adjustProgressBar.target = null, this.adjustProgressBar.startX = null, this.adjustProgressBar.startY = null, this.adjustProgressBar.originalProgress = 0;
+      }
+      dealAdjustProgressBar(e) {
+        const target = this.adjustProgressBar.target,
+          taskBarWidth = target.attribute.width,
+          deltaX = e.x - this.adjustProgressBar.startX,
+          newProgress = Math.max(0, Math.min(100, this.adjustProgressBar.originalProgress + deltaX / taskBarWidth * 100));
+        if (target.progressRect && target.progressRect.setAttribute("width", taskBarWidth * newProgress / 100), this._gantt.scenegraph.taskBar.hoverBarProgressHandle && this._gantt.scenegraph.taskBar.hoverBarProgressHandle.attribute.visibleAll && this._gantt.scenegraph.taskBar.hoverBarProgressHandle.setAttribute("x", taskBarWidth * newProgress / 100 - 6), target.textLabel && target.record) {
+          const tempRecord = Object.assign(Object.assign({}, target.record), {
+              progress: Math.round(newProgress)
+            }),
+            newText = parseStringTemplate(this._gantt.parsedOptions.taskBarLabelText, tempRecord);
+          target.textLabel.setAttribute("text", newText);
+        }
+        this._gantt.scenegraph && this._gantt.scenegraph.stage && this._gantt.scenegraph.stage.renderNextFrame();
+      }
       startCreateDependencyLine(target, x, y, startOffsetY, position) {
         this.resizeTaskBar.resizing = !1, this.creatingDenpendencyLink.creating = !0, this.creatingDenpendencyLink.startClickedPoint = target, this.creatingDenpendencyLink.startX = x, this.creatingDenpendencyLink.startY = y, this.creatingDenpendencyLink.startOffsetY = startOffsetY, this.creatingDenpendencyLink.firstTaskBarPosition = position, this.highlightLinkPointNode(target);
       }
@@ -21783,6 +21923,15 @@
           this._updateRecordToListTable(taskRecord, indexs), Array.isArray(indexs) && this.stateManager.updateProjectTaskTimes(indexs);
         }
       }
+      _updateProgressToTaskRecord(progress, index, sub_task_index) {
+        const taskRecord = this.getRecordByIndex(index, sub_task_index),
+          progressField = this.parsedOptions.progressField;
+        if (progressField) {
+          taskRecord[progressField] = progress;
+          const indexs = this.getRecordIndexByTaskShowIndex(index);
+          this._updateRecordToListTable(taskRecord, indexs), this._refreshTaskBar(index, sub_task_index);
+        }
+      }
       _dragOrderTaskRecord(source_index, source_sub_task_index, target_index, target_sub_task_index) {
         this.data.adjustOrder(source_index, source_sub_task_index, target_index, target_sub_task_index);
       }