@visactor/vrender 0.19.1 → 0.19.3

package/dist/index.js

@@ -1494,17 +1494,17 @@
   var EnvContribution = Symbol["for"]("EnvContribution");
   var VGlobal = Symbol["for"]("VGlobal");
 
-  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 === "undefined" ? "undefined" : _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$1e = undefined && undefined.__metadata || function (k, v) {
+    __metadata$1h = undefined && undefined.__metadata || function (k, v) {
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _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);
       };
@@ -1748,7 +1748,7 @@
       }
     }]);
   }();
-  exports.DefaultGlobal = __decorate$1D([injectable(), __param$R(0, inject(ContributionProvider)), __param$R(0, named(EnvContribution)), __metadata$1e("design:paramtypes", [Object])], exports.DefaultGlobal);
+  exports.DefaultGlobal = __decorate$1H([injectable(), __param$S(0, inject(ContributionProvider)), __param$S(0, named(EnvContribution)), __metadata$1h("design:paramtypes", [Object])], exports.DefaultGlobal);
 
   function getDefaultExportFromCjs (x) {
   	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -5261,7 +5261,8 @@
     flexWrap: "wrap",
     justifyContent: "flex-start",
     alignItems: "flex-start",
-    alignContent: "flex-start"
+    alignContent: "flex-start",
+    baseOpacity: 1
   });
   var DefaultGlyphAttribute = Object.assign(Object.assign({}, DefaultAttribute), {
     path: "",
@@ -5481,7 +5482,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$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;
@@ -5790,9 +5791,9 @@
       }
     }]);
   }();
-  ATextMeasure = __decorate$1C([injectable()], ATextMeasure);
+  ATextMeasure = __decorate$1G([injectable()], ATextMeasure);
 
-  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;
@@ -5808,7 +5809,7 @@
     _inherits(DefaultTextMeasureContribution, _ATextMeasure);
     return _createClass(DefaultTextMeasureContribution);
   }(ATextMeasure);
-  exports.DefaultTextMeasureContribution = __decorate$1B([injectable()], exports.DefaultTextMeasureContribution);
+  exports.DefaultTextMeasureContribution = __decorate$1F([injectable()], exports.DefaultTextMeasureContribution);
 
   var container = new Container();
 
@@ -6247,14 +6248,14 @@
   }();
   var canvasAllocate = new DefaultCanvasAllocate();
 
-  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 === "undefined" ? "undefined" : _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$1d = undefined && undefined.__metadata || function (k, v) {
+    __metadata$1g = undefined && undefined.__metadata || function (k, v) {
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   var VWindow = Symbol["for"]("VWindow");
@@ -6452,19 +6453,19 @@
       }
     }]);
   }();
-  exports.DefaultWindow = __decorate$1A([injectable(), __metadata$1d("design:paramtypes", [])], exports.DefaultWindow);
+  exports.DefaultWindow = __decorate$1E([injectable(), __metadata$1g("design:paramtypes", [])], exports.DefaultWindow);
 
-  var __decorate$1z = 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 === "undefined" ? "undefined" : _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$1c = undefined && undefined.__metadata || function (k, v) {
+    __metadata$1f = undefined && undefined.__metadata || function (k, v) {
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _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);
       };
@@ -6584,7 +6585,7 @@
       }
     }]);
   }();
-  exports.DefaultGraphicUtil = __decorate$1z([injectable(), __param$Q(0, inject(ContributionProvider)), __param$Q(0, named(TextMeasureContribution)), __metadata$1c("design:paramtypes", [Object])], exports.DefaultGraphicUtil);
+  exports.DefaultGraphicUtil = __decorate$1D([injectable(), __param$R(0, inject(ContributionProvider)), __param$R(0, named(TextMeasureContribution)), __metadata$1f("design:paramtypes", [Object])], exports.DefaultGraphicUtil);
   var TransformMode;
   !function (TransformMode) {
     TransformMode[TransformMode.transform = 0] = "transform", TransformMode[TransformMode.matrix = 1] = "matrix";
@@ -6660,7 +6661,7 @@
       }
     }]);
   }();
-  exports.DefaultTransformUtil = __decorate$1z([injectable(), __metadata$1c("design:paramtypes", [])], exports.DefaultTransformUtil);
+  exports.DefaultTransformUtil = __decorate$1D([injectable(), __metadata$1f("design:paramtypes", [])], exports.DefaultTransformUtil);
 
   var defaultThemeObj = {
       arc: DefaultArcAttribute,
@@ -6794,7 +6795,7 @@
     return null;
   }
 
-  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 {
@@ -6886,7 +6887,7 @@
       key: "forEachChildrenAsync",
       value: function forEachChildrenAsync(cb) {
         var reverse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-        return __awaiter$4(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        return __awaiter$5(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
           var child, i, breakTag, _child2, _i2, _breakTag;
           return _regeneratorRuntime().wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
@@ -7395,7 +7396,23 @@
     }, {
       key: "composedPath",
       value: function 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;
+      }
+    }, {
+      key: "composedDetailPath",
+      value: function composedDetailPath() {
+        this.pickParams && this.pickParams.graphic && (this.detailPath = this.path.slice(), this._composedDetailPath(this.pickParams));
+      }
+    }, {
+      key: "_composedDetailPath",
+      value: function _composedDetailPath(params) {
+        if (params && params.graphic) {
+          var g = this.pickParams.graphic;
+          if (g.stage) {
+            var path = g.stage.eventSystem.manager.propagationPath(g);
+            this.detailPath.push(path), this._composedDetailPath(params.params);
+          }
+        }
       }
     }, {
       key: "preventDefault",
@@ -7581,7 +7598,7 @@
     function EventManager(root, config) {
       var _this = this;
       _classCallCheck(this, EventManager);
-      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 = function (from, target) {
         if (!(from instanceof FederatedPointerEvent)) return void Logger.getInstance().warn("EventManager cannot map a non-pointer event as a pointer event");
@@ -7753,6 +7770,7 @@
     }, {
       key: "notifyTarget",
       value: function notifyTarget(e, type) {
+        if (this.pauseNotify) return;
         type = null != type ? type : e.type;
         var key = e.eventPhase === e.CAPTURING_PHASE || e.eventPhase === e.AT_TARGET ? "".concat(type, "capture") : type;
         this.notifyListeners(e, key), e.eventPhase === e.AT_TARGET && this.notifyListeners(e, type);
@@ -7868,7 +7886,7 @@
     dispatchEvent: function 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: function emit(eventName, object) {
       return this.dispatchEvent(new CustomEvent(eventName, object));
@@ -8074,6 +8092,16 @@
         nativeEvent.composedPath && nativeEvent.composedPath().length > 0 && (target = nativeEvent.composedPath()[0]);
         return target !== (this.domElement.getNativeHandler ? this.domElement.getNativeHandler().nativeCanvas : this.domElement);
       }
+    }, {
+      key: "pauseTriggerEvent",
+      value: function pauseTriggerEvent() {
+        this.manager.pauseNotify = !0;
+      }
+    }, {
+      key: "resumeTriggerEvent",
+      value: function resumeTriggerEvent() {
+        this.manager.pauseNotify = !1;
+      }
     }]);
   }();
 
@@ -12557,7 +12585,7 @@
     return str.startsWith("<");
   }
 
-  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 {
@@ -12586,7 +12614,7 @@
     group.incrementalAppendChild(graphic);
   }
   function waitForAllSubLayers(stage) {
-    return __awaiter$3(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    return __awaiter$4(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var promiseList, layers;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -13189,14 +13217,14 @@
   var VirtualLayerHandlerContribution = Symbol["for"]("VirtualLayerHandlerContribution");
 
   var _DefaultLayerService_,
-    __decorate$1y = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    __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 === "undefined" ? "undefined" : _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$1b = undefined && undefined.__metadata || function (k, v) {
+    __metadata$1e = undefined && undefined.__metadata || function (k, v) {
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   exports.DefaultLayerService = _DefaultLayerService_ = /*#__PURE__*/function () {
@@ -13286,7 +13314,7 @@
       }
     }]);
   }();
-  exports.DefaultLayerService.idprefix = "visactor_layer", exports.DefaultLayerService.prefix_count = 0, exports.DefaultLayerService = _DefaultLayerService_ = __decorate$1y([injectable(), __metadata$1b("design:paramtypes", [])], exports.DefaultLayerService);
+  exports.DefaultLayerService.idprefix = "visactor_layer", exports.DefaultLayerService.prefix_count = 0, exports.DefaultLayerService = _DefaultLayerService_ = __decorate$1C([injectable(), __metadata$1e("design:paramtypes", [])], exports.DefaultLayerService);
 
   var coreModule = new ContainerModule(function (bind) {
     bind(VGlobal).to(exports.DefaultGlobal).inSingletonScope(), bind(VWindow).to(exports.DefaultWindow), bind(GraphicUtil).to(exports.DefaultGraphicUtil).inSingletonScope(), bind(TransformUtil).to(exports.DefaultTransformUtil).inSingletonScope(), bind(LayerService).to(exports.DefaultLayerService).inSingletonScope();
@@ -17496,17 +17524,17 @@
   var matrixAllocate = new DefaultMatrixAllocate();
   var mat4Allocate = new DefaultMat4Allocate();
 
-  var __decorate$1x = 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 === "undefined" ? "undefined" : _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$1a = undefined && undefined.__metadata || function (k, v) {
+    __metadata$1d = undefined && undefined.__metadata || function (k, v) {
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _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);
       };
@@ -18242,7 +18270,7 @@
       }
     }]);
   }();
-  exports.DefaultGraphicService = __decorate$1x([injectable(), __param$P(0, inject(GraphicCreator$1)), __metadata$1a("design:paramtypes", [Object])], exports.DefaultGraphicService);
+  exports.DefaultGraphicService = __decorate$1B([injectable(), __param$Q(0, inject(GraphicCreator$1)), __metadata$1d("design:paramtypes", [Object])], exports.DefaultGraphicService);
 
   var GraphicCreator = /*#__PURE__*/function () {
     function GraphicCreator() {
@@ -18783,17 +18811,17 @@
     }), canvasGradient.GetPattern(w + x, h + y, undefined);
   }
 
-  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 === "undefined" ? "undefined" : _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$19 = undefined && undefined.__metadata || function (k, v) {
+    __metadata$1c = undefined && undefined.__metadata || function (k, v) {
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _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);
       };
@@ -18881,7 +18909,7 @@
       }
     }]);
   }();
-  exports.DefaultBaseInteractiveRenderContribution = __decorate$1w([injectable(), __param$O(0, inject(ContributionProvider)), __param$O(0, named(InteractiveSubRenderContribution)), __metadata$19("design:paramtypes", [Object])], exports.DefaultBaseInteractiveRenderContribution);
+  exports.DefaultBaseInteractiveRenderContribution = __decorate$1A([injectable(), __param$P(0, inject(ContributionProvider)), __param$P(0, named(InteractiveSubRenderContribution)), __metadata$1c("design:paramtypes", [Object])], exports.DefaultBaseInteractiveRenderContribution);
 
   var DefaultBaseTextureRenderContribution = /*#__PURE__*/function () {
     function DefaultBaseTextureRenderContribution() {
@@ -19333,7 +19361,7 @@
   }
   var defaultImageBackgroundRenderContribution = new DefaultImageBackgroundRenderContribution();
 
-  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;
@@ -19422,7 +19450,7 @@
       }
     }]);
   }();
-  exports.SplitRectBeforeRenderContribution = __decorate$1v([injectable()], exports.SplitRectBeforeRenderContribution);
+  exports.SplitRectBeforeRenderContribution = __decorate$1z([injectable()], exports.SplitRectBeforeRenderContribution);
   exports.SplitRectAfterRenderContribution = /*#__PURE__*/function () {
     function SplitRectAfterRenderContribution() {
       _classCallCheck(this, SplitRectAfterRenderContribution);
@@ -19455,7 +19483,7 @@
       }
     }]);
   }();
-  exports.SplitRectAfterRenderContribution = __decorate$1v([injectable()], exports.SplitRectAfterRenderContribution);
+  exports.SplitRectAfterRenderContribution = __decorate$1z([injectable()], exports.SplitRectAfterRenderContribution);
   var defaultRectRenderContribution = new DefaultRectRenderContribution();
   var defaultRectTextureRenderContribution = defaultBaseTextureRenderContribution;
   var defaultRectBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
@@ -19545,17 +19573,17 @@
     }]);
   }(DefaultBaseTextureRenderContribution);
 
-  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;
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
@@ -19729,19 +19757,19 @@
       }
     }]);
   }(BaseRender);
-  exports.DefaultCanvasArcRender = __decorate$1u([injectable(), __param$N(0, inject(ContributionProvider)), __param$N(0, named(ArcRenderContribution)), __metadata$18("design:paramtypes", [Object])], exports.DefaultCanvasArcRender);
+  exports.DefaultCanvasArcRender = __decorate$1y([injectable(), __param$O(0, inject(ContributionProvider)), __param$O(0, named(ArcRenderContribution)), __metadata$1b("design:paramtypes", [Object])], exports.DefaultCanvasArcRender);
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
@@ -19785,7 +19813,7 @@
       }
     }]);
   }(BaseRender);
-  exports.DefaultCanvasCircleRender = __decorate$1t([injectable(), __param$M(0, inject(ContributionProvider)), __param$M(0, named(CircleRenderContribution)), __metadata$17("design:paramtypes", [Object])], exports.DefaultCanvasCircleRender);
+  exports.DefaultCanvasCircleRender = __decorate$1x([injectable(), __param$N(0, inject(ContributionProvider)), __param$N(0, named(CircleRenderContribution)), __metadata$1a("design:paramtypes", [Object])], exports.DefaultCanvasCircleRender);
 
   function drawSegItem(ctx, curve, endPercent, params) {
     if (!curve.p1) return;
@@ -19926,7 +19954,7 @@
     });
   }
 
-  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;
@@ -20108,7 +20136,7 @@
       }
     }]);
   }(BaseRender);
