@visactor/vchart 1.11.1-alpha.2 → 1.11.1-alpha.4

package/build/index.js

@@ -26,7 +26,7 @@
       }
       return t;
     }
-    function __awaiter$6(thisArg, _arguments, P, generator) {
+    function __awaiter$7(thisArg, _arguments, P, generator) {
       function adopt(value) {
         return value instanceof P ? value : new P(function (resolve) {
           resolve(value);
@@ -66,6 +66,7 @@
         RenderModeEnum["worker"] = "worker";
         RenderModeEnum["miniApp"] = "miniApp";
         RenderModeEnum["wx"] = "wx";
+        RenderModeEnum["tt"] = "tt";
         RenderModeEnum["desktop-miniApp"] = "desktop-miniApp";
         RenderModeEnum["lynx"] = "lynx";
     })(exports.RenderModeEnum || (exports.RenderModeEnum = {}));
@@ -7731,17 +7732,17 @@
     const EnvContribution = Symbol.for("EnvContribution");
     const VGlobal = Symbol.for("VGlobal");
 
-    var __decorate$1w = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1A = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$18 = undefined && undefined.__metadata || function (k, v) {
+      __metadata$1b = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$M = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$N = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -7901,7 +7902,7 @@
         return this._env || this.setEnv("browser"), this.envContribution.getElementTopLeft(dom, baseWindow);
       }
     };
-    DefaultGlobal = __decorate$1w([injectable(), __param$M(0, inject(ContributionProvider)), __param$M(0, named(EnvContribution)), __metadata$18("design:paramtypes", [Object])], DefaultGlobal);
+    DefaultGlobal = __decorate$1A([injectable(), __param$N(0, inject(ContributionProvider)), __param$N(0, named(EnvContribution)), __metadata$1b("design:paramtypes", [Object])], DefaultGlobal);
 
     const circleThreshold = tau$1 - 1e-8;
     class BoundsContext {
@@ -9112,7 +9113,8 @@
       flexWrap: "wrap",
       justifyContent: "flex-start",
       alignItems: "flex-start",
-      alignContent: "flex-start"
+      alignContent: "flex-start",
+      baseOpacity: 1
     });
     const DefaultGlyphAttribute = Object.assign(Object.assign({}, DefaultAttribute), {
       path: "",
@@ -9175,7 +9177,7 @@
       textBaseline: "top",
       layoutDirection: "horizontal",
       textConfig: [],
-      forceBreakLine: !1,
+      disableAutoWrapLine: !1,
       maxHeight: void 0,
       maxWidth: void 0,
       singleLine: !1
@@ -9330,7 +9332,7 @@
       return "number" != typeof measurement.actualBoundingBoxAscent || "number" != typeof measurement.actualBoundingBoxDescent ? (result.width = Math.floor(measurement.width), result.height = character.fontSize || 0, result.ascent = result.height, result.descent = 0) : (result.width = Math.floor(measurement.width), result.height = Math.floor(measurement.actualBoundingBoxAscent + measurement.actualBoundingBoxDescent), result.ascent = Math.floor(measurement.actualBoundingBoxAscent), result.descent = result.height - result.ascent), result;
     }
 
-    var __decorate$1v = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1z = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -9604,9 +9606,9 @@
         return data.str = data.result, data.width += suffixWidth, data;
       }
     };
-    ATextMeasure = __decorate$1v([injectable()], ATextMeasure);
+    ATextMeasure = __decorate$1z([injectable()], ATextMeasure);
 
-    var __decorate$1u = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1y = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -9615,7 +9617,7 @@
     };
     const TextMeasureContribution = Symbol.for("TextMeasureContribution");
     let DefaultTextMeasureContribution = class extends ATextMeasure {};
-    DefaultTextMeasureContribution = __decorate$1u([injectable()], DefaultTextMeasureContribution);
+    DefaultTextMeasureContribution = __decorate$1y([injectable()], DefaultTextMeasureContribution);
 
     const container = new Container();
 
@@ -10035,14 +10037,14 @@
     }
     const canvasAllocate = new DefaultCanvasAllocate();
 
-    var __decorate$1t = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1x = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$17 = undefined && undefined.__metadata || function (k, v) {
+      __metadata$1a = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     const VWindow = Symbol.for("VWindow");
@@ -10179,19 +10181,19 @@
         return this._handler.getTopLeft(baseWindow);
       }
     };
-    DefaultWindow = __decorate$1t([injectable(), __metadata$17("design:paramtypes", [])], DefaultWindow);
+    DefaultWindow = __decorate$1x([injectable(), __metadata$1a("design:paramtypes", [])], DefaultWindow);
 
-    var __decorate$1s = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1w = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$16 = undefined && undefined.__metadata || function (k, v) {
+      __metadata$19 = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$L = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$M = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -10286,7 +10288,7 @@
         return c.nativeCanvas ? c.nativeCanvas : null;
       }
     };
-    DefaultGraphicUtil = __decorate$1s([injectable(), __param$L(0, inject(ContributionProvider)), __param$L(0, named(TextMeasureContribution)), __metadata$16("design:paramtypes", [Object])], DefaultGraphicUtil);
+    DefaultGraphicUtil = __decorate$1w([injectable(), __param$M(0, inject(ContributionProvider)), __param$M(0, named(TextMeasureContribution)), __metadata$19("design:paramtypes", [Object])], DefaultGraphicUtil);
     var TransformMode;
     !function (TransformMode) {
       TransformMode[TransformMode.transform = 0] = "transform", TransformMode[TransformMode.matrix = 1] = "matrix";
@@ -10344,7 +10346,7 @@
         return this;
       }
     };
-    DefaultTransformUtil = __decorate$1s([injectable(), __metadata$16("design:paramtypes", [])], DefaultTransformUtil);
+    DefaultTransformUtil = __decorate$1w([injectable(), __metadata$19("design:paramtypes", [])], DefaultTransformUtil);
 
     const defaultThemeObj = {
         arc: DefaultArcAttribute,
@@ -10457,7 +10459,7 @@
       return null;
     }
 
