@visactor/vrender 0.11.2-alpha.1 → 0.12.1

package/dist/index.js

@@ -4206,6 +4206,10 @@
   function __metadata(metadataKey, metadataValue) {
     if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
   }
+  typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+  };
 
   const ContributionProvider = Symbol('ContributionProvider');
   class ContributionProviderCache {
@@ -7548,7 +7552,8 @@
       fontStyle: '',
       lineHeight: undefined,
       underline: 0,
-      lineThrough: 0
+      lineThrough: 0,
+      scaleIn3d: false
   };
   const DefaultStyle = {
       opacity: 1,
@@ -11485,6 +11490,24 @@
       static backIn = Easing.getBackIn(1.7);
       static backOut = Easing.getBackOut(1.7);
       static backInOut = Easing.getBackInOut(1.7);
+      static sineIn(t) {
+          return 1 - Math.cos((t * Math.PI) / 2);
+      }
+      static sineOut(t) {
+          return Math.sin((t * Math.PI) / 2);
+      }
+      static sineInOut(t) {
+          return -(Math.cos(Math.PI * t) - 1) / 2;
+      }
+      static expoIn(t) {
+          return t === 0 ? 0 : Math.pow(2, 10 * t - 10);
+      }
+      static expoOut(t) {
+          return t === 1 ? 1 : 1 - Math.pow(2, -10 * t);
+      }
+      static expoInOut(t) {
+          return t === 0 ? 0 : t === 1 ? 1 : t < 0.5 ? Math.pow(2, 20 * t - 10) / 2 : (2 - Math.pow(2, -20 * t + 10)) / 2;
+      }
       static circIn(t) {
           return -(Math.sqrt(1 - t * t) - 1);
       }
@@ -12584,6 +12607,12 @@
           return;
       }
       onUpdate(end, ratio, out) {
+          if (!this.toFill) {
+              return;
+          }
+          if (!this.toStroke) {
+              return;
+          }
           switch (this.direction) {
               case Direction.RIGHT_TO_LEFT:
                   this.rightToLeft(end, ratio, out);
@@ -17355,7 +17384,9 @@
   }
 
   function getContextFont(text, defaultAttr = {}, fontSizeScale) {
-      fontSizeScale = 1;
+      if (!fontSizeScale) {
+          fontSizeScale = 1;
+      }
       const { fontStyle = defaultAttr.fontStyle, fontVariant = defaultAttr.fontVariant, fontWeight = defaultAttr.fontWeight, fontSize = defaultAttr.fontSize, fontFamily = defaultAttr.fontFamily } = text;
       return ('' +
           (fontStyle ? fontStyle + ' ' : '') +
@@ -19905,6 +19936,10 @@
                   if (this.lineWidth + paragraph[this.directionKey.width] <= this[this.directionKey.width]) {
                       this.store(paragraph);
                   }
+                  else if (this.lineBuffer.length === 0) {
+                      this.store(paragraph);
+                      this.send();
+                  }
                   else {
                       this.send();
                       this.deal(paragraph);
@@ -21804,7 +21839,13 @@
           return aabbBounds;
       }
       updateArcAABBBoundsAccurate(attribute, arcTheme, aabbBounds, graphic) {
-          const { outerRadius = arcTheme.outerRadius, innerRadius = arcTheme.innerRadius, endAngle = arcTheme.endAngle, startAngle = arcTheme.startAngle } = attribute;
+          const { outerRadius = arcTheme.outerRadius, innerRadius = arcTheme.innerRadius } = attribute;
+          let { endAngle = arcTheme.endAngle, startAngle = arcTheme.startAngle } = attribute;
+          if (startAngle > endAngle) {
+              const temp = startAngle;
+              startAngle = endAngle;
+              endAngle = temp;
+          }
           if (outerRadius <= epsilon) {
               aabbBounds.set(0, 0, 0, 0);
           }
@@ -26358,11 +26399,12 @@
           if (!defaultParams) {
               defaultParams = this.textAttributes;
           }
+          const { scaleIn3d = defaultParams.scaleIn3d } = params;
           if (params.font) {
               _context.font = params.font;
           }
           else {
-              _context.font = getContextFont(params, defaultParams, this.camera && this.camera.getProjectionScale(z));
+              _context.font = getContextFont(params, defaultParams, scaleIn3d && this.camera && this.camera.getProjectionScale(z));
           }
           const { fontFamily = defaultParams.fontFamily, fontSize = defaultParams.fontSize } = params;
           this.fontFamily = fontFamily;
@@ -28879,6 +28921,17 @@
           this.nativeContext.globalAlpha = ga;
           this._globalAlpha = ga;
       }
+      setLineDash(segments) {
+          const a = arguments;
+          const _context = this.nativeContext;
+          if (!!this.nativeContext.setLineDash) {
+              const lineDash = a[0];
+              if (lineDash[0] === 0 && lineDash[1] === 0) {
+                  return;
+              }
+              _context.setLineDash(lineDash);
+          }
+      }
       draw() {
           const _context = this.nativeContext;
           this.drawPromise = new Promise(resolve => {
@@ -29810,7 +29863,7 @@
                   zChildren.forEach(i => {
                       graphic.add(i.g);
                   });
-                  drawContribution.renderGroup(graphic, drawContext);
+                  drawContribution.renderGroup(graphic, drawContext, true);
                   graphic.removeAllChild();
                   children.forEach(g => {
                       g._next = null;
@@ -29939,7 +29992,7 @@
           }
           return null;
       }
-      renderGroup(group, drawContext) {
+      renderGroup(group, drawContext, skipSort) {
           if (drawContext.break || group.attribute.visibleAll === false) {
               return;
           }
@@ -29956,17 +30009,29 @@
           this.dirtyBounds.copy(this.backupDirtyBounds).transformWithMatrix(m);
           this.renderItem(group, drawContext, {
               drawingCb: () => {
-                  foreach(group, DefaultAttribute.zIndex, (item) => {
-                      if (drawContext.break) {
-                          return;
-                      }
-                      if (item.isContainer) {
-                          this.renderGroup(item, drawContext);
-                      }
-                      else {
-                          this.renderItem(item, drawContext);
-                      }
-                  }, false, !!drawContext.context?.camera);
+                  skipSort
+                      ? group.forEachChildren((item) => {
+                          if (drawContext.break) {
+                              return;
+                          }
+                          if (item.isContainer) {
+                              this.renderGroup(item, drawContext);
+                          }
+                          else {
+                              this.renderItem(item, drawContext);
+                          }
+                      })
+                      : foreach(group, DefaultAttribute.zIndex, (item) => {
+                          if (drawContext.break) {
+                              return;
+                          }
+                          if (item.isContainer) {
+                              this.renderGroup(item, drawContext);
+                          }
+                          else {
+                              this.renderItem(item, drawContext);
+                          }
+                      }, false, !!drawContext.context?.camera);
               }
           });
           this.dirtyBounds.copy(tempBounds);
@@ -32913,8 +32978,8 @@
                   this.pageY = e.page.y;
                   const angle1 = deltaX / 100;
                   const angle2 = deltaY / 100;
-                  this.option3d.alpha += angle1;
-                  this.option3d.beta += angle2;
+                  this.option3d.alpha = (this.option3d.alpha ?? 0) + angle1;
+                  this.option3d.beta = (this.option3d.beta ?? 0) + angle2;
                   stage.set3dOptions(this.option3d);
                   stage.renderNextFrame();
               }
@@ -33278,9 +33343,9 @@
           this._afterRender = params.afterRender;
           this.ticker = params.ticker || defaultTicker;
       }
-      set3dOptions(options) {
-          const { center = { x: this.width / 2, y: this.height / 2 }, light = {}, alpha = 0, beta = 0, camera, fieldRatio = 1, fieldDepth } = options;
-          this.option3d = {
+      get3dOptions(options) {
+          const { center = { x: this.width / 2, y: this.height / 2, z: 0, dx: 0, dy: 0, dz: 0 }, light = {}, alpha = 0, beta = 0, camera, fieldRatio = 1, fieldDepth } = options;
+          return {
               ...options,
               center,
               light,
@@ -33290,15 +33355,23 @@
               fieldRatio,
               fieldDepth
           };
+      }
+      set3dOptions(options) {
+          this.option3d = options;
+          const options3d = this.get3dOptions(options);
+          const { light, center, camera, alpha, beta, fieldRatio, fieldDepth } = options3d;
           const { dir = [1, 1, -1], color = 'white', ambient } = light;
-          const centerVec3 = [center.x, center.y, 0];
+          const centerX = (center.x ?? this.width / 2) + (center.dx ?? 0);
+          const centerY = (center.y ?? this.height / 2) + (center.dy ?? 0);
+          const centerZ = (center.z ?? 0) + (center.dz ?? 0);
+          const centerVec3 = [centerX, centerY, centerZ];
           const z = 1;
           let cameraX = 0;
           let cameraY = 0;
           let cameraZ = 0;
           if (!camera) {
-              cameraX = Math.sin(alpha) + center.x;
-              cameraY = Math.sin(beta) + center.y;
+              cameraX = Math.sin(alpha) + centerX;
+              cameraY = Math.sin(beta) + centerY;
               cameraZ = Math.cos(alpha) * Math.cos(beta) * z;
           }
           this.light = new DirectionalLight(dir, color, ambient);
@@ -33512,7 +33585,7 @@
           if (!this._subView) {
               this.viewBox.setValue(this.viewBox.x1, this.viewBox.y1, this.viewBox.x1 + w, this.viewBox.y1 + h);
           }
-          this.camera && (this.camera.params = { ...this.camera.params, right: this.width, bottom: this.height });
+          this.camera && this.option3d && this.set3dOptions(this.option3d);
           rerender && this.render();
       }
       resizeView(w, h, rerender = true) {
@@ -33670,7 +33743,7 @@
       'rect'
   ];
 
-  const version = "0.11.2-alpha.1";
+  const version = "0.12.1";
 
   exports.ACustomAnimate = ACustomAnimate;
   exports.ARC3D_NUMBER_TYPE = ARC3D_NUMBER_TYPE;