@visactor/vrender-components 0.17.0-alpha.4 → 0.17.0-alpha.5

package/dist/index.js

@@ -1479,7 +1479,7 @@
       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$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$i = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -1492,7 +1492,7 @@
       _classCallCheck(this, DefaultGlobal);
       this.contributions = contributions, this.id = Generator.GenAutoIncrementId(), this.hooks = {
         onSetEnv: new SyncHook(["lastEnv", "env", "global"])
-      }, this.measureTextMethod = "native", this.optimizeVisible = !1, this.optmizeSkipCheckBoundariesThreshold = 0;
+      }, this.measureTextMethod = "native", this.optimizeVisible = !1;
     }
     _createClass(DefaultGlobal, [{
       key: "env",
@@ -1722,7 +1722,7 @@
     }]);
     return DefaultGlobal;
   }();
-  DefaultGlobal = __decorate$G([injectable(), __param$i(0, inject(ContributionProvider)), __param$i(0, named(EnvContribution)), __metadata$r("design:paramtypes", [Object])], DefaultGlobal);
+  DefaultGlobal = __decorate$G([injectable(), __param$i(0, inject(ContributionProvider)), __param$i(0, named(EnvContribution)), __metadata$s("design:paramtypes", [Object])], DefaultGlobal);
 
   var circleThreshold = vutils.tau - 1e-8;
   var BoundsContext = /*#__PURE__*/function () {
@@ -4113,7 +4113,7 @@
       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$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$h = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -4198,7 +4198,7 @@
     }]);
     return DefaultGraphicUtil;
   }();
-  DefaultGraphicUtil = __decorate$D([injectable(), __param$h(0, inject(ContributionProvider)), __param$h(0, named(TextMeasureContribution)), __metadata$q("design:paramtypes", [Object])], DefaultGraphicUtil);
+  DefaultGraphicUtil = __decorate$D([injectable(), __param$h(0, inject(ContributionProvider)), __param$h(0, named(TextMeasureContribution)), __metadata$r("design:paramtypes", [Object])], DefaultGraphicUtil);
   var TransformMode;
   !function (TransformMode) {
     TransformMode[TransformMode.transform = 0] = "transform", TransformMode[TransformMode.matrix = 1] = "matrix";
@@ -4275,7 +4275,7 @@
     }]);
     return DefaultTransformUtil;
   }();
-  DefaultTransformUtil = __decorate$D([injectable(), __metadata$q("design:paramtypes", [])], DefaultTransformUtil);
+  DefaultTransformUtil = __decorate$D([injectable(), __metadata$r("design:paramtypes", [])], DefaultTransformUtil);
 
   var defaultThemeObj = {
       arc: DefaultArcAttribute,
@@ -6555,19 +6555,15 @@
       key: "getOffsetXY",
       value: function getOffsetXY(attr) {
         var includeScroll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+        var _a, _b;
         var _this$attribute = this.attribute,
           _this$attribute$dx = _this$attribute.dx,
           dx = _this$attribute$dx === void 0 ? attr.dx : _this$attribute$dx,
           _this$attribute$dy = _this$attribute.dy,
           dy = _this$attribute$dy === void 0 ? attr.dy : _this$attribute$dy;
         if (includeScroll && this.parent) {
-          var groupTheme = getTheme(this.parent).group,
-            _this$parent$attribut = this.parent.attribute,
-            _this$parent$attribut2 = _this$parent$attribut.scrollX,
-            scrollX = _this$parent$attribut2 === void 0 ? groupTheme.scrollX : _this$parent$attribut2,
-            _this$parent$attribut3 = _this$parent$attribut.scrollY,
-            scrollY = _this$parent$attribut3 === void 0 ? groupTheme.scrollY : _this$parent$attribut3;
-          point.x = dx + scrollX, point.y = dy + scrollY;
+          var attribute = this.parent.attribute;
+          point.x = dx + (null !== (_a = attribute.scrollX) && void 0 !== _a ? _a : 0), point.y = dy + (null !== (_b = attribute.scrollY) && void 0 !== _b ? _b : 0);
         } else point.x = dx, point.y = dy;
         return point;
       }
@@ -7090,11 +7086,11 @@
       value: function doUpdateGlobalMatrix() {
         if (this.parent) {
           this._globalTransMatrix.multiply(this.transMatrix.a, this.transMatrix.b, this.transMatrix.c, this.transMatrix.d, this.transMatrix.e, this.transMatrix.f);
-          var _this$parent$attribut4 = this.parent.attribute,
-            _this$parent$attribut5 = _this$parent$attribut4.scrollX,
-            scrollX = _this$parent$attribut5 === void 0 ? 0 : _this$parent$attribut5,
-            _this$parent$attribut6 = _this$parent$attribut4.scrollY,
-            scrollY = _this$parent$attribut6 === void 0 ? 0 : _this$parent$attribut6;
+          var _this$parent$attribut = this.parent.attribute,
+            _this$parent$attribut2 = _this$parent$attribut.scrollX,
+            scrollX = _this$parent$attribut2 === void 0 ? 0 : _this$parent$attribut2,
+            _this$parent$attribut3 = _this$parent$attribut.scrollY,
+            scrollY = _this$parent$attribut3 === void 0 ? 0 : _this$parent$attribut3;
           this._globalTransMatrix.translate(scrollX, scrollY);
         }
       }
@@ -8088,7 +8084,7 @@
       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$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 DefaultLayerService = /*#__PURE__*/function () {
@@ -8168,7 +8164,7 @@
     }]);
     return DefaultLayerService;
   }();
