@leafer/interface - npm Package Compare versions

Comparing version 1.3.3 to 1.4.0

src/animate/ITransition.ts

+import { IObject } from '../data/IData'
+
+export type ITransition = IAnimateOptions | IAnimateEasingName | number | boolean
+
+export interface IAnimateOptions {
+    easing?: IAnimateEasing
+
+    delay?: number
+    duration?: number
+    ending?: IAnimateEnding
+
+    reverse?: boolean
+    swing?: boolean | number
+
+    loop?: boolean | number
+    loopDelay?: number
+
+    speed?: number
+
+    join?: boolean
+    autoplay?: boolean
+
+    attrs?: string[]
+    event?: IAnimateEvents
+}
+
+
+export interface IAnimateEasingFunction {
+    (t: number): number
+}
+
+export interface ICustomEasingFunction {
+    (...arg: any): IAnimateEasingFunction
+}
+
+
+export type IAnimateEasing =
+    | IAnimateEasingName
+    | ICubicBezierEasing
+    | IStepsEasing
+    | IObject
+
+export interface ICubicBezierEasing {
+    name: 'cubic-bezier',
+    value: [number, number, number, number]
+}
+
+export interface IStepsEasing {
+    name: 'steps',
+    value: number | [number, 'floor' | 'round' | 'ceil']
+}
+
+
+export type IAnimateEasingName =
+    | 'linear'
+    | 'ease'
+    | 'ease-in' | 'ease-out' | 'ease-in-out'
+    | 'sine-in' | 'sine-out' | 'sine-in-out'
+    | 'quad-in' | 'quad-out' | 'quad-in-out'
+    | 'cubic-in' | 'cubic-out' | 'cubic-in-out'
+    | 'quart-in' | 'quart-out' | 'quart-in-out'
+    | 'quint-in' | 'quint-out' | 'quint-in-out'
+    | 'expo-in' | 'expo-out' | 'expo-in-out'
+    | 'circ-in' | 'circ-out' | 'circ-in-out'
+    | 'back-in' | 'back-out' | 'back-in-out'
+    | 'elastic-in' | 'elastic-out' | 'elastic-in-out'
+    | 'bounce-in' | 'bounce-out' | 'bounce-in-out'
+
+
+export type IAnimateEnding = 'auto' | 'from' | 'to'
+
+export interface IAnimateEvents {
+    created?: IAnimateEventFunction
+
+    play?: IAnimateEventFunction
+    pause?: IAnimateEventFunction
+    stop?: IAnimateEventFunction
+    seek?: IAnimateEventFunction
+
+    update?: IAnimateEventFunction
+    completed?: IAnimateEventFunction
+}
+
+export interface IAnimateEventFunction {
+    (animate?: any): any
+}

package.json

 {
   "name": "@leafer/interface",
-  "version": "1.3.3",
+  "version": "1.4.0",
   "description": "@leafer/interface",
@@ -5,0 +5,0 @@ "author": "Chao (Leafer) Wan",

src/display/ILeaf.ts

@@ -23,2 +23,3 @@ import { ILeaferBase } from '../app/ILeafer'
 import { IMotionPathData } from '../path/IPathData'
+import { ITransition } from '../animate/ITransition'
 
@@ -519,3 +520,3 @@
 
-    set(data: IObject, transition?: any): void
+    set(data: IObject, transition?: ITransition): void
     get(name?: string | string[] | IObject): ILeafInputData | IValue
@@ -618,18 +619,18 @@ setAttr(name: string, value: any): void
     // transform
-    setTransform(transform?: IMatrixData, resize?: boolean): void
-    transform(transform?: IMatrixData, resize?: boolean): void
-    move(x: number | IPointData, y?: number, transition?: any): void
+    setTransform(transform?: IMatrixData, resize?: boolean, transition?: ITransition): void
+    transform(transform?: IMatrixData, resize?: boolean, transition?: ITransition): void
+    move(x: number | IPointData, y?: number, transition?: ITransition): void
 
-    moveInner(x: number | IPointData, y?: number, transition?: any): void
-    scaleOf(origin: IPointData | IAlign, scaleX: number, scaleY?: number, resize?: boolean): void
+    moveInner(x: number | IPointData, y?: number, transition?: ITransition): void
+    scaleOf(origin: IPointData | IAlign, scaleX: number, scaleY?: number | ITransition, resize?: boolean, transition?: ITransition): void
     rotateOf(origin: IPointData | IAlign, rotation: number): void
-    skewOf(origin: IPointData | IAlign, skewX: number, skewY?: number, resize?: boolean): void
+    skewOf(origin: IPointData | IAlign, skewX: number, skewY?: number, resize?: boolean, transition?: ITransition): void
 
-    transformWorld(worldTransform?: IMatrixData, resize?: boolean): void
-    moveWorld(x: number | IPointData, y?: number, transition?: any): void
-    scaleOfWorld(worldOrigin: IPointData, scaleX: number, scaleY?: number, resize?: boolean): void
-    rotateOfWorld(worldOrigin: IPointData, rotation: number): void
-    skewOfWorld(worldOrigin: IPointData, skewX: number, skewY?: number, resize?: boolean): void
+    transformWorld(worldTransform?: IMatrixData, resize?: boolean, transition?: ITransition): void
+    moveWorld(x: number | IPointData, y?: number, transition?: ITransition): void
+    scaleOfWorld(worldOrigin: IPointData, scaleX: number, scaleY?: number | ITransition, resize?: boolean, transition?: ITransition): void
+    rotateOfWorld(worldOrigin: IPointData, rotation: number, transition?: ITransition): void
+    skewOfWorld(worldOrigin: IPointData, skewX: number, skewY?: number, resize?: boolean, transition?: ITransition): void
 
-    flip(axis: IAxis): void
+    flip(axis: IAxis, transition?: ITransition): void
 
@@ -636,0 +637,0 @@ scaleResize(scaleX: number, scaleY: number, noResize?: boolean): void

src/index.ts

@@ -57,2 +57,4 @@ export { IAppBase } from './app/IApp'
 export { IPoint, IPointData, IFromToData, IUnitPointData, IRotationPointData, IScrollPointData, IClientPointData, IRadiusPointData, ISize, ISizeData, IScreenSizeData, IBounds, IBoundsData, IBoundsDataFn, IOffsetBoundsData, ITwoPointBoundsData, IAutoBounds, IAutoBoxData, IAutoBoundsData, IMatrix, IMatrixData, IMatrixWithBoundsData, IMatrixWithScaleData, IMatrixWithOptionScaleData, IMatrixWithBoundsScaleData, IMatrixWithLayoutData, IScaleRotationData, IScaleData, ISkewData, ILayoutBoundsData, ILayoutData, ILayoutAttr } from './math/IMath'
-export { IFunction, IStringFunction, INumberFunction, IObjectFunction, IPointDataFunction, IAttrDecorator } from './function/IFunction'
+export { IFunction, IStringFunction, INumberFunction, IObjectFunction, IPointDataFunction, IAttrDecorator } from './function/IFunction'
+
+export { ITransition, IAnimateEasing, ICubicBezierEasing, IStepsEasing, IAnimateEasingFunction, IAnimateEasingName, IAnimateEnding, IAnimateEvents, IAnimateEventFunction, ICustomEasingFunction, IAnimateOptions } from './animate/ITransition'

No alert changes

Improved metrics

Total package byte prevSize

187156

2.64%

Number of package files

50

2.04%

Lines of code

4827

2.35%

No dependency changes