@visactor/vrender-components 0.17.7-alpha.1 → 0.17.7-alpha.2

package/cjs/axis/util.js

@@ -30,5 +30,4 @@ function getLabelPosition(tickPosition, tickVector, text, style) {
     };
 }
 
-exports.clampRadian = clampRadian, exports.isInRange = isInRange, exports.getLabelPosition = getLabelPosition;
-//# sourceMappingURL=util.js.map
+exports.clampRadian = clampRadian, exports.isInRange = isInRange, exports.getLabelPosition = getLabelPosition;

package/cjs/brush/type.js

@@ -8,4 +8,5 @@ Object.defineProperty(exports, "__esModule", {
     IOperateType.drawStart = "drawStart", IOperateType.drawEnd = "drawEnd", IOperateType.drawing = "drawing", 
     IOperateType.moving = "moving", IOperateType.moveStart = "moveStart", IOperateType.moveEnd = "moveEnd", 
     IOperateType.brushClear = "brushClear";
-}(IOperateType = exports.IOperateType || (exports.IOperateType = {}));
+}(IOperateType = exports.IOperateType || (exports.IOperateType = {}));
+//# sourceMappingURL=type.js.map

package/cjs/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "0.17.7-alpha.1";
+export declare const version = "0.17.7-alpha.2";
 export * from './core/base';
 export * from './scrollbar';
 export * from './tag';

package/cjs/index.js

@@ -17,7 +17,7 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.version = void 0, exports.version = "0.17.7-alpha.1", __exportStar(require("./core/base"), exports), 
+}), exports.version = void 0, exports.version = "0.17.7-alpha.2", __exportStar(require("./core/base"), exports), 
 __exportStar(require("./scrollbar"), exports), __exportStar(require("./tag"), exports), 
 __exportStar(require("./poptip"), exports), __exportStar(require("./crosshair"), exports), 
 __exportStar(require("./label"), exports), __exportStar(require("./axis"), exports), 

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,gBAAgB,CAAC;AAExC,8CAA4B;AAC5B,8CAA4B;AAC5B,wCAAsB;AACtB,2CAAyB;AACzB,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAuB;AACvB,8CAA4B;AAC5B,4CAA0B;AAC1B,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,8CAA4B;AAC5B,wCAAsB;AACtB,6CAA2B","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.17.7-alpha.1\";\n\nexport * from './core/base';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,gBAAgB,CAAC;AAExC,8CAA4B;AAC5B,8CAA4B;AAC5B,wCAAsB;AACtB,2CAAyB;AACzB,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAuB;AACvB,8CAA4B;AAC5B,4CAA0B;AAC1B,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,8CAA4B;AAC5B,wCAAsB;AACtB,6CAA2B","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.17.7-alpha.2\";\n\nexport * from './core/base';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\n"]}

package/cjs/label/index.js