-  DefaultLayerService = __decorate$C([injectable(), __metadata$p("design:paramtypes", [])], DefaultLayerService);
+  DefaultLayerService = __decorate$C([injectable(), __metadata$q("design:paramtypes", [])], DefaultLayerService);
 
   var __decorate$B = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
@@ -8177,7 +8173,7 @@
       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$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 VWindow = Symbol["for"]("VWindow");
@@ -8330,7 +8326,7 @@
     }]);
     return DefaultWindow;
   }();
-  DefaultWindow = __decorate$B([injectable(), __metadata$o("design:paramtypes", [])], DefaultWindow);
+  DefaultWindow = __decorate$B([injectable(), __metadata$p("design:paramtypes", [])], DefaultWindow);
 
   var coreModule = new ContainerModule(function (bind) {
     bind(VGlobal).to(DefaultGlobal).inSingletonScope(), bind(VWindow).to(DefaultWindow), bind(GraphicUtil).to(DefaultGraphicUtil).inSingletonScope(), bind(TransformUtil).to(DefaultTransformUtil).inSingletonScope(), bind(LayerService).to(DefaultLayerService).inSingletonScope();
@@ -11977,7 +11973,7 @@
       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$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$g = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -12607,7 +12603,7 @@
     }]);
     return DefaultGraphicService;
   }();
-  DefaultGraphicService = __decorate$A([injectable(), __param$g(0, inject(GraphicCreator)), __metadata$n("design:paramtypes", [Object])], DefaultGraphicService);
+  DefaultGraphicService = __decorate$A([injectable(), __param$g(0, inject(GraphicCreator)), __metadata$o("design:paramtypes", [Object])], DefaultGraphicService);
 
   var ShadowRoot = /*#__PURE__*/function (_Group) {
     _inherits(ShadowRoot, _Group);
@@ -12729,6 +12725,12 @@
   }
   createRichText({});
 
+  var result = {
+    x: 0,
+    y: 0,
+    z: 0,
+    lastModelMatrix: null
+  };
   var BaseRender = /*#__PURE__*/function () {
     function BaseRender() {
       _classCallCheck(this, BaseRender);
@@ -12795,8 +12797,7 @@
       key: "transform",
       value: function transform(graphic, graphicAttribute, context) {
         var use3dMatrixIn3dMode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
-        var transMatrix = graphic.transMatrix,
-          _graphic$attribute2 = graphic.attribute,
+        var _graphic$attribute2 = graphic.attribute,
           _graphic$attribute2$x = _graphic$attribute2.x,
           x = _graphic$attribute2$x === void 0 ? graphicAttribute.x : _graphic$attribute2$x,
           _graphic$attribute2$y = _graphic$attribute2.y,
@@ -12810,16 +12811,11 @@
           _graphic$attribute2$a = _graphic$attribute2.angle,
           angle = _graphic$attribute2$a === void 0 ? graphicAttribute.angle : _graphic$attribute2$a,
           postMatrix = _graphic$attribute2.postMatrix,
-          onlyTranslate = transMatrix.onlyTranslate() && !postMatrix,
           lastModelMatrix = context.modelMatrix,
-          camera = context.camera,
-          result = {
-            x: x,
-            y: y,
-            z: z,
-            lastModelMatrix: lastModelMatrix
-          },
-          shouldTransform3d = camera && (use3dMatrixIn3dMode || shouldUseMat4(graphic));
+          camera = context.camera;
+        result.x = x, result.y = y, result.z = z, result.lastModelMatrix = lastModelMatrix;
+        var shouldTransform3d = camera && (use3dMatrixIn3dMode || shouldUseMat4(graphic)),
+          onlyTranslate = shouldTransform3d ? graphic.transMatrix.onlyTranslate() && !postMatrix : 1 === scaleX && 1 === scaleY && 0 === angle && !postMatrix;
         if (shouldTransform3d) {
           var nextModelMatrix = mat4Allocate.allocate(),
             modelMatrix = mat4Allocate.allocate();
@@ -12993,7 +12989,7 @@
       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$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$f = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -13046,7 +13042,7 @@
     }]);
     return DefaultBaseInteractiveRenderContribution;
   }();
-  DefaultBaseInteractiveRenderContribution = __decorate$z([injectable(), __param$f(0, inject(ContributionProvider)), __param$f(0, named(InteractiveSubRenderContribution)), __metadata$m("design:paramtypes", [Object])], DefaultBaseInteractiveRenderContribution);
+  DefaultBaseInteractiveRenderContribution = __decorate$z([injectable(), __param$f(0, inject(ContributionProvider)), __param$f(0, named(InteractiveSubRenderContribution)), __metadata$n("design:paramtypes", [Object])], DefaultBaseInteractiveRenderContribution);
   var DefaultBaseTextureRenderContribution = /*#__PURE__*/function () {
     function DefaultBaseTextureRenderContribution() {
       _classCallCheck(this, DefaultBaseTextureRenderContribution);
@@ -13666,7 +13662,7 @@
       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$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$e = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -13839,7 +13835,7 @@
     }]);
     return DefaultCanvasArcRender;
   }(BaseRender);