-    var __awaiter$5 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+    var __awaiter$6 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
       return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) {
           try {
@@ -10527,7 +10529,7 @@
       }
       forEachChildrenAsync(cb) {
         let reverse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-        return __awaiter$5(this, void 0, void 0, function* () {
+        return __awaiter$6(this, void 0, void 0, function* () {
           if (reverse) {
             let child = this._lastChild,
               i = 0;
@@ -10845,7 +10847,19 @@
         }, this.NONE = 0, this.CAPTURING_PHASE = 1, this.AT_TARGET = 2, this.BUBBLING_PHASE = 3, this.manager = manager;
       }
       composedPath() {
-        return !this.manager || this.path && this.path[this.path.length - 1] === this.target || (this.path = this.target ? this.manager.propagationPath(this.target) : []), this.path;
+        return !this.manager || this.path && this.path[this.path.length - 1] === this.target || (this.path = this.target ? this.manager.propagationPath(this.target) : []), this.composedDetailPath(), this.path;
+      }
+      composedDetailPath() {
+        this.pickParams && this.pickParams.graphic && (this.detailPath = this.path.slice(), this._composedDetailPath(this.pickParams));
+      }
+      _composedDetailPath(params) {
+        if (params && params.graphic) {
+          const g = this.pickParams.graphic;
+          if (g.stage) {
+            const path = g.stage.eventSystem.manager.propagationPath(g);
+            this.detailPath.push(path), this._composedDetailPath(params.params);
+          }
+        }
       }
       preventDefault() {
         this.nativeEvent instanceof Event && this.nativeEvent.cancelable && this.nativeEvent.preventDefault(), this.defaultPrevented = !0;
@@ -10964,7 +10978,7 @@
     }
     class EventManager {
       constructor(root, config) {
-        this.dispatch = new EventEmitter(), this.cursorTarget = null, this.mappingState = {
+        this.dispatch = new EventEmitter(), this.cursorTarget = null, this.pauseNotify = !1, this.mappingState = {
           trackingData: {}
         }, this.eventPool = new Map(), this.onPointerDown = (from, target) => {
           if (!(from instanceof FederatedPointerEvent)) return void Logger.getInstance().warn("EventManager cannot map a non-pointer event as a pointer event");
@@ -11125,6 +11139,7 @@
         return propagationPath.reverse(), propagationPath;
       }
       notifyTarget(e, type) {
+        if (this.pauseNotify) return;
         type = null != type ? type : e.type;
         const key = e.eventPhase === e.CAPTURING_PHASE || e.eventPhase === e.AT_TARGET ? `${type}capture` : type;
         this.notifyListeners(e, key), e.eventPhase === e.AT_TARGET && this.notifyListeners(e, type);
@@ -11209,7 +11224,7 @@
       dispatchEvent(e) {
         var _a;
         if (!(e instanceof FederatedEvent)) throw new Error("DisplayObject cannot propagate events outside of the Federated Events API");
-        return e.defaultPrevented = !1, e.path = [], e.target = this, null === (_a = null == e ? void 0 : e.manager) || void 0 === _a || _a.dispatchEvent(e), !e.defaultPrevented;
+        return e.defaultPrevented = !1, e.path = [], e.detailPath && (e.detailPath = []), e.target = this, null === (_a = null == e ? void 0 : e.manager) || void 0 === _a || _a.dispatchEvent(e), !e.defaultPrevented;
       },
       emit(eventName, object) {
         return this.dispatchEvent(new CustomEvent(eventName, object));
@@ -11396,6 +11411,12 @@
         nativeEvent.composedPath && nativeEvent.composedPath().length > 0 && (target = nativeEvent.composedPath()[0]);
         return target !== (this.domElement.getNativeHandler ? this.domElement.getNativeHandler().nativeCanvas : this.domElement);
       }
+      pauseTriggerEvent() {
+        this.manager.pauseNotify = !0;
+      }
+      resumeTriggerEvent() {
+        this.manager.pauseNotify = !1;
+      }
     }
 
     class ManualTickHandler {
@@ -14472,7 +14493,7 @@
       return str.startsWith("<svg") || str.startsWith("<?xml");
     }
 
-    var __awaiter$4 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+    var __awaiter$5 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
       return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) {
           try {
@@ -14498,7 +14519,7 @@
       });
     };
     function waitForAllSubLayers(stage) {
-      return __awaiter$4(this, void 0, void 0, function* () {
+      return __awaiter$5(this, void 0, void 0, function* () {
         const promiseList = [],
           layers = stage.getChildren();
         yield new Promise(resolve => {
@@ -14880,14 +14901,14 @@
     const VirtualLayerHandlerContribution = Symbol.for("VirtualLayerHandlerContribution");
 
     var DefaultLayerService_1,
-      __decorate$1r = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+      __decorate$1v = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$15 = undefined && undefined.__metadata || function (k, v) {
+      __metadata$18 = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     let DefaultLayerService = DefaultLayerService_1 = class {
@@ -14951,7 +14972,7 @@
         this.layerMap.delete(stage);
       }
     };
-    DefaultLayerService.idprefix = "visactor_layer", DefaultLayerService.prefix_count = 0, DefaultLayerService = DefaultLayerService_1 = __decorate$1r([injectable(), __metadata$15("design:paramtypes", [])], DefaultLayerService);
+    DefaultLayerService.idprefix = "visactor_layer", DefaultLayerService.prefix_count = 0, DefaultLayerService = DefaultLayerService_1 = __decorate$1v([injectable(), __metadata$18("design:paramtypes", [])], DefaultLayerService);
 
     var coreModule = new ContainerModule(bind => {
       bind(VGlobal).to(DefaultGlobal).inSingletonScope(), bind(VWindow).to(DefaultWindow), bind(GraphicUtil).to(DefaultGraphicUtil).inSingletonScope(), bind(TransformUtil).to(DefaultTransformUtil).inSingletonScope(), bind(LayerService).to(DefaultLayerService).inSingletonScope();
@@ -16903,7 +16924,8 @@
               height: height
             } = this.lines[i];
             if (top + height < this[this.directionKey.top] || top + height > this[this.directionKey.top] + frameHeight) ;else if (this.ellipsis && this.lines[i + 1] && this.lines[i + 1].top + this.lines[i + 1].height > this[this.directionKey.top] + frameHeight) {
-              const lineWidth = this.lines[i].getWidthWithEllips();
+              const ellipsis = !0 === this.ellipsis ? "..." : this.ellipsis || "",
+                lineWidth = this.lines[i].getWidthWithEllips(ellipsis);
               lineWidth > widthBound && (widthBound = lineWidth), heightBound += this.lines[i].height;
             } else this.lines[i].actualWidth > widthBound && (widthBound = this.lines[i].actualWidth), heightBound += this.lines[i].height;
           } else {
@@ -16918,7 +16940,8 @@
             y = frameHeight - this.lines[i].top - this.lines[i].height;
           if (0 === frameHeight) this.lines[i].actualWidth > widthBound && (widthBound = this.lines[i].actualWidth), heightBound += this.lines[i].height;else if (y + height > this[this.directionKey.top] + frameHeight || y < this[this.directionKey.top]) ;else {
             if (this.ellipsis && this.lines[i + 1] && y - this.lines[i + 1].height < this[this.directionKey.top]) {
-              const lineWidth = this.lines[i].getWidthWithEllips();
+              const ellipsis = !0 === this.ellipsis ? "..." : this.ellipsis || "",
+                lineWidth = this.lines[i].getWidthWithEllips(ellipsis);
               lineWidth > widthBound && (widthBound = lineWidth), heightBound += this.lines[i].height;
             } else this.lines[i].actualWidth > widthBound && (widthBound = this.lines[i].actualWidth), heightBound += this.lines[i].height;
           }
@@ -16929,7 +16952,8 @@
           } = this.lines[i];
           if (0 === frameHeight) this.lines[i].actualWidth > widthBound && (widthBound = this.lines[i].actualWidth), heightBound += this.lines[i].height;else if (top + height < this[this.directionKey.top] || top + height > this[this.directionKey.top] + frameHeight) ;else {
             if (this.ellipsis && this.lines[i + 1] && this.lines[i + 1].top + this.lines[i + 1].height > this[this.directionKey.top] + frameHeight) {
-              const lineWidth = this.lines[i].getWidthWithEllips();
+              const ellipsis = !0 === this.ellipsis ? "..." : this.ellipsis || "",
+                lineWidth = this.lines[i].getWidthWithEllips(ellipsis);
               lineWidth > widthBound && (widthBound = lineWidth), heightBound += this.lines[i].height;
             } else this.lines[i].actualWidth > widthBound && (widthBound = this.lines[i].actualWidth), heightBound += this.lines[i].height;
           }
@@ -16955,7 +16979,7 @@
         let halfDetaHeight = 0,
           deltaAscent = 0,
           deltaDescent = 0;
-        this.height > height && (halfDetaHeight = (this.height - height) / 2, deltaAscent = Math.ceil(halfDetaHeight), deltaDescent = Math.floor(halfDetaHeight)), "top" === this.textBaseline ? (this.ascent = halfDetaHeight, this.descent = height - halfDetaHeight) : "bottom" === this.textBaseline ? (this.ascent = height - halfDetaHeight, this.descent = halfDetaHeight) : "middle" === this.textBaseline ? (this.ascent = this.height / 2, this.descent = this.height / 2) : (this.ascent = ascent + deltaAscent, this.descent = descent + deltaDescent), this.length = text.length, this.width = width || 0, this.text = text || "", this.newLine = newLine || !1, this.character = character, this.left = 0, this.top = 0, this.ellipsis = "normal", this.ellipsisWidth = 0, this.ellipsisOtherParagraphWidth = 0, "vertical" === character.direction && (this.direction = character.direction, this.widthOrigin = this.width, this.heightOrigin = this.height, this.width = this.heightOrigin, this.height = this.widthOrigin, this.lineHeight = this.height);
+        this.height > height && (halfDetaHeight = (this.height - height) / 2, deltaAscent = Math.ceil(halfDetaHeight), deltaDescent = Math.floor(halfDetaHeight)), "top" === this.textBaseline ? (this.ascent = halfDetaHeight, this.descent = height - halfDetaHeight) : "bottom" === this.textBaseline ? (this.ascent = height - halfDetaHeight, this.descent = halfDetaHeight) : "middle" === this.textBaseline ? (this.ascent = this.height / 2, this.descent = this.height / 2) : (this.ascent = ascent + deltaAscent, this.descent = descent + deltaDescent), this.length = text.length, this.width = width || 0, this.text = text || "", this.newLine = newLine || !1, this.character = character, this.left = 0, this.top = 0, this.ellipsis = "normal", this.ellipsisWidth = 0, this.ellipsisOtherParagraphWidth = 0, "vertical" === character.direction && (this.direction = character.direction, this.widthOrigin = this.width, this.heightOrigin = this.height, this.width = this.heightOrigin, this.height = this.widthOrigin, this.lineHeight = this.height), this.ellipsisStr = "...";
       }
       updateWidth() {
         const {
@@ -16968,11 +16992,11 @@
           left = this.left + deltaLeft;
         baseline += this.top;
         let direction = this.direction;
-        if (this.verticalEllipsis) text = "...", direction = "vertical", baseline -= this.ellipsisWidth / 2;else {
+        if (this.verticalEllipsis) text = this.ellipsisStr, direction = "vertical", baseline -= this.ellipsisWidth / 2;else {
           if ("hide" === this.ellipsis) return;
-          if ("add" === this.ellipsis) text += "...", "right" !== textAlign && "end" !== textAlign || (left -= this.ellipsisWidth);else if ("replace" === this.ellipsis) {
+          if ("add" === this.ellipsis) text += this.ellipsisStr, "right" !== textAlign && "end" !== textAlign || (left -= this.ellipsisWidth);else if ("replace" === this.ellipsis) {
             const index = getStrByWithCanvas(text, ("vertical" === direction ? this.height : this.width) - this.ellipsisWidth + this.ellipsisOtherParagraphWidth, this.character, text.length - 1);
-            if (text = text.slice(0, index), text += "...", "right" === textAlign || "end" === textAlign) {
+            if (text = text.slice(0, index), text += this.ellipsisStr, "right" === textAlign || "end" === textAlign) {
               const {
                 width: width
               } = measureTextCanvas(this.text.slice(index), this.character);
@@ -16996,7 +17020,7 @@
         if ("add" === this.ellipsis) return width + this.ellipsisWidth;
         if ("replace" === this.ellipsis) {
           const index = getStrByWithCanvas(text, width - this.ellipsisWidth + this.ellipsisOtherParagraphWidth, this.character, text.length - 1);
-          text = text.slice(0, index), text += "...";
+          text = text.slice(0, index), text += this.ellipsisStr;
           const {
             width: measureWidth
           } = measureTextCanvas(this.text.slice(index), this.character);
@@ -17178,12 +17202,14 @@
               paragraph.verticalEllipsis = !0;
               break;
             }
+            const ellipsis = !0 === drawEllipsis ? "..." : drawEllipsis || "";
+            paragraph.ellipsisStr = ellipsis;
             const {
                 width: width
-              } = measureTextCanvas("...", paragraph.character),
+              } = measureTextCanvas(ellipsis, paragraph.character),
               ellipsisWidth = width || 0;
             if (ellipsisWidth <= this.blankWidth + otherParagraphWidth) {
-              paragraph.ellipsis = "add";
+              lastLine && (paragraph.ellipsis = "add");
               break;
             }
             if (ellipsisWidth <= this.blankWidth + otherParagraphWidth + paragraph.width) {
@@ -17201,14 +17227,14 @@
           paragraph.draw(ctx, y + this.ascent, x, 0 === index, this.textAlign);
         });
       }
-      getWidthWithEllips() {
+      getWidthWithEllips(ellipsis) {
         let otherParagraphWidth = 0;
         for (let i = this.paragraphs.length - 1; i >= 0; i--) {
           const paragraph = this.paragraphs[i];
           if (paragraph instanceof RichTextIcon) break;
           const {
               width: width
-            } = measureTextCanvas("...", paragraph.character),
+            } = measureTextCanvas(ellipsis, paragraph.character),
             ellipsisWidth = width || 0;
           if (ellipsisWidth <= this.blankWidth + otherParagraphWidth) {
             paragraph.ellipsis = "add", paragraph.ellipsisWidth = ellipsisWidth;
@@ -17400,7 +17426,7 @@
             textBaseline: textBaseline,
             layoutDirection: layoutDirection,
             singleLine: singleLine,
-            forceBreakLine: forceBreakLine
+            disableAutoWrapLine: disableAutoWrapLine
           } = this.attribute,
           paragraphs = [];
         for (let i = 0; i < textConfig.length; i++) if ("image" in textConfig[i]) {
@@ -17426,12 +17452,12 @@
           richTextHeightEnable = "number" == typeof height && Number.isFinite(height) && height > 0 && (!maxHeightFinite || height <= maxHeight),
           frame = new Frame(0, 0, (richTextWidthEnable ? width : maxWidthFinite ? maxWidth : 0) || 0, (richTextHeightEnable ? height : maxHeightFinite ? maxHeight : 0) || 0, ellipsis, wordBreak, verticalDirection, textAlign, textBaseline, layoutDirection || "horizontal", !richTextWidthEnable && maxWidthFinite, !richTextHeightEnable && maxHeightFinite, singleLine || !1, null === (_a = this._frameCache) || void 0 === _a ? void 0 : _a.icons),
           wrapper = new Wrapper(frame);
-        if (forceBreakLine) {
+        if (disableAutoWrapLine) {
           let lineCount = 0,
             skip = !1;
           for (let i = 0; i < paragraphs.length; i++) {
             const p = paragraphs[i];
-            skip ? (p.overflow = !0, p.left = 1 / 0, p.top = 1 / 0, !p.newLine && frame.lines[frame.lines.length - 1].paragraphs.push(p)) : wrapper.deal(p), frame.lines.length !== lineCount && (lineCount = frame.lines.length, wrapper.lineBuffer.length = 0, p.overflow = !0, p.left = 1e3, p.top = 1e3, frame.lines[frame.lines.length - 1].paragraphs.push(p), skip = !0), p.newLine && (skip = !1);
+            skip ? (p.overflow = !0, p.left = 1 / 0, p.top = 1 / 0, !p.newLine && frame.lines[frame.lines.length - 1].paragraphs.push(p)) : wrapper.deal(p), frame.lines.length !== lineCount && (lineCount = frame.lines.length, wrapper.lineBuffer.length = 0, p.overflow = !0, p.left = 1e3, p.top = 1e3, frame.lines[frame.lines.length - 1].paragraphs.push(p), skip = !0), p.newLine && (skip = !1, wrapper.lineWidth = 0);
           }
         } else for (let i = 0; i < paragraphs.length; i++) wrapper.deal(paragraphs[i]);
         wrapper.send();
@@ -18128,17 +18154,17 @@
     const matrixAllocate = new DefaultMatrixAllocate();
     const mat4Allocate = new DefaultMat4Allocate();
 
-    var __decorate$1q = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1u = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$14 = undefined && undefined.__metadata || function (k, v) {
+      __metadata$17 = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$K = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$L = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -18742,7 +18768,7 @@
         return !!visible || (aabbBounds.clear(), !1);
       }
     };
-    DefaultGraphicService = __decorate$1q([injectable(), __param$K(0, inject(GraphicCreator$1)), __metadata$14("design:paramtypes", [Object])], DefaultGraphicService);
+    DefaultGraphicService = __decorate$1u([injectable(), __param$L(0, inject(GraphicCreator$1)), __metadata$17("design:paramtypes", [Object])], DefaultGraphicService);
 
     class GraphicCreator {
       constructor() {
@@ -19220,17 +19246,17 @@
       }), canvasGradient.GetPattern(w + x, h + y, undefined);
     }
 
-    var __decorate$1p = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1t = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$13 = undefined && undefined.__metadata || function (k, v) {
+      __metadata$16 = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$J = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$K = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -19304,7 +19330,7 @@
         });
       }
     };
-    DefaultBaseInteractiveRenderContribution = __decorate$1p([injectable(), __param$J(0, inject(ContributionProvider)), __param$J(0, named(InteractiveSubRenderContribution)), __metadata$13("design:paramtypes", [Object])], DefaultBaseInteractiveRenderContribution);
+    DefaultBaseInteractiveRenderContribution = __decorate$1t([injectable(), __param$K(0, inject(ContributionProvider)), __param$K(0, named(InteractiveSubRenderContribution)), __metadata$16("design:paramtypes", [Object])], DefaultBaseInteractiveRenderContribution);
 
     class DefaultBaseTextureRenderContribution {
       constructor() {
@@ -19688,7 +19714,7 @@
     }
     const defaultImageBackgroundRenderContribution = new DefaultImageBackgroundRenderContribution();
 
-    var __decorate$1o = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1s = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -19763,7 +19789,7 @@
         Array.isArray(stroke) && stroke.some(s => !1 === s) && (doFillOrStroke.doStroke = !1);
       }
     };
-    SplitRectBeforeRenderContribution = __decorate$1o([injectable()], SplitRectBeforeRenderContribution);
+    SplitRectBeforeRenderContribution = __decorate$1s([injectable()], SplitRectBeforeRenderContribution);
     let SplitRectAfterRenderContribution = class {
       constructor() {
         this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
@@ -19789,7 +19815,7 @@
         }
       }
     };
-    SplitRectAfterRenderContribution = __decorate$1o([injectable()], SplitRectAfterRenderContribution);
+    SplitRectAfterRenderContribution = __decorate$1s([injectable()], SplitRectAfterRenderContribution);
     const defaultRectRenderContribution = new DefaultRectRenderContribution();
     const defaultRectTextureRenderContribution = defaultBaseTextureRenderContribution;
     const defaultRectBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
@@ -19864,17 +19890,17 @@
       }
     }
 
-    var __decorate$1n = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1r = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$12 = undefined && undefined.__metadata || function (k, v) {
+      __metadata$15 = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$I = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$J = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -20035,19 +20061,19 @@
         this._draw(arc, arcAttribute, !1, drawContext, params);
       }
     };
-    DefaultCanvasArcRender = __decorate$1n([injectable(), __param$I(0, inject(ContributionProvider)), __param$I(0, named(ArcRenderContribution)), __metadata$12("design:paramtypes", [Object])], DefaultCanvasArcRender);
+    DefaultCanvasArcRender = __decorate$1r([injectable(), __param$J(0, inject(ContributionProvider)), __param$J(0, named(ArcRenderContribution)), __metadata$15("design:paramtypes", [Object])], DefaultCanvasArcRender);
 
-    var __decorate$1m = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1q = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$11 = undefined && undefined.__metadata || function (k, v) {
+      __metadata$14 = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$H = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$I = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -20080,7 +20106,7 @@
         this._draw(circle, circleAttribute, !1, drawContext, params);
       }
     };
-    DefaultCanvasCircleRender = __decorate$1m([injectable(), __param$H(0, inject(ContributionProvider)), __param$H(0, named(CircleRenderContribution)), __metadata$11("design:paramtypes", [Object])], DefaultCanvasCircleRender);
+    DefaultCanvasCircleRender = __decorate$1q([injectable(), __param$I(0, inject(ContributionProvider)), __param$I(0, named(CircleRenderContribution)), __metadata$14("design:paramtypes", [Object])], DefaultCanvasCircleRender);
 
     function drawSegItem(ctx, curve, endPercent, params) {
       if (!curve.p1) return;
@@ -20219,7 +20245,7 @@
       });
     }
 
-    var __decorate$1l = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1p = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -20376,7 +20402,7 @@
         } else this.drawSegmentItem(context, line.cache, !!fill, !!stroke, fillOpacity, strokeOpacity, line.attribute, lineAttribute, clipRange, clipRangeByDimension, x, y, line, fillCb, strokeCb);
       }
     };
-    DefaultCanvasLineRender = __decorate$1l([injectable()], DefaultCanvasLineRender);
+    DefaultCanvasLineRender = __decorate$1p([injectable()], DefaultCanvasLineRender);
 
     function drawAreaSegments(path, segPath, percent, params) {
       var _a;
@@ -20505,17 +20531,17 @@
     const defaultAreaTextureRenderContribution = new DefaultAreaTextureRenderContribution();
     const defaultAreaBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
 
-    var __decorate$1k = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1o = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$10 = undefined && undefined.__metadata || function (k, v) {
+      __metadata$13 = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$G = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$H = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -20767,22 +20793,22 @@
         return !1;
       }
     };
-    DefaultCanvasAreaRender = __decorate$1k([injectable(), __param$G(0, inject(ContributionProvider)), __param$G(0, named(AreaRenderContribution)), __metadata$10("design:paramtypes", [Object])], DefaultCanvasAreaRender);
+    DefaultCanvasAreaRender = __decorate$1o([injectable(), __param$H(0, inject(ContributionProvider)), __param$H(0, named(AreaRenderContribution)), __metadata$13("design:paramtypes", [Object])], DefaultCanvasAreaRender);
 
     const defaultPathTextureRenderContribution = defaultBaseTextureRenderContribution;
     const defaultPathBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
 
-    var __decorate$1j = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1n = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$$ = undefined && undefined.__metadata || function (k, v) {
+      __metadata$12 = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$F = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$G = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -20818,19 +20844,19 @@
         this.tempTheme = pathAttribute, this._draw(path, pathAttribute, !1, drawContext, params), this.tempTheme = null;
       }
     };
-    DefaultCanvasPathRender = __decorate$1j([injectable(), __param$F(0, inject(ContributionProvider)), __param$F(0, named(PathRenderContribution)), __metadata$$("design:paramtypes", [Object])], DefaultCanvasPathRender);
+    DefaultCanvasPathRender = __decorate$1n([injectable(), __param$G(0, inject(ContributionProvider)), __param$G(0, named(PathRenderContribution)), __metadata$12("design:paramtypes", [Object])], DefaultCanvasPathRender);
 
-    var __decorate$1i = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1m = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$_ = undefined && undefined.__metadata || function (k, v) {
+      __metadata$11 = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$E = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$F = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -20881,19 +20907,19 @@
         this.tempTheme = rectAttribute, this._draw(rect, rectAttribute, !1, drawContext, params), this.tempTheme = null;
       }
     };
-    DefaultCanvasRectRender = __decorate$1i([injectable(), __param$E(0, inject(ContributionProvider)), __param$E(0, named(RectRenderContribution)), __metadata$_("design:paramtypes", [Object])], DefaultCanvasRectRender);
+    DefaultCanvasRectRender = __decorate$1m([injectable(), __param$F(0, inject(ContributionProvider)), __param$F(0, named(RectRenderContribution)), __metadata$11("design:paramtypes", [Object])], DefaultCanvasRectRender);
 
-    var __decorate$1h = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1l = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$Z = undefined && undefined.__metadata || function (k, v) {
+      __metadata$10 = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$D = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$E = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -20952,7 +20978,7 @@
         this._draw(symbol, symbolAttribute, !1, drawContext, params);
       }
     };
-    DefaultCanvasSymbolRender = __decorate$1h([injectable(), __param$D(0, inject(ContributionProvider)), __param$D(0, named(SymbolRenderContribution)), __metadata$Z("design:paramtypes", [Object])], DefaultCanvasSymbolRender);
+    DefaultCanvasSymbolRender = __decorate$1l([injectable(), __param$E(0, inject(ContributionProvider)), __param$E(0, named(SymbolRenderContribution)), __metadata$10("design:paramtypes", [Object])], DefaultCanvasSymbolRender);
 
     class DefaultBoundsAllocate {
       constructor() {
@@ -21038,17 +21064,17 @@
     }
     const defaultTextBackgroundRenderContribution = new DefaultTextBackgroundRenderContribution();
 
-    var __decorate$1g = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1k = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$Y = undefined && undefined.__metadata || function (k, v) {
+      __metadata$$ = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$C = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$D = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -21244,7 +21270,7 @@
         }
       }
     };
-    DefaultCanvasTextRender = __decorate$1g([injectable(), __param$C(0, inject(ContributionProvider)), __param$C(0, named(TextRenderContribution)), __metadata$Y("design:paramtypes", [Object])], DefaultCanvasTextRender);
+    DefaultCanvasTextRender = __decorate$1k([injectable(), __param$D(0, inject(ContributionProvider)), __param$D(0, named(TextRenderContribution)), __metadata$$("design:paramtypes", [Object])], DefaultCanvasTextRender);
 
     function drawPolygon(path, points, x, y) {
       path.moveTo(points[0].x + x, points[0].y + y);
@@ -21300,17 +21326,17 @@
     const defaultPolygonTextureRenderContribution = defaultBaseTextureRenderContribution;
     const defaultPolygonBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
 
-    var __decorate$1f = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1j = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$X = undefined && undefined.__metadata || function (k, v) {
+      __metadata$_ = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$B = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$C = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -21343,19 +21369,19 @@
         this._draw(polygon, polygonAttribute, !1, drawContext, params);
       }
     };
-    DefaultCanvasPolygonRender = __decorate$1f([injectable(), __param$B(0, inject(ContributionProvider)), __param$B(0, named(PolygonRenderContribution)), __metadata$X("design:paramtypes", [Object])], DefaultCanvasPolygonRender);
+    DefaultCanvasPolygonRender = __decorate$1j([injectable(), __param$C(0, inject(ContributionProvider)), __param$C(0, named(PolygonRenderContribution)), __metadata$_("design:paramtypes", [Object])], DefaultCanvasPolygonRender);
 
-    var __decorate$1e = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1i = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$W = undefined && undefined.__metadata || function (k, v) {
+      __metadata$Z = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$A = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$B = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -21414,7 +21440,7 @@
         this._draw(image, imageAttribute, !1, drawContext);
       }
     };
