Class: Animate

Hierarchy

• Eventer

  ↳ Animate

Implements

• IAnimate

Table of contents

Constructors

• constructor

Properties

• target
• keyframes
• config
• fromStyle
• toStyle
• running
• destroyed
• time
• looped
• easing
• delay
• duration
• ending
• reverse
• swing
• loop
• loopDelay
• speed
• autoplay
• join
• attrs
• isTemp
• frames
• nowIndex
• easingFn
• requestAnimateTime
• playedTotalTime
• nowReverse
• timer
• attrsMap
• innerId
• __captureMap
• __bubbleMap
• syncEventer

Accessors

• endingStyle
• started
• completed
• frame
• frameTotalTime
• realEnding
• event

Methods

• init
• play
• pause
• stop
• seek
• kill
• create
• changeDuration
• setBefore
• allocateTime
• requestAnimate
• animate
• start
• begin
• end
• complete
• setFrom
• setTo
• nextFrame
• reverseNextFrame
• transition
• setStyle
• clearTimer
• destroy
• on
• off
• on_
• off_
• once
• emit
• emitEvent
• hasEvent

Constructors

constructor

• new Animate(target, keyframe, options?, isTemp?): Animate

Parameters

Name	Type
target	IUI
keyframe	IUIInputData | IKeyframe[]
options?	ITransition
isTemp?	boolean

Returns

Animate

Overrides

Eventer.constructor

Defined in

in/packages/animate/src/Animate.ts:102

Properties

target

• target: IUI

Implementation of

IAnimate.target

Defined in

in/packages/animate/src/Animate.ts:14

---

keyframes

• keyframes: IKeyframe[]

Implementation of

IAnimate.keyframes

Defined in

in/packages/animate/src/Animate.ts:16

---

config

• Optional config: IAnimateOptions

Implementation of

IAnimate.config

Defined in

in/packages/animate/src/Animate.ts:17

---

fromStyle

• fromStyle: IUIInputData

Implementation of

IAnimate.fromStyle

Defined in

in/packages/animate/src/Animate.ts:19

---

toStyle

• toStyle: IUIInputData

Implementation of

IAnimate.toStyle

Defined in

in/packages/animate/src/Animate.ts:20

---

running

• running: boolean

Implementation of

IAnimate.running

Defined in

in/packages/animate/src/Animate.ts:24

---

destroyed

• destroyed: boolean

Implementation of

IAnimate.destroyed

Defined in

in/packages/animate/src/Animate.ts:26

---

time

• time: number

Implementation of

IAnimate.time

Defined in

in/packages/animate/src/Animate.ts:28

---

looped

• looped: number

Implementation of

IAnimate.looped

Defined in

in/packages/animate/src/Animate.ts:29

---

easing

• easing: IAnimateEasing

Implementation of

IAnimate.easing

Defined in

in/packages/animate/src/Animate.ts:33

---

delay

• delay: number

Implementation of

IAnimate.delay

Defined in

in/packages/animate/src/Animate.ts:37

---

duration

• duration: number

Implementation of

IAnimate.duration

Defined in

in/packages/animate/src/Animate.ts:40

---

ending

• ending: IAnimateEnding

Implementation of

IAnimate.ending

Defined in

in/packages/animate/src/Animate.ts:43

---

reverse

• Optional reverse: boolean

Implementation of

IAnimate.reverse

Defined in

in/packages/animate/src/Animate.ts:47

---

swing

• Optional swing: boolean

Implementation of

IAnimate.swing

Defined in

in/packages/animate/src/Animate.ts:50

---

loop

• loop: number | boolean

Implementation of

IAnimate.loop

Defined in

in/packages/animate/src/Animate.ts:53

---

loopDelay

• loopDelay: number

Implementation of

IAnimate.loopDelay

Defined in

in/packages/animate/src/Animate.ts:56

---

speed

• speed: number

Implementation of

IAnimate.speed

Defined in

in/packages/animate/src/Animate.ts:60

---

autoplay

• autoplay: boolean

Implementation of

IAnimate.autoplay

Defined in

in/packages/animate/src/Animate.ts:63

---

join

• join: boolean

Implementation of

IAnimate.join

Defined in

in/packages/animate/src/Animate.ts:66

---

attrs

• attrs: string[]

Implementation of

IAnimate.attrs

Defined in

in/packages/animate/src/Animate.ts:69

---

isTemp

• isTemp: boolean

Defined in

in/packages/animate/src/Animate.ts:72

---

frames

• frames: IComputedKeyframe[]

Implementation of

IAnimate.frames

Defined in

in/packages/animate/src/Animate.ts:74