-  DefaultCanvasArcRender = __decorate$y([injectable(), __param$e(0, inject(ContributionProvider)), __param$e(0, named(ArcRenderContribution)), __metadata$l("design:paramtypes", [Object])], DefaultCanvasArcRender);
+  DefaultCanvasArcRender = __decorate$y([injectable(), __param$e(0, inject(ContributionProvider)), __param$e(0, named(ArcRenderContribution)), __metadata$m("design:paramtypes", [Object])], DefaultCanvasArcRender);
 
   var __decorate$x = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
@@ -13848,7 +13844,7 @@
       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$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$d = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -13897,7 +13893,7 @@
     }]);
     return DefaultCanvasCircleRender;
   }(BaseRender);
-  DefaultCanvasCircleRender = __decorate$x([injectable(), __param$d(0, inject(ContributionProvider)), __param$d(0, named(CircleRenderContribution)), __metadata$k("design:paramtypes", [Object])], DefaultCanvasCircleRender);
+  DefaultCanvasCircleRender = __decorate$x([injectable(), __param$d(0, inject(ContributionProvider)), __param$d(0, named(CircleRenderContribution)), __metadata$l("design:paramtypes", [Object])], DefaultCanvasCircleRender);
 
   function drawSegments(path, segPath, percent, clipRangeByDimension, params) {
     var _a;
@@ -14429,7 +14425,7 @@
       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$k = 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) {
@@ -14702,7 +14698,7 @@
     }]);
     return DefaultCanvasAreaRender;
   }(BaseRender);
-  DefaultCanvasAreaRender = __decorate$v([injectable(), __param$c(0, inject(ContributionProvider)), __param$c(0, named(AreaRenderContribution)), __metadata$j("design:paramtypes", [Object])], DefaultCanvasAreaRender);
+  DefaultCanvasAreaRender = __decorate$v([injectable(), __param$c(0, inject(ContributionProvider)), __param$c(0, named(AreaRenderContribution)), __metadata$k("design:paramtypes", [Object])], DefaultCanvasAreaRender);
 
   var defaultPathTextureRenderContribution = defaultBaseTextureRenderContribution;
   var defaultPathBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
