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

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 () {
@@ -7599,7 +7796,7 @@
         var _a;
         this.tryInit();
         var layerMode = this.getRecommendedLayerType(options.layerMode);
-        layerMode = options.canvasId ? "static" : layerMode;
+        layerMode = options.main || options.canvasId ? "static" : layerMode;
         var layerHandler = this.getLayerHandler(layerMode),
           layer = new Layer(stage, this.global, stage.window, Object.assign(Object.assign({
             main: !1
@@ -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();
@@ -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;
       }
     }, {
@@ -22899,7 +22934,7 @@
               labelLength += space;
               const layerCount = Object.keys(this.axisLabelLayerSize).length;
               if (axisVector[1] === 0) {
-                  const labelBoundsHeight = this.axisLabelsContainer.AABBBounds.height();
+                  const labelBoundsHeight = this.axisLabelsContainer ? this.axisLabelsContainer.AABBBounds.height() : 0;
                   if (isFinite(labelBoundsHeight)) {
                       labelLength += labelBoundsHeight + (layerCount - 1) * space;
                   }
@@ -22909,7 +22944,7 @@
               }
               else {
                   if (axisVector[0] === 0) {
-                      const boundsWidth = this.axisLabelsContainer.AABBBounds.width();
+                      const boundsWidth = this.axisLabelsContainer ? this.axisLabelsContainer.AABBBounds.width() : 0;
                       if (isFinite(boundsWidth)) {
                           labelLength += boundsWidth + (layerCount - 1) * space;
                       }
@@ -29720,7 +29755,7 @@
       }
   };
 
-  const version = "0.17.6";
+  const version = "0.17.7-alpha.2";
 
   exports.AbstractComponent = AbstractComponent;
   exports.ArcInfo = ArcInfo;