@visactor/vrender-kits 0.16.12 → 0.17.0-alpha.0

package/dist/index.js

@@ -4683,14 +4683,19 @@
               return this.nativeContext.measureText(text);
           }
           if (!this.mathTextMeasure) {
-              this.mathTextMeasure = vrenderCore.application.graphicUtil.createTextMeasureInstance({}, {}, () => this.canvas);
-          }
-          this.mathTextMeasure.textSpec.fontFamily = (_a = this.fontFamily) !== null && _a !== void 0 ? _a : vrenderCore.DefaultTextStyle.fontFamily;
-          this.mathTextMeasure.textSpec.fontSize = (_b = this.fontSize) !== null && _b !== void 0 ? _b : vrenderCore.DefaultTextStyle.fontSize;
-          this.mathTextMeasure._numberCharSize = null;
-          this.mathTextMeasure._fullCharSize = null;
-          this.mathTextMeasure._letterCharSize = null;
-          this.mathTextMeasure._specialCharSizeMap = {};
+              this.mathTextMeasure = vrenderCore.application.graphicUtil.createTextMeasureInstance({}, {}, () => this.canvas.nativeCanvas);
+          }
+          const fontFamily = (_a = this.fontFamily) !== null && _a !== void 0 ? _a : vrenderCore.DefaultTextStyle.fontFamily;
+          const fontSize = (_b = this.fontSize) !== null && _b !== void 0 ? _b : vrenderCore.DefaultTextStyle.fontSize;
+          if (this.mathTextMeasure.textSpec.fontFamily !== fontFamily ||
+              this.mathTextMeasure.textSpec.fontSize !== fontSize) {
+              this.mathTextMeasure.textSpec.fontFamily = fontFamily;
+              this.mathTextMeasure.textSpec.fontSize = fontSize;
+              this.mathTextMeasure._numberCharSize = null;
+              this.mathTextMeasure._fullCharSize = null;
+              this.mathTextMeasure._letterCharSize = null;
+              this.mathTextMeasure._specialCharSizeMap = {};
+          }
           return this.mathTextMeasure.measure(text, method);
       }
       putImageData(imagedata, dx, dy) {
@@ -4751,8 +4756,11 @@
               if (defaultParams.length <= 1) {
                   return this._setCommonStyle(params, attribute, offsetX, offsetY, defaultParams[0]);
               }
-              const dp = {};
-              defaultParams.forEach(p => {
+              const dp = Object.create(defaultParams[0]);
+              defaultParams.forEach((p, i) => {
+                  if (i === 0) {
+                      return;
+                  }
                   Object.assign(dp, p);
               });
               return this._setCommonStyle(params, attribute, offsetX, offsetY, dp);
@@ -4778,8 +4786,11 @@
               if (defaultParams.length <= 1) {
                   return this._setShadowBlendStyle(params, defaultParams[0]);
               }
-              const dp = {};
-              defaultParams.forEach(p => {
+              const dp = Object.create(defaultParams[0]);
+              defaultParams.forEach((p, i) => {
+                  if (i === 0) {
+                      return;
+                  }
                   Object.assign(dp, p);
               });
               return this._setShadowBlendStyle(params, attribute, dp);
@@ -4829,8 +4840,11 @@
               if (defaultParams.length <= 1) {
                   return this._setStrokeStyle(params, attribute, offsetX, offsetY, defaultParams[0]);
               }
-              const dp = {};
-              defaultParams.forEach(p => {
+              const dp = Object.create(defaultParams[0]);
+              defaultParams.forEach((p, i) => {
+                  if (i === 0) {
+                      return;
+                  }
                   Object.assign(dp, p);
               });
               return this._setStrokeStyle(params, attribute, offsetX, offsetY, dp);
@@ -4940,9 +4954,6 @@
           if (!isOffscreen) {
               this.setCanvasStyle(nativeCanvas, this._x, this._y, this._displayWidth, this._displayHeight);
           }
-          if (this.id != null) {
-              nativeCanvas.id = this.id.toString();
-          }
           if (this._container) {
               this._container.appendChild(nativeCanvas);
           }
@@ -4983,10 +4994,6 @@
           if (!this.controled) {
               return;
           }
-          canvas.style.padding = '0';
-          canvas.style.margin = '0';
-          canvas.style.border = '0';
-          canvas.style.background = 'transparent';
           canvas.style.width = `${w}px`;
           canvas.style.height = `${h}px`;
       }
@@ -5070,22 +5077,10 @@
   const CanvasPickerContribution = Symbol.for('CanvasPickerContribution');
 
   let DefaultCanvasPickerService = class DefaultCanvasPickerService extends vrenderCore.DefaultPickService {
-      constructor(contributions, circlePicker, rectPicker, arcPicker, areaPicker, imagePicker, linePicker, pathPicker, symbolPicker, textPicker, polygonPicker, richtextPicker, drawContribution, global, pickItemInterceptorContributions) {
-          super(global, pickItemInterceptorContributions);
+      constructor(contributions, drawContribution, pickItemInterceptorContributions) {
+          super(pickItemInterceptorContributions);
           this.contributions = contributions;
-          this.circlePicker = circlePicker;
-          this.rectPicker = rectPicker;
-          this.arcPicker = arcPicker;
-          this.areaPicker = areaPicker;
-          this.imagePicker = imagePicker;
-          this.linePicker = linePicker;
-          this.pathPicker = pathPicker;
-          this.symbolPicker = symbolPicker;
-          this.textPicker = textPicker;
-          this.polygonPicker = polygonPicker;
-          this.richtextPicker = richtextPicker;
           this.drawContribution = drawContribution;
-          this.global = global;
           this.pickItemInterceptorContributions = pickItemInterceptorContributions;
           this.global.hooks.onSetEnv.tap('canvas-picker-service', (_, env, global) => {
               this.configure(global, env);
@@ -5100,13 +5095,7 @@
           super._init();
       }
       configure(global, env) {
-          const options = {
-              width: 100,
-              height: 100,
-              nativeCanvas: global.createCanvas({ width: 100, height: 100 }),
-              id: 'for-pick'
-          };
-          this.pickCanvas = vrenderCore.wrapCanvas(options);
+          this.pickCanvas = vrenderCore.canvasAllocate.getCommonCanvas();
           this.pickContext = this.pickCanvas.getContext('2d');
       }
       pickItem(graphic, point, parentMatrix, params) {
@@ -5159,22 +5148,10 @@
       vrenderCore.injectable(),
       __param(0, vrenderCore.inject(vrenderCore.ContributionProvider)),
       __param(0, vrenderCore.named(CanvasPickerContribution)),
-      __param(1, vrenderCore.inject(CanvasCirclePicker)),
-      __param(2, vrenderCore.inject(CanvasRectPicker)),
-      __param(3, vrenderCore.inject(CanvasArcPicker)),
-      __param(4, vrenderCore.inject(CanvasAreaPicker)),
-      __param(5, vrenderCore.inject(CanvasImagePicker)),
-      __param(6, vrenderCore.inject(CanvasLinePicker)),
-      __param(7, vrenderCore.inject(CanvasPathPicker)),
-      __param(8, vrenderCore.inject(CanvasSymbolPicker)),
-      __param(9, vrenderCore.inject(CanvasTextPicker)),
-      __param(10, vrenderCore.inject(CanvasPolygonPicker)),
-      __param(11, vrenderCore.inject(CanvasRichTextPicker)),
-      __param(12, vrenderCore.inject(vrenderCore.DrawContribution)),
-      __param(13, vrenderCore.inject(vrenderCore.VGlobal)),
-      __param(14, vrenderCore.inject(vrenderCore.ContributionProvider)),
-      __param(14, vrenderCore.named(vrenderCore.PickItemInterceptor)),
-      __metadata("design:paramtypes", [Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object])
+      __param(1, vrenderCore.inject(vrenderCore.DrawContribution)),
+      __param(2, vrenderCore.inject(vrenderCore.ContributionProvider)),
+      __param(2, vrenderCore.named(vrenderCore.PickItemInterceptor)),
+      __metadata("design:paramtypes", [Object, Object, Object])
   ], DefaultCanvasPickerService);
 
   let DefaultCanvasCirclePicker = class DefaultCanvasCirclePicker {
@@ -5965,53 +5942,37 @@
   ], DefaultCanvasGroupPicker);
 
   var canvasModule = new vrenderCore.ContainerModule((bind, unbind, isBound, rebind) => {
-      bind(DefaultCanvasCirclePicker).toSelf().inSingletonScope();
-      bind(CanvasCirclePicker).toService(DefaultCanvasCirclePicker);
+      bind(CanvasCirclePicker).to(DefaultCanvasCirclePicker).inSingletonScope();
       bind(CanvasPickerContribution).toService(CanvasCirclePicker);
-      bind(DefaultCanvasRectPicker).toSelf().inSingletonScope();
-      bind(CanvasRectPicker).toService(DefaultCanvasRectPicker);
+      bind(CanvasRectPicker).to(DefaultCanvasRectPicker).inSingletonScope();
       bind(CanvasPickerContribution).toService(CanvasRectPicker);
-      bind(DefaultCanvasRect3dPicker).toSelf().inSingletonScope();
-      bind(CanvasRect3dPicker).toService(DefaultCanvasRect3dPicker);
+      bind(CanvasRect3dPicker).to(DefaultCanvasRect3dPicker).inSingletonScope();
       bind(CanvasPickerContribution).toService(CanvasRect3dPicker);
-      bind(DefaultCanvasArcPicker).toSelf().inSingletonScope();
-      bind(CanvasArcPicker).toService(DefaultCanvasArcPicker);
+      bind(CanvasArcPicker).to(DefaultCanvasArcPicker).inSingletonScope();
       bind(CanvasPickerContribution).toService(CanvasArcPicker);
-      bind(DefaultCanvasAreaPicker).toSelf().inSingletonScope();
-      bind(CanvasAreaPicker).toService(DefaultCanvasAreaPicker);
+      bind(CanvasAreaPicker).to(DefaultCanvasAreaPicker).inSingletonScope();
       bind(CanvasPickerContribution).toService(CanvasAreaPicker);
-      bind(DefaultCanvasImagePicker).toSelf().inSingletonScope();
-      bind(CanvasImagePicker).toService(DefaultCanvasImagePicker);
+      bind(CanvasImagePicker).to(DefaultCanvasImagePicker).inSingletonScope();
       bind(CanvasPickerContribution).toService(CanvasImagePicker);
-      bind(DefaultCanvasLinePicker).toSelf().inSingletonScope();
-      bind(CanvasLinePicker).toService(DefaultCanvasLinePicker);
+      bind(CanvasLinePicker).to(DefaultCanvasLinePicker).inSingletonScope();
       bind(CanvasPickerContribution).toService(CanvasLinePicker);
-      bind(DefaultCanvasPathPicker).toSelf().inSingletonScope();
-      bind(CanvasPathPicker).toService(DefaultCanvasPathPicker);
+      bind(CanvasPathPicker).to(DefaultCanvasPathPicker).inSingletonScope();
       bind(CanvasPickerContribution).toService(CanvasPathPicker);
-      bind(DefaultCanvasSymbolPicker).toSelf().inSingletonScope();
-      bind(CanvasSymbolPicker).toService(DefaultCanvasSymbolPicker);
+      bind(CanvasSymbolPicker).to(DefaultCanvasSymbolPicker).inSingletonScope();
       bind(CanvasPickerContribution).toService(CanvasSymbolPicker);
-      bind(DefaultCanvasTextPicker).toSelf().inSingletonScope();
-      bind(CanvasTextPicker).toService(DefaultCanvasTextPicker);
+      bind(CanvasTextPicker).to(DefaultCanvasTextPicker).inSingletonScope();
       bind(CanvasPickerContribution).toService(CanvasTextPicker);
-      bind(DefaultCanvasPolygonPicker).toSelf().inSingletonScope();
-      bind(CanvasPolygonPicker).toService(DefaultCanvasPolygonPicker);
+      bind(CanvasPolygonPicker).to(DefaultCanvasPolygonPicker).inSingletonScope();
       bind(CanvasPickerContribution).toService(CanvasPolygonPicker);
-      bind(DefaultCanvasPyramid3dPicker).toSelf().inSingletonScope();
-      bind(CanvasPyramid3dPicker).toService(DefaultCanvasPyramid3dPicker);
+      bind(CanvasPyramid3dPicker).to(DefaultCanvasPyramid3dPicker).inSingletonScope();
       bind(CanvasPickerContribution).toService(CanvasPyramid3dPicker);
-      bind(DefaultCanvasArc3dPicker).toSelf().inSingletonScope();
-      bind(CanvasArc3dPicker).toService(DefaultCanvasArc3dPicker);
+      bind(CanvasArc3dPicker).to(DefaultCanvasArc3dPicker).inSingletonScope();
       bind(CanvasPickerContribution).toService(CanvasArc3dPicker);
-      bind(DefaultCanvasRichTextPicker).toSelf().inSingletonScope();
-      bind(CanvasRichTextPicker).toService(DefaultCanvasRichTextPicker);
+      bind(CanvasRichTextPicker).to(DefaultCanvasRichTextPicker).inSingletonScope();
       bind(CanvasPickerContribution).toService(CanvasRichTextPicker);
-      bind(DefaultCanvasGlyphPicker).toSelf().inSingletonScope();
-      bind(CanvasGlyphPicker).toService(DefaultCanvasGlyphPicker);
+      bind(CanvasGlyphPicker).to(DefaultCanvasGlyphPicker).inSingletonScope();
       bind(CanvasPickerContribution).toService(CanvasGlyphPicker);
-      bind(DefaultCanvasGroupPicker).toSelf().inSingletonScope();
-      bind(CanvasGroupPicker).toService(DefaultCanvasGroupPicker);
+      bind(CanvasGroupPicker).to(DefaultCanvasGroupPicker).inSingletonScope();
       bind(CanvasPickerContribution).toService(CanvasGroupPicker);
       vrenderCore.bindContributionProvider(bind, CanvasPickerContribution);
   });
@@ -6036,11 +5997,11 @@
       get container() {
           return this.canvas.nativeCanvas.parentElement;
       }
-      constructor(global) {
+      constructor() {
           super();
-          this.global = global;
           this.type = 'browser';
           this._canvasIsIntersecting = true;
+          this.global = vrenderCore.application.global;
       }
       getTitle() {
           return this.canvas.id.toString();
@@ -6064,6 +6025,9 @@
           this.postInit();
       }
       postInit() {
+          if (!this.global.optimizeVisible) {
+              return;
+          }
           try {
               this.observerCanvas();
           }
@@ -6249,8 +6213,7 @@
   BrowserWindowHandlerContribution.env = 'browser';
   BrowserWindowHandlerContribution = __decorate([
       vrenderCore.injectable(),
-      __param(0, vrenderCore.inject(vrenderCore.VGlobal)),
-      __metadata("design:paramtypes", [Object])
+      __metadata("design:paramtypes", [])
   ], BrowserWindowHandlerContribution);
   const browserWindowModule = new vrenderCore.ContainerModule(bind => {
       bind(BrowserWindowHandlerContribution).toSelf();
@@ -6541,10 +6504,9 @@
   });
 
   let DefaultMathPickerService = class DefaultMathPickerService extends vrenderCore.DefaultPickService {
-      constructor(contributions, global, pickItemInterceptorContributions) {
-          super(global, pickItemInterceptorContributions);
+      constructor(contributions, pickItemInterceptorContributions) {
+          super(pickItemInterceptorContributions);
           this.contributions = contributions;
-          this.global = global;
           this.pickItemInterceptorContributions = pickItemInterceptorContributions;
           this.global.hooks.onSetEnv.tap('math-picker-service', (lastEnv, env, global) => {
               this.configure(global, env);
@@ -6588,10 +6550,9 @@
       vrenderCore.injectable(),
       __param(0, vrenderCore.inject(vrenderCore.ContributionProvider)),
       __param(0, vrenderCore.named(MathPickerContribution)),
-      __param(1, vrenderCore.inject(vrenderCore.VGlobal)),
-      __param(2, vrenderCore.inject(vrenderCore.ContributionProvider)),
-      __param(2, vrenderCore.named(vrenderCore.PickItemInterceptor)),
-      __metadata("design:paramtypes", [Object, Object, Object])
+      __param(1, vrenderCore.inject(vrenderCore.ContributionProvider)),
+      __param(1, vrenderCore.named(vrenderCore.PickItemInterceptor)),
+      __metadata("design:paramtypes", [Object, Object])
   ], DefaultMathPickerService);
 
   let DefaultMathPathPicker = class DefaultMathPathPicker {
@@ -7114,35 +7075,25 @@
   ], DefaultMathGlyphPicker);
 
   var mathModule = new vrenderCore.ContainerModule(bind => {
-      bind(DefaultMathCirclePicker).toSelf().inSingletonScope();
-      bind(MathCirclePicker).toService(DefaultMathCirclePicker);
+      bind(MathCirclePicker).to(DefaultMathCirclePicker).inSingletonScope();
       bind(MathPickerContribution).toService(MathCirclePicker);
-      bind(DefaultMathRectPicker).toSelf().inSingletonScope();
-      bind(MathRectPicker).toService(DefaultMathRectPicker);
+      bind(MathRectPicker).to(DefaultMathRectPicker).inSingletonScope();
       bind(MathPickerContribution).toService(MathRectPicker);
-      bind(DefaultMathArcPicker).toSelf().inSingletonScope();
-      bind(MathArcPicker).toService(DefaultMathArcPicker);
+      bind(MathArcPicker).to(DefaultMathArcPicker).inSingletonScope();
       bind(MathPickerContribution).toService(MathArcPicker);
-      bind(DefaultMathAreaPicker).toSelf().inSingletonScope();
-      bind(MathAreaPicker).toService(DefaultMathAreaPicker);
+      bind(MathAreaPicker).to(DefaultMathAreaPicker).inSingletonScope();
       bind(MathPickerContribution).toService(MathAreaPicker);
-      bind(DefaultMathLinePicker).toSelf().inSingletonScope();
-      bind(MathLinePicker).toService(DefaultMathLinePicker);
+      bind(MathLinePicker).to(DefaultMathLinePicker).inSingletonScope();
       bind(MathPickerContribution).toService(MathLinePicker);
-      bind(DefaultMathPathPicker).toSelf().inSingletonScope();
-      bind(MathPathPicker).toService(DefaultMathPathPicker);
+      bind(MathPathPicker).to(DefaultMathPathPicker).inSingletonScope();
       bind(MathPickerContribution).toService(MathPathPicker);
-      bind(DefaultMathSymbolPicker).toSelf().inSingletonScope();
-      bind(MathSymbolPicker).toService(DefaultMathSymbolPicker);
+      bind(MathSymbolPicker).to(DefaultMathSymbolPicker).inSingletonScope();
       bind(MathPickerContribution).toService(MathSymbolPicker);
-      bind(DefaultMathTextPicker).toSelf().inSingletonScope();
-      bind(MathTextPicker).toService(DefaultMathTextPicker);
+      bind(MathTextPicker).to(DefaultMathTextPicker).inSingletonScope();
       bind(MathPickerContribution).toService(MathTextPicker);
-      bind(DefaultMathPolygonPicker).toSelf().inSingletonScope();
-      bind(MathPolygonPicker).toService(DefaultMathPolygonPicker);
+      bind(MathPolygonPicker).to(DefaultMathPolygonPicker).inSingletonScope();
       bind(MathPickerContribution).toService(MathPolygonPicker);
-      bind(DefaultMathGlyphPicker).toSelf().inSingletonScope();
-      bind(MathGlyphPicker).toService(DefaultMathGlyphPicker);
+      bind(MathGlyphPicker).to(DefaultMathGlyphPicker).inSingletonScope();
       bind(DefaultMathGlyphPicker).toService(MathGlyphPicker);
       vrenderCore.bindContributionProvider(bind, MathPickerContribution);
   });