@@ -21,4 +21,5 @@ Object.defineProperty(exports, "__esModule", {
 __exportStar(require("./rect"), exports), __exportStar(require("./line"), exports), 
 __exportStar(require("./base"), exports), __exportStar(require("./arc"), exports), 
 __exportStar(require("./area"), exports), __exportStar(require("./line-data"), exports), 
-__exportStar(require("./dataLabel"), exports);
+__exportStar(require("./dataLabel"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/label/line.js

@@ -39,4 +39,4 @@ exports.LineLabel = LineLabel, LineLabel.defaultAttributes = {
     offset: 6,
     pickable: !1
 };
-//# sourceMappingURL=line.js.map
+//# sourceMappingURL=line.js.map

package/cjs/label/polygon.js

@@ -33,4 +33,4 @@ exports.PolygonLabel = PolygonLabel, PolygonLabel.defaultAttributes = {
     offset: 6,
     pickable: !1
 };
-//# sourceMappingURL=polygon.js.map
+//# sourceMappingURL=polygon.js.map

package/cjs/label/rect.js

@@ -83,4 +83,4 @@ exports.RectLabel = RectLabel, RectLabel.tag = "rect-label", RectLabel.defaultAt
     offset: 5,
     pickable: !1
 };
-//# sourceMappingURL=rect.js.map
+//# sourceMappingURL=rect.js.map

package/cjs/label/register.js

@@ -12,4 +12,4 @@ function loadLabelComponent() {
 }
 
 exports.loadLabelComponent = loadLabelComponent;
-//# sourceMappingURL=register.js.map
+//# sourceMappingURL=register.js.map

package/cjs/label/symbol.js

@@ -28,4 +28,4 @@ exports.SymbolLabel = SymbolLabel, SymbolLabel.defaultAttributes = {
     offset: 5,
     pickable: !1
 };
-//# sourceMappingURL=symbol.js.map
+//# sourceMappingURL=symbol.js.map

package/cjs/label/type.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=type.js.map
+//# sourceMappingURL=type.js.map

package/cjs/legend/base.js

@@ -55,4 +55,4 @@ class LegendBase extends base_1.AbstractComponent {
 }
 
 exports.LegendBase = LegendBase;
-//# sourceMappingURL=base.js.map
+//# sourceMappingURL=base.js.map

package/cjs/legend/constant.js

@@ -21,4 +21,4 @@ function(LegendEvent) {
     LEGEND_ELEMENT_NAME.itemLabel = "legendItemLabel", LEGEND_ELEMENT_NAME.itemValue = "legendItemValue", 
     LEGEND_ELEMENT_NAME.focus = "legendItemFocus";
 }(LEGEND_ELEMENT_NAME = exports.LEGEND_ELEMENT_NAME || (exports.LEGEND_ELEMENT_NAME = {}));
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map

package/cjs/legend/index.js

@@ -22,4 +22,4 @@ __exportStar(require("./color/color"), exports), __exportStar(require("./color/t
 __exportStar(require("./size/size"), exports), __exportStar(require("./size/type"), exports), 
 __exportStar(require("./type"), exports), __exportStar(require("./constant"), exports), 
 __exportStar(require("./util"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/legend/register.js

@@ -24,4 +24,4 @@ function loadSizeContinuousLegendComponent() {
 
 exports.loadDiscreteLegendComponent = loadDiscreteLegendComponent, exports.loadColorContinuousLegendComponent = loadColorContinuousLegendComponent, 
 exports.loadSizeContinuousLegendComponent = loadSizeContinuousLegendComponent;
-//# sourceMappingURL=register.js.map
+//# sourceMappingURL=register.js.map

package/cjs/legend/type.js

@@ -2,5 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-});
-//# sourceMappingURL=type.js.map
+});

package/cjs/legend/util.js

@@ -10,4 +10,4 @@ function getSizeHandlerPath(align = "bottom") {
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.getSizeHandlerPath = void 0, exports.getSizeHandlerPath = getSizeHandlerPath;
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/dist/index.js

@@ -3868,6 +3868,168 @@
     },
     __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 VWindow = Symbol["for"]("VWindow");
+  var WindowHandlerContribution = Symbol["for"]("WindowHandlerContribution");
+  var DefaultWindow = /*#__PURE__*/function () {
+    function DefaultWindow() {
+      _classCallCheck(this, DefaultWindow);
+      this.hooks = {
+        onChange: new SyncHook(["x", "y", "width", "height"])
+      }, this._uid = Generator.GenAutoIncrementId(), this.global = application.global, this.postInit();
+    }
+    _createClass(DefaultWindow, [{
+      key: "width",
+      get: function get() {
+        if (this._handler) {
+          var wh = this._handler.getWH();
+          return this._width = wh.width;
+        }
+        return this._width;
+      }
+    }, {
+      key: "height",
+      get: function get() {
+        if (this._handler) {
+          var wh = this._handler.getWH();
+          return this._height = wh.height;
+        }
+        return this._height;
+      }
+    }, {
+      key: "dpr",
+      get: function get() {
+        return this._handler.getDpr();
+      }
+    }, {
+      key: "postInit",
+      value: function postInit() {
+        var _this = this;
+        this.global.hooks.onSetEnv.tap("window", function () {
+          _this.active();
+        }), this.active();
+      }
+    }, {
+      key: "active",
+      value: function active() {
+        var global = this.global;
+        if (!global.env || this.actived) return;
+        container.getNamed(WindowHandlerContribution, global.env).configure(this, global), this.actived = !0;
+      }
+    }, {
+      key: "style",
+      get: function get() {
+        return this._handler.getStyle();
+      },
+      set: function set(style) {
+        this._handler.setStyle(style);
+      }
+    }, {
+      key: "create",
+      value: function create(params) {
+        this._handler.createWindow(params);
+        var windowWH = this._handler.getWH();
+        this._width = windowWH.width, this._height = windowWH.height, this.title = this._handler.getTitle(), this.resizable = !0;
+      }
+    }, {
+      key: "setWindowHandler",
+      value: function setWindowHandler(handler) {
+        this._handler = handler;
+      }
+    }, {
+      key: "setDpr",
+      value: function setDpr(dpr) {
+        return this._handler.setDpr(dpr);
+      }
+    }, {
+      key: "resize",
+      value: function resize(w, h) {
+        return this._handler.resizeWindow(w, h);
+      }
+    }, {
+      key: "configure",
+      value: function configure() {
+        throw new Error("暂不支持");
+      }
+    }, {
+      key: "release",
+      value: function release() {
+        return this._handler.releaseWindow();
+      }
+    }, {
+      key: "getContext",
+      value: function getContext() {
+        return this._handler.getContext();
+      }
+    }, {
+      key: "getNativeHandler",
+      value: function getNativeHandler() {
+        return this._handler.getNativeHandler();
+      }
+    }, {
+      key: "getImageBuffer",
+      value: function getImageBuffer(type) {
+        return this._handler.getImageBuffer ? this._handler.getImageBuffer(type) : null;
+      }
+    }, {
+      key: "addEventListener",
+      value: function addEventListener(type, listener, options) {
+        return this._handler.addEventListener(type, listener, options);
+      }
+    }, {
+      key: "removeEventListener",
+      value: function removeEventListener(type, listener, options) {
+        return this._handler.removeEventListener(type, listener, options);
+      }
+    }, {
+      key: "dispatchEvent",
+      value: function dispatchEvent(event) {
+        return this._handler.dispatchEvent(event);
+      }
+    }, {
+      key: "getBoundingClientRect",
+      value: function getBoundingClientRect() {
+        return this._handler.getBoundingClientRect();
+      }
+    }, {
+      key: "getContainer",
+      value: function getContainer() {
+        return this._handler.container;
+      }
+    }, {
+      key: "clearViewBox",
+      value: function clearViewBox(viewBox, color) {
+        this._handler.clearViewBox(viewBox, color);
+      }
+    }, {
+      key: "isVisible",
+      value: function isVisible(bbox) {
+        return this._handler.isVisible(bbox);
+      }
+    }, {
+      key: "onVisibleChange",
+      value: function onVisibleChange(cb) {
+        return this._handler.onVisibleChange(cb);
+      }
+    }, {
+      key: "getTopLeft",
+      value: function getTopLeft(baseWindow) {
+        return this._handler.getTopLeft(baseWindow);
+      }
+    }]);
+    return DefaultWindow;
+  }();
+  DefaultWindow = __decorate$P([injectable(), __metadata$F("design:paramtypes", [])], DefaultWindow);
+
+  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$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$y = undefined && undefined.__param || function (paramIndex, decorator) {
       return function (target, key) {
@@ -3948,10 +4110,45 @@
           specialCharSet: "-/: .,@%'\"~" + vutils.TextMeasure.ALPHABET_CHAR_SET + vutils.TextMeasure.ALPHABET_CHAR_SET.toUpperCase()
         }, null != option ? option : {}), textSpec);
       }
+    }, {
+      key: "drawGraphicToCanvas",
+      value: function drawGraphicToCanvas(graphic, stage, canvas) {
+        if (!stage.defaultLayer) return null;
+        var window = container.get(VWindow),
+          bounds = graphic.AABBBounds,
+          width = bounds.width(),
+          height = bounds.height();
+        window.create({
+          width: width,
+          height: height,
+          canvas: canvas,
+          dpr: stage.window.dpr,
+          canvasControled: !0,
+          offscreen: !0,
+          title: ""
+        });
+        var x = -bounds.x1,
+          y = -bounds.y1,
+          disableCheckGraphicWidthOutRange = stage.params.optimize.disableCheckGraphicWidthOutRange;
+        stage.params.optimize.disableCheckGraphicWidthOutRange = !0, stage.defaultLayer.getNativeHandler().drawTo(window, [graphic], {
+          x: x,
+          y: y,
+          width: width,
+          height: height,
+          stage: stage,
+          layer: stage.defaultLayer,
+          renderService: stage.renderService,
+          background: "transparent",
+          clear: !0,
+          updateBounds: !1
+        }), stage.params.optimize.disableCheckGraphicWidthOutRange = disableCheckGraphicWidthOutRange;
+        var c = window.getNativeHandler();
+        return c.nativeCanvas ? c.nativeCanvas : null;
+      }
     }]);
     return DefaultGraphicUtil;
   }();
