add perspective for rotattionX and rotationY

doric-js/lib/src/ui/animation.d.ts

@@ -1,5 +1,5 @@
 import { Modeling, Model } from "../util/types";
-export declare type AnimatedKey = "translationX" | "translationY" | "scaleX" | "scaleY" | "rotation" | "pivotX" | "pivotY";
+export declare type AnimatedKey = "translationX" | "translationY" | "scaleX" | "scaleY" | "rotation" | "pivotX" | "pivotY" | "rotationX" | "rotationY";
 export declare enum RepeatMode {
     RESTART = 1,
     REVERSE = 2
@@ -112,6 +112,22 @@ export declare class RotationAnimation extends Animation {
     set toRotation(v: number);
     get toRotation(): number;
 }
+export declare class RotationXAnimation extends Animation {
+    private rotationChaneable;
+    constructor();
+    set fromRotation(v: number);
+    get fromRotation(): number;
+    set toRotation(v: number);
+    get toRotation(): number;
+}
+export declare class RotationYAnimation extends Animation {
+    private rotationChaneable;
+    constructor();
+    set fromRotation(v: number);
+    get fromRotation(): number;
+    set toRotation(v: number);
+    get toRotation(): number;
+}
 export declare class AnimationSet implements IAnimation {
     private animations;
     private _duration;

doric-js/lib/src/ui/animation.js

@@ -192,6 +192,52 @@ export class RotationAnimation extends Animation {
         return this.rotationChaneable.toValue;
     }
 }
+export class RotationXAnimation extends Animation {
+    constructor() {
+        super();
+        this.rotationChaneable = {
+            key: "rotationX",
+            fromValue: 1,
+            toValue: 1,
+        };
+        this.changeables.set("rotationX", this.rotationChaneable);
+    }
+    set fromRotation(v) {
+        this.rotationChaneable.fromValue = v;
+    }
+    get fromRotation() {
+        return this.rotationChaneable.fromValue;
+    }
+    set toRotation(v) {
+        this.rotationChaneable.toValue = v;
+    }
+    get toRotation() {
+        return this.rotationChaneable.toValue;
+    }
+}
+export class RotationYAnimation extends Animation {
+    constructor() {
+        super();
+        this.rotationChaneable = {
+            key: "rotationY",
+            fromValue: 1,
+            toValue: 1,
+        };
+        this.changeables.set("rotationY", this.rotationChaneable);
+    }
+    set fromRotation(v) {
+        this.rotationChaneable.fromValue = v;
+    }
+    get fromRotation() {
+        return this.rotationChaneable.fromValue;
+    }
+    set toRotation(v) {
+        this.rotationChaneable.toValue = v;
+    }
+    get toRotation() {
+        return this.rotationChaneable.toValue;
+    }
+}
 export class AnimationSet {
     constructor() {
         this.animations = [];

doric-js/lib/src/ui/view.d.ts

@@ -116,6 +116,11 @@ export declare abstract class View implements Modeling {
      * In Y
      */
     rotationY?: number;
+    /**
+     * Determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective.
+     * Default is 200
+     */
+    perspective?: number;
     /**----------transform----------*/
     /**
      * Only affected when its superview or itself is FlexLayout.

doric-js/lib/src/ui/view.js

@@ -275,6 +275,10 @@ let View = /** @class */ (() => {
         Property,
         __metadata("design:type", Number)
     ], View.prototype, "rotationY", void 0);
+    __decorate([
+        Property,
+        __metadata("design:type", Number)
+    ], View.prototype, "perspective", void 0);
     __decorate([
         Property,
         __metadata("design:type", Object)