@leafer-ui/display 2.0.8 → 2.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafer-ui/display",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "description": "@leafer-ui/display",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",
@@ -22,14 +22,14 @@
     "leaferjs"
   ],
   "dependencies": {
-    "@leafer/core": "2.0.8",
-    "@leafer-ui/data": "2.0.8",
-    "@leafer-ui/display-module": "2.0.8",
-    "@leafer-ui/decorator": "2.0.8",
-    "@leafer-ui/external": "2.0.8"
+    "@leafer/core": "2.0.9",
+    "@leafer-ui/data": "2.0.9",
+    "@leafer-ui/display-module": "2.0.9",
+    "@leafer-ui/decorator": "2.0.9",
+    "@leafer-ui/external": "2.0.9"
   },
   "devDependencies": {
-    "@leafer/interface": "2.0.8",
-    "@leafer-ui/interface": "2.0.8"
+    "@leafer/interface": "2.0.9",
+    "@leafer-ui/interface": "2.0.9"
   }
 }

package/src/Pen.ts

@@ -72,7 +72,8 @@ export class Pen<TInputData = IPenInputData> extends Group<TInputData> implement
 
 
     public paint(): void {
-        if (!this.pathElement.__layout.boxChanged) this.pathElement.forceUpdate('path')
+        const { pathElement } = this
+        if (!pathElement.__layout.boxChanged) pathElement.forceUpdate('path')
     }
 
 }

package/src/Polygon.ts

@@ -1,5 +1,5 @@
 import { INumber, IPointData } from '@leafer/interface'
-import { PathCommandDataHelper, dataProcessor, pathType, registerUI, rewriteAble } from '@leafer/core'
+import { PathCommandDataHelper, dataProcessor, pathType, registerUI, rewriteAble, OneRadian } from '@leafer/core'
 
 import { IPolygon, IPolygonData, IPolygonInputData } from '@leafer-ui/interface'
 import { PolygonData } from '@leafer-ui/data'
@@ -22,6 +22,9 @@ export class Polygon<TInputData = IPolygonInputData> extends UI<TInputData> impl
     @pathType(3)
     public sides?: INumber
 
+    @pathType(0)
+    public startAngle?: INumber
+
     @pathType()
     public points?: number[] | IPointData[]
 
@@ -40,13 +43,19 @@ export class Polygon<TInputData = IPolygonInputData> extends UI<TInputData> impl
 
         } else {
 
-            const { width, height, sides } = data
+            const { width, height, sides, startAngle } = data
             const rx = width / 2, ry = height / 2
 
-            moveTo(path, rx, 0)
+            let startRadian = 0, radian: number
+
+            if (startAngle) {
+                startRadian = startAngle * OneRadian
+                moveTo(path, rx + rx * sin(startRadian), ry - ry * cos(startRadian))
+            } else moveTo(path, rx, 0)
 
             for (let i = 1; i < sides; i++) {
-                lineTo(path, rx + rx * sin((i * 2 * PI) / sides), ry - ry * cos((i * 2 * PI) / sides))
+                radian = (i * 2 * PI) / sides + startRadian
+                lineTo(path, rx + rx * sin(radian), ry - ry * cos(radian))
             }
 
             closePath(path)

package/src/Star.ts

@@ -1,5 +1,5 @@
 import { INumber } from '@leafer/interface'
-import { PathCommandDataHelper, dataProcessor, pathType, registerUI } from '@leafer/core'
+import { OneRadian, PathCommandDataHelper, dataProcessor, pathType, registerUI } from '@leafer/core'
 
 import { IStar, IStarData, IStarInputData } from '@leafer-ui/interface'
 import { StarData } from '@leafer-ui/data'
@@ -25,17 +25,26 @@ export class Star<TInputData = IStarInputData> extends UI<TInputData> implements
     @pathType(0.382)
     public innerRadius?: INumber
 
+    @pathType(0)
+    public startAngle?: INumber
 
     public __updatePath() {
 
-        const { width, height, corners, innerRadius } = this.__
+        const { width, height, corners, innerRadius, startAngle } = this.__
         const rx = width / 2, ry = height / 2
 
         const path: number[] = this.__.path = []
-        moveTo(path, rx, 0)
+
+        let startRadian = 0, radian: number
+
+        if (startAngle) {
+            startRadian = startAngle * OneRadian
+            moveTo(path, rx + rx * sin(startRadian), ry - ry * cos(startRadian))
+        } else moveTo(path, rx, 0)
 
         for (let i = 1; i < corners * 2; i++) {
-            lineTo(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(path, rx + (i % 2 === 0 ? rx : rx * innerRadius) * sin(radian), ry - (i % 2 === 0 ? ry : ry * innerRadius) * cos(radian))
         }
 
         closePath(path)

package/src/UI.ts

@@ -339,7 +339,7 @@ export class UI<TInputData = IUIInputData> extends Leaf<TInputData> implements I
 
     // @leafer-in/motion-path rewrite
 
-    public motionPath?: boolean
+    public motionPath?: boolean | 'text-path'
 
     public motionPrecision?: INumber
 

package/types/index.d.ts

@@ -101,7 +101,7 @@ declare class UI<TInputData = IUIInputData> extends Leaf<TInputData> implements
     animationOut?: IAnimation | IAnimation[];
     transition?: ITransition;
     transitionOut?: ITransition;
-    motionPath?: boolean;
+    motionPath?: boolean | 'text-path';
     motionPrecision?: INumber;
     motion?: INumber | IUnitData;
     motionRotation?: INumber | IBoolean;
@@ -344,6 +344,7 @@ declare class Polygon<TInputData = IPolygonInputData> extends UI<TInputData> imp
     get __tag(): string;
     __: IPolygonData;
     sides?: INumber;
+    startAngle?: INumber;
     points?: number[] | IPointData[];
     curve?: boolean | number;
     __updatePath(): void;
@@ -354,6 +355,7 @@ declare class Star<TInputData = IStarInputData> extends UI<TInputData> implement
     __: IStarData;
     corners?: INumber;
     innerRadius?: INumber;
+    startAngle?: INumber;
     __updatePath(): void;
 }