-  exports.DefaultCanvasLineRender = __decorate$1s([injectable()], exports.DefaultCanvasLineRender);
+  exports.DefaultCanvasLineRender = __decorate$1w([injectable()], exports.DefaultCanvasLineRender);
 
   function drawAreaSegments(path, segPath, percent, params) {
     var _a;
@@ -20234,17 +20262,17 @@
   var defaultAreaTextureRenderContribution = new DefaultAreaTextureRenderContribution();
   var defaultAreaBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
 
-  var __decorate$1r = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  var __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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
@@ -20519,22 +20547,22 @@
       }
     }]);
   }(BaseRender);
-  exports.DefaultCanvasAreaRender = __decorate$1r([injectable(), __param$L(0, inject(ContributionProvider)), __param$L(0, named(AreaRenderContribution)), __metadata$16("design:paramtypes", [Object])], exports.DefaultCanvasAreaRender);
+  exports.DefaultCanvasAreaRender = __decorate$1v([injectable(), __param$M(0, inject(ContributionProvider)), __param$M(0, named(AreaRenderContribution)), __metadata$19("design:paramtypes", [Object])], exports.DefaultCanvasAreaRender);
 
   var defaultPathTextureRenderContribution = defaultBaseTextureRenderContribution;
   var defaultPathBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
@@ -20578,19 +20606,19 @@
       }
     }]);
   }(BaseRender);
-  exports.DefaultCanvasPathRender = __decorate$1q([injectable(), __param$K(0, inject(ContributionProvider)), __param$K(0, named(PathRenderContribution)), __metadata$15("design:paramtypes", [Object])], exports.DefaultCanvasPathRender);
+  exports.DefaultCanvasPathRender = __decorate$1u([injectable(), __param$L(0, inject(ContributionProvider)), __param$L(0, named(PathRenderContribution)), __metadata$18("design:paramtypes", [Object])], exports.DefaultCanvasPathRender);
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
@@ -20660,19 +20688,19 @@
       }
     }]);
   }(BaseRender);
-  exports.DefaultCanvasRectRender = __decorate$1p([injectable(), __param$J(0, inject(ContributionProvider)), __param$J(0, named(RectRenderContribution)), __metadata$14("design:paramtypes", [Object])], exports.DefaultCanvasRectRender);
+  exports.DefaultCanvasRectRender = __decorate$1t([injectable(), __param$K(0, inject(ContributionProvider)), __param$K(0, named(RectRenderContribution)), __metadata$17("design:paramtypes", [Object])], exports.DefaultCanvasRectRender);
 
-  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;
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
@@ -20741,7 +20769,7 @@
       }
     }]);
   }(BaseRender);
-  exports.DefaultCanvasSymbolRender = __decorate$1o([injectable(), __param$I(0, inject(ContributionProvider)), __param$I(0, named(SymbolRenderContribution)), __metadata$13("design:paramtypes", [Object])], exports.DefaultCanvasSymbolRender);
+  exports.DefaultCanvasSymbolRender = __decorate$1s([injectable(), __param$J(0, inject(ContributionProvider)), __param$J(0, named(SymbolRenderContribution)), __metadata$16("design:paramtypes", [Object])], exports.DefaultCanvasSymbolRender);
 
   var DefaultBoundsAllocate = /*#__PURE__*/function () {
     function DefaultBoundsAllocate() {
@@ -20843,17 +20871,17 @@
   }(DefaultBaseBackgroundRenderContribution);
   var defaultTextBackgroundRenderContribution = new DefaultTextBackgroundRenderContribution();
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
@@ -21076,9 +21104,9 @@
       }
     }]);
   }(BaseRender);
-  exports.DefaultCanvasTextRender = __decorate$1n([injectable(), __param$H(0, inject(ContributionProvider)), __param$H(0, named(TextRenderContribution)), __metadata$12("design:paramtypes", [Object])], exports.DefaultCanvasTextRender);
+  exports.DefaultCanvasTextRender = __decorate$1r([injectable(), __param$I(0, inject(ContributionProvider)), __param$I(0, named(TextRenderContribution)), __metadata$15("design:paramtypes", [Object])], exports.DefaultCanvasTextRender);
 
-  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;
@@ -21088,7 +21116,7 @@
   exports.AbstractGraphicRender = /*#__PURE__*/_createClass(function AbstractGraphicRender() {
     _classCallCheck(this, AbstractGraphicRender);
   });
-  exports.AbstractGraphicRender = __decorate$1m([injectable()], exports.AbstractGraphicRender);
+  exports.AbstractGraphicRender = __decorate$1q([injectable()], exports.AbstractGraphicRender);
 
   function drawPolygon(path, points, x, y) {
     path.moveTo(points[0].x + x, points[0].y + y);
@@ -21144,17 +21172,17 @@
   var defaultPolygonTextureRenderContribution = defaultBaseTextureRenderContribution;
   var defaultPolygonBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
 
-  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;
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
@@ -21200,19 +21228,19 @@
       }
     }]);
   }(BaseRender);
-  exports.DefaultCanvasPolygonRender = __decorate$1l([injectable(), __param$G(0, inject(ContributionProvider)), __param$G(0, named(PolygonRenderContribution)), __metadata$11("design:paramtypes", [Object])], exports.DefaultCanvasPolygonRender);
+  exports.DefaultCanvasPolygonRender = __decorate$1p([injectable(), __param$H(0, inject(ContributionProvider)), __param$H(0, named(PolygonRenderContribution)), __metadata$14("design:paramtypes", [Object])], exports.DefaultCanvasPolygonRender);
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
@@ -21280,7 +21308,7 @@
       }
     }]);
   }(BaseRender);
-  exports.DefaultCanvasImageRender = __decorate$1k([injectable(), __param$F(0, inject(ContributionProvider)), __param$F(0, named(ImageRenderContribution)), __metadata$10("design:paramtypes", [Object])], exports.DefaultCanvasImageRender);
+  exports.DefaultCanvasImageRender = __decorate$1o([injectable(), __param$G(0, inject(ContributionProvider)), __param$G(0, named(ImageRenderContribution)), __metadata$13("design:paramtypes", [Object])], exports.DefaultCanvasImageRender);
 
   var IncrementalDrawContribution = Symbol["for"]("IncrementalDrawContribution");
   var ArcRender = Symbol["for"]("ArcRender");
@@ -21303,14 +21331,14 @@
   var RenderSelector = Symbol["for"]("RenderSelector");
   var DrawContribution = Symbol["for"]("DrawContribution");
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   var DrawItemInterceptor = Symbol["for"]("DrawItemInterceptor");
@@ -21385,7 +21413,7 @@
       }
     }]);
   }();
-  exports.CommonDrawItemInterceptorContribution = __decorate$1j([injectable(), __metadata$$("design:paramtypes", [])], exports.CommonDrawItemInterceptorContribution);
+  exports.CommonDrawItemInterceptorContribution = __decorate$1n([injectable(), __metadata$12("design:paramtypes", [])], exports.CommonDrawItemInterceptorContribution);
   var InteractiveDrawItemInterceptorContribution = /*#__PURE__*/function () {
     function InteractiveDrawItemInterceptorContribution() {
       _classCallCheck(this, InteractiveDrawItemInterceptorContribution);
@@ -21540,17 +21568,17 @@
     }]);
   }();
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
@@ -21606,7 +21634,7 @@
       }
     }]);
   }();
-  exports.DefaultRenderService = __decorate$1i([injectable(), __param$E(0, inject(DrawContribution)), __metadata$_("design:paramtypes", [Object])], exports.DefaultRenderService);
+  exports.DefaultRenderService = __decorate$1m([injectable(), __param$F(0, inject(DrawContribution)), __metadata$11("design:paramtypes", [Object])], exports.DefaultRenderService);
 
   var renderModule$1 = new ContainerModule(function (bind) {
     bind(RenderService).to(exports.DefaultRenderService);
@@ -21617,7 +21645,7 @@
   var BoundsPicker = Symbol["for"]("BoundsPicker");
   var GlobalPickerService = Symbol["for"]("GlobalPickerService");
 
-  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;
@@ -21657,7 +21685,7 @@
       }
     }]);
   }();
-  exports.ShadowRootPickItemInterceptorContribution = __decorate$1h([injectable()], exports.ShadowRootPickItemInterceptorContribution);
+  exports.ShadowRootPickItemInterceptorContribution = __decorate$1l([injectable()], exports.ShadowRootPickItemInterceptorContribution);
   exports.InteractivePickItemInterceptorContribution = /*#__PURE__*/function () {
     function InteractivePickItemInterceptorContribution() {
       _classCallCheck(this, InteractivePickItemInterceptorContribution);
@@ -21680,7 +21708,7 @@
       }
     }]);
   }();
-  exports.InteractivePickItemInterceptorContribution = __decorate$1h([injectable()], exports.InteractivePickItemInterceptorContribution);
+  exports.InteractivePickItemInterceptorContribution = __decorate$1l([injectable()], exports.InteractivePickItemInterceptorContribution);
   exports.Canvas3DPickItemInterceptor = /*#__PURE__*/function () {
     function Canvas3DPickItemInterceptor() {
       _classCallCheck(this, Canvas3DPickItemInterceptor);
@@ -21756,7 +21784,7 @@
       }
     }]);
   }();
-  exports.Canvas3DPickItemInterceptor = __decorate$1h([injectable()], exports.Canvas3DPickItemInterceptor);
+  exports.Canvas3DPickItemInterceptor = __decorate$1l([injectable()], exports.Canvas3DPickItemInterceptor);
 
   var pickModule = new ContainerModule(function (bind, unbind, isBound) {
     isBound(PickerService) || (bind(GlobalPickerService).toSelf(), bind(PickerService).toService(GlobalPickerService)), bind(exports.Canvas3DPickItemInterceptor).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(exports.Canvas3DPickItemInterceptor), bind(exports.ShadowRootPickItemInterceptorContribution).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(exports.ShadowRootPickItemInterceptorContribution), bind(exports.InteractivePickItemInterceptorContribution).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(exports.InteractivePickItemInterceptorContribution), bindContributionProvider(bind, PickItemInterceptor);
@@ -21769,17 +21797,17 @@
   var AutoEnablePlugins = Symbol["for"]("AutoEnablePlugins");
   var PluginService = Symbol["for"]("PluginService");
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
@@ -21831,7 +21859,7 @@
       }
     }]);
   }();
-  DefaultPluginService = __decorate$1g([injectable(), __param$D(0, inject(ContributionProvider)), __param$D(0, named(AutoEnablePlugins)), __metadata$Z("design:paramtypes", [Object])], DefaultPluginService);
+  DefaultPluginService = __decorate$1k([injectable(), __param$E(0, inject(ContributionProvider)), __param$E(0, named(AutoEnablePlugins)), __metadata$10("design:paramtypes", [Object])], DefaultPluginService);
 
   var pluginModule = new ContainerModule(function (bind) {
     bind(PluginService).to(DefaultPluginService), bindContributionProviderNoSingletonScope(bind, AutoEnablePlugins);
@@ -21845,14 +21873,14 @@
     bind(TextMeasureContribution).to(exports.DefaultTextMeasureContribution).inSingletonScope(), bindContributionProvider(bind, TextMeasureContribution);
   });
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   var CanvasLayerHandlerContribution = /*#__PURE__*/function () {
@@ -21945,16 +21973,16 @@
       }
     }]);
   }();
-  CanvasLayerHandlerContribution = __decorate$1f([injectable(), __metadata$Y("design:paramtypes", [])], CanvasLayerHandlerContribution);
+  CanvasLayerHandlerContribution = __decorate$1j([injectable(), __metadata$$("design:paramtypes", [])], CanvasLayerHandlerContribution);
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   var EmptyLayerHandlerContribution = /*#__PURE__*/function () {
@@ -22011,16 +22039,16 @@
       value: function release() {}
     }]);
   }();
-  EmptyLayerHandlerContribution = __decorate$1e([injectable(), __metadata$X("design:paramtypes", [])], EmptyLayerHandlerContribution);
+  EmptyLayerHandlerContribution = __decorate$1i([injectable(), __metadata$_("design:paramtypes", [])], EmptyLayerHandlerContribution);
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   var OffscreenLayerHandlerContribution = /*#__PURE__*/function () {
@@ -22103,7 +22131,7 @@
       value: function merge(layerHandlers) {}
     }]);
   }();
-  OffscreenLayerHandlerContribution = __decorate$1d([injectable(), __metadata$W("design:paramtypes", [])], OffscreenLayerHandlerContribution);
+  OffscreenLayerHandlerContribution = __decorate$1h([injectable(), __metadata$Z("design:paramtypes", [])], OffscreenLayerHandlerContribution);
 
   var layerHandlerModules = new ContainerModule(function (bind) {
     bind(CanvasLayerHandlerContribution).toSelf(), bind(OffscreenLayerHandlerContribution).toSelf(), bind(EmptyLayerHandlerContribution).toSelf(), bind(StaticLayerHandlerContribution).toService(CanvasLayerHandlerContribution), bind(DynamicLayerHandlerContribution).toService(OffscreenLayerHandlerContribution), bind(VirtualLayerHandlerContribution).toService(EmptyLayerHandlerContribution);
@@ -22113,7 +22141,7 @@
     container.load(envModules), container.load(textMeasureModules), container.load(layerHandlerModules);
   }
 
-  var __awaiter$2 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+  var __awaiter$3 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
     return new (P || (P = Promise))(function (resolve, reject) {
       function fulfilled(value) {
         try {
@@ -22178,7 +22206,7 @@
   }
   function foreachAsync(graphic, defaultZIndex, cb) {
     var reverse = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
-    return __awaiter$2(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    return __awaiter$3(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -22230,17 +22258,17 @@
     return result;
   }
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
@@ -22453,19 +22481,19 @@
       value: function afterDraw(renderService, drawParams) {}
     }]);
   }();
-  DefaultDrawContribution = __decorate$1c([injectable(), __param$C(0, multiInject(GraphicRender)), __param$C(1, inject(ContributionProvider)), __param$C(1, named(DrawItemInterceptor)), __metadata$V("design:paramtypes", [Array, Object])], DefaultDrawContribution);
+  DefaultDrawContribution = __decorate$1g([injectable(), __param$D(0, multiInject(GraphicRender)), __param$D(1, inject(ContributionProvider)), __param$D(1, named(DrawItemInterceptor)), __metadata$Y("design:paramtypes", [Array, Object])], DefaultDrawContribution);
 
-  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;
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
@@ -22540,8 +22568,11 @@
       value: function draw(group, renderService, drawContext, params) {
         var context = drawContext.context;
         if (!context) return;
-        var clip = group.attribute.clip;
-        clip ? context.save() : context.highPerformanceSave();
+        var _group$attribute2 = group.attribute,
+          clip = _group$attribute2.clip,
+          _group$attribute2$bas = _group$attribute2.baseOpacity,
+          baseOpacity = _group$attribute2$bas === void 0 ? 1 : _group$attribute2$bas;
+        clip ? context.save() : context.highPerformanceSave(), context.baseGlobalAlpha *= baseOpacity;
         var groupAttribute = getTheme(group, null == params ? void 0 : params.theme).group,
           lastModelMatrix = context.modelMatrix;
         if (context.camera) {
@@ -22554,21 +22585,21 @@
         }, function () {
           return !1;
         }) : this.drawShape(group, context, 0, 0, drawContext);
-        var _group$attribute2 = group.attribute,
-          _group$attribute2$scr = _group$attribute2.scrollX,
-          scrollX = _group$attribute2$scr === void 0 ? groupAttribute.scrollX : _group$attribute2$scr,
-          _group$attribute2$scr2 = _group$attribute2.scrollY,
-          scrollY = _group$attribute2$scr2 === void 0 ? groupAttribute.scrollY : _group$attribute2$scr2;
+        var _group$attribute3 = group.attribute,
+          _group$attribute3$scr = _group$attribute3.scrollX,
+          scrollX = _group$attribute3$scr === void 0 ? groupAttribute.scrollX : _group$attribute3$scr,
+          _group$attribute3$scr2 = _group$attribute3.scrollY,
+          scrollY = _group$attribute3$scr2 === void 0 ? groupAttribute.scrollY : _group$attribute3$scr2;
         var 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(function () {
+        (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(function () {
           clip ? context.restore() : context.highPerformanceRestore();
         }) : clip ? context.restore() : context.highPerformanceRestore();
       }
     }]);
   }();