-  DefaultGraphicUtil = __decorate$P([injectable(), __param$y(0, inject(ContributionProvider)), __param$y(0, named(TextMeasureContribution)), __metadata$F("design:paramtypes", [Object])], DefaultGraphicUtil);
+  DefaultGraphicUtil = __decorate$O([injectable(), __param$y(0, inject(ContributionProvider)), __param$y(0, named(TextMeasureContribution)), __metadata$E("design:paramtypes", [Object])], DefaultGraphicUtil);
   var TransformMode;
   !function (TransformMode) {
     TransformMode[TransformMode.transform = 0] = "transform", TransformMode[TransformMode.matrix = 1] = "matrix";
@@ -4028,7 +4225,7 @@
     }]);
     return DefaultTransformUtil;
   }();
-  DefaultTransformUtil = __decorate$P([injectable(), __metadata$F("design:paramtypes", [])], DefaultTransformUtil);
+  DefaultTransformUtil = __decorate$O([injectable(), __metadata$E("design:paramtypes", [])], DefaultTransformUtil);
 
   var defaultThemeObj = {
       arc: DefaultArcAttribute,
@@ -7554,14 +7751,14 @@
   var VirtualLayerHandlerContribution = Symbol["for"]("VirtualLayerHandlerContribution");
 
   var _DefaultLayerService_,
-    __decorate$O = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    __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$E = 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);
     };
   var DefaultLayerService = _DefaultLayerService_ = /*#__PURE__*/function () {
@@ -7647,169 +7844,7 @@
     }]);
     return DefaultLayerService_1;
   }();