@@ -14714,7 +14710,7 @@
       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$j = 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) {
@@ -14734,14 +14730,14 @@
     _createClass(DefaultCanvasPathRender, [{
       key: "drawShape",
       value: function drawShape(path, context, x, y, drawContext, params, fillCb, strokeCb) {
-        var _a, _b;
-        var pathAttribute = getTheme(path, null == params ? void 0 : params.theme).path,
+        var _a, _b, _c;
+        var pathAttribute = null !== (_a = this.tempTheme) && void 0 !== _a ? _a : getTheme(path, null == params ? void 0 : params.theme).path,
           _path$attribute = path.attribute,
           _path$attribute$x = _path$attribute.x,
           originX = _path$attribute$x === void 0 ? pathAttribute.x : _path$attribute$x,
           _path$attribute$y = _path$attribute.y,
           originY = _path$attribute$y === void 0 ? pathAttribute.y : _path$attribute$y,
-          z = null !== (_a = this.z) && void 0 !== _a ? _a : 0,
+          z = null !== (_b = this.z) && void 0 !== _b ? _b : 0,
           data = this.valid(path, pathAttribute, fillCb, strokeCb);
         if (!data) return;
         var fVisible = data.fVisible,
@@ -14749,7 +14745,7 @@
           doFill = data.doFill,
           doStroke = data.doStroke;
         if (context.beginPath(), path.pathShape) renderCommandList(path.pathShape.commandList, context, x, y, 1, 1, z);else {
-          var path2D = null !== (_b = path.attribute.path) && void 0 !== _b ? _b : pathAttribute.path;
+          var path2D = null !== (_c = path.attribute.path) && void 0 !== _c ? _c : pathAttribute.path;
           renderCommandList(path2D.commandList, context, x, y, 1, 1, z);
         }
         context.setShadowBlendStyle && context.setShadowBlendStyle(path, path.attribute, pathAttribute), this.beforeRenderStep(path, context, x, y, doFill, doStroke, fVisible, sVisible, pathAttribute, drawContext, fillCb, strokeCb), doStroke && (strokeCb ? strokeCb(context, path.attribute, pathAttribute) : sVisible && (context.setStrokeStyle(path, path.attribute, originX - x, originY - y, pathAttribute), context.stroke())), doFill && (fillCb ? fillCb(context, path.attribute, pathAttribute) : fVisible && (context.setCommonStyle(path, path.attribute, originX - x, originY - y, pathAttribute), context.fill())), this.afterRenderStep(path, context, x, y, doFill, doStroke, fVisible, sVisible, pathAttribute, drawContext, fillCb, strokeCb);
@@ -14758,12 +14754,12 @@
       key: "draw",
       value: function draw(path, renderService, drawContext, params) {
         var pathAttribute = getTheme(path, null == params ? void 0 : params.theme).path;
-        this._draw(path, pathAttribute, !1, drawContext, params);
+        this.tempTheme = pathAttribute, this._draw(path, pathAttribute, !1, drawContext, params), this.tempTheme = null;
       }
     }]);
     return DefaultCanvasPathRender;
   }(BaseRender);
-  DefaultCanvasPathRender = __decorate$u([injectable(), __param$b(0, inject(ContributionProvider)), __param$b(0, named(PathRenderContribution)), __metadata$i("design:paramtypes", [Object])], DefaultCanvasPathRender);
+  DefaultCanvasPathRender = __decorate$u([injectable(), __param$b(0, inject(ContributionProvider)), __param$b(0, named(PathRenderContribution)), __metadata$j("design:paramtypes", [Object])], DefaultCanvasPathRender);
 
   var __decorate$t = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
@@ -14772,7 +14768,7 @@
       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$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$a = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -14792,7 +14788,8 @@
     _createClass(DefaultCanvasRectRender, [{
       key: "drawShape",
       value: function drawShape(rect, context, x, y, drawContext, params, fillCb, strokeCb) {
-        var rectAttribute = getTheme(rect, null == params ? void 0 : params.theme).rect,
+        var _a;
+        var rectAttribute = null !== (_a = this.tempTheme) && void 0 !== _a ? _a : getTheme(rect, null == params ? void 0 : params.theme).rect,
           _rect$attribute = rect.attribute,
           _rect$attribute$fill = _rect$attribute.fill,
           fill = _rect$attribute$fill === void 0 ? rectAttribute.fill : _rect$attribute$fill,
@@ -14839,12 +14836,12 @@
       key: "draw",
       value: function draw(rect, renderService, drawContext, params) {
         var rectAttribute = getTheme(rect, null == params ? void 0 : params.theme).rect;
-        this._draw(rect, rectAttribute, !1, drawContext, params);
+        this.tempTheme = rectAttribute, this._draw(rect, rectAttribute, !1, drawContext, params), this.tempTheme = null;
       }
     }]);
     return DefaultCanvasRectRender;
   }(BaseRender);
-  DefaultCanvasRectRender = __decorate$t([injectable(), __param$a(0, inject(ContributionProvider)), __param$a(0, named(RectRenderContribution)), __metadata$h("design:paramtypes", [Object])], DefaultCanvasRectRender);
+  DefaultCanvasRectRender = __decorate$t([injectable(), __param$a(0, inject(ContributionProvider)), __param$a(0, named(RectRenderContribution)), __metadata$i("design:paramtypes", [Object])], DefaultCanvasRectRender);
 
   var __decorate$s = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
@@ -14853,7 +14850,7 @@
       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$h = undefined && undefined.__metadata || function (k, v) {
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     },
     __param$9 = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -14917,7 +14914,7 @@
     }]);
     return DefaultCanvasSymbolRender;
   }(BaseRender);
-  DefaultCanvasSymbolRender = __decorate$s([injectable(), __param$9(0, inject(ContributionProvider)), __param$9(0, named(SymbolRenderContribution)), __metadata$g("design:paramtypes", [Object])], DefaultCanvasSymbolRender);
+  DefaultCanvasSymbolRender = __decorate$s([injectable(), __param$9(0, inject(ContributionProvider)), __param$9(0, named(SymbolRenderContribution)), __metadata$h("design:paramtypes", [Object])], DefaultCanvasSymbolRender);
 
   var __decorate$r = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
@@ -14926,7 +14923,7 @@
       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$g = undefined && undefined.__metadata || function (k, v) {
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     },
     __param$8 = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -15147,7 +15144,7 @@
     }]);
     return DefaultCanvasTextRender;
   }(BaseRender);
-  DefaultCanvasTextRender = __decorate$r([injectable(), __param$8(0, inject(ContributionProvider)), __param$8(0, named(TextRenderContribution)), __metadata$f("design:paramtypes", [Object])], DefaultCanvasTextRender);
+  DefaultCanvasTextRender = __decorate$r([injectable(), __param$8(0, inject(ContributionProvider)), __param$8(0, named(TextRenderContribution)), __metadata$g("design:paramtypes", [Object])], DefaultCanvasTextRender);
 
   var __decorate$q = undefined && undefined.__decorate || function (decorators, target, key, desc) {
     var d,
@@ -15222,7 +15219,7 @@
       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$f = undefined && undefined.__metadata || function (k, v) {
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     },
     __param$7 = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -15273,7 +15270,7 @@
     }]);
     return DefaultCanvasPolygonRender;
   }(BaseRender);
-  DefaultCanvasPolygonRender = __decorate$p([injectable(), __param$7(0, inject(ContributionProvider)), __param$7(0, named(PolygonRenderContribution)), __metadata$e("design:paramtypes", [Object])], DefaultCanvasPolygonRender);
+  DefaultCanvasPolygonRender = __decorate$p([injectable(), __param$7(0, inject(ContributionProvider)), __param$7(0, named(PolygonRenderContribution)), __metadata$f("design:paramtypes", [Object])], DefaultCanvasPolygonRender);
 
   var __decorate$o = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