-  DefaultCanvasGroupRender = __decorate$1b([injectable(), __param$B(0, inject(ContributionProvider)), __param$B(0, named(GroupRenderContribution)), __metadata$U("design:paramtypes", [Object])], DefaultCanvasGroupRender);
+  DefaultCanvasGroupRender = __decorate$1f([injectable(), __param$C(0, inject(ContributionProvider)), __param$C(0, named(GroupRenderContribution)), __metadata$X("design:paramtypes", [Object])], DefaultCanvasGroupRender);
 
-  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;
@@ -22630,9 +22661,9 @@
       }
     }]);
   }(exports.DefaultCanvasLineRender);
-  DefaultIncrementalCanvasLineRender = __decorate$1a([injectable()], DefaultIncrementalCanvasLineRender);
+  DefaultIncrementalCanvasLineRender = __decorate$1e([injectable()], DefaultIncrementalCanvasLineRender);
 
-  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;
@@ -22685,25 +22716,25 @@
       }
     }]);
   }(exports.DefaultCanvasAreaRender);
-  DefaultIncrementalCanvasAreaRender = __decorate$19([injectable()], DefaultIncrementalCanvasAreaRender);
+  DefaultIncrementalCanvasAreaRender = __decorate$1d([injectable()], DefaultIncrementalCanvasAreaRender);
 
   var STATUS,
-    __decorate$18 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    __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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
     },
-    __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 {
@@ -22744,7 +22775,7 @@
     return _createClass(DefaultIncrementalDrawContribution, [{
       key: "draw",
       value: function draw(renderService, drawContext) {
-        return __awaiter$1(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        return __awaiter$2(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
           var _this2 = this;
           var skipDraw, context, viewBox;
           return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -22787,7 +22818,7 @@
     }, {
       key: "_increaseRender",
       value: function _increaseRender(group, drawContext) {
-        return __awaiter$1(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+        return __awaiter$2(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
           return _regeneratorRuntime().wrap(function _callee2$(_context2) {
             while (1) switch (_context2.prev = _context2.next) {
               case 0:
@@ -22804,7 +22835,7 @@
     }, {
       key: "_renderIncrementalGroup",
       value: function _renderIncrementalGroup(group, drawContext) {
-        return __awaiter$1(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+        return __awaiter$2(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
           var _this3 = this;
           return _regeneratorRuntime().wrap(function _callee4$(_context4) {
             while (1) switch (_context4.prev = _context4.next) {
@@ -22814,7 +22845,7 @@
                 return new Promise(function (resolve) {
                   _this3.renderItem(group, drawContext, {
                     drawingCb: function drawingCb() {
-                      return __awaiter$1(_this3, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+                      return __awaiter$2(_this3, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
                         var _this4 = this;
                         var graphic;
                         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
@@ -22887,7 +22918,7 @@
     }, {
       key: "waitToNextFrame",
       value: function waitToNextFrame() {
-        return __awaiter$1(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+        return __awaiter$2(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
           var _this5 = this;
           return _regeneratorRuntime().wrap(function _callee5$(_context5) {
             while (1) switch (_context5.prev = _context5.next) {
@@ -22907,7 +22938,7 @@
     }, {
       key: "checkForDraw",
       value: function checkForDraw(drawContext) {
-        return __awaiter$1(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
+        return __awaiter$2(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
           var skip;
           return _regeneratorRuntime().wrap(function _callee6$(_context6) {
             while (1) switch (_context6.prev = _context6.next) {
@@ -22935,7 +22966,7 @@
     }, {
       key: "forceStop",
       value: function forceStop() {
-        return __awaiter$1(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+        return __awaiter$2(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
           var _this6 = this;
           return _regeneratorRuntime().wrap(function _callee7$(_context7) {
             while (1) switch (_context7.prev = _context7.next) {
@@ -22969,7 +23000,7 @@
     }, {
       key: "renderGroup",
       value: function renderGroup(group, drawContext) {
-        return __awaiter$1(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
+        return __awaiter$2(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
           var _this7 = this;
           return _regeneratorRuntime().wrap(function _callee10$(_context10) {
             while (1) switch (_context10.prev = _context10.next) {
@@ -22993,14 +23024,14 @@
                 return new Promise(function (resolve) {
                   _this7.renderItem(group, drawContext, {
                     drawingCb: function drawingCb() {
-                      return __awaiter$1(_this7, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
+                      return __awaiter$2(_this7, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
                         var _this8 = this;
                         return _regeneratorRuntime().wrap(function _callee9$(_context9) {
                           while (1) switch (_context9.prev = _context9.next) {
                             case 0:
                               _context9.next = 2;
                               return foreachAsync(group, DefaultAttribute.zIndex, function (item) {
-                                return __awaiter$1(_this8, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
+                                return __awaiter$2(_this8, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
                                   return _regeneratorRuntime().wrap(function _callee8$(_context8) {
                                     while (1) switch (_context8.prev = _context8.next) {
                                       case 0:
@@ -23047,7 +23078,7 @@
       }
     }]);
   }(DefaultDrawContribution);
-  DefaultIncrementalDrawContribution = __decorate$18([injectable(), __param$A(0, multiInject(GraphicRender)), __param$A(1, inject(DefaultIncrementalCanvasLineRender)), __param$A(2, inject(DefaultIncrementalCanvasAreaRender)), __param$A(3, inject(ContributionProvider)), __param$A(3, named(DrawItemInterceptor)), __metadata$T("design:paramtypes", [Array, Object, Object, Object])], DefaultIncrementalDrawContribution);
+  DefaultIncrementalDrawContribution = __decorate$1c([injectable(), __param$B(0, multiInject(GraphicRender)), __param$B(1, inject(DefaultIncrementalCanvasLineRender)), __param$B(2, inject(DefaultIncrementalCanvasAreaRender)), __param$B(3, inject(ContributionProvider)), __param$B(3, named(DrawItemInterceptor)), __metadata$W("design:paramtypes", [Array, Object, Object, Object])], DefaultIncrementalDrawContribution);
 
   var renderModule = new ContainerModule(function (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(exports.DefaultBaseInteractiveRenderContribution).toSelf().inSingletonScope(), bindContributionProvider(bind, InteractiveSubRenderContribution), bindContributionProvider(bind, GraphicRender), bind(exports.CommonDrawItemInterceptorContribution).toSelf().inSingletonScope(), bind(DrawItemInterceptor).toService(exports.CommonDrawItemInterceptorContribution), bindContributionProvider(bind, DrawItemInterceptor);
@@ -24579,6 +24610,16 @@
         var point = this.global.mapToCanvasPoint(e, this.window.getContext().canvas.nativeCanvas);
         return this.stage.window.pointTransform(point.x, point.y);
       }
+    }, {
+      key: "pauseTriggerEvent",
+      value: function pauseTriggerEvent() {
+        this._eventSystem && this._eventSystem.pauseTriggerEvent();
+      }
+    }, {
+      key: "resumeTriggerEvent",
+      value: function resumeTriggerEvent() {
+        this._eventSystem && this._eventSystem.resumeTriggerEvent();
+      }
     }]);
   }(Group);
 
@@ -24588,14 +24629,14 @@
 
   var strCommandMap = ["arc", "arcTo", "bezierCurveTo", "closePath", "ellipse", "lineTo", "moveTo", "quadraticCurveTo", "rect"];
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   var initMatrix = new Matrix(1, 0, 0, 1, 0, 0),
@@ -24941,16 +24982,16 @@
       }
     }]);
   }();
-  exports.EmptyContext2d = __decorate$17([injectable(), __metadata$S("design:paramtypes", [Object, Number])], exports.EmptyContext2d);
+  exports.EmptyContext2d = __decorate$1b([injectable(), __metadata$V("design:paramtypes", [Object, Number])], exports.EmptyContext2d);
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   var DefaultConfig = {
@@ -25096,9 +25137,9 @@
       }
     }]);
   }();
-  exports.BaseCanvas.env = "browser", exports.BaseCanvas = __decorate$16([injectable(), __metadata$R("design:paramtypes", [Object])], exports.BaseCanvas);
+  exports.BaseCanvas.env = "browser", exports.BaseCanvas = __decorate$1a([injectable(), __metadata$U("design:paramtypes", [Object])], exports.BaseCanvas);
 
-  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;
@@ -25226,16 +25267,16 @@
       }
     }]);
   }();
-  exports.BaseEnvContribution = __decorate$15([injectable()], exports.BaseEnvContribution);
+  exports.BaseEnvContribution = __decorate$19([injectable()], exports.BaseEnvContribution);
 
-  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;
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   exports.BaseWindowHandlerContribution = /*#__PURE__*/function () {
@@ -25296,19 +25337,19 @@
       }
     }]);
   }();
-  exports.BaseWindowHandlerContribution = __decorate$14([injectable(), __metadata$Q("design:paramtypes", [])], exports.BaseWindowHandlerContribution);
+  exports.BaseWindowHandlerContribution = __decorate$18([injectable(), __metadata$T("design:paramtypes", [])], exports.BaseWindowHandlerContribution);
 
-  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;
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
@@ -25431,16 +25472,16 @@
       }
     }]);
   }();
-  exports.DefaultPickService = __decorate$13([injectable(), __param$z(0, inject(ContributionProvider)), __param$z(0, named(PickItemInterceptor)), __metadata$P("design:paramtypes", [Object])], exports.DefaultPickService);
+  exports.DefaultPickService = __decorate$17([injectable(), __param$A(0, inject(ContributionProvider)), __param$A(0, named(PickItemInterceptor)), __metadata$S("design:paramtypes", [Object])], exports.DefaultPickService);
 
-  var __decorate$12 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  var __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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   exports.DefaultGlobalPickerService = /*#__PURE__*/function () {
@@ -25519,7 +25560,7 @@
       }
     }]);
   }();
-  exports.DefaultGlobalPickerService = __decorate$12([injectable(), __metadata$O("design:paramtypes", [])], exports.DefaultGlobalPickerService);
+  exports.DefaultGlobalPickerService = __decorate$16([injectable(), __metadata$R("design:paramtypes", [])], exports.DefaultGlobalPickerService);
 
   function simplifyRadialDist(points, sqTolerance) {
     var deltaX,
@@ -25830,7 +25871,7 @@
     loadPolygonModule || (loadPolygonModule = !0, bind(PolygonRender).to(exports.DefaultCanvasPolygonRender).inSingletonScope(), bind(GraphicRender).toService(PolygonRender), bind(PolygonRenderContribution).toService(exports.DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, PolygonRenderContribution));
   });
 
-  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;
@@ -25866,21 +25907,21 @@
       }
     }]);
   }();
-  DefaultCanvasGlyphRender = __decorate$11([injectable()], DefaultCanvasGlyphRender);
+  DefaultCanvasGlyphRender = __decorate$15([injectable()], DefaultCanvasGlyphRender);
 
   var loadGlyphModule = !1;
   var glyphModule = new ContainerModule(function (bind) {
     loadGlyphModule || (loadGlyphModule = !0, bind(GlyphRender).to(DefaultCanvasGlyphRender).inSingletonScope(), bind(GraphicRender).toService(GlyphRender));
   });
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   var DefaultCanvasRichTextRender = /*#__PURE__*/function (_BaseRender) {
@@ -25956,7 +25997,7 @@
       }
     }]);
   }(BaseRender);
-  DefaultCanvasRichTextRender = __decorate$10([injectable(), __metadata$N("design:paramtypes", [])], DefaultCanvasRichTextRender);
+  DefaultCanvasRichTextRender = __decorate$14([injectable(), __metadata$Q("design:paramtypes", [])], DefaultCanvasRichTextRender);
 
   var loadRichtextModule = !1;
   var richtextModule = new ContainerModule(function (bind) {
@@ -25968,7 +26009,7 @@
     loadImageModule || (loadImageModule = !0, bind(ImageRender).to(exports.DefaultCanvasImageRender).inSingletonScope(), bind(GraphicRender).toService(ImageRender), bind(ImageRenderContribution).toService(exports.DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, ImageRenderContribution));
   });
 
-  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;
@@ -26112,14 +26153,14 @@
       }
     }]);
   }(BaseRender);
-  DefaultCanvasRect3dRender = __decorate$$([injectable()], DefaultCanvasRect3dRender);
+  DefaultCanvasRect3dRender = __decorate$13([injectable()], DefaultCanvasRect3dRender);
 
   var loadRect3dModule = !1;
   var rect3dModule = new ContainerModule(function (bind) {
     loadRect3dModule || (loadRect3dModule = !0, bind(Rect3DRender).to(DefaultCanvasRect3dRender).inSingletonScope(), bind(GraphicRender).toService(Rect3DRender));
   });
 
-  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;
@@ -26249,14 +26290,14 @@
       }
     }]);
   }(BaseRender);
-  DefaultCanvasArc3DRender = __decorate$_([injectable()], DefaultCanvasArc3DRender);
+  DefaultCanvasArc3DRender = __decorate$12([injectable()], DefaultCanvasArc3DRender);
 
   var loadArc3dModule = !1;
   var arc3dModule = new ContainerModule(function (bind) {
     loadArc3dModule || (loadArc3dModule = !0, bind(Arc3dRender).to(DefaultCanvasArc3DRender).inSingletonScope(), bind(GraphicRender).toService(Arc3dRender));
   });
 
-  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;
@@ -26379,7 +26420,7 @@
       }
     }]);
   }(BaseRender);
-  DefaultCanvasPyramid3dRender = __decorate$Z([injectable()], DefaultCanvasPyramid3dRender);
+  DefaultCanvasPyramid3dRender = __decorate$11([injectable()], DefaultCanvasPyramid3dRender);
 
   var loadPyramid3dModule = !1;
   var pyramid3dModule = new ContainerModule(function (bind) {
@@ -28306,17 +28347,17 @@
     fixedDecimalPlaceDigits: void 0
   };
 
-  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;
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
@@ -28436,9 +28477,9 @@
       }
     }]);
   }();
-  RoughCanvasArcRender = __decorate$Y([injectable(), __param$y(0, inject(exports.DefaultCanvasArcRender)), __metadata$M("design:paramtypes", [Object])], RoughCanvasArcRender);
+  RoughCanvasArcRender = __decorate$10([injectable(), __param$z(0, inject(exports.DefaultCanvasArcRender)), __metadata$P("design:paramtypes", [Object])], RoughCanvasArcRender);
 
-  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;
@@ -28540,19 +28581,19 @@
       }
     }]);
   }(exports.DefaultCanvasAreaRender);
