leafer-draw 2.0.8 → 2.1.0

package/dist/web.module.js

@@ -7079,7 +7079,7 @@ class LeafLevelList {
     }
 }
 
-const version = "2.0.8";
+const version = "2.1.0";
 
 const debug$4 = Debug.get("LeaferCanvas");
 
@@ -8079,8 +8079,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;
@@ -8181,6 +8181,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;
@@ -8415,7 +8419,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);
@@ -9464,11 +9468,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);
         }
@@ -9479,6 +9488,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);
@@ -9494,12 +9505,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);
     }
@@ -9511,6 +9527,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;
@@ -9869,7 +9887,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");
     }
 };
 
@@ -9953,6 +9972,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":