@@ -15282,7 +15279,7 @@
       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$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$6 = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -15353,7 +15350,7 @@
     }]);
     return DefaultCanvasImageRender;
   }(BaseRender);
-  DefaultCanvasImageRender = __decorate$o([injectable(), __param$6(0, inject(ContributionProvider)), __param$6(0, named(ImageRenderContribution)), __metadata$d("design:paramtypes", [Object])], DefaultCanvasImageRender);
+  DefaultCanvasImageRender = __decorate$o([injectable(), __param$6(0, inject(ContributionProvider)), __param$6(0, named(ImageRenderContribution)), __metadata$e("design:paramtypes", [Object])], DefaultCanvasImageRender);
 
   var IncrementalDrawContribution = Symbol["for"]("IncrementalDrawContribution");
   var ArcRender = Symbol["for"]("ArcRender");
@@ -15382,7 +15379,7 @@
       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$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$5 = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -15400,7 +15397,7 @@
       key: "prepare",
       value: function prepare(updateBounds) {
         var _this = this;
-        this.renderTreeRoots.forEach(function (g) {
+        updateBounds && this.renderTreeRoots.forEach(function (g) {
           _this._prepare(g, updateBounds);
         });
       }
@@ -15441,7 +15438,7 @@
     }]);
     return DefaultRenderService;
   }();
-  DefaultRenderService = __decorate$n([injectable(), __param$5(0, inject(DrawContribution)), __metadata$c("design:paramtypes", [Object])], DefaultRenderService);
+  DefaultRenderService = __decorate$n([injectable(), __param$5(0, inject(DrawContribution)), __metadata$d("design:paramtypes", [Object])], DefaultRenderService);
 
   var renderModule$1 = new ContainerModule(function (bind) {
     bind(RenderService).to(DefaultRenderService).inSingletonScope();
@@ -15615,7 +15612,7 @@
       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$c = undefined && undefined.__metadata || function (k, v) {
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     },
     __param$4 = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -15666,7 +15663,7 @@
     }]);
     return DefaultPluginService;
   }();
-  DefaultPluginService = __decorate$l([injectable(), __param$4(0, inject(ContributionProvider)), __param$4(0, named(AutoEnablePlugins)), __metadata$b("design:paramtypes", [Object])], DefaultPluginService);
+  DefaultPluginService = __decorate$l([injectable(), __param$4(0, inject(ContributionProvider)), __param$4(0, named(AutoEnablePlugins)), __metadata$c("design:paramtypes", [Object])], DefaultPluginService);
 
   var pluginModule = new ContainerModule(function (bind) {
     bind(PluginService).to(DefaultPluginService), bindContributionProviderNoSingletonScope(bind, AutoEnablePlugins);
@@ -15687,7 +15684,7 @@
       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$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 CanvasLayerHandlerContribution = /*#__PURE__*/function () {
@@ -15780,7 +15777,7 @@
     }]);
     return CanvasLayerHandlerContribution;
   }();
-  CanvasLayerHandlerContribution = __decorate$k([injectable(), __metadata$a("design:paramtypes", [])], CanvasLayerHandlerContribution);
+  CanvasLayerHandlerContribution = __decorate$k([injectable(), __metadata$b("design:paramtypes", [])], CanvasLayerHandlerContribution);
 
   var __decorate$j = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
@@ -15789,7 +15786,7 @@
       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$9 = 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);
     };
   var EmptyLayerHandlerContribution = /*#__PURE__*/function () {
@@ -15847,7 +15844,7 @@
     }]);
     return EmptyLayerHandlerContribution;
   }();
-  EmptyLayerHandlerContribution = __decorate$j([injectable(), __metadata$9("design:paramtypes", [])], EmptyLayerHandlerContribution);
+  EmptyLayerHandlerContribution = __decorate$j([injectable(), __metadata$a("design:paramtypes", [])], EmptyLayerHandlerContribution);
 
   var __decorate$i = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
@@ -15856,7 +15853,7 @@
       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$8 = undefined && undefined.__metadata || function (k, v) {
+    __metadata$9 = 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 () {
@@ -15943,7 +15940,7 @@
     }]);
     return OffscreenLayerHandlerContribution;
   }();
-  OffscreenLayerHandlerContribution = __decorate$i([injectable(), __metadata$8("design:paramtypes", [])], OffscreenLayerHandlerContribution);
+  OffscreenLayerHandlerContribution = __decorate$i([injectable(), __metadata$9("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);
@@ -16071,12 +16068,15 @@
   }
 
   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;
-  };
+      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$8 = 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");
   var tempDirtyBounds = new vutils.AABBBounds();
   var ShadowRootDrawItemInterceptorContribution = /*#__PURE__*/function () {
@@ -16109,21 +16109,15 @@
     }]);
     return ShadowRootDrawItemInterceptorContribution;
   }();