-  RoughCanvasAreaRender = __decorate$X([injectable()], RoughCanvasAreaRender);
+  RoughCanvasAreaRender = __decorate$$([injectable()], RoughCanvasAreaRender);
 
-  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;
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
@@ -28600,9 +28641,9 @@
       }
     }]);
   }();
-  RoughCanvasCircleRender = __decorate$W([injectable(), __param$x(0, inject(exports.DefaultCanvasCircleRender)), __metadata$L("design:paramtypes", [Object])], RoughCanvasCircleRender);
+  RoughCanvasCircleRender = __decorate$_([injectable(), __param$y(0, inject(exports.DefaultCanvasCircleRender)), __metadata$O("design:paramtypes", [Object])], RoughCanvasCircleRender);
 
-  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;
@@ -28705,19 +28746,19 @@
       }
     }]);
   }(exports.DefaultCanvasLineRender);
-  RoughCanvasLineRender = __decorate$V([injectable()], RoughCanvasLineRender);
+  RoughCanvasLineRender = __decorate$Z([injectable()], RoughCanvasLineRender);
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
@@ -28822,19 +28863,19 @@
       }
     }]);
   }();
-  RoughCanvasPathRender = __decorate$U([injectable(), __param$w(0, inject(exports.DefaultCanvasPathRender)), __metadata$K("design:paramtypes", [Object])], RoughCanvasPathRender);
+  RoughCanvasPathRender = __decorate$Y([injectable(), __param$x(0, inject(exports.DefaultCanvasPathRender)), __metadata$N("design:paramtypes", [Object])], RoughCanvasPathRender);
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
@@ -28960,19 +29001,19 @@
       }
     }]);
   }();
-  RoughCanvasRectRender = __decorate$T([injectable(), __param$v(0, inject(exports.DefaultCanvasRectRender)), __metadata$J("design:paramtypes", [Object])], RoughCanvasRectRender);
+  RoughCanvasRectRender = __decorate$X([injectable(), __param$w(0, inject(exports.DefaultCanvasRectRender)), __metadata$M("design:paramtypes", [Object])], RoughCanvasRectRender);
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
@@ -29095,12 +29136,42 @@
       }
     }]);
   }(BaseRender);
-  RoughCanvasSymbolRender = __decorate$S([injectable(), __param$u(0, inject(exports.DefaultCanvasSymbolRender)), __metadata$I("design:paramtypes", [Object])], RoughCanvasSymbolRender);
+  RoughCanvasSymbolRender = __decorate$W([injectable(), __param$v(0, inject(exports.DefaultCanvasSymbolRender)), __metadata$L("design:paramtypes", [Object])], RoughCanvasSymbolRender);
 
   var _roughModule = new ContainerModule(function (bind) {
     bind(RoughCanvasCircleRender).toSelf().inSingletonScope(), bind(GraphicRender).to(RoughCanvasCircleRender), bind(RoughCanvasRectRender).toSelf().inSingletonScope(), bind(GraphicRender).to(RoughCanvasRectRender), bind(RoughCanvasPathRender).toSelf().inSingletonScope(), bind(GraphicRender).to(RoughCanvasPathRender), bind(RoughCanvasSymbolRender).toSelf().inSingletonScope(), bind(GraphicRender).to(RoughCanvasSymbolRender), bind(RoughCanvasLineRender).toSelf().inSingletonScope(), bind(GraphicRender).to(RoughCanvasLineRender), bind(RoughCanvasAreaRender).toSelf().inSingletonScope(), bind(GraphicRender).to(RoughCanvasAreaRender), bind(RoughCanvasArcRender).toSelf().inSingletonScope(), bind(GraphicRender).to(RoughCanvasArcRender);
   });
 
+  var MathPickerContribution = Symbol["for"]("MathPickerContribution");
+  var MathArcPicker = Symbol["for"]("MathArcPicker");
+  var MathAreaPicker = Symbol["for"]("MathAreaPicker");
+  var MathCirclePicker = Symbol["for"]("MathCirclePicker");
+  var MathImagePicker = Symbol["for"]("MathImagePicker");
+  var MathLinePicker = Symbol["for"]("MathLinePicker");
+  var MathPathPicker = Symbol["for"]("MathPathPicker");
+  var MathRectPicker = Symbol["for"]("MathRectPicker");
+  var MathSymbolPicker = Symbol["for"]("MathSymbolPicker");
+  var MathTextPicker = Symbol["for"]("MathTextPicker");
+  var MathPolygonPicker = Symbol["for"]("MathPolygonPicker");
+  var MathGlyphPicker = Symbol["for"]("MathGlyphPicker");
+  var CanvasArcPicker = Symbol["for"]("CanvasArcPicker");
+  var CanvasArc3dPicker = Symbol["for"]("CanvasArc3dPicker");
+  var CanvasAreaPicker = Symbol["for"]("CanvasAreaPicker");
+  var CanvasCirclePicker = Symbol["for"]("CanvasCirclePicker");
+  var CanvasImagePicker = Symbol["for"]("CanvasImagePicker");
+  var CanvasLinePicker = Symbol["for"]("CanvasLinePicker");
+  var CanvasPathPicker = Symbol["for"]("CanvasPathPicker");
+  var CanvasRectPicker = Symbol["for"]("CanvasRectPicker");
+  var CanvasRect3dPicker = Symbol["for"]("CanvasRect3dPicker");
+  var CanvasSymbolPicker = Symbol["for"]("CanvasSymbolPicker");
+  var CanvasTextPicker = Symbol["for"]("CanvasTextPicker");
+  var CanvasPolygonPicker = Symbol["for"]("CanvasPolygonPicker");
+  var CanvasPyramid3dPicker = Symbol["for"]("CanvasPyramid3dPicker");
+  var CanvasRichTextPicker = Symbol["for"]("CanvasRichTextPicker");
+  var CanvasGlyphPicker = Symbol["for"]("CanvasGlyphPicker");
+  var CanvasGroupPicker = Symbol["for"]("CanvasGroupPicker");
+  var CanvasPickerContribution = Symbol["for"]("CanvasPickerContribution");
+
   var REACT_TO_CANOPUS_EVENTS = {
     onPointerDown: "pointerdown",
     onPointerUp: "pointerup",
@@ -29601,14 +29672,14 @@
     }]);
   }(EventEmitter);
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   var outP = [0, 0, 0],
@@ -29647,7 +29718,7 @@
       }), this._clearShadowStyle = !1, this._clearFilterStyle = !1, this._clearGlobalCompositeOperationStyle = !1;
       var 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;
     }
     return _createClass(BrowserContext2d, [{
       key: "fillStyle",
@@ -29671,7 +29742,7 @@
         return this.nativeContext.globalAlpha;
       },
       set: function set(d) {
-        this.nativeContext.globalAlpha = d;
+        this.nativeContext.globalAlpha = d * this.baseGlobalAlpha;
       }
     }, {
       key: "lineCap",
@@ -30177,7 +30248,7 @@
           opacity = _attribute$opacity === void 0 ? defaultParams.opacity : _attribute$opacity,
           _attribute$fill = attribute.fill,
           fill = _attribute$fill === void 0 ? defaultParams.fill : _attribute$fill;
-        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;
       }
     }, {
       key: "setShadowBlendStyle",
@@ -30246,7 +30317,7 @@
             lineCap = _attribute$lineCap === void 0 ? defaultParams.lineCap : _attribute$lineCap,
             _attribute$miterLimit = attribute.miterLimit,
             miterLimit = _attribute$miterLimit === void 0 ? defaultParams.miterLimit : _attribute$miterLimit;
-          _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;
         }
       }
     }, {
@@ -30305,16 +30376,16 @@
       }
     }]);
   }();
-  BrowserContext2d.env = "browser", BrowserContext2d = __decorate$R([injectable(), __metadata$H("design:paramtypes", [Object, Number])], BrowserContext2d);
+  BrowserContext2d.env = "browser", BrowserContext2d = __decorate$V([injectable(), __metadata$K("design:paramtypes", [Object, Number])], BrowserContext2d);
 
-  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;
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   var BrowserCanvas = /*#__PURE__*/function (_BaseCanvas) {
@@ -30394,7 +30465,7 @@
       }
     }]);
   }(exports.BaseCanvas);
-  BrowserCanvas.env = "browser", BrowserCanvas = __decorate$Q([injectable(), __metadata$G("design:paramtypes", [Object])], BrowserCanvas);
+  BrowserCanvas.env = "browser", BrowserCanvas = __decorate$U([injectable(), __metadata$J("design:paramtypes", [Object])], BrowserCanvas);
 
   function createModule(CanvasConstructor, ContextConstructor) {
     return new ContainerModule(function (bind) {
@@ -30412,47 +30483,17 @@
 
   var browserCanvasModule = createModule(BrowserCanvas, BrowserContext2d);
 
-  var MathPickerContribution = Symbol["for"]("MathPickerContribution");
-  var MathArcPicker = Symbol["for"]("MathArcPicker");
-  var MathAreaPicker = Symbol["for"]("MathAreaPicker");
-  var MathCirclePicker = Symbol["for"]("MathCirclePicker");
-  var MathImagePicker = Symbol["for"]("MathImagePicker");
-  var MathLinePicker = Symbol["for"]("MathLinePicker");
-  var MathPathPicker = Symbol["for"]("MathPathPicker");
-  var MathRectPicker = Symbol["for"]("MathRectPicker");
-  var MathSymbolPicker = Symbol["for"]("MathSymbolPicker");
-  var MathTextPicker = Symbol["for"]("MathTextPicker");
-  var MathPolygonPicker = Symbol["for"]("MathPolygonPicker");
-  var MathGlyphPicker = Symbol["for"]("MathGlyphPicker");
-  var CanvasArcPicker = Symbol["for"]("CanvasArcPicker");
-  var CanvasArc3dPicker = Symbol["for"]("CanvasArc3dPicker");
-  var CanvasAreaPicker = Symbol["for"]("CanvasAreaPicker");
-  var CanvasCirclePicker = Symbol["for"]("CanvasCirclePicker");
-  var CanvasImagePicker = Symbol["for"]("CanvasImagePicker");
-  var CanvasLinePicker = Symbol["for"]("CanvasLinePicker");
-  var CanvasPathPicker = Symbol["for"]("CanvasPathPicker");
-  var CanvasRectPicker = Symbol["for"]("CanvasRectPicker");
-  var CanvasRect3dPicker = Symbol["for"]("CanvasRect3dPicker");
-  var CanvasSymbolPicker = Symbol["for"]("CanvasSymbolPicker");
-  var CanvasTextPicker = Symbol["for"]("CanvasTextPicker");
-  var CanvasPolygonPicker = Symbol["for"]("CanvasPolygonPicker");
-  var CanvasPyramid3dPicker = Symbol["for"]("CanvasPyramid3dPicker");
-  var CanvasRichTextPicker = Symbol["for"]("CanvasRichTextPicker");
-  var CanvasGlyphPicker = Symbol["for"]("CanvasGlyphPicker");
-  var CanvasGroupPicker = Symbol["for"]("CanvasGroupPicker");
-  var CanvasPickerContribution = Symbol["for"]("CanvasPickerContribution");
-
-  var __decorate$P = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
@@ -30495,9 +30536,11 @@
         }
         var picker = this.pickerMap.get(graphic.numberType);
         if (!picker) return null;
-        var g = picker.contains(graphic, point, params) ? graphic : null,
+        var 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 (var _i = 0; _i < this.InterceptorContributions.length; _i++) {
@@ -30513,9 +30556,9 @@
       }
     }]);
   }(exports.DefaultPickService);
-  DefaultCanvasPickerService = __decorate$P([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$T([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$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;
@@ -30534,7 +30577,7 @@
       }
     }]);
   }();