---

nowIndex

• Protected nowIndex: number

Defined in

in/packages/animate/src/Animate.ts:76

---

easingFn

• Protected easingFn: IFunction

Defined in

in/packages/animate/src/Animate.ts:80

---

requestAnimateTime

• Protected requestAnimateTime: number

Defined in

in/packages/animate/src/Animate.ts:82

---

playedTotalTime

• Protected playedTotalTime: number

Defined in

in/packages/animate/src/Animate.ts:83

---

nowReverse

• Protected nowReverse: boolean

Defined in

in/packages/animate/src/Animate.ts:85

---

timer

• Protected timer: any

Defined in

in/packages/animate/src/Animate.ts:86

---

attrsMap

• Protected attrsMap: IBooleanMap

Defined in

in/packages/animate/src/Animate.ts:87

---

innerId

• Readonly innerId: number

Implementation of

IAnimate.innerId

Inherited from

Eventer.innerId

Defined in

leafer/packages/event/src/Eventer.ts:9

---

__captureMap

• Optional __captureMap: IEventListenerMap

Implementation of

IAnimate.__captureMap

Inherited from

Eventer.__captureMap

Defined in

leafer/packages/event/src/Eventer.ts:11

---

__bubbleMap

• Optional __bubbleMap: IEventListenerMap

Implementation of

IAnimate.__bubbleMap

Inherited from

Eventer.__bubbleMap

Defined in

leafer/packages/event/src/Eventer.ts:13

---

syncEventer

• Optional syncEventer: IEventer

Implementation of

IAnimate.syncEventer

Inherited from

Eventer.syncEventer

Defined in

leafer/packages/event/src/Eventer.ts:15

Accessors

endingStyle

• get endingStyle(): IUIInputData

Returns

IUIInputData

Implementation of

IAnimate.endingStyle

Defined in

in/packages/animate/src/Animate.ts:21

---

started

• get started(): boolean

Returns

boolean

Implementation of

IAnimate.started

Defined in

in/packages/animate/src/Animate.ts:23

---

completed

• get completed(): boolean

Returns

boolean

Implementation of

IAnimate.completed

Defined in

in/packages/animate/src/Animate.ts:25

---

frame

• get frame(): IComputedKeyframe

Returns

IComputedKeyframe

Defined in

in/packages/animate/src/Animate.ts:77

---

frameTotalTime

• get frameTotalTime(): number

Returns

number

Defined in

in/packages/animate/src/Animate.ts:78

---

realEnding

• get realEnding(): IAnimateEnding

Returns

IAnimateEnding

Implementation of

IAnimate.realEnding

Defined in

in/packages/animate/src/Animate.ts:89

---

event

• set event(map): void

Parameters

Name	Type
map	IEventMap

Returns

void

Implementation of

IAnimate.event

Inherited from

Eventer.event

Defined in

leafer/packages/event/src/Eventer.ts:17

Methods

init

▸ init(target, keyframe, options?, isTemp?): void

Parameters

Name	Type
target	IUI
keyframe	IUIInputData | IKeyframe[]
options?	ITransition
isTemp?	boolean

Returns

void

Implementation of

IAnimate.init

Defined in

in/packages/animate/src/Animate.ts:108

---

play

▸ play(): void

Returns

void

Implementation of

IAnimate.play

Defined in

in/packages/animate/src/Animate.ts:134

---

pause

▸ pause(): void

Returns

void

Implementation of

IAnimate.pause

Defined in

in/packages/animate/src/Animate.ts:143

---

stop

▸ stop(): void

Returns

void

Implementation of

IAnimate.stop

Defined in

in/packages/animate/src/Animate.ts:151

---

seek

▸ seek(time): void

Parameters

Name	Type
time	number | IPercentData

Returns

void

Implementation of

IAnimate.seek

Defined in

in/packages/animate/src/Animate.ts:159

---

kill

▸ kill(): void

Returns

void

Implementation of

IAnimate.kill

Defined in

in/packages/animate/src/Animate.ts:172

---

create

▸ create(): void

Returns

void

Defined in

in/packages/animate/src/Animate.ts:177

---

changeDuration

▸ changeDuration(duration): void

Parameters

Name	Type
duration	number

Returns

void

Defined in

in/packages/animate/src/Animate.ts:237

---

setBefore

▸ setBefore(item, data, before): void

Parameters

Name	Type
item	IComputedKeyframe
data	IObject
before	IObject

Returns

void

Defined in

in/packages/animate/src/Animate.ts:242

---

allocateTime

▸ allocateTime(partTime): void

Parameters

Name	Type
partTime	number