-    DefaultCanvasImageRender = __decorate$1e([injectable(), __param$A(0, inject(ContributionProvider)), __param$A(0, named(ImageRenderContribution)), __metadata$W("design:paramtypes", [Object])], DefaultCanvasImageRender);
+    DefaultCanvasImageRender = __decorate$1i([injectable(), __param$B(0, inject(ContributionProvider)), __param$B(0, named(ImageRenderContribution)), __metadata$Z("design:paramtypes", [Object])], DefaultCanvasImageRender);
 
     const IncrementalDrawContribution = Symbol.for("IncrementalDrawContribution");
     const ArcRender = Symbol.for("ArcRender");
@@ -21436,14 +21462,14 @@
     const ImageRender = Symbol.for("ImageRender");
     const DrawContribution = Symbol.for("DrawContribution");
 
-    var __decorate$1d = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1h = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$V = undefined && undefined.__metadata || function (k, v) {
+      __metadata$Y = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     const DrawItemInterceptor = Symbol.for("DrawItemInterceptor");
@@ -21502,7 +21528,7 @@
         return !1;
       }
     };
-    CommonDrawItemInterceptorContribution = __decorate$1d([injectable(), __metadata$V("design:paramtypes", [])], CommonDrawItemInterceptorContribution);
+    CommonDrawItemInterceptorContribution = __decorate$1h([injectable(), __metadata$Y("design:paramtypes", [])], CommonDrawItemInterceptorContribution);
     class InteractiveDrawItemInterceptorContribution {
       constructor() {
         this.order = 1;
@@ -21537,6 +21563,13 @@
       }
       beforeDrawInteractive(graphic, renderService, drawContext, drawContribution, params) {
         const baseGraphic = graphic.baseGraphic;
+        if (!baseGraphic.stage) {
+          const interactiveLayer = drawContext.stage.getLayer("_builtin_interactive");
+          if (interactiveLayer) {
+            this.getShadowRoot(interactiveLayer).removeChild(graphic);
+          }
+          return !0;
+        }
         if (baseGraphic) {
           this.processing = !0;
           const {
@@ -21627,17 +21660,17 @@
       }
     }
 
-    var __decorate$1c = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1g = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$U = undefined && undefined.__metadata || function (k, v) {
+      __metadata$X = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$z = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$A = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -21674,7 +21707,7 @@
         this.prepare(updateBounds), this.prepareRenderList(), this.beforeDraw(params), this.draw(params), this.afterDraw(params), this.drawParams = null;
       }
     };
-    DefaultRenderService = __decorate$1c([injectable(), __param$z(0, inject(DrawContribution)), __metadata$U("design:paramtypes", [Object])], DefaultRenderService);
+    DefaultRenderService = __decorate$1g([injectable(), __param$A(0, inject(DrawContribution)), __metadata$X("design:paramtypes", [Object])], DefaultRenderService);
 
     var renderModule$1 = new ContainerModule(bind => {
       bind(RenderService).to(DefaultRenderService);
@@ -21683,7 +21716,7 @@
     const PickerService = Symbol.for("PickerService");
     const GlobalPickerService = Symbol.for("GlobalPickerService");
 
-    var __decorate$1b = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1f = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -21716,7 +21749,7 @@
         return context.highPerformanceRestore(), result;
       }
     };
-    ShadowRootPickItemInterceptorContribution = __decorate$1b([injectable()], ShadowRootPickItemInterceptorContribution);
+    ShadowRootPickItemInterceptorContribution = __decorate$1f([injectable()], ShadowRootPickItemInterceptorContribution);
     let InteractivePickItemInterceptorContribution = class {
       constructor() {
         this.order = 1;
@@ -21735,7 +21768,7 @@
         return null;
       }
     };
-    InteractivePickItemInterceptorContribution = __decorate$1b([injectable()], InteractivePickItemInterceptorContribution);
+    InteractivePickItemInterceptorContribution = __decorate$1f([injectable()], InteractivePickItemInterceptorContribution);
     let Canvas3DPickItemInterceptor = class {
       constructor() {
         this.order = 1;
@@ -21795,7 +21828,7 @@
         context.setTransformForCurrent();
       }
     };
-    Canvas3DPickItemInterceptor = __decorate$1b([injectable()], Canvas3DPickItemInterceptor);
+    Canvas3DPickItemInterceptor = __decorate$1f([injectable()], Canvas3DPickItemInterceptor);
 
     var pickModule = new ContainerModule((bind, unbind, isBound) => {
       isBound(PickerService) || (bind(GlobalPickerService).toSelf(), bind(PickerService).toService(GlobalPickerService)), bind(Canvas3DPickItemInterceptor).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(Canvas3DPickItemInterceptor), bind(ShadowRootPickItemInterceptorContribution).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(ShadowRootPickItemInterceptorContribution), bind(InteractivePickItemInterceptorContribution).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(InteractivePickItemInterceptorContribution), bindContributionProvider(bind, PickItemInterceptor);
@@ -21808,17 +21841,17 @@
     const AutoEnablePlugins = Symbol.for("AutoEnablePlugins");
     const PluginService = Symbol.for("PluginService");
 
-    var __decorate$1a = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1e = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$T = undefined && undefined.__metadata || function (k, v) {
+      __metadata$W = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$y = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$z = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -21858,7 +21891,7 @@
         }), this.onRegisterPlugin = [];
       }
     };
-    DefaultPluginService = __decorate$1a([injectable(), __param$y(0, inject(ContributionProvider)), __param$y(0, named(AutoEnablePlugins)), __metadata$T("design:paramtypes", [Object])], DefaultPluginService);
+    DefaultPluginService = __decorate$1e([injectable(), __param$z(0, inject(ContributionProvider)), __param$z(0, named(AutoEnablePlugins)), __metadata$W("design:paramtypes", [Object])], DefaultPluginService);
 
     var pluginModule = new ContainerModule(bind => {
       bind(PluginService).to(DefaultPluginService), bindContributionProviderNoSingletonScope(bind, AutoEnablePlugins);
@@ -21872,14 +21905,14 @@
       bind(TextMeasureContribution).to(DefaultTextMeasureContribution).inSingletonScope(), bindContributionProvider(bind, TextMeasureContribution);
     });
 
-    var __decorate$19 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1d = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$S = undefined && undefined.__metadata || function (k, v) {
+      __metadata$V = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     let CanvasLayerHandlerContribution = class {
@@ -21949,16 +21982,16 @@
         this.canvas.release();
       }
     };
-    CanvasLayerHandlerContribution = __decorate$19([injectable(), __metadata$S("design:paramtypes", [])], CanvasLayerHandlerContribution);
+    CanvasLayerHandlerContribution = __decorate$1d([injectable(), __metadata$V("design:paramtypes", [])], CanvasLayerHandlerContribution);
 
-    var __decorate$18 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1c = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$R = undefined && undefined.__metadata || function (k, v) {
+      __metadata$U = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     let EmptyLayerHandlerContribution = class {
@@ -21993,16 +22026,16 @@
       }
       release() {}
     };
-    EmptyLayerHandlerContribution = __decorate$18([injectable(), __metadata$R("design:paramtypes", [])], EmptyLayerHandlerContribution);
+    EmptyLayerHandlerContribution = __decorate$1c([injectable(), __metadata$U("design:paramtypes", [])], EmptyLayerHandlerContribution);
 
-    var __decorate$17 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1b = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$Q = undefined && undefined.__metadata || function (k, v) {
+      __metadata$T = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     let OffscreenLayerHandlerContribution = class {
@@ -22065,7 +22098,7 @@
       }
       merge(layerHandlers) {}
     };
-    OffscreenLayerHandlerContribution = __decorate$17([injectable(), __metadata$Q("design:paramtypes", [])], OffscreenLayerHandlerContribution);
+    OffscreenLayerHandlerContribution = __decorate$1b([injectable(), __metadata$T("design:paramtypes", [])], OffscreenLayerHandlerContribution);
 
     var layerHandlerModules = new ContainerModule(bind => {
       bind(CanvasLayerHandlerContribution).toSelf(), bind(OffscreenLayerHandlerContribution).toSelf(), bind(EmptyLayerHandlerContribution).toSelf(), bind(StaticLayerHandlerContribution).toService(CanvasLayerHandlerContribution), bind(DynamicLayerHandlerContribution).toService(OffscreenLayerHandlerContribution), bind(VirtualLayerHandlerContribution).toService(EmptyLayerHandlerContribution);
@@ -22075,7 +22108,7 @@
       container.load(envModules), container.load(textMeasureModules), container.load(layerHandlerModules);
     }
 
-    var __awaiter$3 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+    var __awaiter$4 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
       return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) {
           try {
@@ -22140,7 +22173,7 @@
     }
     function foreachAsync(graphic, defaultZIndex, cb) {
       let reverse = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
-      return __awaiter$3(this, void 0, void 0, function* () {
+      return __awaiter$4(this, void 0, void 0, function* () {
         yield graphic.forEachChildrenAsync(cb, reverse);
       });
     }
@@ -22181,17 +22214,17 @@
       return result;
     }
 
-    var __decorate$16 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1a = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$P = undefined && undefined.__metadata || function (k, v) {
+      __metadata$S = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$x = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$y = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -22378,19 +22411,19 @@
       }
       afterDraw(renderService, drawParams) {}
     };
-    DefaultDrawContribution = __decorate$16([injectable(), __param$x(0, multiInject(GraphicRender)), __param$x(1, inject(ContributionProvider)), __param$x(1, named(DrawItemInterceptor)), __metadata$P("design:paramtypes", [Array, Object])], DefaultDrawContribution);
+    DefaultDrawContribution = __decorate$1a([injectable(), __param$y(0, multiInject(GraphicRender)), __param$y(1, inject(ContributionProvider)), __param$y(1, named(DrawItemInterceptor)), __metadata$S("design:paramtypes", [Array, Object])], DefaultDrawContribution);
 
-    var __decorate$15 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$19 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$O = undefined && undefined.__metadata || function (k, v) {
+      __metadata$R = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$w = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$x = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -22450,9 +22483,10 @@
         } = drawContext;
         if (!context) return;
         const {
-          clip: clip
+          clip: clip,
+          baseOpacity = 1
         } = group.attribute;
-        clip ? context.save() : context.highPerformanceSave();
+        clip ? context.save() : context.highPerformanceSave(), context.baseGlobalAlpha *= baseOpacity;
         const groupAttribute = getTheme$1(group, null == params ? void 0 : params.theme).group,
           lastModelMatrix = context.modelMatrix;
         if (context.camera) {
@@ -22466,14 +22500,14 @@
           scrollY = groupAttribute.scrollY
         } = group.attribute;
         let p;
-        (scrollX || scrollY) && context.translate(scrollX, scrollY), params && params.drawingCb && (p = params.drawingCb()), context.modelMatrix !== lastModelMatrix && mat4Allocate.free(context.modelMatrix), context.modelMatrix = lastModelMatrix, p && p.then ? p.then(() => {
+        (scrollX || scrollY) && context.translate(scrollX, scrollY), params && params.drawingCb && (p = params.drawingCb()), context.modelMatrix !== lastModelMatrix && mat4Allocate.free(context.modelMatrix), context.modelMatrix = lastModelMatrix, context.baseGlobalAlpha /= baseOpacity, p && p.then ? p.then(() => {
           clip ? context.restore() : context.highPerformanceRestore();
         }) : clip ? context.restore() : context.highPerformanceRestore();
       }
     };
-    DefaultCanvasGroupRender = __decorate$15([injectable(), __param$w(0, inject(ContributionProvider)), __param$w(0, named(GroupRenderContribution)), __metadata$O("design:paramtypes", [Object])], DefaultCanvasGroupRender);
+    DefaultCanvasGroupRender = __decorate$19([injectable(), __param$x(0, inject(ContributionProvider)), __param$x(0, named(GroupRenderContribution)), __metadata$R("design:paramtypes", [Object])], DefaultCanvasGroupRender);
 
-    var __decorate$14 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$18 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -22524,9 +22558,9 @@
         }), context.setShadowBlendStyle && context.setShadowBlendStyle(line, attribute, defaultAttribute), context.setStrokeStyle(line, attribute, offsetX, offsetY, defaultAttribute), context.stroke());
       }
     };