-  DefaultCanvasGroupPicker = __decorate$O([injectable()], DefaultCanvasGroupPicker);
+  DefaultCanvasGroupPicker = __decorate$S([injectable()], DefaultCanvasGroupPicker);
 
   var m$1 = new ContainerModule(function (bind, unbind, isBound, rebind) {
     m$1.__vloaded || (m$1.__vloaded = !0, bind(CanvasGroupPicker).to(DefaultCanvasGroupPicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasGroupPicker), bindContributionProvider(bind, CanvasPickerContribution));
@@ -30550,14 +30593,14 @@
   }
 
   var _BrowserWindowHandlerContribution_,
-    __decorate$N = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    __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;
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   var BrowserWindowHandlerContribution = _BrowserWindowHandlerContribution_ = /*#__PURE__*/function (_BaseWindowHandlerCon) {
@@ -30775,21 +30818,21 @@
       }
     }]);
   }(exports.BaseWindowHandlerContribution);
-  BrowserWindowHandlerContribution.env = "browser", BrowserWindowHandlerContribution.idprefix = "visactor_window", BrowserWindowHandlerContribution.prefix_count = 0, BrowserWindowHandlerContribution = _BrowserWindowHandlerContribution_ = __decorate$N([injectable(), __metadata$E("design:paramtypes", [])], BrowserWindowHandlerContribution);
+  BrowserWindowHandlerContribution.env = "browser", BrowserWindowHandlerContribution.idprefix = "visactor_window", BrowserWindowHandlerContribution.prefix_count = 0, BrowserWindowHandlerContribution = _BrowserWindowHandlerContribution_ = __decorate$R([injectable(), __metadata$H("design:paramtypes", [])], BrowserWindowHandlerContribution);
   var browserWindowModule = new ContainerModule(function (bind) {
     bind(BrowserWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(function (ctx) {
       return ctx.container.get(BrowserWindowHandlerContribution);
     }).whenTargetNamed(BrowserWindowHandlerContribution.env);
   });
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   var DynamicB = /*#__PURE__*/function () {
@@ -31057,7 +31100,7 @@
       }
     }]);
   }(exports.BaseEnvContribution);
-  BrowserEnvContribution = __decorate$M([injectable(), __metadata$D("design:paramtypes", [])], BrowserEnvContribution);
+  BrowserEnvContribution = __decorate$Q([injectable(), __metadata$G("design:paramtypes", [])], BrowserEnvContribution);
 
   var browserEnvModule = new ContainerModule(function (bind) {
     browserEnvModule.isBrowserBound || (browserEnvModule.isBrowserBound = !0, bind(BrowserEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(BrowserEnvContribution));
@@ -31072,7 +31115,7 @@
     loadBrowserEnv(container);
   }
 
-  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;
@@ -31091,7 +31134,7 @@
         return this._globalAlpha;
       },
       set: function set(ga) {
-        this.nativeContext.globalAlpha = ga, this._globalAlpha = ga;
+        this.nativeContext.globalAlpha = ga * this.baseGlobalAlpha, this._globalAlpha = ga * this.baseGlobalAlpha;
       }
     }, {
       key: "getImageData",
@@ -31133,16 +31176,16 @@
       }
     }]);
   }(BrowserContext2d);
-  FeishuContext2d.env = "feishu", FeishuContext2d = __decorate$L([injectable()], FeishuContext2d);
+  FeishuContext2d.env = "feishu", FeishuContext2d = __decorate$P([injectable()], FeishuContext2d);
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   var FeishuCanvas = /*#__PURE__*/function (_BaseCanvas) {
@@ -31161,26 +31204,26 @@
       value: function release() {}
     }]);
   }(exports.BaseCanvas);
-  FeishuCanvas.env = "feishu", FeishuCanvas = __decorate$K([injectable(), __metadata$C("design:paramtypes", [Object])], FeishuCanvas);
+  FeishuCanvas.env = "feishu", FeishuCanvas = __decorate$O([injectable(), __metadata$F("design:paramtypes", [Object])], FeishuCanvas);
 
   var feishuCanvasModule = createModule(FeishuCanvas, FeishuContext2d);
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
     };
-  var MiniAppEventManager$3 = /*#__PURE__*/function () {
+  var MiniAppEventManager$4 = /*#__PURE__*/function () {
     function MiniAppEventManager() {
       _classCallCheck(this, MiniAppEventManager);
       this.cache = {};
@@ -31213,7 +31256,7 @@
     function FeishuWindowHandlerContribution(global) {
       var _this;
       _classCallCheck(this, FeishuWindowHandlerContribution);
-      _this = _callSuper(this, FeishuWindowHandlerContribution), _this.global = global, _this.type = "feishu", _this.eventManager = new MiniAppEventManager$3();
+      _this = _callSuper(this, FeishuWindowHandlerContribution), _this.global = global, _this.type = "feishu", _this.eventManager = new MiniAppEventManager$4();
       return _this;
     }
     _inherits(FeishuWindowHandlerContribution, _BaseWindowHandlerCon);
@@ -31364,24 +31407,24 @@
       }
     }]);
   }(exports.BaseWindowHandlerContribution);
-  FeishuWindowHandlerContribution.env = "feishu", FeishuWindowHandlerContribution = __decorate$J([injectable(), __param$s(0, inject(VGlobal)), __metadata$B("design:paramtypes", [Object])], FeishuWindowHandlerContribution);
+  FeishuWindowHandlerContribution.env = "feishu", FeishuWindowHandlerContribution = __decorate$N([injectable(), __param$t(0, inject(VGlobal)), __metadata$E("design:paramtypes", [Object])], FeishuWindowHandlerContribution);
   var feishuWindowModule = new ContainerModule(function (bind) {
     bind(FeishuWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(function (ctx) {
       return ctx.container.get(FeishuWindowHandlerContribution);
     }).whenTargetNamed(FeishuWindowHandlerContribution.env);
   });
 
-  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;
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
@@ -31415,14 +31458,16 @@
         if (!1 === graphic.attribute.pickable) return null;
         var picker = this.pickerMap.get(graphic.numberType);
         if (!picker) return null;
-        var g = picker.contains(graphic, point, params) ? graphic : null;
+        var pd = picker.contains(graphic, point, params),
+          g = pd ? graphic : null;
         return g ? {
-          graphic: g
+          graphic: g,
+          params: pd
         } : null;
       }
     }]);
   }(exports.DefaultPickService);
-  DefaultMathPickerService = __decorate$I([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$M([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);
 
   var m = new ContainerModule(function (bind) {
     m.__vloaded || (m.__vloaded = !0, bindContributionProvider(bind, MathPickerContribution));
@@ -31534,17 +31579,17 @@
     }]);
   }();
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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) {
     var dpr = null != pixelRatio ? pixelRatio : tt.getSystemInfoSync().pixelRatio;
     canvasIdLists.forEach(function (id, i) {
       var ctx = tt.createCanvasContext(id),
@@ -31579,7 +31624,7 @@
     }, {
       key: "configure",
       value: function 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));
       }
     }, {
       key: "loadImage",
@@ -31666,7 +31711,7 @@
       }
     }]);
   }(exports.BaseEnvContribution);
-  FeishuEnvContribution = __decorate$H([injectable(), __metadata$z("design:paramtypes", [])], FeishuEnvContribution);
+  FeishuEnvContribution = __decorate$L([injectable(), __metadata$C("design:paramtypes", [])], FeishuEnvContribution);
 
   var feishuEnvModule = new ContainerModule(function (bind) {
     feishuEnvModule.isFeishuBound || (feishuEnvModule.isFeishuBound = !0, bind(FeishuEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(FeishuEnvContribution));
@@ -31681,7 +31726,7 @@
     loadFeishuEnv(container);
   }
 
-  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;
@@ -31700,7 +31745,7 @@
         return this._globalAlpha;
       },
       set: function set(ga) {
-        this.nativeContext.globalAlpha = ga, this._globalAlpha = ga;
+        this.nativeContext.globalAlpha = ga * this.baseGlobalAlpha, this._globalAlpha = ga * this.baseGlobalAlpha;
       }
     }, {
       key: "setLineDash",
@@ -31735,7 +31780,7 @@
             lineCap = _attribute$lineCap === void 0 ? defaultParams.lineCap : _attribute$lineCap,
             _attribute$miterLimit = attribute.miterLimit,
             miterLimit = _attribute$miterLimit === void 0 ? defaultParams.miterLimit : _attribute$miterLimit;
-          _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;
         }
       }
     }, {
@@ -31763,16 +31808,16 @@
       }
     }]);
   }(BrowserContext2d);
-  LynxContext2d.env = "lynx", LynxContext2d = __decorate$G([injectable()], LynxContext2d);
+  LynxContext2d.env = "lynx", LynxContext2d = __decorate$K([injectable()], 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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   var LynxCanvas = /*#__PURE__*/function (_BaseCanvas) {
@@ -31797,24 +31842,24 @@
       value: function release() {}
     }]);
   }(exports.BaseCanvas);
-  LynxCanvas.env = "lynx", LynxCanvas = __decorate$F([injectable(), __metadata$y("design:paramtypes", [Object])], LynxCanvas);
+  LynxCanvas.env = "lynx", LynxCanvas = __decorate$J([injectable(), __metadata$B("design:paramtypes", [Object])], LynxCanvas);
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
     };
-  var MiniAppEventManager$2 = /*#__PURE__*/function () {
+  var MiniAppEventManager$3 = /*#__PURE__*/function () {
     function MiniAppEventManager() {
       _classCallCheck(this, MiniAppEventManager);
       this.cache = {};
@@ -31847,7 +31892,7 @@
     function LynxWindowHandlerContribution(global) {
       var _this;
       _classCallCheck(this, LynxWindowHandlerContribution);
-      _this = _callSuper(this, LynxWindowHandlerContribution), _this.global = global, _this.type = "lynx", _this.eventManager = new MiniAppEventManager$2();
+      _this = _callSuper(this, LynxWindowHandlerContribution), _this.global = global, _this.type = "lynx", _this.eventManager = new MiniAppEventManager$3();
       return _this;
     }
     _inherits(LynxWindowHandlerContribution, _BaseWindowHandlerCon);
@@ -32000,7 +32045,7 @@
       }
     }]);
   }(exports.BaseWindowHandlerContribution);
-  LynxWindowHandlerContribution.env = "lynx", LynxWindowHandlerContribution = __decorate$E([injectable(), __param$q(0, inject(VGlobal)), __metadata$x("design:paramtypes", [Object])], LynxWindowHandlerContribution);
+  LynxWindowHandlerContribution.env = "lynx", LynxWindowHandlerContribution = __decorate$I([injectable(), __param$r(0, inject(VGlobal)), __metadata$A("design:paramtypes", [Object])], LynxWindowHandlerContribution);
   var lynxWindowModule = new ContainerModule(function (bind) {
     bind(LynxWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(function (ctx) {
       return ctx.container.get(LynxWindowHandlerContribution);
@@ -32009,21 +32054,21 @@
 
   var lynxCanvasModule = createModule(LynxCanvas, LynxContext2d);
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   var 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) {
     var dpr = null != pixelRatio ? pixelRatio : SystemInfo.pixelRatio;
     canvasIdLists.forEach(function (id, i) {
       var _canvas;
@@ -32062,7 +32107,7 @@
     return _createClass(LynxEnvContribution, [{
       key: "configure",
       value: function 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));
       }
     }, {
       key: "getDynamicCanvasCount",
@@ -32166,7 +32211,7 @@
       value: function release() {}
     }]);
   }(exports.BaseEnvContribution);
-  LynxEnvContribution = __decorate$D([injectable(), __metadata$w("design:paramtypes", [])], LynxEnvContribution);
+  LynxEnvContribution = __decorate$H([injectable(), __metadata$z("design:paramtypes", [])], LynxEnvContribution);
 
   var lynxEnvModule = new ContainerModule(function (bind) {
     lynxEnvModule.isLynxBound || (lynxEnvModule.isLynxBound = !0, bind(LynxEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(LynxEnvContribution));
@@ -32181,14 +32226,14 @@
     loadLynxEnv(container);
   }
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   var NodeContext2d = /*#__PURE__*/function (_BrowserContext2d) {
@@ -32207,16 +32252,16 @@
       value: function release() {}
     }]);
   }(BrowserContext2d);
-  NodeContext2d.env = "node", NodeContext2d = __decorate$C([injectable(), __metadata$v("design:paramtypes", [Object, Number])], NodeContext2d);
+  NodeContext2d.env = "node", NodeContext2d = __decorate$G([injectable(), __metadata$y("design:paramtypes", [Object, Number])], NodeContext2d);
 
-  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;
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   var NodeCanvas = /*#__PURE__*/function (_BaseCanvas) {
@@ -32237,21 +32282,21 @@
       }
     }]);
   }(exports.BaseCanvas);
-  NodeCanvas.env = "node", NodeCanvas = __decorate$B([injectable(), __metadata$u("design:paramtypes", [Object])], NodeCanvas);
+  NodeCanvas.env = "node", NodeCanvas = __decorate$F([injectable(), __metadata$x("design:paramtypes", [Object])], NodeCanvas);
 
   var nodeCanvasModule = createModule(NodeCanvas, NodeContext2d);
 
-  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;
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
@@ -32389,14 +32434,14 @@
       value: function clearViewBox(color) {}
     }]);
   }(exports.BaseWindowHandlerContribution);
-  NodeWindowHandlerContribution.env = "node", NodeWindowHandlerContribution = __decorate$A([injectable(), __param$p(0, inject(VGlobal)), __metadata$t("design:paramtypes", [Object])], NodeWindowHandlerContribution);
+  NodeWindowHandlerContribution.env = "node", NodeWindowHandlerContribution = __decorate$E([injectable(), __param$q(0, inject(VGlobal)), __metadata$w("design:paramtypes", [Object])], NodeWindowHandlerContribution);
   var nodeWindowModule = new ContainerModule(function (bind) {
     bind(NodeWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(function (ctx) {
       return ctx.container.get(NodeWindowHandlerContribution);
     }).whenTargetNamed(NodeWindowHandlerContribution.env);
   });
 
-  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;
@@ -32539,7 +32584,7 @@
       value: function createOffscreenCanvas(params) {}
     }]);
   }(exports.BaseEnvContribution);