-  DefaultLayerService.idprefix = "visactor_layer", DefaultLayerService.prefix_count = 0, DefaultLayerService = _DefaultLayerService_ = __decorate$O([injectable(), __metadata$E("design:paramtypes", [])], DefaultLayerService);
-
-  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$D = 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");
-  var WindowHandlerContribution = Symbol["for"]("WindowHandlerContribution");
-  var DefaultWindow = /*#__PURE__*/function () {
-    function DefaultWindow() {
-      _classCallCheck(this, DefaultWindow);
-      this.hooks = {
-        onChange: new SyncHook(["x", "y", "width", "height"])
-      }, this._uid = Generator.GenAutoIncrementId(), this.global = application.global, this.postInit();
-    }
-    _createClass(DefaultWindow, [{
-      key: "width",
-      get: function get() {
-        if (this._handler) {
-          var wh = this._handler.getWH();
-          return this._width = wh.width;
-        }
-        return this._width;
-      }
-    }, {
-      key: "height",
-      get: function get() {
-        if (this._handler) {
-          var wh = this._handler.getWH();
-          return this._height = wh.height;
-        }
-        return this._height;
-      }
-    }, {
-      key: "dpr",
-      get: function get() {
-        return this._handler.getDpr();
-      }
-    }, {
-      key: "postInit",
-      value: function postInit() {
-        var _this = this;
-        this.global.hooks.onSetEnv.tap("window", function () {
-          _this.active();
-        }), this.active();
-      }
-    }, {
-      key: "active",
-      value: function active() {
-        var global = this.global;
-        if (!global.env || this.actived) return;
-        container.getNamed(WindowHandlerContribution, global.env).configure(this, global), this.actived = !0;
-      }
-    }, {
-      key: "style",
-      get: function get() {
-        return this._handler.getStyle();
-      },
-      set: function set(style) {
-        this._handler.setStyle(style);
-      }
-    }, {
-      key: "create",
-      value: function create(params) {
-        this._handler.createWindow(params);
-        var windowWH = this._handler.getWH();
-        this._width = windowWH.width, this._height = windowWH.height, this.title = this._handler.getTitle(), this.resizable = !0;
-      }
-    }, {
-      key: "setWindowHandler",
-      value: function setWindowHandler(handler) {
-        this._handler = handler;
-      }
-    }, {
-      key: "setDpr",
-      value: function setDpr(dpr) {
-        return this._handler.setDpr(dpr);
-      }
-    }, {
-      key: "resize",
-      value: function resize(w, h) {
-        return this._handler.resizeWindow(w, h);
-      }
-    }, {
-      key: "configure",
-      value: function configure() {
-        throw new Error("暂不支持");
-      }
-    }, {
-      key: "release",
-      value: function release() {
-        return this._handler.releaseWindow();
-      }
-    }, {
-      key: "getContext",
-      value: function getContext() {
-        return this._handler.getContext();
-      }
-    }, {
-      key: "getNativeHandler",
-      value: function getNativeHandler() {
-        return this._handler.getNativeHandler();
-      }
-    }, {
-      key: "getImageBuffer",
-      value: function getImageBuffer(type) {
-        return this._handler.getImageBuffer ? this._handler.getImageBuffer(type) : null;
-      }
-    }, {
-      key: "addEventListener",
-      value: function addEventListener(type, listener, options) {
-        return this._handler.addEventListener(type, listener, options);
-      }
-    }, {
-      key: "removeEventListener",
-      value: function removeEventListener(type, listener, options) {
-        return this._handler.removeEventListener(type, listener, options);
-      }
-    }, {
-      key: "dispatchEvent",
-      value: function dispatchEvent(event) {
-        return this._handler.dispatchEvent(event);
-      }
-    }, {
-      key: "getBoundingClientRect",
-      value: function getBoundingClientRect() {
-        return this._handler.getBoundingClientRect();
-      }
-    }, {
-      key: "getContainer",
-      value: function getContainer() {
-        return this._handler.container;
-      }
-    }, {
-      key: "clearViewBox",
-      value: function clearViewBox(viewBox, color) {
-        this._handler.clearViewBox(viewBox, color);
-      }
-    }, {
-      key: "isVisible",
-      value: function isVisible(bbox) {
-        return this._handler.isVisible(bbox);
-      }
-    }, {
-      key: "onVisibleChange",
-      value: function onVisibleChange(cb) {
-        return this._handler.onVisibleChange(cb);
-      }
-    }, {
-      key: "getTopLeft",
-      value: function getTopLeft(baseWindow) {
-        return this._handler.getTopLeft(baseWindow);
-      }
-    }]);
-    return DefaultWindow;
-  }();
-  DefaultWindow = __decorate$N([injectable(), __metadata$D("design:paramtypes", [])], DefaultWindow);
+  DefaultLayerService.idprefix = "visactor_layer", DefaultLayerService.prefix_count = 0, DefaultLayerService = _DefaultLayerService_ = __decorate$N([injectable(), __metadata$D("design:paramtypes", [])], DefaultLayerService);
 
   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();