Returns

void

Defined in

in/packages/animate/src/Animate.ts:251

---

requestAnimate

▸ requestAnimate(): void

Returns

void

Defined in

in/packages/animate/src/Animate.ts:264

---

animate

▸ animate(_runtime?, seek?): void

Parameters

Name	Type
_runtime?	number
seek?	boolean

Returns

void

Defined in

in/packages/animate/src/Animate.ts:269

---

start

▸ start(seek?): void

Parameters

Name	Type
seek?	boolean

Returns

void

Defined in

in/packages/animate/src/Animate.ts:330

---

begin

▸ begin(seek?): void

Parameters

Name	Type
seek?	boolean

Returns

void

Defined in

in/packages/animate/src/Animate.ts:348

---

end

▸ end(): void

Returns

void

Defined in

in/packages/animate/src/Animate.ts:354

---

complete

▸ complete(): void

Returns

void

Defined in

in/packages/animate/src/Animate.ts:358

---

setFrom

▸ setFrom(): void

Returns

void

Defined in

in/packages/animate/src/Animate.ts:371

---

setTo

▸ setTo(): void

Returns

void

Defined in

in/packages/animate/src/Animate.ts:376

---

nextFrame

▸ nextFrame(): void

Returns

void

Defined in

in/packages/animate/src/Animate.ts:382

---

reverseNextFrame

▸ reverseNextFrame(): void

Returns

void

Defined in

in/packages/animate/src/Animate.ts:388

---

transition

▸ transition(t): void

Parameters

Name	Type
t	number

Returns

void

Defined in

in/packages/animate/src/Animate.ts:395

---

setStyle

▸ setStyle(style): void

Parameters

Name	Type
style	IObject

Returns

void

Defined in

in/packages/animate/src/Animate.ts:424

---

clearTimer

▸ clearTimer(fn?): void

Parameters

Name	Type
fn?	IFunction

Returns

void

Defined in

in/packages/animate/src/Animate.ts:428

---

destroy

▸ destroy(complete?): void

Parameters

Name	Type
complete?	boolean

Returns

void

Implementation of

IAnimate.destroy

Overrides

Eventer.destroy

Defined in

in/packages/animate/src/Animate.ts:435

---

on

▸ on(type, listener?, options?): void

Parameters

Name	Type
type	string | string[] | IEventMap
listener?	IFunction
options?	IEventOption

Returns

void

Implementation of

IAnimate.on

Inherited from

Eventer.on

Defined in

leafer/packages/event/src/Eventer.ts:20

---

off

▸ off(type?, listener?, options?): void

Parameters

Name	Type
type?	string | string[]
listener?	IFunction
options?	IEventOption

Returns

void

Implementation of

IAnimate.off

Inherited from

Eventer.off

Defined in

leafer/packages/event/src/Eventer.ts:57

---

on_

▸ on_(type, listener, bind?, options?): IEventListenerId

Parameters

Name	Type
type	string | string[]
listener	IFunction
bind?	IObject
options?	IEventOption

Returns

IEventListenerId

Implementation of

IAnimate.on_

Inherited from

Eventer.on_

Defined in

leafer/packages/event/src/Eventer.ts:100

---

off_

▸ off_(id): void

Parameters

Name	Type
id	IEventListenerId | IEventListenerId[]

Returns

void

Implementation of

IAnimate.off_

Inherited from

Eventer.off_

Defined in

leafer/packages/event/src/Eventer.ts:106

---

once

▸ once(type, listener, capture?): void

Parameters

Name	Type
type	string | string[]
listener	IFunction
capture?	boolean

Returns

void

Implementation of

IAnimate.once

Inherited from

Eventer.once

Defined in

leafer/packages/event/src/Eventer.ts:113

---

emit

▸ emit(type, event?, capture?): void

Parameters

Name	Type
type	string
event?	IObject | IEvent
capture?	boolean

Returns

void

Implementation of

IAnimate.emit

Inherited from

Eventer.emit

Defined in

leafer/packages/event/src/Eventer.ts:117

---

emitEvent

▸ emitEvent(event, capture?): void

Parameters

Name	Type
event	IEvent
capture?	boolean

Returns

void

Implementation of

IAnimate.emitEvent

Inherited from

Eventer.emitEvent

Defined in

leafer/packages/event/src/Eventer.ts:138

---

hasEvent

▸ hasEvent(type, capture?): boolean

Parameters

Name	Type
type	string
capture?	boolean

Returns

boolean

Implementation of

IAnimate.hasEvent

Inherited from

Eventer.hasEvent

Defined in

leafer/packages/event/src/Eventer.ts:143