-  NodeEnvContribution = __decorate$z([injectable()], NodeEnvContribution);
+  NodeEnvContribution = __decorate$D([injectable()], NodeEnvContribution);
 
   var nodeEnvModule = new ContainerModule(function (bind) {
     nodeEnvModule.isNodeBound || (nodeEnvModule.isNodeBound = !0, bind(NodeEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(NodeEnvContribution));
@@ -32553,7 +32598,7 @@
     loadNodeEnv(container);
   }
 
-  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;
@@ -32674,16 +32719,16 @@
       }
     }]);
   }(BrowserContext2d);
-  TaroContext2d.env = "taro", TaroContext2d = __decorate$y([injectable()], TaroContext2d);
+  TaroContext2d.env = "taro", TaroContext2d = __decorate$C([injectable()], TaroContext2d);
 
-  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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   var TaroCanvas = /*#__PURE__*/function (_BaseCanvas) {
@@ -32702,26 +32747,26 @@
       value: function release() {}
     }]);
   }(exports.BaseCanvas);
-  TaroCanvas.env = "taro", TaroCanvas = __decorate$x([injectable(), __metadata$s("design:paramtypes", [Object])], TaroCanvas);
+  TaroCanvas.env = "taro", TaroCanvas = __decorate$B([injectable(), __metadata$v("design:paramtypes", [Object])], TaroCanvas);
 
   var taroCanvasModule = createModule(TaroCanvas, TaroContext2d);
 
-  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;
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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);
       };
     };
-  var MiniAppEventManager$1 = /*#__PURE__*/function () {
+  var MiniAppEventManager$2 = /*#__PURE__*/function () {
     function MiniAppEventManager() {
       _classCallCheck(this, MiniAppEventManager);
       this.cache = {};
@@ -32754,7 +32799,7 @@
     function TaroWindowHandlerContribution(global) {
       var _this;
       _classCallCheck(this, TaroWindowHandlerContribution);
-      _this = _callSuper(this, TaroWindowHandlerContribution), _this.global = global, _this.type = "taro", _this.eventManager = new MiniAppEventManager$1();
+      _this = _callSuper(this, TaroWindowHandlerContribution), _this.global = global, _this.type = "taro", _this.eventManager = new MiniAppEventManager$2();
       return _this;
     }
     _inherits(TaroWindowHandlerContribution, _BaseWindowHandlerCon);
@@ -32868,17 +32913,441 @@
       key: "dispatchEvent",
       value: function dispatchEvent(event) {
         var type = event.type;
-        return !!this.eventManager.cache[type] && (event.changedTouches.length > 0 && (event.changedTouches.forEach(function (d, i) {
-          event.changedTouches[i] = Object.assign(Object.assign({}, event.changedTouches[i]), {
-            offsetX: d.x,
-            offsetY: d.y
-          });
-        }), event.offsetX = event.changedTouches[0].offsetX, event.offsetY = event.changedTouches[0].offsetY), event.touches.length > 0 && event.touches.forEach(function (d, i) {
-          event.touches[i] = Object.assign(Object.assign({}, event.touches[i]), {
-            offsetX: d.x,
-            offsetY: d.y
-          });
-        }), event.preventDefault = function () {}, event.stopPropagation = function () {}, this.eventManager.cache[type].listener && this.eventManager.cache[type].listener.forEach(function (f) {
+        return !!this.eventManager.cache[type] && (event.changedTouches.length > 0 && (event.changedTouches.forEach(function (d, i) {
+          event.changedTouches[i] = Object.assign(Object.assign({}, event.changedTouches[i]), {
+            offsetX: d.x,
+            offsetY: d.y
+          });
+        }), event.offsetX = event.changedTouches[0].offsetX, event.offsetY = event.changedTouches[0].offsetY), event.touches.length > 0 && event.touches.forEach(function (d, i) {
+          event.touches[i] = Object.assign(Object.assign({}, event.touches[i]), {
+            offsetX: d.x,
+            offsetY: d.y
+          });
+        }), event.preventDefault = function () {}, event.stopPropagation = function () {}, this.eventManager.cache[type].listener && this.eventManager.cache[type].listener.forEach(function (f) {
+          f(event);
+        }), !0);
+      }
+    }, {
+      key: "getStyle",
+      value: function getStyle() {
+        return {};
+      }
+    }, {
+      key: "setStyle",
+      value: function setStyle(style) {}
+    }, {
+      key: "getBoundingClientRect",
+      value: function getBoundingClientRect() {
+        var wh = this.getWH();
+        return {
+          x: 0,
+          y: 0,
+          width: wh.width,
+          height: wh.height,
+          left: 0,
+          top: 0,
+          right: 0,
+          bottom: 0
+        };
+      }
+    }, {
+      key: "clearViewBox",
+      value: function clearViewBox(color) {
+        var 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();
+      }
+    }]);
+  }(exports.BaseWindowHandlerContribution);
+  TaroWindowHandlerContribution.env = "taro", TaroWindowHandlerContribution = __decorate$A([injectable(), __param$p(0, inject(VGlobal)), __metadata$u("design:paramtypes", [Object])], TaroWindowHandlerContribution);
+  var taroWindowModule = new ContainerModule(function (bind) {
+    bind(TaroWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(function (ctx) {
+      return ctx.container.get(TaroWindowHandlerContribution);
+    }).whenTargetNamed(TaroWindowHandlerContribution.env);
+  });
+
+  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 === "undefined" ? "undefined" : _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) {
+      if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+    };
+  function makeUpCanvas$2(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, taro, dpr) {
+    canvasIdLists.forEach(function (id, i) {
+      var ctx = taro.createCanvasContext(id),
+        canvas = new CanvasWrapDisableWH(ctx.canvas || {}, ctx, dpr, domref.width, domref.height, id);
+      return ctx.canvas = canvas, canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas), canvas;
+    });
+  }
+  var TaroEnvContribution = /*#__PURE__*/function (_BaseEnvContribution) {
+    function TaroEnvContribution() {
+      var _this;
+      _classCallCheck(this, TaroEnvContribution);
+      _this = _callSuper(this, TaroEnvContribution), _this.type = "taro", _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;
+      return _this;
+    }
+    _inherits(TaroEnvContribution, _BaseEnvContribution);
+    return _createClass(TaroEnvContribution, [{
+      key: "getDynamicCanvasCount",
+      value: function getDynamicCanvasCount() {
+        return this.freeCanvasList.length;
+      }
+    }, {
+      key: "getStaticCanvasCount",
+      value: function getStaticCanvasCount() {
+        return 9999;
+      }
+    }, {
+      key: "mapToCanvasPoint",
+      value: function mapToCanvasPoint(event) {
+        var _a;
+        return null === (_a = null == event ? void 0 : event.type) || void 0 === _a || _a.startsWith("mouse"), event;
+      }
+    }, {
+      key: "configure",
+      value: function configure(service, params) {
+        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);
+      }
+    }, {
+      key: "loadImage",
+      value: function loadImage(url) {
+        return Promise.resolve({
+          data: url,
+          loadState: "success"
+        });
+      }
+    }, {
+      key: "loadSvg",
+      value: function loadSvg(svgStr) {
+        var _window = window || globalThis;
+        if (_window.DOMParser) {
+          var svg = new _window.DOMParser().parseFromString(svgStr, "image/svg+xml").children[0],
+            data = new XMLSerializer().serializeToString(svg),
+            url = "data:image/svg+xml;charset=utf-8,".concat(encodeURIComponent(data));
+          return Promise.resolve({
+            data: url,
+            loadState: "success"
+          });
+        }
+        if (_window.Blob) {
+          var _data = new _window.Blob([svgStr], {
+              type: "image/svg+xml"
+            }),
+            _url = _window.URL.createObjectURL(_data);
+          return Promise.resolve({
+            data: _url,
+            loadState: "success"
+          });
+        }
+        return Promise.reject();
+      }
+    }, {
+      key: "createCanvas",
+      value: function createCanvas(params) {
+        var result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];
+        return this.canvasIdx++, result;
+      }
+    }, {
+      key: "createOffscreenCanvas",
+      value: function createOffscreenCanvas(params) {}
+    }, {
+      key: "releaseCanvas",
+      value: function releaseCanvas(canvas) {}
+    }, {
+      key: "getDevicePixelRatio",
+      value: function getDevicePixelRatio() {
+        return this.pixelRatio;
+      }
+    }, {
+      key: "getRequestAnimationFrame",
+      value: function getRequestAnimationFrame() {
+        return requestAnimationFrame;
+      }
+    }, {
+      key: "getCancelAnimationFrame",
+      value: function getCancelAnimationFrame() {
+        return cancelAnimationFrame;
+      }
+    }, {
+      key: "addEventListener",
+      value: function addEventListener(type, listener, options) {
+        return null;
+      }
+    }, {
+      key: "removeEventListener",
+      value: function removeEventListener(type, listener, options) {
+        return null;
+      }
+    }, {
+      key: "dispatchEvent",
+      value: function dispatchEvent(event) {
+        return null;
+      }
+    }, {
+      key: "getElementById",
+      value: function getElementById(str) {
+        return this.canvasMap.get(str);
+      }
+    }, {
+      key: "getRootElement",
+      value: function getRootElement() {
+        return null;
+      }
+    }, {
+      key: "getDocument",
+      value: function getDocument() {
+        return null;
+      }
+    }, {
+      key: "release",
+      value: function release() {}
+    }]);
+  }(exports.BaseEnvContribution);
+  TaroEnvContribution = __decorate$z([injectable(), __metadata$t("design:paramtypes", [])], TaroEnvContribution);
+
+  var taroEnvModule = new ContainerModule(function (bind) {
+    taroEnvModule.isTaroBound || (taroEnvModule.isTaroBound = !0, bind(TaroEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(TaroEnvContribution));
+  });
+  taroEnvModule.isTaroBound = !1;
+  function loadTaroEnv(container) {
+    var loadPicker = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
+    loadTaroEnv.__loaded || (loadTaroEnv.__loaded = !0, container.load(taroEnvModule), container.load(taroCanvasModule), container.load(taroWindowModule), loadPicker && loadMathPicker(container));
+  }
+  loadTaroEnv.__loaded = !1;
+  function initTaroEnv() {
+    loadTaroEnv(container);
+  }
+
+  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 === "undefined" ? "undefined" : _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;
+  };
+  var WxContext2d = /*#__PURE__*/function (_BrowserContext2d) {
+    function WxContext2d() {
+      _classCallCheck(this, WxContext2d);
+      return _callSuper(this, WxContext2d, arguments);
+    }
+    _inherits(WxContext2d, _BrowserContext2d);
+    return _createClass(WxContext2d, [{
+      key: "draw",
+      value: function draw() {}
+    }, {
+      key: "createPattern",
+      value: function createPattern(image, repetition) {
+        return null;
+      }
+    }]);
+  }(BrowserContext2d);
+  WxContext2d.env = "wx", WxContext2d = __decorate$y([injectable()], WxContext2d);
+
+  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 === "undefined" ? "undefined" : _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) {
+      if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+    };
+  var WxCanvas = /*#__PURE__*/function (_BaseCanvas) {
+    function WxCanvas(params) {
+      _classCallCheck(this, WxCanvas);
+      return _callSuper(this, WxCanvas, [params]);
+    }
+    _inherits(WxCanvas, _BaseCanvas);
+    return _createClass(WxCanvas, [{
+      key: "init",
+      value: function init() {
+        this._context = new WxContext2d(this, this._dpr);
+      }
+    }, {
+      key: "release",
+      value: function release() {}
+    }]);
+  }(exports.BaseCanvas);
+  WxCanvas.env = "wx", WxCanvas = __decorate$x([injectable(), __metadata$s("design:paramtypes", [Object])], WxCanvas);
+
+  var wxCanvasModule = createModule(WxCanvas, WxContext2d);
+
+  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 === "undefined" ? "undefined" : _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) {
+      if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+    },
+    __param$o = undefined && undefined.__param || function (paramIndex, decorator) {
+      return function (target, key) {
+        decorator(target, key, paramIndex);
+      };
+    };
+  var MiniAppEventManager$1 = /*#__PURE__*/function () {
+    function MiniAppEventManager() {
+      _classCallCheck(this, MiniAppEventManager);
+      this.cache = {};
+    }
+    return _createClass(MiniAppEventManager, [{
+      key: "addEventListener",
+      value: function addEventListener(type, func) {
+        type && func && (this.cache[type] = this.cache[type] || {
+          listener: []
+        }, this.cache[type].listener.push(func));
+      }
+    }, {
+      key: "removeEventListener",
+      value: function removeEventListener(type, func) {
+        if (!type || !func) return;
+        if (!this.cache[type]) return;
+        var index = this.cache[type].listener.findIndex(function (f) {
+          return f === func;
+        });
+        index >= 0 && this.cache[type].listener.splice(index, 1);
+      }
+    }, {
+      key: "cleanEvent",
+      value: function cleanEvent() {
+        this.cache = {};
+      }
+    }]);
+  }();
+  var WxWindowHandlerContribution = /*#__PURE__*/function (_BaseWindowHandlerCon) {
+    function WxWindowHandlerContribution(global) {
+      var _this;
+      _classCallCheck(this, WxWindowHandlerContribution);
+      _this = _callSuper(this, WxWindowHandlerContribution), _this.global = global, _this.type = "wx", _this.eventManager = new MiniAppEventManager$1();
+      return _this;
+    }
+    _inherits(WxWindowHandlerContribution, _BaseWindowHandlerCon);
+    return _createClass(WxWindowHandlerContribution, [{
+      key: "container",
+      get: function get() {
+        return null;
+      }
+    }, {
+      key: "getTitle",
+      value: function getTitle() {
+        return this.canvas.id.toString();
+      }
+    }, {
+      key: "getWH",
+      value: function getWH() {
+        return {
+          width: this.canvas.width / (this.canvas.dpr || 1),
+          height: this.canvas.height / (this.canvas.dpr || 1)
+        };
+      }
+    }, {
+      key: "getXY",
+      value: function getXY() {
+        return {
+          x: 0,
+          y: 0
+        };
+      }
+    }, {
+      key: "createWindow",
+      value: function createWindow(params) {
+        params.canvas ? this.createWindowByCanvas(params) : this.createWindowByConfig(params);
+      }
+    }, {
+      key: "createWindowByConfig",
+      value: function createWindowByConfig(params) {
+        var 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 WxCanvas(options);
+      }
+    }, {
+      key: "createWindowByCanvas",
+      value: function createWindowByCanvas(params) {
+        var canvas;
+        if ("string" == typeof params.canvas) {
+          if (canvas = this.global.getElementById(params.canvas), !canvas) throw new Error("canvasId 参数不正确，请确认canvas存在并插入dom");
+        } else canvas = params.canvas;
+        var width = params.width,
+          height = params.height;
+        if (null == width || null == height || !params.canvasControled) {
+          var data = canvas.getBoundingClientRect();
+          width = data.width, height = data.height;
+        }
+        var dpr = params.dpr;
+        null == dpr && (dpr = canvas.width / width), this.canvas = new WxCanvas({
+          width: width,
+          height: height,
+          dpr: dpr,
+          nativeCanvas: canvas,
+          canvasControled: params.canvasControled
+        });
+      }
+    }, {
+      key: "releaseWindow",
+      value: function releaseWindow() {}
+    }, {
+      key: "resizeWindow",
+      value: function resizeWindow(width, height) {}
+    }, {
+      key: "setDpr",
+      value: function setDpr(dpr) {
+        this.canvas.dpr = dpr;
+      }
+    }, {
+      key: "getContext",
+      value: function getContext() {
+        return this.canvas.getContext();
+      }
+    }, {
+      key: "getNativeHandler",
+      value: function getNativeHandler() {
+        return this.canvas;
+      }
+    }, {
+      key: "getDpr",
+      value: function getDpr() {
+        return this.canvas.dpr;
+      }
+    }, {
+      key: "addEventListener",
+      value: function addEventListener(type, listener) {
+        this.eventManager.addEventListener(type, listener);
+      }
+    }, {
+      key: "removeEventListener",
+      value: function removeEventListener(type, listener) {
+        this.eventManager.removeEventListener(type, listener);
+      }
+    }, {
+      key: "dispatchEvent",
+      value: function dispatchEvent(event) {
+        var _a, _b, _c, _d;
+        var type = event.type;
+        return !!this.eventManager.cache[type] && (event.changedTouches && event.changedTouches[0] && (event.offsetX = event.changedTouches[0].x, event.changedTouches[0].offsetX = null !== (_a = event.changedTouches[0].x) && void 0 !== _a ? _a : event.changedTouches[0].pageX, event.changedTouches[0].clientX = null !== (_b = event.changedTouches[0].x) && void 0 !== _b ? _b : event.changedTouches[0].pageX, event.offsetY = event.changedTouches[0].y, event.changedTouches[0].offsetY = null !== (_c = event.changedTouches[0].y) && void 0 !== _c ? _c : event.changedTouches[0].pageY, event.changedTouches[0].clientY = null !== (_d = event.changedTouches[0].y) && void 0 !== _d ? _d : event.changedTouches[0].pageY), event.preventDefault = function () {}, event.stopPropagation = function () {}, this.eventManager.cache[type].listener && this.eventManager.cache[type].listener.forEach(function (f) {
           f(event);
         }), !0);
       }
@@ -32915,11 +33384,11 @@
       }
     }]);
   }(exports.BaseWindowHandlerContribution);