@@ -15053,8 +15088,8 @@
   }();
   Canvas3DPickItemInterceptor = __decorate$y([injectable()], Canvas3DPickItemInterceptor);
 
-  var pickModule = new ContainerModule(function (bind, unbind, isBound) {
-    isBound(PickerService) || (bind(GlobalPickerService).toSelf(), bind(PickerService).toService(GlobalPickerService)), bind(Canvas3DPickItemInterceptor).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(Canvas3DPickItemInterceptor), bind(ShadowRootPickItemInterceptorContribution).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(ShadowRootPickItemInterceptorContribution), bind(InteractivePickItemInterceptorContribution).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(InteractivePickItemInterceptorContribution), bindContributionProvider(bind, PickItemInterceptor);
+  var pickModule = new ContainerModule(function (bind) {
+    bind(PickerService).toService(GlobalPickerService), bind(Canvas3DPickItemInterceptor).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(Canvas3DPickItemInterceptor), bind(ShadowRootPickItemInterceptorContribution).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(ShadowRootPickItemInterceptorContribution), bind(InteractivePickItemInterceptorContribution).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(InteractivePickItemInterceptorContribution), bindContributionProvider(bind, PickItemInterceptor);
   });
 
   var graphicModule = new ContainerModule(function (bind) {
@@ -15866,12 +15901,12 @@
         }
         var d = context.dpr % 1;
         (d || .5 !== d) && (dirtyBounds.x1 = Math.floor(dirtyBounds.x1 * context.dpr) / context.dpr, dirtyBounds.y1 = Math.floor(dirtyBounds.y1 * context.dpr) / context.dpr, dirtyBounds.x2 = Math.ceil(dirtyBounds.x2 * context.dpr) / context.dpr, dirtyBounds.y2 = Math.ceil(dirtyBounds.y2 * context.dpr) / context.dpr), this.backupDirtyBounds.copy(dirtyBounds), context.inuse = !0, context.clearMatrix(), context.setTransformForCurrent(!0);
-        var drawInArea = dirtyBounds.width() * context.dpr !== context.canvas.width || dirtyBounds.height() * context.dpr !== context.canvas.height;
+        var drawInArea = dirtyBounds.width() * context.dpr < context.canvas.width || dirtyBounds.height() * context.dpr < context.canvas.height;
         context.save(), context.translate(x, y, !0), drawInArea && (context.beginPath(), context.rect(dirtyBounds.x1, dirtyBounds.y1, dirtyBounds.width(), dirtyBounds.height()), context.clip()), stage.camera && (this.dirtyBounds.setValue(-1 / 0, -1 / 0, 1 / 0, 1 / 0), this.backupDirtyBounds.setValue(-1 / 0, -1 / 0, 1 / 0, 1 / 0)), this.clearScreen(renderService, context, drawContext), context.save(), renderService.renderTreeRoots.sort(function (a, b) {
           var _a, _b;
           return (null !== (_a = a.attribute.zIndex) && void 0 !== _a ? _a : DefaultAttribute.zIndex) - (null !== (_b = b.attribute.zIndex) && void 0 !== _b ? _b : DefaultAttribute.zIndex);
         }).forEach(function (group) {
-          _this2.renderGroup(group, drawContext, matrixAllocate.allocate(1, 0, 0, 1, 0, 0));
+          group.isContainer ? _this2.renderGroup(group, drawContext, matrixAllocate.allocate(1, 0, 0, 1, 0, 0)) : _this2.renderItem(group, drawContext);
         }), context.restore(), context.restore(), context.draw(), context.inuse = !1;
       }
     }, {
@@ -16652,11 +16687,7 @@
     container.load(renderModule);
   }
 
-  var loaded$d = !1;
-  function preLoadAllModule() {
-    loaded$d || (loaded$d = !0, container.load(coreModule), container.load(graphicModule), container.load(renderModule$1), container.load(pickModule), container.load(pluginModule), load$1(container), load(container));
-  }
-  preLoadAllModule();
+  container.load(coreModule), container.load(graphicModule), container.load(renderModule$1), container.load(pickModule), container.load(pluginModule), load$1(container), load(container);
   var vglobal = container.get(VGlobal);
   application.global = vglobal;
   var graphicUtil = container.get(GraphicUtil);
@@ -29724,7 +29755,7 @@
       }
   };
 
-  const version = "0.17.7-alpha.1";
+  const version = "0.17.7-alpha.2";
 
   exports.AbstractComponent = AbstractComponent;
   exports.ArcInfo = ArcInfo;