-    DefaultIncrementalCanvasLineRender = __decorate$14([injectable()], DefaultIncrementalCanvasLineRender);
+    DefaultIncrementalCanvasLineRender = __decorate$18([injectable()], DefaultIncrementalCanvasLineRender);
 
-    var __decorate$13 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$17 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -22569,25 +22603,25 @@
         }), context.setShadowBlendStyle && context.setShadowBlendStyle(area, attribute, defaultAttribute), context.setCommonStyle(area, attribute, offsetX, offsetY, defaultAttribute), context.fill());
       }
     };
-    DefaultIncrementalCanvasAreaRender = __decorate$13([injectable()], DefaultIncrementalCanvasAreaRender);
+    DefaultIncrementalCanvasAreaRender = __decorate$17([injectable()], DefaultIncrementalCanvasAreaRender);
 
     var STATUS,
-      __decorate$12 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+      __decorate$16 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$N = undefined && undefined.__metadata || function (k, v) {
+      __metadata$Q = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$v = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$w = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
       },
-      __awaiter$2 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+      __awaiter$3 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
         return new (P || (P = Promise))(function (resolve, reject) {
           function fulfilled(value) {
             try {
@@ -22622,7 +22656,7 @@
         }, this.defaultRenderMap.set(this.lineRender.numberType, this.lineRender), this.defaultRenderMap.set(this.areaRender.numberType, this.areaRender);
       }
       draw(renderService, drawContext) {
-        return __awaiter$2(this, void 0, void 0, function* () {
+        return __awaiter$3(this, void 0, void 0, function* () {
           if (this.checkingForDrawPromise) return;
           this.lastRenderService = renderService, this.lastDrawContext = drawContext, this.checkingForDrawPromise = this.checkForDraw(drawContext);
           const skipDraw = yield this.checkingForDrawPromise;
@@ -22643,15 +22677,15 @@
         });
       }
       _increaseRender(group, drawContext) {
-        return __awaiter$2(this, void 0, void 0, function* () {
+        return __awaiter$3(this, void 0, void 0, function* () {
           this.rendering = !0, yield this._renderIncrementalGroup(group, drawContext);
         });
       }
       _renderIncrementalGroup(group, drawContext) {
-        return __awaiter$2(this, void 0, void 0, function* () {
+        return __awaiter$3(this, void 0, void 0, function* () {
           this.count = group.count, yield new Promise(resolve => {
             this.renderItem(group, drawContext, {
-              drawingCb: () => __awaiter$2(this, void 0, void 0, function* () {
+              drawingCb: () => __awaiter$3(this, void 0, void 0, function* () {
                 if (2 !== group.count) yield foreachAsync(group, DefaultAttribute.zIndex, (item, i) => {
                   if (this.status === STATUS.STOP) return !0;
                   if (item.isContainer) return !1;
@@ -22672,7 +22706,7 @@
         });
       }
       waitToNextFrame() {
-        return __awaiter$2(this, void 0, void 0, function* () {
+        return __awaiter$3(this, void 0, void 0, function* () {
           return new Promise(resolve => {
             this.global.getRequestAnimationFrame()(() => {
               resolve(!1);
@@ -22681,13 +22715,13 @@
         });
       }
       checkForDraw(drawContext) {
-        return __awaiter$2(this, void 0, void 0, function* () {
+        return __awaiter$3(this, void 0, void 0, function* () {
           let skip = this.rendering;
           return drawContext.restartIncremental && (skip = !1, yield this.forceStop(), this.resetToInit()), skip;
         });
       }
       forceStop() {
-        return __awaiter$2(this, void 0, void 0, function* () {
+        return __awaiter$3(this, void 0, void 0, function* () {
           this.rendering && (this.status = STATUS.STOP, yield new Promise(resolve => {
             this.hooks.completeDraw.tap("stopCb", () => {
               this.status = STATUS.NORMAL, this.hooks.completeDraw.taps = this.hooks.completeDraw.taps.filter(item => "stopCb" !== item.name), resolve(!1);
@@ -22699,11 +22733,11 @@
         this.currFrameStartAt = 0, this.currentIdx = 0;
       }
       renderGroup(group, drawContext) {
-        return __awaiter$2(this, void 0, void 0, function* () {
+        return __awaiter$3(this, void 0, void 0, function* () {
           if (!drawContext.break && !1 !== group.attribute.visibleAll) return group.incremental && drawContext.startAtId === group._uid ? (yield this._increaseRender(group, drawContext), void (drawContext.break = !0)) : void (yield new Promise(resolve => {
             this.renderItem(group, drawContext, {
-              drawingCb: () => __awaiter$2(this, void 0, void 0, function* () {
-                yield foreachAsync(group, DefaultAttribute.zIndex, item => __awaiter$2(this, void 0, void 0, function* () {
+              drawingCb: () => __awaiter$3(this, void 0, void 0, function* () {
+                yield foreachAsync(group, DefaultAttribute.zIndex, item => __awaiter$3(this, void 0, void 0, function* () {
                   drawContext.break || item.isContainer && (yield this.renderGroup(item, drawContext));
                 })), resolve(!1);
               })
@@ -22712,7 +22746,7 @@
         });
       }
     };
-    DefaultIncrementalDrawContribution = __decorate$12([injectable(), __param$v(0, multiInject(GraphicRender)), __param$v(1, inject(DefaultIncrementalCanvasLineRender)), __param$v(2, inject(DefaultIncrementalCanvasAreaRender)), __param$v(3, inject(ContributionProvider)), __param$v(3, named(DrawItemInterceptor)), __metadata$N("design:paramtypes", [Array, Object, Object, Object])], DefaultIncrementalDrawContribution);
+    DefaultIncrementalDrawContribution = __decorate$16([injectable(), __param$w(0, multiInject(GraphicRender)), __param$w(1, inject(DefaultIncrementalCanvasLineRender)), __param$w(2, inject(DefaultIncrementalCanvasAreaRender)), __param$w(3, inject(ContributionProvider)), __param$w(3, named(DrawItemInterceptor)), __metadata$Q("design:paramtypes", [Array, Object, Object, Object])], DefaultIncrementalDrawContribution);
 
     var renderModule = new ContainerModule(bind => {
       bind(DefaultBaseBackgroundRenderContribution).toSelf().inSingletonScope(), bind(DefaultBaseTextureRenderContribution).toSelf().inSingletonScope(), bind(DrawContribution).to(DefaultDrawContribution), bind(IncrementalDrawContribution).to(DefaultIncrementalDrawContribution), bind(GroupRender).to(DefaultCanvasGroupRender).inSingletonScope(), bind(GraphicRender).toService(GroupRender), bindContributionProvider(bind, GroupRenderContribution), bind(DefaultBaseInteractiveRenderContribution).toSelf().inSingletonScope(), bindContributionProvider(bind, InteractiveSubRenderContribution), bindContributionProvider(bind, GraphicRender), bind(CommonDrawItemInterceptorContribution).toSelf().inSingletonScope(), bind(DrawItemInterceptor).toService(CommonDrawItemInterceptorContribution), bindContributionProvider(bind, DrawItemInterceptor);
@@ -23946,20 +23980,26 @@
         const point = this.global.mapToCanvasPoint(e, this.window.getContext().canvas.nativeCanvas);
         return this.stage.window.pointTransform(point.x, point.y);
       }
+      pauseTriggerEvent() {
+        this._eventSystem && this._eventSystem.pauseTriggerEvent();
+      }
+      resumeTriggerEvent() {
+        this._eventSystem && this._eventSystem.resumeTriggerEvent();
+      }
     }
 
     function createStage(params) {
       return new Stage(params);
     }
 
-    var __decorate$11 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$15 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$M = undefined && undefined.__metadata || function (k, v) {
+      __metadata$P = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     const initMatrix = new Matrix(1, 0, 0, 1, 0, 0),
@@ -24169,16 +24209,16 @@
         this.stack.forEach(m => matrixAllocate.free(m)), this.stack.length = 0;
       }
     };
-    EmptyContext2d = __decorate$11([injectable(), __metadata$M("design:paramtypes", [Object, Number])], EmptyContext2d);
+    EmptyContext2d = __decorate$15([injectable(), __metadata$P("design:paramtypes", [Object, Number])], EmptyContext2d);
 
-    var __decorate$10 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$14 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$L = undefined && undefined.__metadata || function (k, v) {
+      __metadata$O = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     const DefaultConfig = {
@@ -24276,9 +24316,9 @@
         this.controled && this._nativeCanvas.parentElement && this._nativeCanvas.parentElement.removeChild(this._nativeCanvas);
       }
     };
-    BaseCanvas.env = "browser", BaseCanvas = __decorate$10([injectable(), __metadata$L("design:paramtypes", [Object])], BaseCanvas);
+    BaseCanvas.env = "browser", BaseCanvas = __decorate$14([injectable(), __metadata$O("design:paramtypes", [Object])], BaseCanvas);
 
-    var __decorate$$ = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$13 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -24354,16 +24394,16 @@
         };
       }
     };
-    BaseEnvContribution = __decorate$$([injectable()], BaseEnvContribution);
+    BaseEnvContribution = __decorate$13([injectable()], BaseEnvContribution);
 
-    var __decorate$_ = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$12 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$K = undefined && undefined.__metadata || function (k, v) {
+      __metadata$N = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     let BaseWindowHandlerContribution = class {
@@ -24402,19 +24442,19 @@
         return this.modelMatrix;
       }
     };
-    BaseWindowHandlerContribution = __decorate$_([injectable(), __metadata$K("design:paramtypes", [])], BaseWindowHandlerContribution);
+    BaseWindowHandlerContribution = __decorate$12([injectable(), __metadata$N("design:paramtypes", [])], BaseWindowHandlerContribution);
 
-    var __decorate$Z = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$11 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$J = undefined && undefined.__metadata || function (k, v) {
+      __metadata$M = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$u = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$v = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -24520,7 +24560,7 @@
         return picker || null;
       }
     };
-    DefaultPickService = __decorate$Z([injectable(), __param$u(0, inject(ContributionProvider)), __param$u(0, named(PickItemInterceptor)), __metadata$J("design:paramtypes", [Object])], DefaultPickService);
+    DefaultPickService = __decorate$11([injectable(), __param$v(0, inject(ContributionProvider)), __param$v(0, named(PickItemInterceptor)), __metadata$M("design:paramtypes", [Object])], DefaultPickService);
 
     function simplifyRadialDist(points, sqTolerance) {
       let deltaX,
@@ -24599,7 +24639,7 @@
       loadPolygonModule || (loadPolygonModule = !0, bind(PolygonRender).to(DefaultCanvasPolygonRender).inSingletonScope(), bind(GraphicRender).toService(PolygonRender), bind(PolygonRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, PolygonRenderContribution));
     });
 
-    var __decorate$Y = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$10 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -24631,21 +24671,21 @@
         }), context.highPerformanceRestore();
       }
     };
-    DefaultCanvasGlyphRender = __decorate$Y([injectable()], DefaultCanvasGlyphRender);
+    DefaultCanvasGlyphRender = __decorate$10([injectable()], DefaultCanvasGlyphRender);
 
     let loadGlyphModule = !1;
     const glyphModule = new ContainerModule(bind => {
       loadGlyphModule || (loadGlyphModule = !0, bind(GlyphRender).to(DefaultCanvasGlyphRender).inSingletonScope(), bind(GraphicRender).toService(GlyphRender));
     });
 
-    var __decorate$X = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$$ = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$I = undefined && undefined.__metadata || function (k, v) {
+      __metadata$L = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     let DefaultCanvasRichTextRender = class extends BaseRender {
@@ -24699,7 +24739,7 @@
         this._draw(richtext, richtextAttribute, !1, drawContext);
       }
     };
-    DefaultCanvasRichTextRender = __decorate$X([injectable(), __metadata$I("design:paramtypes", [])], DefaultCanvasRichTextRender);
+    DefaultCanvasRichTextRender = __decorate$$([injectable(), __metadata$L("design:paramtypes", [])], DefaultCanvasRichTextRender);
 
     let loadRichtextModule = !1;
     const richtextModule = new ContainerModule(bind => {
@@ -24711,7 +24751,7 @@
       loadImageModule || (loadImageModule = !0, bind(ImageRender).to(DefaultCanvasImageRender).inSingletonScope(), bind(GraphicRender).toService(ImageRender), bind(ImageRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, ImageRenderContribution));
     });
 
-    var __decorate$W = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$_ = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -24837,14 +24877,14 @@
         this._draw(rect, rectAttribute, !1, drawContext);
       }
     };
-    DefaultCanvasRect3dRender = __decorate$W([injectable()], DefaultCanvasRect3dRender);
+    DefaultCanvasRect3dRender = __decorate$_([injectable()], DefaultCanvasRect3dRender);
 
     let loadRect3dModule = !1;
     const rect3dModule = new ContainerModule(bind => {
       loadRect3dModule || (loadRect3dModule = !0, bind(Rect3DRender).to(DefaultCanvasRect3dRender).inSingletonScope(), bind(GraphicRender).toService(Rect3DRender));
     });
 
-    var __decorate$V = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$Z = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -24971,14 +25011,14 @@
         this._draw(arc, arcAttribute, !1, drawContext, params);
       }
     };
-    DefaultCanvasArc3DRender = __decorate$V([injectable()], DefaultCanvasArc3DRender);
+    DefaultCanvasArc3DRender = __decorate$Z([injectable()], DefaultCanvasArc3DRender);
 
     let loadArc3dModule = !1;
     const arc3dModule = new ContainerModule(bind => {
       loadArc3dModule || (loadArc3dModule = !0, bind(Arc3dRender).to(DefaultCanvasArc3DRender).inSingletonScope(), bind(GraphicRender).toService(Arc3dRender));
     });
 
-    var __decorate$U = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$Y = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -25086,7 +25126,7 @@
         this._draw(pyramid3d, pyramid3dAttribute, !1, drawContext);
       }
     };
-    DefaultCanvasPyramid3dRender = __decorate$U([injectable()], DefaultCanvasPyramid3dRender);
+    DefaultCanvasPyramid3dRender = __decorate$Y([injectable()], DefaultCanvasPyramid3dRender);
 
     let loadPyramid3dModule = !1;
     const pyramid3dModule = new ContainerModule(bind => {
@@ -26439,6 +26479,36 @@
       }
     }
 
+    const MathPickerContribution = Symbol.for("MathPickerContribution");
+    const MathArcPicker = Symbol.for("MathArcPicker");
+    const MathAreaPicker = Symbol.for("MathAreaPicker");
+    const MathCirclePicker = Symbol.for("MathCirclePicker");
+    const MathImagePicker = Symbol.for("MathImagePicker");
+    const MathLinePicker = Symbol.for("MathLinePicker");
+    const MathPathPicker = Symbol.for("MathPathPicker");
+    const MathRectPicker = Symbol.for("MathRectPicker");
+    const MathSymbolPicker = Symbol.for("MathSymbolPicker");
+    const MathTextPicker = Symbol.for("MathTextPicker");
+    const MathPolygonPicker = Symbol.for("MathPolygonPicker");
+    const MathGlyphPicker = Symbol.for("MathGlyphPicker");
+    const CanvasArcPicker = Symbol.for("CanvasArcPicker");
+    const CanvasArc3dPicker = Symbol.for("CanvasArc3dPicker");
+    const CanvasAreaPicker = Symbol.for("CanvasAreaPicker");
+    const CanvasCirclePicker = Symbol.for("CanvasCirclePicker");
+    const CanvasImagePicker = Symbol.for("CanvasImagePicker");
+    const CanvasLinePicker = Symbol.for("CanvasLinePicker");
+    const CanvasPathPicker = Symbol.for("CanvasPathPicker");
+    const CanvasRectPicker = Symbol.for("CanvasRectPicker");
+    const CanvasRect3dPicker = Symbol.for("CanvasRect3dPicker");
+    const CanvasSymbolPicker = Symbol.for("CanvasSymbolPicker");
+    const CanvasTextPicker = Symbol.for("CanvasTextPicker");
+    const CanvasPolygonPicker = Symbol.for("CanvasPolygonPicker");
+    const CanvasPyramid3dPicker = Symbol.for("CanvasPyramid3dPicker");
+    const CanvasRichTextPicker = Symbol.for("CanvasRichTextPicker");
+    const CanvasGlyphPicker = Symbol.for("CanvasGlyphPicker");
+    const CanvasGroupPicker = Symbol.for("CanvasGroupPicker");
+    const CanvasPickerContribution = Symbol.for("CanvasPickerContribution");
+
     class DragNDrop {
       constructor(rootNode) {
         this.onPointerDown = event => {
@@ -26698,14 +26768,14 @@
       }
     }
 
-    var __decorate$T = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$X = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$H = undefined && undefined.__metadata || function (k, v) {
+      __metadata$K = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     const outP = [0, 0, 0],
@@ -26746,7 +26816,7 @@
         return this.nativeContext.font;
       }
       set globalAlpha(d) {
-        this.nativeContext.globalAlpha = d;
+        this.nativeContext.globalAlpha = d * this.baseGlobalAlpha;
       }
       get globalAlpha() {
         return this.nativeContext.globalAlpha;
@@ -26839,7 +26909,7 @@
         }), this._clearShadowStyle = !1, this._clearFilterStyle = !1, this._clearGlobalCompositeOperationStyle = !1;
         const context = canvas.nativeCanvas.getContext("2d");
         if (!context) throw new Error("发生错误，获取2d上下文失败");
-        this.nativeContext = context, this.canvas = canvas, this.matrix = new Matrix(1, 0, 0, 1, 0, 0), this.stack = [], this.dpr = dpr, this.applyedMatrix = new Matrix(1, 0, 0, 1, 0, 0), this._clearMatrix = new Matrix(1, 0, 0, 1, 0, 0);
+        this.nativeContext = context, this.canvas = canvas, this.matrix = new Matrix(1, 0, 0, 1, 0, 0), this.stack = [], this.dpr = dpr, this.applyedMatrix = new Matrix(1, 0, 0, 1, 0, 0), this._clearMatrix = new Matrix(1, 0, 0, 1, 0, 0), this.baseGlobalAlpha = 1;
       }
       reset() {
         this.stack.length && Logger.getInstance().warn("可能存在bug，matrix没有清空"), this.matrix.setValue(1, 0, 0, 1, 0, 0), this.applyedMatrix = new Matrix(1, 0, 0, 1, 0, 0), this.stack.length = 0, this.nativeContext.setTransform(1, 0, 0, 1, 0, 0);
@@ -27119,7 +27189,7 @@
           opacity = defaultParams.opacity,
           fill = defaultParams.fill
         } = attribute;
-        fillOpacity > 1e-12 && opacity > 1e-12 ? (_context.globalAlpha = fillOpacity * opacity, _context.fillStyle = createColor(this, fill, params, offsetX, offsetY)) : _context.globalAlpha = fillOpacity * opacity;
+        fillOpacity > 1e-12 && opacity > 1e-12 ? (_context.globalAlpha = fillOpacity * opacity * this.baseGlobalAlpha, _context.fillStyle = createColor(this, fill, params, offsetX, offsetY)) : _context.globalAlpha = fillOpacity * opacity * this.baseGlobalAlpha;
       }
       setShadowBlendStyle(params, attribute, defaultParams) {
         if (Array.isArray(defaultParams)) {
@@ -27171,7 +27241,7 @@
             lineCap = defaultParams.lineCap,
             miterLimit = defaultParams.miterLimit
           } = attribute;
-          _context.globalAlpha = strokeOpacity * opacity, _context.lineWidth = getScaledStroke(this, lineWidth, this.dpr), _context.strokeStyle = createColor(this, stroke, params, offsetX, offsetY), _context.lineJoin = lineJoin, lineDash && _context.setLineDash(lineDash), _context.lineCap = lineCap, _context.miterLimit = miterLimit;
+          _context.globalAlpha = strokeOpacity * opacity * this.baseGlobalAlpha, _context.lineWidth = getScaledStroke(this, lineWidth, this.dpr), _context.strokeStyle = createColor(this, stroke, params, offsetX, offsetY), _context.lineJoin = lineJoin, lineDash && _context.setLineDash(lineDash), _context.lineCap = lineCap, _context.miterLimit = miterLimit;
         }
       }
       setTextStyleWithoutAlignBaseline(params, defaultParams, z) {
@@ -27214,16 +27284,16 @@
         this.stack.forEach(m => matrixAllocate.free(m)), this.stack.length = 0;
       }
     };
-    BrowserContext2d.env = "browser", BrowserContext2d = __decorate$T([injectable(), __metadata$H("design:paramtypes", [Object, Number])], BrowserContext2d);
+    BrowserContext2d.env = "browser", BrowserContext2d = __decorate$X([injectable(), __metadata$K("design:paramtypes", [Object, Number])], BrowserContext2d);
 
-    var __decorate$S = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$W = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$G = undefined && undefined.__metadata || function (k, v) {
+      __metadata$J = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     let BrowserCanvas = class extends BaseCanvas {
@@ -27285,7 +27355,7 @@
         this._context.dpr = this._dpr;
       }
     };
-    BrowserCanvas.env = "browser", BrowserCanvas = __decorate$S([injectable(), __metadata$G("design:paramtypes", [Object])], BrowserCanvas);
+    BrowserCanvas.env = "browser", BrowserCanvas = __decorate$W([injectable(), __metadata$J("design:paramtypes", [Object])], BrowserCanvas);
 
     function createModule(CanvasConstructor, ContextConstructor) {
       return new ContainerModule(bind => {
@@ -27295,47 +27365,17 @@
 
     const browserCanvasModule = createModule(BrowserCanvas, BrowserContext2d);
 
-    const MathPickerContribution = Symbol.for("MathPickerContribution");
-    const MathArcPicker = Symbol.for("MathArcPicker");
-    const MathAreaPicker = Symbol.for("MathAreaPicker");
-    const MathCirclePicker = Symbol.for("MathCirclePicker");
-    const MathImagePicker = Symbol.for("MathImagePicker");
-    const MathLinePicker = Symbol.for("MathLinePicker");
-    const MathPathPicker = Symbol.for("MathPathPicker");
-    const MathRectPicker = Symbol.for("MathRectPicker");
-    const MathSymbolPicker = Symbol.for("MathSymbolPicker");
-    const MathTextPicker = Symbol.for("MathTextPicker");
-    const MathPolygonPicker = Symbol.for("MathPolygonPicker");
-    const MathGlyphPicker = Symbol.for("MathGlyphPicker");
-    const CanvasArcPicker = Symbol.for("CanvasArcPicker");
-    const CanvasArc3dPicker = Symbol.for("CanvasArc3dPicker");
-    const CanvasAreaPicker = Symbol.for("CanvasAreaPicker");
-    const CanvasCirclePicker = Symbol.for("CanvasCirclePicker");
-    const CanvasImagePicker = Symbol.for("CanvasImagePicker");
-    const CanvasLinePicker = Symbol.for("CanvasLinePicker");
-    const CanvasPathPicker = Symbol.for("CanvasPathPicker");
-    const CanvasRectPicker = Symbol.for("CanvasRectPicker");
-    const CanvasRect3dPicker = Symbol.for("CanvasRect3dPicker");
-    const CanvasSymbolPicker = Symbol.for("CanvasSymbolPicker");
-    const CanvasTextPicker = Symbol.for("CanvasTextPicker");
-    const CanvasPolygonPicker = Symbol.for("CanvasPolygonPicker");
-    const CanvasPyramid3dPicker = Symbol.for("CanvasPyramid3dPicker");
-    const CanvasRichTextPicker = Symbol.for("CanvasRichTextPicker");
-    const CanvasGlyphPicker = Symbol.for("CanvasGlyphPicker");
-    const CanvasGroupPicker = Symbol.for("CanvasGroupPicker");
-    const CanvasPickerContribution = Symbol.for("CanvasPickerContribution");
-
-    var __decorate$R = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$V = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$F = undefined && undefined.__metadata || function (k, v) {
+      __metadata$I = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$t = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$u = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -27367,9 +27407,11 @@
         }
         const picker = this.pickerMap.get(graphic.numberType);
         if (!picker) return null;
-        const g = picker.contains(graphic, point, params) ? graphic : null,
+        const pd = picker.contains(graphic, point, params),
+          g = pd ? graphic : null,
           data = {
-            graphic: g
+            graphic: g,
+            params: pd
           };
         if (g) return data;
         if (this.InterceptorContributions.length) for (let i = 0; i < this.InterceptorContributions.length; i++) {
@@ -27384,9 +27426,9 @@
         return data;
       }
     };
-    DefaultCanvasPickerService = __decorate$R([injectable(), __param$t(0, inject(ContributionProvider)), __param$t(0, named(CanvasPickerContribution)), __param$t(1, inject(DrawContribution)), __param$t(2, inject(ContributionProvider)), __param$t(2, named(PickItemInterceptor)), __metadata$F("design:paramtypes", [Object, Object, Object])], DefaultCanvasPickerService);
+    DefaultCanvasPickerService = __decorate$V([injectable(), __param$u(0, inject(ContributionProvider)), __param$u(0, named(CanvasPickerContribution)), __param$u(1, inject(DrawContribution)), __param$u(2, inject(ContributionProvider)), __param$u(2, named(PickItemInterceptor)), __metadata$I("design:paramtypes", [Object, Object, Object])], DefaultCanvasPickerService);
 
-    var __decorate$Q = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$U = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -27401,7 +27443,7 @@
         return !1;
       }
     };
-    DefaultCanvasGroupPicker = __decorate$Q([injectable()], DefaultCanvasGroupPicker);
+    DefaultCanvasGroupPicker = __decorate$U([injectable()], DefaultCanvasGroupPicker);
 
     const m$2 = new ContainerModule((bind, unbind, isBound, rebind) => {
       m$2.__vloaded || (m$2.__vloaded = !0, bind(CanvasGroupPicker).to(DefaultCanvasGroupPicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasGroupPicker), bindContributionProvider(bind, CanvasPickerContribution));
@@ -27417,14 +27459,14 @@
     }
 
     var BrowserWindowHandlerContribution_1,
-      __decorate$P = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+      __decorate$T = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$E = undefined && undefined.__metadata || function (k, v) {
+      __metadata$H = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     let BrowserWindowHandlerContribution = BrowserWindowHandlerContribution_1 = class extends BaseWindowHandlerContribution {
@@ -27582,19 +27624,19 @@
         return this.global.getElementTopLeft(this.canvas.nativeCanvas, baseWindow);
       }
     };
-    BrowserWindowHandlerContribution.env = "browser", BrowserWindowHandlerContribution.idprefix = "visactor_window", BrowserWindowHandlerContribution.prefix_count = 0, BrowserWindowHandlerContribution = BrowserWindowHandlerContribution_1 = __decorate$P([injectable(), __metadata$E("design:paramtypes", [])], BrowserWindowHandlerContribution);
+    BrowserWindowHandlerContribution.env = "browser", BrowserWindowHandlerContribution.idprefix = "visactor_window", BrowserWindowHandlerContribution.prefix_count = 0, BrowserWindowHandlerContribution = BrowserWindowHandlerContribution_1 = __decorate$T([injectable(), __metadata$H("design:paramtypes", [])], BrowserWindowHandlerContribution);
     const browserWindowModule = new ContainerModule(bind => {
       bind(BrowserWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(BrowserWindowHandlerContribution)).whenTargetNamed(BrowserWindowHandlerContribution.env);
     });
 
-    var __decorate$O = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$S = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$D = undefined && undefined.__metadata || function (k, v) {
+      __metadata$G = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     class DynamicB {
@@ -27792,7 +27834,7 @@
         };
       }
     };
-    BrowserEnvContribution = __decorate$O([injectable(), __metadata$D("design:paramtypes", [])], BrowserEnvContribution);
+    BrowserEnvContribution = __decorate$S([injectable(), __metadata$G("design:paramtypes", [])], BrowserEnvContribution);
 
     const browserEnvModule = new ContainerModule(bind => {
       browserEnvModule.isBrowserBound || (browserEnvModule.isBrowserBound = !0, bind(BrowserEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(BrowserEnvContribution));
@@ -27804,7 +27846,7 @@
     }
     loadBrowserEnv.__loaded = !1;
 
-    var __decorate$N = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$R = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -27816,7 +27858,7 @@
         return this._globalAlpha;
       }
       set globalAlpha(ga) {
-        this.nativeContext.globalAlpha = ga, this._globalAlpha = ga;
+        this.nativeContext.globalAlpha = ga * this.baseGlobalAlpha, this._globalAlpha = ga * this.baseGlobalAlpha;
       }
       getImageData(sx, sy, sw, sh) {
         return new Promise((resolve, reject) => {
@@ -27849,16 +27891,16 @@
         return null;
       }
     };
-    FeishuContext2d.env = "feishu", FeishuContext2d = __decorate$N([injectable()], FeishuContext2d);
+    FeishuContext2d.env = "feishu", FeishuContext2d = __decorate$R([injectable()], FeishuContext2d);
 
-    var __decorate$M = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$Q = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$C = undefined && undefined.__metadata || function (k, v) {
+      __metadata$F = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     let FeishuCanvas = class extends BaseCanvas {
@@ -27870,26 +27912,26 @@
       }
       release() {}
     };
-    FeishuCanvas.env = "feishu", FeishuCanvas = __decorate$M([injectable(), __metadata$C("design:paramtypes", [Object])], FeishuCanvas);
+    FeishuCanvas.env = "feishu", FeishuCanvas = __decorate$Q([injectable(), __metadata$F("design:paramtypes", [Object])], FeishuCanvas);
 
     const feishuCanvasModule = createModule(FeishuCanvas, FeishuContext2d);
 
-    var __decorate$L = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$P = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$B = undefined && undefined.__metadata || function (k, v) {
+      __metadata$E = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$s = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$t = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
       };
-    let MiniAppEventManager$3 = class MiniAppEventManager {
+    let MiniAppEventManager$4 = class MiniAppEventManager {
       constructor() {
         this.cache = {};
       }
@@ -27913,7 +27955,7 @@
         return null;
       }
       constructor(global) {
-        super(), this.global = global, this.type = "feishu", this.eventManager = new MiniAppEventManager$3();
+        super(), this.global = global, this.type = "feishu", this.eventManager = new MiniAppEventManager$4();
       }
       getTitle() {
         return this.canvas.id.toString();
@@ -28020,22 +28062,22 @@
         context.nativeContext.save(), context.nativeContext.setTransform(dpr, 0, 0, dpr, 0, 0), context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1), color && (context.fillStyle = color, context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1)), context.nativeContext.restore();
       }
     };
-    FeishuWindowHandlerContribution.env = "feishu", FeishuWindowHandlerContribution = __decorate$L([injectable(), __param$s(0, inject(VGlobal)), __metadata$B("design:paramtypes", [Object])], FeishuWindowHandlerContribution);
+    FeishuWindowHandlerContribution.env = "feishu", FeishuWindowHandlerContribution = __decorate$P([injectable(), __param$t(0, inject(VGlobal)), __metadata$E("design:paramtypes", [Object])], FeishuWindowHandlerContribution);
     const feishuWindowModule = new ContainerModule(bind => {
       bind(FeishuWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(FeishuWindowHandlerContribution)).whenTargetNamed(FeishuWindowHandlerContribution.env);
     });
 
-    var __decorate$K = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$O = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$A = undefined && undefined.__metadata || function (k, v) {
+      __metadata$D = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$r = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$s = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -28058,13 +28100,15 @@
         if (!1 === graphic.attribute.pickable) return null;
         const picker = this.pickerMap.get(graphic.numberType);
         if (!picker) return null;
-        const g = picker.contains(graphic, point, params) ? graphic : null;
+        const pd = picker.contains(graphic, point, params),
+          g = pd ? graphic : null;
         return g ? {
-          graphic: g
+          graphic: g,
+          params: pd
         } : null;
       }
     };
-    DefaultMathPickerService = __decorate$K([injectable(), __param$r(0, inject(ContributionProvider)), __param$r(0, named(MathPickerContribution)), __param$r(1, inject(ContributionProvider)), __param$r(1, named(PickItemInterceptor)), __metadata$A("design:paramtypes", [Object, Object])], DefaultMathPickerService);
+    DefaultMathPickerService = __decorate$O([injectable(), __param$s(0, inject(ContributionProvider)), __param$s(0, named(MathPickerContribution)), __param$s(1, inject(ContributionProvider)), __param$s(1, named(PickItemInterceptor)), __metadata$D("design:paramtypes", [Object, Object])], DefaultMathPickerService);
 
     const m$1 = new ContainerModule(bind => {
       m$1.__vloaded || (m$1.__vloaded = !0, bindContributionProvider(bind, MathPickerContribution));
@@ -28148,17 +28192,17 @@
       }
     }
 
-    var __decorate$J = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$N = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$z = undefined && undefined.__metadata || function (k, v) {
+      __metadata$C = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
-    function makeUpCanvas$3(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, pixelRatio) {
+    function makeUpCanvas$4(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, pixelRatio) {
       const dpr = null != pixelRatio ? pixelRatio : tt.getSystemInfoSync().pixelRatio;
       canvasIdLists.forEach((id, i) => {
         const ctx = tt.createCanvasContext(id),
@@ -28183,7 +28227,7 @@
         return 9999;
       }
       configure(service, params) {
-        service.env === this.type && (service.setActiveEnvContribution(this), makeUpCanvas$3(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, params.pixelRatio));
+        service.env === this.type && (service.setActiveEnvContribution(this), makeUpCanvas$4(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, params.pixelRatio));
       }
       loadImage(url) {
         return Promise.resolve({
@@ -28237,7 +28281,7 @@
         return null === (_a = null == event ? void 0 : event.type) || void 0 === _a || _a.startsWith("mouse"), event;
       }
     };
-    FeishuEnvContribution = __decorate$J([injectable(), __metadata$z("design:paramtypes", [])], FeishuEnvContribution);
+    FeishuEnvContribution = __decorate$N([injectable(), __metadata$C("design:paramtypes", [])], FeishuEnvContribution);
 
     const feishuEnvModule = new ContainerModule(bind => {
       feishuEnvModule.isFeishuBound || (feishuEnvModule.isFeishuBound = !0, bind(FeishuEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(FeishuEnvContribution));
@@ -28249,7 +28293,7 @@
     }
     loadFeishuEnv.__loaded = !1;
 
-    var __decorate$I = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$M = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -28261,7 +28305,7 @@
         return this._globalAlpha;
       }
       set globalAlpha(ga) {
-        this.nativeContext.globalAlpha = ga, this._globalAlpha = ga;
+        this.nativeContext.globalAlpha = ga * this.baseGlobalAlpha, this._globalAlpha = ga * this.baseGlobalAlpha;
       }
       setLineDash(segments) {
         const a = arguments,
@@ -28288,7 +28332,7 @@
             lineCap = defaultParams.lineCap,
             miterLimit = defaultParams.miterLimit
           } = attribute;
-          _context.globalAlpha = strokeOpacity * opacity, _context.lineWidth = getScaledStroke(this, lineWidth, this.dpr), _context.strokeStyle = createColor(this, stroke, params, offsetX, offsetY), _context.lineJoin = lineJoin, 0 === lineDash[0] && 0 === lineDash[1] || lineDash && _context.setLineDash(lineDash), _context.lineCap = lineCap, _context.miterLimit = miterLimit;
+          _context.globalAlpha = strokeOpacity * opacity * this.baseGlobalAlpha, _context.lineWidth = getScaledStroke(this, lineWidth, this.dpr), _context.strokeStyle = createColor(this, stroke, params, offsetX, offsetY), _context.lineJoin = lineJoin, 0 === lineDash[0] && 0 === lineDash[1] || lineDash && _context.setLineDash(lineDash), _context.lineCap = lineCap, _context.miterLimit = miterLimit;
         }
       }
       measureText(text) {
@@ -28308,16 +28352,16 @@
         }));
       }
     };
-    LynxContext2d.env = "lynx", LynxContext2d = __decorate$I([injectable()], LynxContext2d);
+    LynxContext2d.env = "lynx", LynxContext2d = __decorate$M([injectable()], LynxContext2d);
 
-    var __decorate$H = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$L = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$y = undefined && undefined.__metadata || function (k, v) {
+      __metadata$B = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     let LynxCanvas = class extends BaseCanvas {
@@ -28333,24 +28377,24 @@
       }
       release() {}
     };
-    LynxCanvas.env = "lynx", LynxCanvas = __decorate$H([injectable(), __metadata$y("design:paramtypes", [Object])], LynxCanvas);
+    LynxCanvas.env = "lynx", LynxCanvas = __decorate$L([injectable(), __metadata$B("design:paramtypes", [Object])], LynxCanvas);
 
-    var __decorate$G = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$K = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$x = undefined && undefined.__metadata || function (k, v) {
+      __metadata$A = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$q = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$r = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
       };
-    let MiniAppEventManager$2 = class MiniAppEventManager {
+    let MiniAppEventManager$3 = class MiniAppEventManager {
       constructor() {
         this.cache = {};
       }
@@ -28374,7 +28418,7 @@
         return null;
       }
       constructor(global) {
-        super(), this.global = global, this.type = "lynx", this.eventManager = new MiniAppEventManager$2();
+        super(), this.global = global, this.type = "lynx", this.eventManager = new MiniAppEventManager$3();
       }
       getTitle() {
         return this.canvas.id && this.canvas.id.toString();
@@ -28483,28 +28527,28 @@
         context.nativeContext.save(), context.nativeContext.setTransform(dpr, 0, 0, dpr, 0, 0), context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1), color && (context.fillStyle = color, context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1)), context.nativeContext.restore();
       }
     };
-    LynxWindowHandlerContribution.env = "lynx", LynxWindowHandlerContribution = __decorate$G([injectable(), __param$q(0, inject(VGlobal)), __metadata$x("design:paramtypes", [Object])], LynxWindowHandlerContribution);
+    LynxWindowHandlerContribution.env = "lynx", LynxWindowHandlerContribution = __decorate$K([injectable(), __param$r(0, inject(VGlobal)), __metadata$A("design:paramtypes", [Object])], LynxWindowHandlerContribution);
     const lynxWindowModule = new ContainerModule(bind => {
       bind(LynxWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(LynxWindowHandlerContribution)).whenTargetNamed(LynxWindowHandlerContribution.env);
     });
 
     const lynxCanvasModule = createModule(LynxCanvas, LynxContext2d);
 
-    var __decorate$F = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$J = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$w = undefined && undefined.__metadata || function (k, v) {
+      __metadata$z = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     let ng = !1;
     try {
       ng = !!lynx.createCanvasNG;
     } catch (err) {}
-    function makeUpCanvas$2(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, offscreen, pixelRatio) {
+    function makeUpCanvas$3(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, offscreen, pixelRatio) {
       const dpr = null != pixelRatio ? pixelRatio : SystemInfo.pixelRatio;
       canvasIdLists.forEach((id, i) => {
         let _canvas;
@@ -28537,7 +28581,7 @@
         this.applyStyles = !0;
       }
       configure(service, params) {
-        service.env === this.type && (service.setActiveEnvContribution(this), makeUpCanvas$2(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, !!params.offscreen, params.pixelRatio));
+        service.env === this.type && (service.setActiveEnvContribution(this), makeUpCanvas$3(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, !!params.offscreen, params.pixelRatio));
       }
       getDynamicCanvasCount() {
         return this.freeCanvasList.length;
@@ -28600,7 +28644,7 @@
       }
       release() {}
     };
-    LynxEnvContribution = __decorate$F([injectable(), __metadata$w("design:paramtypes", [])], LynxEnvContribution);
+    LynxEnvContribution = __decorate$J([injectable(), __metadata$z("design:paramtypes", [])], LynxEnvContribution);
 
     const lynxEnvModule = new ContainerModule(bind => {
       lynxEnvModule.isLynxBound || (lynxEnvModule.isLynxBound = !0, bind(LynxEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(LynxEnvContribution));
@@ -28612,14 +28656,14 @@
     }
     loadLynxEnv.__loaded = !1;
 
-    var __decorate$E = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$I = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$v = undefined && undefined.__metadata || function (k, v) {
+      __metadata$y = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     let NodeContext2d = class extends BrowserContext2d {
@@ -28631,16 +28675,16 @@
       }
       release() {}
     };
-    NodeContext2d.env = "node", NodeContext2d = __decorate$E([injectable(), __metadata$v("design:paramtypes", [Object, Number])], NodeContext2d);
+    NodeContext2d.env = "node", NodeContext2d = __decorate$I([injectable(), __metadata$y("design:paramtypes", [Object, Number])], NodeContext2d);
 
-    var __decorate$D = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$H = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$u = undefined && undefined.__metadata || function (k, v) {
+      __metadata$x = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     let NodeCanvas = class extends BaseCanvas {
@@ -28654,21 +28698,21 @@
         this._nativeCanvas.release && isFunction$1(this._nativeCanvas.release) && this._nativeCanvas.release();
       }
     };
-    NodeCanvas.env = "node", NodeCanvas = __decorate$D([injectable(), __metadata$u("design:paramtypes", [Object])], NodeCanvas);
+    NodeCanvas.env = "node", NodeCanvas = __decorate$H([injectable(), __metadata$x("design:paramtypes", [Object])], NodeCanvas);
 
     const nodeCanvasModule = createModule(NodeCanvas, NodeContext2d);
 
-    var __decorate$C = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$G = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$t = undefined && undefined.__metadata || function (k, v) {
+      __metadata$w = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$p = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$q = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -28759,12 +28803,12 @@
       }
       clearViewBox(color) {}
     };
-    NodeWindowHandlerContribution.env = "node", NodeWindowHandlerContribution = __decorate$C([injectable(), __param$p(0, inject(VGlobal)), __metadata$t("design:paramtypes", [Object])], NodeWindowHandlerContribution);
+    NodeWindowHandlerContribution.env = "node", NodeWindowHandlerContribution = __decorate$G([injectable(), __param$q(0, inject(VGlobal)), __metadata$w("design:paramtypes", [Object])], NodeWindowHandlerContribution);
     const nodeWindowModule = new ContainerModule(bind => {
       bind(NodeWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(NodeWindowHandlerContribution)).whenTargetNamed(NodeWindowHandlerContribution.env);
     });
 
-    var __decorate$B = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$F = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -28850,7 +28894,7 @@
       release() {}
       createOffscreenCanvas(params) {}
     };
-    NodeEnvContribution = __decorate$B([injectable()], NodeEnvContribution);
+    NodeEnvContribution = __decorate$F([injectable()], NodeEnvContribution);
 
     const nodeEnvModule = new ContainerModule(bind => {
       nodeEnvModule.isNodeBound || (nodeEnvModule.isNodeBound = !0, bind(NodeEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(NodeEnvContribution));
@@ -28861,7 +28905,7 @@
     }
     loadNodeEnv.__loaded = !1;
 
-    var __decorate$A = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$E = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -28948,16 +28992,16 @@
         return this.nativeContext.createCircularGradient && this.nativeContext.createCircularGradient(x0, y0, r0, x1, y1, r1);
       }
     };
-    TaroContext2d.env = "taro", TaroContext2d = __decorate$A([injectable()], TaroContext2d);
+    TaroContext2d.env = "taro", TaroContext2d = __decorate$E([injectable()], TaroContext2d);
 
-    var __decorate$z = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$D = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$s = undefined && undefined.__metadata || function (k, v) {
+      __metadata$v = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     let TaroCanvas = class extends BaseCanvas {
@@ -28969,26 +29013,26 @@
       }
       release() {}
     };
-    TaroCanvas.env = "taro", TaroCanvas = __decorate$z([injectable(), __metadata$s("design:paramtypes", [Object])], TaroCanvas);
+    TaroCanvas.env = "taro", TaroCanvas = __decorate$D([injectable(), __metadata$v("design:paramtypes", [Object])], TaroCanvas);
 
     const taroCanvasModule = createModule(TaroCanvas, TaroContext2d);
 
-    var __decorate$y = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$C = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$r = undefined && undefined.__metadata || function (k, v) {
+      __metadata$u = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$o = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$p = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
       };
-    let MiniAppEventManager$1 = class MiniAppEventManager {
+    let MiniAppEventManager$2 = class MiniAppEventManager {
       constructor() {
         this.cache = {};
       }
@@ -29012,7 +29056,7 @@
         return null;
       }
       constructor(global) {
-        super(), this.global = global, this.type = "taro", this.eventManager = new MiniAppEventManager$1();
+        super(), this.global = global, this.type = "taro", this.eventManager = new MiniAppEventManager$2();
       }
       getTitle() {
         return this.canvas.id.toString();
@@ -29129,22 +29173,22 @@
         context.nativeContext.save(), context.nativeContext.setTransform(dpr, 0, 0, dpr, 0, 0), context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1), color && (context.fillStyle = color, context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1)), context.nativeContext.restore();
       }
     };
-    TaroWindowHandlerContribution.env = "taro", TaroWindowHandlerContribution = __decorate$y([injectable(), __param$o(0, inject(VGlobal)), __metadata$r("design:paramtypes", [Object])], TaroWindowHandlerContribution);
+    TaroWindowHandlerContribution.env = "taro", TaroWindowHandlerContribution = __decorate$C([injectable(), __param$p(0, inject(VGlobal)), __metadata$u("design:paramtypes", [Object])], TaroWindowHandlerContribution);
     const taroWindowModule = new ContainerModule(bind => {
       bind(TaroWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(TaroWindowHandlerContribution)).whenTargetNamed(TaroWindowHandlerContribution.env);
     });
 
-    var __decorate$x = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$B = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$q = undefined && undefined.__metadata || function (k, v) {
+      __metadata$t = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
-    function makeUpCanvas$1(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, taro, dpr) {
+    function makeUpCanvas$2(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, taro, dpr) {
       canvasIdLists.forEach((id, i) => {
         const ctx = taro.createCanvasContext(id),
           canvas = new CanvasWrapDisableWH(ctx.canvas || {}, ctx, dpr, domref.width, domref.height, id);
@@ -29172,7 +29216,7 @@
         return null === (_a = null == event ? void 0 : event.type) || void 0 === _a || _a.startsWith("mouse"), event;
       }
       configure(service, params) {
-        service.env === this.type && (service.setActiveEnvContribution(this), makeUpCanvas$1(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, params.taro, params.pixelRatio), this.taro = params.taro, this.pixelRatio = params.pixelRatio);
+        service.env === this.type && (service.setActiveEnvContribution(this), makeUpCanvas$2(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, params.taro, params.pixelRatio), this.taro = params.taro, this.pixelRatio = params.pixelRatio);
       }
       loadImage(url) {
         return Promise.resolve({
@@ -29238,7 +29282,7 @@
       }
       release() {}
     };
-    TaroEnvContribution = __decorate$x([injectable(), __metadata$q("design:paramtypes", [])], TaroEnvContribution);
+    TaroEnvContribution = __decorate$B([injectable(), __metadata$t("design:paramtypes", [])], TaroEnvContribution);
 
     const taroEnvModule = new ContainerModule(bind => {
       taroEnvModule.isTaroBound || (taroEnvModule.isTaroBound = !0, bind(TaroEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(TaroEnvContribution));
@@ -29250,7 +29294,7 @@
     }
     loadTaroEnv.__loaded = !1;
 
-    var __decorate$w = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$A = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -29263,16 +29307,16 @@
         return null;
       }
     };
-    WxContext2d.env = "wx", WxContext2d = __decorate$w([injectable()], WxContext2d);
+    WxContext2d.env = "wx", WxContext2d = __decorate$A([injectable()], WxContext2d);
 
-    var __decorate$v = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$z = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$p = undefined && undefined.__metadata || function (k, v) {
+      __metadata$s = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     let WxCanvas = class extends BaseCanvas {
@@ -29284,26 +29328,26 @@
       }
       release() {}
     };
-    WxCanvas.env = "wx", WxCanvas = __decorate$v([injectable(), __metadata$p("design:paramtypes", [Object])], WxCanvas);
+    WxCanvas.env = "wx", WxCanvas = __decorate$z([injectable(), __metadata$s("design:paramtypes", [Object])], WxCanvas);
 
     const wxCanvasModule = createModule(WxCanvas, WxContext2d);
 
-    var __decorate$u = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$y = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$o = undefined && undefined.__metadata || function (k, v) {
+      __metadata$r = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$n = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$o = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
       };
-    class MiniAppEventManager {
+    let MiniAppEventManager$1 = class MiniAppEventManager {
       constructor() {
         this.cache = {};
       }
@@ -29321,13 +29365,13 @@
       cleanEvent() {
         this.cache = {};
       }
-    }
+    };
     let WxWindowHandlerContribution = class extends BaseWindowHandlerContribution {
       get container() {
         return null;
       }
       constructor(global) {
-        super(), this.global = global, this.type = "wx", this.eventManager = new MiniAppEventManager();
+        super(), this.global = global, this.type = "wx", this.eventManager = new MiniAppEventManager$1();
       }
       getTitle() {
         return this.canvas.id.toString();
@@ -29435,22 +29479,22 @@
         context.nativeContext.save(), context.nativeContext.setTransform(dpr, 0, 0, dpr, 0, 0), context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1), color && (context.fillStyle = color, context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1)), context.nativeContext.restore();
       }
     };
-    WxWindowHandlerContribution.env = "wx", WxWindowHandlerContribution = __decorate$u([injectable(), __param$n(0, inject(VGlobal)), __metadata$o("design:paramtypes", [Object])], WxWindowHandlerContribution);
+    WxWindowHandlerContribution.env = "wx", WxWindowHandlerContribution = __decorate$y([injectable(), __param$o(0, inject(VGlobal)), __metadata$r("design:paramtypes", [Object])], WxWindowHandlerContribution);
     const wxWindowModule = new ContainerModule(bind => {
       bind(WxWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(WxWindowHandlerContribution)).whenTargetNamed(WxWindowHandlerContribution.env);
     });
 
-    var __decorate$t = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$x = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$n = undefined && undefined.__metadata || function (k, v) {
+      __metadata$q = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __awaiter$1 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+      __awaiter$2 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
         return new (P || (P = Promise))(function (resolve, reject) {
           function fulfilled(value) {
             try {
@@ -29475,8 +29519,8 @@
           step((generator = generator.apply(thisArg, _arguments || [])).next());
         });
       };
-    function makeUpCanvas(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, component) {
-      return __awaiter$1(this, void 0, void 0, function* () {
+    function makeUpCanvas$1(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, component) {
+      return __awaiter$2(this, void 0, void 0, function* () {
         const dpr = wx.getSystemInfoSync().pixelRatio;
         for (let i = 0; i < canvasIdLists.length; i++) {
           const id = canvasIdLists[i];
@@ -29507,7 +29551,7 @@
         this.applyStyles = !0;
       }
       configure(service, params) {
-        if (service.env === this.type) return service.setActiveEnvContribution(this), makeUpCanvas(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, params.component).then(() => {});
+        if (service.env === this.type) return service.setActiveEnvContribution(this), makeUpCanvas$1(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, params.component).then(() => {});
       }
       loadImage(url) {
         return Promise.resolve({
@@ -29561,7 +29605,7 @@
         return null === (_a = null == event ? void 0 : event.type) || void 0 === _a || _a.startsWith("mouse"), event;
       }
     };
-    WxEnvContribution = __decorate$t([injectable(), __metadata$n("design:paramtypes", [])], WxEnvContribution);
+    WxEnvContribution = __decorate$x([injectable(), __metadata$q("design:paramtypes", [])], WxEnvContribution);
 
     const wxEnvModule = new ContainerModule(bind => {
       wxEnvModule._isWxBound || (wxEnvModule._isWxBound = !0, bind(WxEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(WxEnvContribution));
@@ -29586,6 +29630,319 @@
       loadAllEnv(container);
     }
 
+    var __decorate$w = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+      var d,
+        c = arguments.length,
+        r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+      if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+      return c > 3 && r && Object.defineProperty(target, key, r), r;
+    };
+    let TTContext2d = class extends FeishuContext2d {};
+    TTContext2d.env = "tt", TTContext2d = __decorate$w([injectable()], TTContext2d);
+
+    var __decorate$v = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+        var d,
+          c = arguments.length,
+          r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+        if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+      },
+      __metadata$p = undefined && undefined.__metadata || function (k, v) {
+        if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+      };
+    let TTCanvas = class extends BaseCanvas {
+      constructor(params) {
+        super(params);
+      }
+      init() {
+        this._context = new TTContext2d(this, this._dpr);
+      }
+      release() {}
+    };
+    TTCanvas.env = "tt", TTCanvas = __decorate$v([injectable(), __metadata$p("design:paramtypes", [Object])], TTCanvas);
+
+    const ttCanvasModule = createModule(TTCanvas, TTContext2d);
+
+    var __decorate$u = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+        var d,
+          c = arguments.length,
+          r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+        if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+      },
+      __metadata$o = undefined && undefined.__metadata || function (k, v) {
+        if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+      },
+      __param$n = undefined && undefined.__param || function (paramIndex, decorator) {
+        return function (target, key) {
+          decorator(target, key, paramIndex);
+        };
+      };
+    class MiniAppEventManager {
+      constructor() {
+        this.cache = {};
+      }
+      addEventListener(type, func) {
+        type && func && (this.cache[type] = this.cache[type] || {
+          listener: []
+        }, this.cache[type].listener.push(func));
+      }
+      removeEventListener(type, func) {
+        if (!type || !func) return;
+        if (!this.cache[type]) return;
+        const index = this.cache[type].listener.findIndex(f => f === func);
+        index >= 0 && this.cache[type].listener.splice(index, 1);
+      }
+      cleanEvent() {
+        this.cache = {};
+      }
+    }
+    let TTWindowHandlerContribution = class extends BaseWindowHandlerContribution {
+      get container() {
+        return null;
+      }
+      constructor(global) {
+        super(), this.global = global, this.type = "tt", this.eventManager = new MiniAppEventManager();
+      }
+      getTitle() {
+        return this.canvas.id.toString();
+      }
+      getWH() {
+        return {
+          width: this.canvas.width / (this.canvas.dpr || 1),
+          height: this.canvas.height / (this.canvas.dpr || 1)
+        };
+      }
+      getXY() {
+        return {
+          x: 0,
+          y: 0
+        };
+      }
+      createWindow(params) {
+        params.canvas ? this.createWindowByCanvas(params) : this.createWindowByConfig(params);
+      }
+      createWindowByConfig(params) {
+        const nativeCanvas = this.global.createCanvas({
+            width: params.width,
+            height: params.height
+          }),
+          options = {
+            width: params.width,
+            height: params.height,
+            dpr: params.dpr,
+            nativeCanvas: nativeCanvas,
+            id: Generator.GenAutoIncrementId().toString(),
+            canvasControled: !1
+          };
+        this.canvas = new TTCanvas(options);
+      }
+      createWindowByCanvas(params) {
+        let canvas;
+        if ("string" == typeof params.canvas) {
+          if (canvas = this.global.getElementById(params.canvas), !canvas) throw new Error("canvasId 参数不正确，请确认canvas存在并插入dom");
+        } else canvas = params.canvas;
+        let width = params.width,
+          height = params.height;
+        if (null == width || null == height || !params.canvasControled) {
+          const data = canvas.getBoundingClientRect();
+          width = data.width, height = data.height;
+        }
+        let dpr = params.dpr;
+        null == dpr && (dpr = canvas.width / width), this.canvas = new TTCanvas({
+          width: width,
+          height: height,
+          dpr: dpr,
+          nativeCanvas: canvas,
+          canvasControled: params.canvasControled
+        });
+      }
+      releaseWindow() {}
+      resizeWindow(width, height) {}
+      setDpr(dpr) {
+        this.canvas.dpr = dpr;
+      }
+      getContext() {
+        return this.canvas.getContext();
+      }
+      getNativeHandler() {
+        return this.canvas;
+      }
+      getDpr() {
+        return this.canvas.dpr;
+      }
+      addEventListener(type, listener) {
+        this.eventManager.addEventListener(type, listener);
+      }
+      removeEventListener(type, listener) {
+        this.eventManager.removeEventListener(type, listener);
+      }
+      dispatchEvent(event) {
+        const {
+          type: type
+        } = event;
+        return !!this.eventManager.cache[type] && (event.changedTouches && event.changedTouches[0] && (event.offsetX = event.changedTouches[0].x, event.changedTouches[0].offsetX = event.changedTouches[0].x, event.changedTouches[0].clientX = event.changedTouches[0].x, event.offsetY = event.changedTouches[0].y, event.changedTouches[0].offsetY = event.changedTouches[0].y, event.changedTouches[0].clientY = event.changedTouches[0].y), event.preventDefault = () => {}, event.stopPropagation = () => {}, this.eventManager.cache[type].listener && this.eventManager.cache[type].listener.forEach(f => {
+          f(event);
+        }), !0);
+      }
+      getStyle() {
+        return {};
+      }
+      setStyle(style) {}
+      getBoundingClientRect() {
+        const wh = this.getWH();
+        return {
+          x: 0,
+          y: 0,
+          width: wh.width,
+          height: wh.height,
+          left: 0,
+          top: 0,
+          right: 0,
+          bottom: 0
+        };
+      }
+      clearViewBox(color) {
+        const vb = this.viewBox,
+          context = this.getContext(),
+          dpr = this.getDpr();
+        context.nativeContext.save(), context.nativeContext.setTransform(dpr, 0, 0, dpr, 0, 0), context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1), color && (context.fillStyle = color, context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1)), context.nativeContext.restore();
+      }
+    };
+    TTWindowHandlerContribution.env = "tt", TTWindowHandlerContribution = __decorate$u([injectable(), __param$n(0, inject(VGlobal)), __metadata$o("design:paramtypes", [Object])], TTWindowHandlerContribution);
+    const ttWindowModule = new ContainerModule(bind => {
+      bind(TTWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(TTWindowHandlerContribution)).whenTargetNamed(TTWindowHandlerContribution.env);
+    });
+
+    var __decorate$t = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+        var d,
+          c = arguments.length,
+          r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+        if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+      },
+      __metadata$n = undefined && undefined.__metadata || function (k, v) {
+        if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+      },
+      __awaiter$1 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+        return new (P || (P = Promise))(function (resolve, reject) {
+          function fulfilled(value) {
+            try {
+              step(generator.next(value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+          function rejected(value) {
+            try {
+              step(generator.throw(value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+          function step(result) {
+            var value;
+            result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P(function (resolve) {
+              resolve(value);
+            })).then(fulfilled, rejected);
+          }
+          step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+      };
+    function makeUpCanvas(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, component) {
+      return __awaiter$1(this, void 0, void 0, function* () {
+        const dpr = tt.getSystemInfoSync().pixelRatio;
+        for (let i = 0; i < canvasIdLists.length; i++) {
+          const id = canvasIdLists[i];
+          yield new Promise(resolve => {
+            let data = tt.createSelectorQuery();
+            component && (data = data.in(component)), data.select(`#${id}`).node().exec(res => {
+              const canvas = res[0].node,
+                width = canvas.width,
+                height = canvas.height;
+              canvas.width = width * dpr, canvas.height = height * dpr, canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas), resolve(null);
+            });
+          });
+        }
+      });
+    }
+    let TTEnvContribution = class extends BaseEnvContribution {
+      constructor() {
+        super(), this.type = "tt", this.supportEvent = !0, this.canvasMap = new Map(), this.freeCanvasList = [], this.canvasIdx = 0, this.supportsTouchEvents = !0;
+        try {
+          this.supportsPointerEvents = !!globalThis.PointerEvent, this.supportsMouseEvents = !!globalThis.MouseEvent;
+        } catch (err) {
+          this.supportsPointerEvents = !1, this.supportsMouseEvents = !1;
+        }
+        this.applyStyles = !0;
+      }
+      configure(service, params) {
+        if (service.env === this.type) return service.setActiveEnvContribution(this), makeUpCanvas(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, params.component).then(() => {});
+      }
+      loadImage(url) {
+        return Promise.resolve({
+          data: url,
+          loadState: "success"
+        });
+      }
+      loadSvg(url) {
+        return Promise.reject();
+      }
+      createCanvas(params) {
+        const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];
+        return this.canvasIdx++, result;
+      }
+      createOffscreenCanvas(params) {}
+      releaseCanvas(canvas) {}
+      getDevicePixelRatio() {
+        return tt.getSystemInfoSync().pixelRatio;
+      }
+      getRequestAnimationFrame() {
+        return function (callback) {
+          return rafBasedSto.call(callback);
+        };
+      }
+      getCancelAnimationFrame() {
+        return h => {
+          rafBasedSto.clear(h);
+        };
+      }
+      addEventListener(type, listener, options) {
+        return null;
+      }
+      removeEventListener(type, listener, options) {
+        return null;
+      }
+      dispatchEvent(event) {
+        return null;
+      }
+      getElementById(str) {
+        return this.canvasMap.get(str);
+      }
+      getRootElement() {
+        return null;
+      }
+      getDocument() {
+        return null;
+      }
+      release() {}
+      mapToCanvasPoint(event) {
+        var _a;
+        return null === (_a = null == event ? void 0 : event.type) || void 0 === _a || _a.startsWith("mouse"), event;
+      }
+    };
+    TTEnvContribution = __decorate$t([injectable(), __metadata$n("design:paramtypes", [])], TTEnvContribution);
+
+    const ttEnvModule = new ContainerModule(bind => {
+      ttEnvModule.isTTBound || (ttEnvModule.isTTBound = !0, bind(TTEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(TTEnvContribution));
+    });
+    ttEnvModule.isTTBound = !1;
+    function loadTTEnv(container) {
+      let loadPicker = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
+      loadTTEnv.__loaded || (loadTTEnv.__loaded = !0, container.load(ttEnvModule), container.load(ttCanvasModule), container.load(ttWindowModule), loadPicker && loadMathPicker(container));
+    }
+    loadTTEnv.__loaded = !1;
+
     var __decorate$s = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
@@ -38583,8 +38940,11 @@
           var _a, _b, _c, _d;
           const target = e.target;
           if (target && target.name && target.name.startsWith(LEGEND_ELEMENT_NAME.item)) {
-            const legendItem = target.delegate;
-            if (target.name === LEGEND_ELEMENT_NAME.focus) {
+            const legendItem = target.delegate,
+              {
+                selectMode = "multiple"
+              } = this.attribute;
+            if (target.name === LEGEND_ELEMENT_NAME.focus || "focus" === selectMode) {
               const isFocusSelected = legendItem.hasState(LegendStateValue.focus);
               legendItem.toggleState(LegendStateValue.focus), isFocusSelected ? null === (_a = this._itemsContainer) || void 0 === _a || _a.getChildren().forEach(item => {
                 this._removeLegendItemState(item, [LegendStateValue.unSelected, LegendStateValue.unSelectedHover, LegendStateValue.focus], e), this._setLegendItemState(item, LegendStateValue.selected, e);
@@ -38596,7 +38956,6 @@
                 item.removeState(LegendStateValue.focus);
               });
               const {
-                  selectMode = "multiple",
                   allowAllCanceled = !0
                 } = this.attribute,
                 isSelected = legendItem.hasState(LegendStateValue.selected),
@@ -46320,7 +46679,7 @@
 
     Animate$1.mode |= AnimateMode.SET_ATTR_IMMEDIATELY;
     let GlobalAnimatorId = 0;
-    const isCustomAnimateCtor = custom => !isNil$3(custom) && custom.prototype instanceof ACustomAnimate;
+    const isCustomAnimateCtor = custom => !isNil$3(custom) && (custom.prototype instanceof ACustomAnimate || "onBind" in custom.prototype && "onStart" in custom.prototype && "onEnd" in custom.prototype && "onUpdate" in custom.prototype);
     class Animator {
       constructor(element, unit, animationOptions) {
         this.id = GlobalAnimatorId++, this.isAnimating = !1, this.runnings = [], this.element = element, this.animationOptions = animationOptions, this.unit = unit;
@@ -56309,6 +56668,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return 'lynx';
             case exports.RenderModeEnum.wx:
                 return 'wx';
+            case exports.RenderModeEnum.tt:
+                return 'tt';
         }
         return 'browser';
     }
@@ -56744,7 +57105,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     }
     function getCanvasDataURL(c, ctx) {
         var _a;
-        return __awaiter$6(this, void 0, void 0, function* () {
+        return __awaiter$7(this, void 0, void 0, function* () {
             if (!c) {
                 return '';
             }
@@ -60420,6 +60781,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     const registerWXEnv = () => {
         loadWxEnv(container);
     };
+    const registerTTEnv = () => {
+        loadTTEnv(container);
+    };
 
     class BasePluginService {
         constructor() {
@@ -60901,7 +61265,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             });
         }
         renderAsync(morphConfig) {
-            return __awaiter$6(this, void 0, void 0, function* () {
+            return __awaiter$7(this, void 0, void 0, function* () {
                 return this._renderAsync({
                     morphConfig,
                     transformSpec: true,
@@ -60920,7 +61284,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return self;
         }
         _renderAsync(option = {}) {
-            return __awaiter$6(this, void 0, void 0, function* () {
+            return __awaiter$7(this, void 0, void 0, function* () {
                 return this._renderSync(option);
             });
         }
@@ -60967,7 +61331,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             InstanceManager.unregisterInstance(this);
         }
         updateData(id, data, options) {
-            return __awaiter$6(this, void 0, void 0, function* () {
+            return __awaiter$7(this, void 0, void 0, function* () {
                 return this.updateDataSync(id, data, options);
             });
         }
@@ -60994,7 +61358,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         updateDataInBatches(list) {
-            return __awaiter$6(this, void 0, void 0, function* () {
+            return __awaiter$7(this, void 0, void 0, function* () {
                 if (this._chart) {
                     this._chart.updateFullData(list.map(({ id, data, options }) => {
                         return { id, values: data, parser: options };
@@ -61060,12 +61424,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return this;
         }
         updateFullData(data, reRender = true) {
-            return __awaiter$6(this, void 0, void 0, function* () {
+            return __awaiter$7(this, void 0, void 0, function* () {
                 return this.updateFullDataSync(data, reRender);
             });
         }
         updateSpec(spec, forceMerge = false, morphConfig) {
-            return __awaiter$6(this, void 0, void 0, function* () {
+            return __awaiter$7(this, void 0, void 0, function* () {
                 const result = this._updateSpec(spec, forceMerge);
                 if (!result) {
                     return this;
@@ -61124,7 +61488,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             });
         }
         updateModelSpec(filter, spec, forceMerge = false, morphConfig) {
-            return __awaiter$6(this, void 0, void 0, function* () {
+            return __awaiter$7(this, void 0, void 0, function* () {
                 if (!spec || !this._spec) {
                     return this;
                 }
@@ -61177,7 +61541,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             });
         }
         resize(width, height) {
-            return __awaiter$6(this, void 0, void 0, function* () {
+            return __awaiter$7(this, void 0, void 0, function* () {
                 return this.resizeSync(width, height);
             });
         }
@@ -61350,7 +61714,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return this._currentThemeName;
         }
         setCurrentTheme(name) {
-            return __awaiter$6(this, void 0, void 0, function* () {
+            return __awaiter$7(this, void 0, void 0, function* () {
                 if (!ThemeManager.themeExist(name)) {
                     return this;
                 }
@@ -61463,7 +61827,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         getDataURL() {
             var _a;
-            return __awaiter$6(this, void 0, void 0, function* () {
+            return __awaiter$7(this, void 0, void 0, function* () {
                 const stage = this.getStage();
                 if (this._chart && stage) {
                     stage.render();
@@ -61479,7 +61843,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         exportImg(name) {
             var _a, _b;
-            return __awaiter$6(this, void 0, void 0, function* () {
+            return __awaiter$7(this, void 0, void 0, function* () {
                 if (!isTrueBrowser(this._option.mode)) {
                     (_a = this._option) === null || _a === void 0 ? void 0 : _a.onError(new TypeError(`non-browser environment can not export img`));
                     return;
@@ -66019,7 +66383,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         registerComponentPlugin(CanvasTooltipHandler);
     };
 
-    const version = "1.11.1-alpha.2";
+    const version = "1.11.1-alpha.4";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -97046,15 +97410,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             super.onLayoutStart(layoutRect, chartViewRect, ctx);
         }
-        _compareSpec(spec, prevSpec) {
-            const result = super._compareSpec(spec, prevSpec);
-            if (!isEqual$1(prevSpec, spec)) {
-                result.reRender = true;
-                result.reMake = true;
-                result.change = true;
-            }
-            return result;
-        }
     }
 
     function markerRegression(_data, opt) {
@@ -97144,8 +97499,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const markLine = this._newMarkLineComponent(markLineAttrs);
             return markLine;
         }
-        _getUpdateMarkerAttrs() {
-            var _a, _b, _c, _d;
+        _markerLayout() {
+            var _a, _b, _c, _d, _e;
             const spec = this._spec;
             const data = this._markerData;
             const startRelativeSeries = this._startRelativeSeries;
@@ -97172,12 +97527,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const labelAttrs = Object.assign(Object.assign({}, markerComponentAttr.label), { text: this._spec.label.formatMethod
                     ? this._spec.label.formatMethod(dataPoints, seriesData)
                     : (_d = markerComponentAttr.label) === null || _d === void 0 ? void 0 : _d.text });
-            return Object.assign(Object.assign({}, pointsAttr), { label: labelAttrs, limitRect, dx: this._layoutOffsetX, dy: this._layoutOffsetY });
-        }
-        _markerLayout() {
-            var _a;
-            const updateAttrs = this._getUpdateMarkerAttrs();
-            (_a = this._markerComponent) === null || _a === void 0 ? void 0 : _a.setAttributes(updateAttrs);
+            (_e = this._markerComponent) === null || _e === void 0 ? void 0 : _e.setAttributes(Object.assign(Object.assign({}, pointsAttr), { label: labelAttrs, limitRect, dx: this._layoutOffsetX, dy: this._layoutOffsetY }));
         }
         _initDataView() {
             const spec = this._spec;
@@ -97273,11 +97623,35 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return { points };
         }
         _markerLayout() {
-            var _a, _b, _c, _d;
-            const updateAttrs = this._getUpdateMarkerAttrs();
+            var _a, _b, _c, _d, _e, _f;
+            super._markerLayout();
+            const spec = this._spec;
+            const data = this._markerData;
+            const startRelativeSeries = this._startRelativeSeries;
+            const endRelativeSeries = this._endRelativeSeries;
+            const relativeSeries = this._relativeSeries;
+            const { points } = this._computePointsAttr();
+            const seriesData = this._relativeSeries.getViewData().latestData;
+            const dataPoints = data.latestData[0] && data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;
+            let limitRect;
+            if (spec.clip || ((_a = spec.label) === null || _a === void 0 ? void 0 : _a.confine)) {
+                const { minX, maxX, minY, maxY } = computeClipRange([
+                    startRelativeSeries.getRegion(),
+                    endRelativeSeries.getRegion(),
+                    relativeSeries.getRegion()
+                ]);
+                limitRect = {
+                    x: minX,
+                    y: minY,
+                    width: maxX - minX,
+                    height: maxY - minY
+                };
+            }
+            const markerComponentAttr = (_c = (_b = this._markerComponent) === null || _b === void 0 ? void 0 : _b.attribute) !== null && _c !== void 0 ? _c : {};
+            const labelAttrs = Object.assign(Object.assign({}, markerComponentAttr.label), { text: this._spec.label.formatMethod
+                    ? this._spec.label.formatMethod(dataPoints, seriesData)
+                    : (_d = markerComponentAttr.label) === null || _d === void 0 ? void 0 : _d.text });
             if (this._spec.type === 'type-step') {
-                const startRelativeSeries = this._startRelativeSeries;
-                const endRelativeSeries = this._endRelativeSeries;
                 const { multiSegment, mainSegmentIndex } = this._spec.line || {};
                 const { connectDirection, expandDistance = 0 } = this._spec;
                 let expandDistanceValue;
@@ -97300,7 +97674,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 else {
                     expandDistanceValue = expandDistance;
                 }
-                const { points, label, limitRect } = updateAttrs;
                 const joinPoints = getInsertPoints(points[0], points[1], connectDirection, expandDistanceValue);
                 let labelPositionAttrs;
                 if (multiSegment && isValid$3(mainSegmentIndex)) {
@@ -97314,8 +97687,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 else {
                     labelPositionAttrs = Object.assign(Object.assign({ position: 'start', autoRotate: false }, getTextOffset(points[0], points[1], connectDirection, expandDistanceValue)), { refX: 0, refY: 0 });
                 }
-                const markerComponentAttr = (_b = (_a = this._markerComponent) === null || _a === void 0 ? void 0 : _a.attribute) !== null && _b !== void 0 ? _b : {};
-                (_c = this._markerComponent) === null || _c === void 0 ? void 0 : _c.setAttributes({
+                (_e = this._markerComponent) === null || _e === void 0 ? void 0 : _e.setAttributes({
                     points: multiSegment
                         ? [
                             [joinPoints[0], joinPoints[1]],
@@ -97323,7 +97695,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             [joinPoints[2], joinPoints[3]]
                         ]
                         : joinPoints,
-                    label: Object.assign(Object.assign(Object.assign({}, label), labelPositionAttrs), { textStyle: Object.assign(Object.assign({}, markerComponentAttr.label.textStyle), { textAlign: 'center', textBaseline: 'middle' }) }),
+                    label: Object.assign(Object.assign(Object.assign({}, labelAttrs), labelPositionAttrs), { textStyle: Object.assign(Object.assign({}, markerComponentAttr.label.textStyle), { textAlign: 'center', textBaseline: 'middle' }) }),
                     limitRect,
                     multiSegment,
                     mainSegmentIndex,
@@ -97332,7 +97704,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 });
             }
             else {
-                (_d = this._markerComponent) === null || _d === void 0 ? void 0 : _d.setAttributes(updateAttrs);
+                (_f = this._markerComponent) === null || _f === void 0 ? void 0 : _f.setAttributes({
+                    points,
+                    label: labelAttrs,
+                    limitRect,
+                    dx: this._layoutOffsetX,
+                    dy: this._layoutOffsetY
+                });
             }
         }
         _computeOptions() {
@@ -101285,6 +101663,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     exports.registerSunBurstSeries = registerSunBurstSeries;
     exports.registerSunburstChart = registerSunburstChart;
     exports.registerSymbolMark = registerSymbolMark;
+    exports.registerTTEnv = registerTTEnv;
     exports.registerTaroEnv = registerTaroEnv;
     exports.registerTextMark = registerTextMark;
     exports.registerTheme = registerTheme;