-  TaroWindowHandlerContribution.env = "taro", TaroWindowHandlerContribution = __decorate$w([injectable(), __param$o(0, inject(VGlobal)), __metadata$r("design:paramtypes", [Object])], TaroWindowHandlerContribution);
-  var taroWindowModule = new ContainerModule(function (bind) {
-    bind(TaroWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(function (ctx) {
-      return ctx.container.get(TaroWindowHandlerContribution);
-    }).whenTargetNamed(TaroWindowHandlerContribution.env);
+  WxWindowHandlerContribution.env = "wx", WxWindowHandlerContribution = __decorate$w([injectable(), __param$o(0, inject(VGlobal)), __metadata$r("design:paramtypes", [Object])], WxWindowHandlerContribution);
+  var wxWindowModule = new ContainerModule(function (bind) {
+    bind(WxWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(function (ctx) {
+      return ctx.container.get(WxWindowHandlerContribution);
+    }).whenTargetNamed(WxWindowHandlerContribution.env);
   });
 
   var __decorate$v = undefined && undefined.__decorate || function (decorators, target, key, desc) {
@@ -32931,19 +33400,88 @@
     },
     __metadata$q = undefined && undefined.__metadata || function (k, v) {
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _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$1(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, taro, dpr) {
-    canvasIdLists.forEach(function (id, i) {
-      var ctx = taro.createCanvasContext(id),
-        canvas = new CanvasWrapDisableWH(ctx.canvas || {}, ctx, dpr, domref.width, domref.height, id);
-      return ctx.canvas = canvas, canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas), canvas;
-    });
+  function makeUpCanvas$1(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, component) {
+    return __awaiter$1(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var dpr, _loop, i;
+      return _regeneratorRuntime().wrap(function _callee$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            dpr = wx.getSystemInfoSync().pixelRatio;
+            _loop = /*#__PURE__*/_regeneratorRuntime().mark(function _loop(i) {
+              var id;
+              return _regeneratorRuntime().wrap(function _loop$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    id = canvasIdLists[i];
+                    _context.next = 3;
+                    return new Promise(function (resolve) {
+                      var data = wx.createSelectorQuery();
+                      component && (data = data["in"](component)), data.select("#".concat(id)).fields({
+                        node: !0,
+                        size: !0
+                      }).exec(function (res) {
+                        if (!res[0]) return;
+                        var canvas = res[0].node,
+                          width = res[0].width,
+                          height = res[0].height;
+                        canvas.width = width * dpr, canvas.height = height * dpr, canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas), resolve(null);
+                      });
+                    });
+                  case 3:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _loop);
+            });
+            i = 0;
+          case 3:
+            if (!(i < canvasIdLists.length)) {
+              _context2.next = 8;
+              break;
+            }
+            return _context2.delegateYield(_loop(i), "t0", 5);
+          case 5:
+            i++;
+            _context2.next = 3;
+            break;
+          case 8:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee);
+    }));
   }
-  var TaroEnvContribution = /*#__PURE__*/function (_BaseEnvContribution) {
-    function TaroEnvContribution() {
+  var WxEnvContribution = /*#__PURE__*/function (_BaseEnvContribution) {
+    function WxEnvContribution() {
       var _this;
-      _classCallCheck(this, TaroEnvContribution);
-      _this = _callSuper(this, TaroEnvContribution), _this.type = "taro", _this.supportEvent = !0, _this.canvasMap = new Map(), _this.freeCanvasList = [], _this.canvasIdx = 0, _this.supportsTouchEvents = !0;
+      _classCallCheck(this, WxEnvContribution);
+      _this = _callSuper(this, WxEnvContribution), _this.type = "wx", _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) {
@@ -32952,27 +33490,11 @@
       _this.applyStyles = !0;
       return _this;
     }
-    _inherits(TaroEnvContribution, _BaseEnvContribution);
-    return _createClass(TaroEnvContribution, [{
-      key: "getDynamicCanvasCount",
-      value: function getDynamicCanvasCount() {
-        return this.freeCanvasList.length;
-      }
-    }, {
-      key: "getStaticCanvasCount",
-      value: function getStaticCanvasCount() {
-        return 9999;
-      }
-    }, {
-      key: "mapToCanvasPoint",
-      value: function mapToCanvasPoint(event) {
-        var _a;
-        return null === (_a = null == event ? void 0 : event.type) || void 0 === _a || _a.startsWith("mouse"), event;
-      }
-    }, {
+    _inherits(WxEnvContribution, _BaseEnvContribution);
+    return _createClass(WxEnvContribution, [{
       key: "configure",
       value: function 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);
+        if (service.env === this.type) return service.setActiveEnvContribution(this), makeUpCanvas$1(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, params.component).then(function () {});
       }
     }, {
       key: "loadImage",
@@ -32984,27 +33506,7 @@
       }
     }, {
       key: "loadSvg",
-      value: function loadSvg(svgStr) {
-        var _window = window || globalThis;
-        if (_window.DOMParser) {
-          var svg = new _window.DOMParser().parseFromString(svgStr, "image/svg+xml").children[0],
-            data = new XMLSerializer().serializeToString(svg),
-            url = "data:image/svg+xml;charset=utf-8,".concat(encodeURIComponent(data));
-          return Promise.resolve({
-            data: url,
-            loadState: "success"
-          });
-        }
-        if (_window.Blob) {
-          var _data = new _window.Blob([svgStr], {
-              type: "image/svg+xml"
-            }),
-            _url = _window.URL.createObjectURL(_data);
-          return Promise.resolve({
-            data: _url,
-            loadState: "success"
-          });
-        }
+      value: function loadSvg(url) {
         return Promise.reject();
       }
     }, {
@@ -33022,17 +33524,21 @@
     }, {
       key: "getDevicePixelRatio",
       value: function getDevicePixelRatio() {
-        return this.pixelRatio;
+        return wx.getSystemInfoSync().pixelRatio;
       }
     }, {
       key: "getRequestAnimationFrame",
       value: function getRequestAnimationFrame() {
-        return requestAnimationFrame;
+        return function (callback) {
+          return rafBasedSto.call(callback);
+        };
       }
     }, {
       key: "getCancelAnimationFrame",
       value: function getCancelAnimationFrame() {
-        return cancelAnimationFrame;
+        return function (h) {
+          rafBasedSto.clear(h);
+        };
       }
     }, {
       key: "addEventListener",
@@ -33067,21 +33573,40 @@
     }, {
       key: "release",
       value: function release() {}
+    }, {
+      key: "mapToCanvasPoint",
+      value: function mapToCanvasPoint(event) {
+        var _a;
+        return null === (_a = null == event ? void 0 : event.type) || void 0 === _a || _a.startsWith("mouse"), event;
+      }
     }]);
   }(exports.BaseEnvContribution);
-  TaroEnvContribution = __decorate$v([injectable(), __metadata$q("design:paramtypes", [])], TaroEnvContribution);
+  WxEnvContribution = __decorate$v([injectable(), __metadata$q("design:paramtypes", [])], WxEnvContribution);
 
-  var taroEnvModule = new ContainerModule(function (bind) {
-    taroEnvModule.isTaroBound || (taroEnvModule.isTaroBound = !0, bind(TaroEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(TaroEnvContribution));
+  var wxEnvModule = new ContainerModule(function (bind) {
+    wxEnvModule._isWxBound || (wxEnvModule._isWxBound = !0, bind(WxEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(WxEnvContribution));
   });
-  taroEnvModule.isTaroBound = !1;
-  function loadTaroEnv(container) {
+  wxEnvModule._isWxBound = !1;
+  function loadWxEnv(container) {
     var loadPicker = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
-    loadTaroEnv.__loaded || (loadTaroEnv.__loaded = !0, container.load(taroEnvModule), container.load(taroCanvasModule), container.load(taroWindowModule), loadPicker && loadMathPicker(container));
+    loadWxEnv.__loaded || (loadWxEnv.__loaded = !0, container.load(wxEnvModule), container.load(wxCanvasModule), container.load(wxWindowModule), loadPicker && loadMathPicker(container));
   }
-  loadTaroEnv.__loaded = !1;
-  function initTaroEnv() {
-    loadTaroEnv(container);
+  loadWxEnv.__loaded = !1;
+  function initWxEnv() {
+    loadWxEnv(container);
+  }
+
+  function loadAllEnv(container) {
+    loadAllModule(container);
+  }
+  function loadAllModule(container) {
+    loadAllModule.__loaded || (loadAllModule.__loaded = !0, loadBrowserEnv(container, !1), loadFeishuEnv(container, !1), loadLynxEnv(container, !1), loadNodeEnv(container), loadTaroEnv(container, !1), loadWxEnv(container, !1), loadCanvasPicker(container), vglobal.hooks.onSetEnv.tap("loadMathPicker", function (lastEnv, env) {
+      "browser" !== env && loadMathPicker(container);
+    }));
+  }
+  loadAllModule.__loaded = !1;
+  function initAllEnv() {
+    loadAllEnv(container);
   }
 
   var __decorate$u = undefined && undefined.__decorate || function (decorators, target, key, desc) {
@@ -33091,23 +33616,15 @@
     if ("object" == (typeof Reflect === "undefined" ? "undefined" : _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;
   };
-  var WxContext2d = /*#__PURE__*/function (_BrowserContext2d) {
-    function WxContext2d() {
-      _classCallCheck(this, WxContext2d);
-      return _callSuper(this, WxContext2d, arguments);
+  var TTContext2d = /*#__PURE__*/function (_FeishuContext2d) {
+    function TTContext2d() {
+      _classCallCheck(this, TTContext2d);
+      return _callSuper(this, TTContext2d, arguments);
     }
-    _inherits(WxContext2d, _BrowserContext2d);
-    return _createClass(WxContext2d, [{
-      key: "draw",
-      value: function draw() {}
-    }, {
-      key: "createPattern",
-      value: function createPattern(image, repetition) {
-        return null;
-      }
-    }]);
-  }(BrowserContext2d);
-  WxContext2d.env = "wx", WxContext2d = __decorate$u([injectable()], WxContext2d);
+    _inherits(TTContext2d, _FeishuContext2d);
+    return _createClass(TTContext2d);
+  }(FeishuContext2d);
+  TTContext2d.env = "tt", TTContext2d = __decorate$u([injectable()], TTContext2d);
 
   var __decorate$t = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
@@ -33119,25 +33636,25 @@
     __metadata$p = undefined && undefined.__metadata || function (k, v) {
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
-  var WxCanvas = /*#__PURE__*/function (_BaseCanvas) {
-    function WxCanvas(params) {
-      _classCallCheck(this, WxCanvas);
-      return _callSuper(this, WxCanvas, [params]);
+  var TTCanvas = /*#__PURE__*/function (_BaseCanvas) {
+    function TTCanvas(params) {
+      _classCallCheck(this, TTCanvas);
+      return _callSuper(this, TTCanvas, [params]);
     }
-    _inherits(WxCanvas, _BaseCanvas);
-    return _createClass(WxCanvas, [{
+    _inherits(TTCanvas, _BaseCanvas);
+    return _createClass(TTCanvas, [{
       key: "init",
       value: function init() {
-        this._context = new WxContext2d(this, this._dpr);
+        this._context = new TTContext2d(this, this._dpr);
       }
     }, {
       key: "release",
       value: function release() {}
     }]);
   }(exports.BaseCanvas);
-  WxCanvas.env = "wx", WxCanvas = __decorate$t([injectable(), __metadata$p("design:paramtypes", [Object])], WxCanvas);
+  TTCanvas.env = "tt", TTCanvas = __decorate$t([injectable(), __metadata$p("design:paramtypes", [Object])], TTCanvas);
 
-  var wxCanvasModule = createModule(WxCanvas, WxContext2d);
+  var ttCanvasModule = createModule(TTCanvas, TTContext2d);
 
   var __decorate$s = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
@@ -33183,15 +33700,15 @@
       }
     }]);
   }();
-  var WxWindowHandlerContribution = /*#__PURE__*/function (_BaseWindowHandlerCon) {
-    function WxWindowHandlerContribution(global) {
+  var TTWindowHandlerContribution = /*#__PURE__*/function (_BaseWindowHandlerCon) {
+    function TTWindowHandlerContribution(global) {
       var _this;
-      _classCallCheck(this, WxWindowHandlerContribution);
-      _this = _callSuper(this, WxWindowHandlerContribution), _this.global = global, _this.type = "wx", _this.eventManager = new MiniAppEventManager();
+      _classCallCheck(this, TTWindowHandlerContribution);
+      _this = _callSuper(this, TTWindowHandlerContribution), _this.global = global, _this.type = "tt", _this.eventManager = new MiniAppEventManager();
       return _this;
     }
-    _inherits(WxWindowHandlerContribution, _BaseWindowHandlerCon);
-    return _createClass(WxWindowHandlerContribution, [{
+    _inherits(TTWindowHandlerContribution, _BaseWindowHandlerCon);
+    return _createClass(TTWindowHandlerContribution, [{
       key: "container",
       get: function get() {
         return null;
@@ -33237,7 +33754,7 @@
             id: Generator.GenAutoIncrementId().toString(),
             canvasControled: !1
           };
-        this.canvas = new WxCanvas(options);
+        this.canvas = new TTCanvas(options);
       }
     }, {
       key: "createWindowByCanvas",
@@ -33253,7 +33770,7 @@
           width = data.width, height = data.height;
         }
         var dpr = params.dpr;
-        null == dpr && (dpr = canvas.width / width), this.canvas = new WxCanvas({
+        null == dpr && (dpr = canvas.width / width), this.canvas = new TTCanvas({
           width: width,
           height: height,
           dpr: dpr,
@@ -33300,9 +33817,8 @@
     }, {
       key: "dispatchEvent",
       value: function dispatchEvent(event) {
-        var _a, _b, _c, _d;
         var type = event.type;
-        return !!this.eventManager.cache[type] && (event.changedTouches && event.changedTouches[0] && (event.offsetX = event.changedTouches[0].x, event.changedTouches[0].offsetX = null !== (_a = event.changedTouches[0].x) && void 0 !== _a ? _a : event.changedTouches[0].pageX, event.changedTouches[0].clientX = null !== (_b = event.changedTouches[0].x) && void 0 !== _b ? _b : event.changedTouches[0].pageX, event.offsetY = event.changedTouches[0].y, event.changedTouches[0].offsetY = null !== (_c = event.changedTouches[0].y) && void 0 !== _c ? _c : event.changedTouches[0].pageY, event.changedTouches[0].clientY = null !== (_d = event.changedTouches[0].y) && void 0 !== _d ? _d : event.changedTouches[0].pageY), event.preventDefault = function () {}, event.stopPropagation = function () {}, this.eventManager.cache[type].listener && this.eventManager.cache[type].listener.forEach(function (f) {
+        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 = function () {}, event.stopPropagation = function () {}, this.eventManager.cache[type].listener && this.eventManager.cache[type].listener.forEach(function (f) {
           f(event);
         }), !0);
       }
@@ -33339,11 +33855,11 @@
       }
     }]);
   }(exports.BaseWindowHandlerContribution);
-  WxWindowHandlerContribution.env = "wx", WxWindowHandlerContribution = __decorate$s([injectable(), __param$n(0, inject(VGlobal)), __metadata$o("design:paramtypes", [Object])], WxWindowHandlerContribution);
-  var wxWindowModule = new ContainerModule(function (bind) {
-    bind(WxWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(function (ctx) {
-      return ctx.container.get(WxWindowHandlerContribution);
-    }).whenTargetNamed(WxWindowHandlerContribution.env);
+  TTWindowHandlerContribution.env = "tt", TTWindowHandlerContribution = __decorate$s([injectable(), __param$n(0, inject(VGlobal)), __metadata$o("design:paramtypes", [Object])], TTWindowHandlerContribution);
+  var ttWindowModule = new ContainerModule(function (bind) {
+    bind(TTWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(function (ctx) {
+      return ctx.container.get(TTWindowHandlerContribution);
+    }).whenTargetNamed(TTWindowHandlerContribution.env);
   });
 
   var __decorate$r = undefined && undefined.__decorate || function (decorators, target, key, desc) {
@@ -33387,7 +33903,7 @@
       return _regeneratorRuntime().wrap(function _callee$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            dpr = wx.getSystemInfoSync().pixelRatio;
+            dpr = tt.getSystemInfoSync().pixelRatio;
             _loop = /*#__PURE__*/_regeneratorRuntime().mark(function _loop(i) {
               var id;
               return _regeneratorRuntime().wrap(function _loop$(_context) {
@@ -33396,15 +33912,11 @@
                     id = canvasIdLists[i];
                     _context.next = 3;
                     return new Promise(function (resolve) {
-                      var data = wx.createSelectorQuery();
-                      component && (data = data["in"](component)), data.select("#".concat(id)).fields({
-                        node: !0,
-                        size: !0
-                      }).exec(function (res) {
-                        if (!res[0]) return;
+                      var data = tt.createSelectorQuery();
+                      component && (data = data["in"](component)), data.select("#".concat(id)).node().exec(function (res) {
                         var canvas = res[0].node,
-                          width = res[0].width,
-                          height = res[0].height;
+                          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);
                       });
                     });
@@ -33432,11 +33944,11 @@
       }, _callee);
     }));
   }
-  var WxEnvContribution = /*#__PURE__*/function (_BaseEnvContribution) {
-    function WxEnvContribution() {
+  var TTEnvContribution = /*#__PURE__*/function (_BaseEnvContribution) {
+    function TTEnvContribution() {
       var _this;
-      _classCallCheck(this, WxEnvContribution);
-      _this = _callSuper(this, WxEnvContribution), _this.type = "wx", _this.supportEvent = !0, _this.canvasMap = new Map(), _this.freeCanvasList = [], _this.canvasIdx = 0, _this.supportsTouchEvents = !0;
+      _classCallCheck(this, TTEnvContribution);
+      _this = _callSuper(this, TTEnvContribution), _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) {
@@ -33445,8 +33957,8 @@
       _this.applyStyles = !0;
       return _this;
     }
-    _inherits(WxEnvContribution, _BaseEnvContribution);
-    return _createClass(WxEnvContribution, [{
+    _inherits(TTEnvContribution, _BaseEnvContribution);
+    return _createClass(TTEnvContribution, [{
       key: "configure",
       value: function 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(function () {});
@@ -33479,7 +33991,7 @@
     }, {
       key: "getDevicePixelRatio",
       value: function getDevicePixelRatio() {
-        return wx.getSystemInfoSync().pixelRatio;
+        return tt.getSystemInfoSync().pixelRatio;
       }
     }, {
       key: "getRequestAnimationFrame",
@@ -33536,32 +34048,19 @@
       }
     }]);
   }(exports.BaseEnvContribution);
-  WxEnvContribution = __decorate$r([injectable(), __metadata$n("design:paramtypes", [])], WxEnvContribution);
+  TTEnvContribution = __decorate$r([injectable(), __metadata$n("design:paramtypes", [])], TTEnvContribution);
 
-  var wxEnvModule = new ContainerModule(function (bind) {
-    wxEnvModule._isWxBound || (wxEnvModule._isWxBound = !0, bind(WxEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(WxEnvContribution));
+  var ttEnvModule = new ContainerModule(function (bind) {
+    ttEnvModule.isTTBound || (ttEnvModule.isTTBound = !0, bind(TTEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(TTEnvContribution));
   });
-  wxEnvModule._isWxBound = !1;
-  function loadWxEnv(container) {
+  ttEnvModule.isTTBound = !1;
+  function loadTTEnv(container) {
     var loadPicker = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
-    loadWxEnv.__loaded || (loadWxEnv.__loaded = !0, container.load(wxEnvModule), container.load(wxCanvasModule), container.load(wxWindowModule), loadPicker && loadMathPicker(container));
+    loadTTEnv.__loaded || (loadTTEnv.__loaded = !0, container.load(ttEnvModule), container.load(ttCanvasModule), container.load(ttWindowModule), loadPicker && loadMathPicker(container));
   }
-  loadWxEnv.__loaded = !1;
-  function initWxEnv() {
-    loadWxEnv(container);
-  }
-
-  function loadAllEnv(container) {
-    loadAllModule(container);
-  }
-  function loadAllModule(container) {
-    loadAllModule.__loaded || (loadAllModule.__loaded = !0, loadBrowserEnv(container, !1), loadFeishuEnv(container, !1), loadLynxEnv(container, !1), loadNodeEnv(container), loadTaroEnv(container, !1), loadWxEnv(container, !1), loadCanvasPicker(container), vglobal.hooks.onSetEnv.tap("loadMathPicker", function (lastEnv, env) {
-      "browser" !== env && loadMathPicker(container);
-    }));
-  }
-  loadAllModule.__loaded = !1;
-  function initAllEnv() {
-    loadAllEnv(container);
+  loadTTEnv.__loaded = !1;
+  function initTTEnv() {
+    loadTTEnv(container);
   }
 
   var __decorate$q = undefined && undefined.__decorate || function (decorators, target, key, desc) {
@@ -35137,7 +35636,7 @@
 
   var roughModule = _roughModule;
 
-  const version = "0.19.1";
+  const version = "0.19.3";
   preLoadAllModule();
   if (isBrowserEnv()) {
       loadBrowserEnv(container);
@@ -35189,8 +35688,25 @@
   exports.BoundsPicker = BoundsPicker;
   exports.CIRCLE_NUMBER_TYPE = CIRCLE_NUMBER_TYPE;
   exports.Canvas3DDrawItemInterceptor = Canvas3DDrawItemInterceptor;
+  exports.CanvasArc3dPicker = CanvasArc3dPicker;
+  exports.CanvasArcPicker = CanvasArcPicker;
+  exports.CanvasAreaPicker = CanvasAreaPicker;
+  exports.CanvasCirclePicker = CanvasCirclePicker;
   exports.CanvasFactory = CanvasFactory;
+  exports.CanvasGlyphPicker = CanvasGlyphPicker;
+  exports.CanvasGroupPicker = CanvasGroupPicker;
+  exports.CanvasImagePicker = CanvasImagePicker;
+  exports.CanvasLinePicker = CanvasLinePicker;
+  exports.CanvasPathPicker = CanvasPathPicker;
+  exports.CanvasPickerContribution = CanvasPickerContribution;
+  exports.CanvasPolygonPicker = CanvasPolygonPicker;
+  exports.CanvasPyramid3dPicker = CanvasPyramid3dPicker;
+  exports.CanvasRect3dPicker = CanvasRect3dPicker;
+  exports.CanvasRectPicker = CanvasRectPicker;
+  exports.CanvasRichTextPicker = CanvasRichTextPicker;
+  exports.CanvasSymbolPicker = CanvasSymbolPicker;
   exports.CanvasTextLayout = CanvasTextLayout;
+  exports.CanvasTextPicker = CanvasTextPicker;
   exports.CbAnimate = CbAnimate;
   exports.Circle = Circle;
   exports.CircleRender = CircleRender;
@@ -35315,6 +35831,18 @@
   exports.ManualTickHandler = ManualTickHandler;
   exports.ManualTicker = ManualTicker;
   exports.Mat4Allocate = Mat4Allocate;
+  exports.MathArcPicker = MathArcPicker;
+  exports.MathAreaPicker = MathAreaPicker;
+  exports.MathCirclePicker = MathCirclePicker;
+  exports.MathGlyphPicker = MathGlyphPicker;
+  exports.MathImagePicker = MathImagePicker;
+  exports.MathLinePicker = MathLinePicker;
+  exports.MathPathPicker = MathPathPicker;
+  exports.MathPickerContribution = MathPickerContribution;
+  exports.MathPolygonPicker = MathPolygonPicker;
+  exports.MathRectPicker = MathRectPicker;
+  exports.MathSymbolPicker = MathSymbolPicker;
+  exports.MathTextPicker = MathTextPicker;
   exports.MatrixAllocate = MatrixAllocate;
   exports.Meteor = Meteor;
   exports.MonotoneX = MonotoneX;
@@ -35555,6 +36083,7 @@
   exports.initFeishuEnv = initFeishuEnv;
   exports.initLynxEnv = initLynxEnv;
   exports.initNodeEnv = initNodeEnv;
+  exports.initTTEnv = initTTEnv;
   exports.initTaroEnv = initTaroEnv;
   exports.initWxEnv = initWxEnv;
   exports.inject = inject;
@@ -35581,6 +36110,7 @@
   exports.loadFeishuEnv = loadFeishuEnv;
   exports.loadLynxEnv = loadLynxEnv;
   exports.loadNodeEnv = loadNodeEnv;
+  exports.loadTTEnv = loadTTEnv;
   exports.loadTaroEnv = loadTaroEnv;
   exports.loadWxEnv = loadWxEnv;
   exports.lookAt = lookAt;
@@ -35702,6 +36232,7 @@
   exports.transformMat4 = transformMat4;
   exports.transformUtil = transformUtil;
   exports.translate = translate;
+  exports.ttEnvModule = ttEnvModule;
   exports.version = version;
   exports.verticalLayout = verticalLayout;
   exports.vglobal = vglobal;