@leafer-draw/miniapp 2.0.8 → 2.1.0

package/dist/miniapp.module.js

@@ -7079,7 +7079,7 @@ class LeafLevelList {
     }
 }
 
-const version = "2.0.8";
+const version = "2.1.0";
 
 class LeaferCanvas extends LeaferCanvasBase {
     get allowBackgroundColor() {
@@ -7141,6 +7141,7 @@ class LeaferCanvas extends LeaferCanvasBase {
     updateClientBounds(callback) {
         if (this.viewSelect) Platform.miniapp.getBounds(this.viewSelect).then(bounds => {
             this.clientBounds = bounds;
+            this.updateViewSize();
             if (callback) callback();
         });
     }
@@ -7240,7 +7241,7 @@ function useCanvas(_canvasType, app) {
         },
         loadImage(src, _crossOrigin, _leaferImage) {
             return new Promise((resolve, reject) => {
-                const img = Platform.canvas.view.createImage();
+                const img = Platform.getCanvas().view.createImage();
                 img.onload = () => {
                     resolve(img);
                 };
@@ -7335,21 +7336,25 @@ function useCanvas(_canvasType, app) {
     };
     Platform.canvas = Creator.canvas();
     Platform.conicGradientSupport = !!Platform.canvas.context.createConicGradient;
+    defineKey(Platform, "devicePixelRatio", {
+        get() {
+            return Math.max(1, app.getWindowInfo ? app.getWindowInfo().pixelRatio : app.getSystemInfoSync().pixelRatio);
+        }
+    });
 }
 
 Platform.name = "miniapp";
 
+Platform.getCanvas = function() {
+    const {renderCanvas: renderCanvas} = Platform;
+    return renderCanvas && renderCanvas.view ? renderCanvas : Platform.canvas;
+};
+
 Platform.requestRender = function(render) {
-    const {view: view} = Platform.renderCanvas || Platform.canvas;
+    const {view: view} = Platform.getCanvas();
     view.requestAnimationFrame ? view.requestAnimationFrame(render) : setTimeout(render, 16);
 };
 
-defineKey(Platform, "devicePixelRatio", {
-    get() {
-        return Math.max(1, wx.getWindowInfo ? wx.getWindowInfo().pixelRatio : wx.getSystemInfoSync().pixelRatio);
-    }
-});
-
 class Watcher {
     get childrenChanged() {
         return this.hasAdd || this.hasRemove || this.hasVisible;
@@ -8039,8 +8044,8 @@ class UIData extends LeafData {
         return this.__getRealStrokeWidth();
     }
     get __maxStrokeWidth() {
-        const t = this;
-        return t.__hasMultiStrokeStyle ? Math.max(t.__hasMultiStrokeStyle, t.strokeWidth) : t.strokeWidth;
+        const t = this, strokeWidth = t.__hasStrokeSides || t.strokeWidth;
+        return t.__hasMultiStrokeStyle ? Math.max(t.__hasMultiStrokeStyle, strokeWidth) : strokeWidth;
     }
     get __hasMultiPaint() {
         const t = this;
@@ -8141,6 +8146,10 @@ class UIData extends LeafData {
         }
         return strokeWidth;
     }
+    __checkComplex() {
+        const t = this;
+        stintSet$3(t, "__complex", t.__isFills || t.__isStrokes || t.cornerRadius || t.__useEffect);
+    }
     __setPaint(attrName, value) {
         this.__setInput(attrName, value);
         const layout = this.__leaf.__layout;
@@ -8375,7 +8384,7 @@ const UIRender = {
             data.__useEffect = !!(shadow || otherEffect);
         }
         data.__checkSingle();
-        stintSet$2(data, "__complex", data.__isFills || data.__isStrokes || data.cornerRadius || data.__useEffect);
+        data.__checkComplex();
     },
     __drawFast(canvas, options) {
         drawFast(this, canvas, options);
@@ -9424,11 +9433,16 @@ let Polygon = class Polygon extends UI {
         if (data.points) {
             drawPoints$1(path, data.points, data.curve, data.closed);
         } else {
-            const {width: width, height: height, sides: sides} = data;
+            const {width: width, height: height, sides: sides, startAngle: startAngle} = data;
             const rx = width / 2, ry = height / 2;
-            moveTo$2(path, rx, 0);
+            let startRadian = 0, radian;
+            if (startAngle) {
+                startRadian = startAngle * OneRadian;
+                moveTo$2(path, rx + rx * sin$1(startRadian), ry - ry * cos$1(startRadian));
+            } else moveTo$2(path, rx, 0);
             for (let i = 1; i < sides; i++) {
-                lineTo$2(path, rx + rx * sin$1(i * 2 * PI$1 / sides), ry - ry * cos$1(i * 2 * PI$1 / sides));
+                radian = i * 2 * PI$1 / sides + startRadian;
+                lineTo$2(path, rx + rx * sin$1(radian), ry - ry * cos$1(radian));
             }
             closePath$1(path);
         }
@@ -9439,6 +9453,8 @@ __decorate([ dataProcessor(PolygonData) ], Polygon.prototype, "__", void 0);
 
 __decorate([ pathType(3) ], Polygon.prototype, "sides", void 0);
 
+__decorate([ pathType(0) ], Polygon.prototype, "startAngle", void 0);
+
 __decorate([ pathType() ], Polygon.prototype, "points", void 0);
 
 __decorate([ pathType(0) ], Polygon.prototype, "curve", void 0);
@@ -9454,12 +9470,17 @@ let Star = class Star extends UI {
         return "Star";
     }
     __updatePath() {
-        const {width: width, height: height, corners: corners, innerRadius: innerRadius} = this.__;
+        const {width: width, height: height, corners: corners, innerRadius: innerRadius, startAngle: startAngle} = this.__;
         const rx = width / 2, ry = height / 2;
         const path = this.__.path = [];
-        moveTo$1(path, rx, 0);
+        let startRadian = 0, radian;
+        if (startAngle) {
+            startRadian = startAngle * OneRadian;
+            moveTo$1(path, rx + rx * sin(startRadian), ry - ry * cos(startRadian));
+        } else moveTo$1(path, rx, 0);
         for (let i = 1; i < corners * 2; i++) {
-            lineTo$1(path, rx + (i % 2 === 0 ? rx : rx * innerRadius) * sin(i * PI / corners), ry - (i % 2 === 0 ? ry : ry * innerRadius) * cos(i * PI / corners));
+            radian = i * PI / corners + startRadian;
+            lineTo$1(path, rx + (i % 2 === 0 ? rx : rx * innerRadius) * sin(radian), ry - (i % 2 === 0 ? ry : ry * innerRadius) * cos(radian));
         }
         closePath(path);
     }
@@ -9471,6 +9492,8 @@ __decorate([ pathType(5) ], Star.prototype, "corners", void 0);
 
 __decorate([ pathType(.382) ], Star.prototype, "innerRadius", void 0);
 
+__decorate([ pathType(0) ], Star.prototype, "startAngle", void 0);
+
 Star = __decorate([ registerUI() ], Star);
 
 const {moveTo: moveTo, lineTo: lineTo, drawPoints: drawPoints} = PathCommandDataHelper;
@@ -9829,7 +9852,8 @@ let Pen = class Pen extends Group {
         return this;
     }
     paint() {
-        if (!this.pathElement.__layout.boxChanged) this.pathElement.forceUpdate("path");
+        const {pathElement: pathElement} = this;
+        if (!pathElement.__layout.boxChanged) pathElement.forceUpdate("path");
     }
 };
 
@@ -9913,6 +9937,8 @@ function stroke(stroke, ui, canvas, renderOptions) {
     if (!data.__strokeWidth) return;
     if (data.__font) {
         Paint.strokeText(stroke, ui, canvas, renderOptions);
+    } else if (data.__pathForStroke) {
+        Paint.fillStroke(stroke, ui, canvas, renderOptions);
     } else {
         switch (data.strokeAlign) {
           case "center":