-  ShadowRootDrawItemInterceptorContribution = __decorate$h([injectable()], ShadowRootDrawItemInterceptorContribution);
-  var CommonDrawItemInterceptorContribution = /*#__PURE__*/function () {
-    function CommonDrawItemInterceptorContribution() {
-      _classCallCheck(this, CommonDrawItemInterceptorContribution);
-      this.order = 1;
+  var DebugDrawItemInterceptorContribution = /*#__PURE__*/function () {
+    function DebugDrawItemInterceptorContribution() {
+      _classCallCheck(this, DebugDrawItemInterceptorContribution);
+      this.order = 1, this.interceptors = [new ShadowRootDrawItemInterceptorContribution(), new Canvas3DDrawItemInterceptor(), new InteractiveDrawItemInterceptorContribution()];
     }
-    _createClass(CommonDrawItemInterceptorContribution, [{
+    _createClass(DebugDrawItemInterceptorContribution, [{
       key: "afterDrawItem",
       value: function afterDrawItem(graphic, renderService, drawContext, drawContribution, params) {
-        return (graphic.attribute.shadowRootIdx > 0 || !graphic.attribute.shadowRootIdx) && this.drawItem(graphic, renderService, drawContext, drawContribution, params), !1;
-      }
-    }, {
-      key: "beforeDrawItem",
-      value: function beforeDrawItem(graphic, renderService, drawContext, drawContribution, params) {
-        return graphic.attribute.shadowRootIdx < 0 && this.drawItem(graphic, renderService, drawContext, drawContribution, params), !1;
+        return graphic.attribute._debug_bounds && this.drawItem(graphic, renderService, drawContext, drawContribution, params), !1;
       }
     }, {
       key: "drawItem",
@@ -16135,9 +16129,30 @@
         return !0 !== graphic.attribute._debug_bounds && graphic.attribute._debug_bounds(context, graphic), context.strokeRect(b.x1, b.y1, b.width(), b.height()), context.highPerformanceRestore(), !0;
       }
     }]);
+    return DebugDrawItemInterceptorContribution;
+  }();
+  var CommonDrawItemInterceptorContribution = /*#__PURE__*/function () {
+    function CommonDrawItemInterceptorContribution() {
+      _classCallCheck(this, CommonDrawItemInterceptorContribution);
+      this.order = 1, this.interceptors = [new ShadowRootDrawItemInterceptorContribution(), new Canvas3DDrawItemInterceptor(), new InteractiveDrawItemInterceptorContribution(), new DebugDrawItemInterceptorContribution()];
+    }
+    _createClass(CommonDrawItemInterceptorContribution, [{
+      key: "afterDrawItem",
+      value: function afterDrawItem(graphic, renderService, drawContext, drawContribution, params) {
+        for (var i = 0; i < this.interceptors.length; i++) if (this.interceptors[i].afterDrawItem && this.interceptors[i].afterDrawItem(graphic, renderService, drawContext, drawContribution, params)) return !0;
+        return !1;
+      }
+    }, {
+      key: "beforeDrawItem",
+      value: function beforeDrawItem(graphic, renderService, drawContext, drawContribution, params) {
+        if ((!graphic.in3dMode || drawContext.in3dInterceptor) && !graphic.shadowRoot && !(graphic.baseGraphic || graphic.attribute.globalZIndex || graphic.interactiveGraphic)) return !1;
+        for (var i = 0; i < this.interceptors.length; i++) if (this.interceptors[i].beforeDrawItem && this.interceptors[i].beforeDrawItem(graphic, renderService, drawContext, drawContribution, params)) return !0;
+        return !1;
+      }
+    }]);
     return CommonDrawItemInterceptorContribution;
   }();
-  CommonDrawItemInterceptorContribution = __decorate$h([injectable()], CommonDrawItemInterceptorContribution);
+  CommonDrawItemInterceptorContribution = __decorate$h([injectable(), __metadata$8("design:paramtypes", [])], CommonDrawItemInterceptorContribution);
   var InteractiveDrawItemInterceptorContribution = /*#__PURE__*/function () {
     function InteractiveDrawItemInterceptorContribution() {
       _classCallCheck(this, InteractiveDrawItemInterceptorContribution);
@@ -16196,7 +16211,6 @@
     }]);
     return InteractiveDrawItemInterceptorContribution;
   }();
-  InteractiveDrawItemInterceptorContribution = __decorate$h([injectable()], InteractiveDrawItemInterceptorContribution);
   var Canvas3DDrawItemInterceptor = /*#__PURE__*/function () {
     function Canvas3DDrawItemInterceptor() {
       _classCallCheck(this, Canvas3DDrawItemInterceptor);
@@ -16287,7 +16301,6 @@
     }]);
     return Canvas3DDrawItemInterceptor;
   }();
-  Canvas3DDrawItemInterceptor = __decorate$h([injectable()], Canvas3DDrawItemInterceptor);
 
   var DefaultBoundsAllocate = /*#__PURE__*/function () {
     function DefaultBoundsAllocate() {
@@ -16365,9 +16378,7 @@
     }, {
       key: "prepareForDraw",
       value: function prepareForDraw(renderService, drawContext) {
-        renderService.renderTreeRoots.reduce(function (a, b) {
-          return a + b.count;
-        }, 0) < this.global.optmizeSkipCheckBoundariesThreshold ? this.useDirtyBounds = !1 : this.useDirtyBounds = !0;
+        drawContext.updateBounds ? this.useDirtyBounds = !0 : this.useDirtyBounds = !drawContext.stage.params.optimize.disableCheckGraphicWidthOutRange;
       }
     }, {
       key: "draw",
@@ -16421,7 +16432,8 @@
         if (drawContext["break"] || !1 === group.attribute.visibleAll) return;
         if (group.incremental && (null == drawContext.startAtId || drawContext.startAtId === group._uid)) return drawContext["break"] = !0, void this._increaseRender(group, drawContext);
         if (this.useDirtyBounds && !vutils.isRectIntersect(group.AABBBounds, this.dirtyBounds, !1)) return;
-        var nextM, tempBounds;
+        var tempBounds,
+          nextM = parentMatrix;
         if (this.useDirtyBounds) {
           tempBounds = boundsAllocate.allocateByObj(this.dirtyBounds);
           var gm = group.transMatrix;
@@ -17689,7 +17701,7 @@
   DefaultCanvasPyramid3dRender = __decorate$7([injectable()], DefaultCanvasPyramid3dRender);
 
   var renderModule = new ContainerModule(function (bind) {
-    bind(DefaultBaseBackgroundRenderContribution).toSelf().inSingletonScope(), bind(DefaultBaseTextureRenderContribution).toSelf().inSingletonScope(), bind(DrawContribution).to(DefaultDrawContribution), bind(IncrementalDrawContribution).to(DefaultIncrementalDrawContribution), bind(DefaultCanvasCircleRender).toSelf().inSingletonScope(), bind(CircleRender).to(DefaultCanvasCircleRender).inSingletonScope(), bind(GraphicRender).toService(CircleRender), bindContributionProvider(bind, CircleRenderContribution), bind(DefaultCanvasRectRender).toSelf().inSingletonScope(), bind(RectRender).to(DefaultCanvasRectRender).inSingletonScope(), bind(GraphicRender).toService(RectRender), bind(Rect3DRender).to(DefaultCanvasRect3dRender).inSingletonScope(), bind(GraphicRender).toService(Rect3DRender), bindContributionProvider(bind, RectRenderContribution), bind(TextRender).to(DefaultCanvasTextRender).inSingletonScope(), bind(GraphicRender).toService(TextRender), bindContributionProvider(bind, TextRenderContribution), bind(DefaultCanvasPathRender).toSelf().inSingletonScope(), bind(PathRender).to(DefaultCanvasPathRender).inSingletonScope(), bind(GraphicRender).toService(PathRender), bindContributionProvider(bind, PathRenderContribution), bind(DefaultCanvasSymbolRender).toSelf().inSingletonScope(), bind(SymbolRender).to(DefaultCanvasSymbolRender).inSingletonScope(), bind(GraphicRender).toService(SymbolRender), bindContributionProvider(bind, SymbolRenderContribution), bind(DefaultCanvasArcRender).toSelf().inSingletonScope(), bind(ArcRender).to(DefaultCanvasArcRender).inSingletonScope(), bind(GraphicRender).toService(ArcRender), bind(Arc3dRender).to(DefaultCanvasArc3DRender).inSingletonScope(), bind(GraphicRender).toService(Arc3dRender), bindContributionProvider(bind, ArcRenderContribution), bind(DefaultCanvasLineRender).toSelf().inSingletonScope(), bind(LineRender).to(DefaultCanvasLineRender).inSingletonScope(), bind(GraphicRender).toService(LineRender), bind(DefaultIncrementalCanvasLineRender).toSelf().inSingletonScope(), bind(DefaultIncrementalCanvasAreaRender).toSelf().inSingletonScope(), bind(DefaultCanvasAreaRender).toSelf().inSingletonScope(), bind(AreaRender).to(DefaultCanvasAreaRender).inSingletonScope(), bind(GraphicRender).toService(AreaRender), bindContributionProvider(bind, AreaRenderContribution), bind(GroupRender).to(DefaultCanvasGroupRender).inSingletonScope(), bind(GraphicRender).toService(GroupRender), bindContributionProvider(bind, GroupRenderContribution), bind(PolygonRender).to(DefaultCanvasPolygonRender).inSingletonScope(), bind(GraphicRender).toService(PolygonRender), bindContributionProvider(bind, PolygonRenderContribution), bind(GlyphRender).to(DefaultCanvasGlyphRender).inSingletonScope(), bind(GraphicRender).toService(GlyphRender), bind(ImageRender).to(DefaultCanvasImageRender).inSingletonScope(), bind(GraphicRender).toService(ImageRender), bindContributionProvider(bind, ImageRenderContribution), bind(RichTextRender).to(DefaultCanvasRichTextRender).inSingletonScope(), bind(GraphicRender).toService(RichTextRender), bind(Pyramid3dRender).to(DefaultCanvasPyramid3dRender).inSingletonScope(), bind(GraphicRender).toService(Pyramid3dRender), bind(DefaultBaseInteractiveRenderContribution).toSelf().inSingletonScope(), bind(TextRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(ArcRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(PathRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(SymbolRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(RectRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(ImageRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(CircleRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(AreaRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(PolygonRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, InteractiveSubRenderContribution), bindContributionProvider(bind, GraphicRender), bind(ShadowRootDrawItemInterceptorContribution).toSelf().inSingletonScope(), bind(DrawItemInterceptor).toService(ShadowRootDrawItemInterceptorContribution), bind(CommonDrawItemInterceptorContribution).toSelf().inSingletonScope(), bind(DrawItemInterceptor).toService(CommonDrawItemInterceptorContribution), bind(Canvas3DDrawItemInterceptor).toSelf().inSingletonScope(), bind(DrawItemInterceptor).toService(Canvas3DDrawItemInterceptor), bind(InteractiveDrawItemInterceptorContribution).toSelf().inSingletonScope(), bind(DrawItemInterceptor).toService(InteractiveDrawItemInterceptorContribution), bindContributionProvider(bind, DrawItemInterceptor);
+    bind(DefaultBaseBackgroundRenderContribution).toSelf().inSingletonScope(), bind(DefaultBaseTextureRenderContribution).toSelf().inSingletonScope(), bind(DrawContribution).to(DefaultDrawContribution), bind(IncrementalDrawContribution).to(DefaultIncrementalDrawContribution), bind(DefaultCanvasCircleRender).toSelf().inSingletonScope(), bind(CircleRender).to(DefaultCanvasCircleRender).inSingletonScope(), bind(GraphicRender).toService(CircleRender), bindContributionProvider(bind, CircleRenderContribution), bind(DefaultCanvasRectRender).toSelf().inSingletonScope(), bind(RectRender).to(DefaultCanvasRectRender).inSingletonScope(), bind(GraphicRender).toService(RectRender), bind(Rect3DRender).to(DefaultCanvasRect3dRender).inSingletonScope(), bind(GraphicRender).toService(Rect3DRender), bindContributionProvider(bind, RectRenderContribution), bind(TextRender).to(DefaultCanvasTextRender).inSingletonScope(), bind(GraphicRender).toService(TextRender), bindContributionProvider(bind, TextRenderContribution), bind(DefaultCanvasPathRender).toSelf().inSingletonScope(), bind(PathRender).to(DefaultCanvasPathRender).inSingletonScope(), bind(GraphicRender).toService(PathRender), bindContributionProvider(bind, PathRenderContribution), bind(DefaultCanvasSymbolRender).toSelf().inSingletonScope(), bind(SymbolRender).to(DefaultCanvasSymbolRender).inSingletonScope(), bind(GraphicRender).toService(SymbolRender), bindContributionProvider(bind, SymbolRenderContribution), bind(DefaultCanvasArcRender).toSelf().inSingletonScope(), bind(ArcRender).to(DefaultCanvasArcRender).inSingletonScope(), bind(GraphicRender).toService(ArcRender), bind(Arc3dRender).to(DefaultCanvasArc3DRender).inSingletonScope(), bind(GraphicRender).toService(Arc3dRender), bindContributionProvider(bind, ArcRenderContribution), bind(DefaultCanvasLineRender).toSelf().inSingletonScope(), bind(LineRender).to(DefaultCanvasLineRender).inSingletonScope(), bind(GraphicRender).toService(LineRender), bind(DefaultIncrementalCanvasLineRender).toSelf().inSingletonScope(), bind(DefaultIncrementalCanvasAreaRender).toSelf().inSingletonScope(), bind(DefaultCanvasAreaRender).toSelf().inSingletonScope(), bind(AreaRender).to(DefaultCanvasAreaRender).inSingletonScope(), bind(GraphicRender).toService(AreaRender), bindContributionProvider(bind, AreaRenderContribution), bind(GroupRender).to(DefaultCanvasGroupRender).inSingletonScope(), bind(GraphicRender).toService(GroupRender), bindContributionProvider(bind, GroupRenderContribution), bind(PolygonRender).to(DefaultCanvasPolygonRender).inSingletonScope(), bind(GraphicRender).toService(PolygonRender), bindContributionProvider(bind, PolygonRenderContribution), bind(GlyphRender).to(DefaultCanvasGlyphRender).inSingletonScope(), bind(GraphicRender).toService(GlyphRender), bind(ImageRender).to(DefaultCanvasImageRender).inSingletonScope(), bind(GraphicRender).toService(ImageRender), bindContributionProvider(bind, ImageRenderContribution), bind(RichTextRender).to(DefaultCanvasRichTextRender).inSingletonScope(), bind(GraphicRender).toService(RichTextRender), bind(Pyramid3dRender).to(DefaultCanvasPyramid3dRender).inSingletonScope(), bind(GraphicRender).toService(Pyramid3dRender), bind(DefaultBaseInteractiveRenderContribution).toSelf().inSingletonScope(), bind(TextRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(ArcRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(PathRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(SymbolRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(RectRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(ImageRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(CircleRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(AreaRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(PolygonRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, InteractiveSubRenderContribution), bindContributionProvider(bind, GraphicRender), bind(CommonDrawItemInterceptorContribution).toSelf().inSingletonScope(), bind(DrawItemInterceptor).toService(CommonDrawItemInterceptorContribution), bindContributionProvider(bind, DrawItemInterceptor);
   });
 
   function load(container) {
@@ -30262,7 +30274,7 @@
       }
   };
 
-  const version = "0.17.0-alpha.4";
+  const version = "0.17.0-alpha.5";
 
   exports.AbstractComponent = AbstractComponent;
   exports.ArcInfo = ArcInfo;