Class: Animate

Hierarchy

• Eventer

  ↳ Animate

  ↳↳ AnimateList

Implements

• IAnimate

Table of contents

Constructors

• constructor

Properties

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

Accessors

• endingStyle
• started
• completed
• frame
• frameTotalTime
• nowReverse
• 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
• increaseTime
• needLoop
• needStopLoop
• needLoopFrame
• clearTimer
• destroy
• on
• off
• on_
• off_
• once
• emit
• emitEvent
• hasEvent

Constructors

constructor

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

Parameters

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

Overrides

Eventer.constructor

Defined in

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

Properties

target

• target: IObject | 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

---

style

• style: IUIInputData

Implementation of

IAnimate.style

Defined in

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

---

fromStyle

• fromStyle: IUIInputData

Implementation of

IAnimate.fromStyle

Defined in

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

---

toStyle

• toStyle: IUIInputData

Implementation of

IAnimate.toStyle

Defined in

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

---

running

• running: boolean

Implementation of

IAnimate.running

Defined in

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

---

destroyed

• destroyed: boolean

Implementation of

IAnimate.destroyed

Defined in

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

---

time

• time: number

Implementation of

IAnimate.time

Defined in

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

---

looped

• looped: number

Implementation of

IAnimate.looped

Defined in

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

---

easing

• easing: IAnimateEasing

Implementation of

IAnimate.easing

Defined in

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

---

delay

• delay: number

Implementation of

IAnimate.delay

Defined in

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

---

duration

• duration: number

Implementation of

IAnimate.duration

Defined in

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

---

ending

• ending: IAnimateEnding

Implementation of

IAnimate.ending

Defined in

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

---

reverse

• Optional reverse: boolean

Implementation of

IAnimate.reverse

Defined in

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

---

swing

• Optional swing: boolean

Implementation of

IAnimate.swing

Defined in

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

---

loop

• loop: number | boolean

Implementation of

IAnimate.loop

Defined in

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

---

loopDelay

• loopDelay: number

Implementation of

IAnimate.loopDelay

Defined in

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

---

speed

• speed: number

Implementation of

IAnimate.speed

Defined in

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

---

autoplay

• autoplay: boolean

Implementation of

IAnimate.autoplay

Defined in

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

---

join

• join: boolean

Implementation of

IAnimate.join

Defined in

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

---

attrs

• attrs: string[]

Implementation of

IAnimate.attrs

Defined in

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

---

killStyle

• Protected killStyle: IUIInputData

Defined in

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

---

isTemp

• isTemp: boolean

Defined in

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

---

frames

• frames: IComputedKeyframe[]

Implementation of

IAnimate.frames

Defined in

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

---

nowIndex

• Protected nowIndex: number

Defined in

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

---

frameLooped

• Protected frameLooped: number

Defined in

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

---

frameReverse

• Protected frameReverse: boolean

Defined in

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

---

easingFn

• Protected easingFn: IFunction

Defined in

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

---

requestAnimateTime

• Protected requestAnimateTime: number

Defined in

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

---

playedTotalTime

• Protected playedTotalTime: number

Defined in

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

---

mainReverse

• Protected mainReverse: boolean

Defined in

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

---

timer

• Protected timer: any

Defined in

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

---

attrsMap

• Protected attrsMap: IBooleanMap

Defined in

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

---

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:22

---

started

• get started(): boolean

Returns

boolean

Implementation of

IAnimate.started

Defined in

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

---

completed

• get completed(): boolean

Returns

boolean

Implementation of

IAnimate.completed

Defined in

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

---

frame

• Protected get frame(): IComputedKeyframe

Returns

IComputedKeyframe

Defined in

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

---

frameTotalTime

• Protected get frameTotalTime(): number

Returns

number

Defined in

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

---

nowReverse

• get nowReverse(): boolean

Returns

boolean

Defined in

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

---

realEnding

• get realEnding(): IAnimateEnding

Returns

IAnimateEnding

Implementation of

IAnimate.realEnding

Defined in

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

---

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	IObject | IUI
keyframe	IUIInputData | IKeyframe[]
options?	ITransition
isTemp?	boolean

Returns

void

Implementation of

IAnimate.init

Defined in

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

---

play

▸ play(): void

Returns

void

Implementation of

IAnimate.play

Defined in

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

---

pause

▸ pause(): void

Returns

void

Implementation of

IAnimate.pause

Defined in

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

---

stop

▸ stop(): void

Returns

void

Implementation of

IAnimate.stop

Defined in

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

---

seek

▸ seek(time): void

Parameters

Name	Type
time	number | IPercentData

Returns

void

Implementation of

IAnimate.seek

Defined in

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

---

kill

▸ kill(complete?, killStyle?): void

Parameters

Name	Type	Default value
complete	boolean	true
killStyle?	IUIInputData	undefined

Returns

void

Implementation of

IAnimate.kill

Defined in

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

---

create

▸ Protected create(): void

Returns

void

Defined in

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

---

changeDuration

▸ changeDuration(duration): void

Parameters

Name	Type
duration	number

Returns

void

Defined in

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

---

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:253

---

allocateTime

▸ allocateTime(partTime): void

Parameters

Name	Type
partTime	number

Returns

void

Defined in

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

---

requestAnimate

▸ Protected requestAnimate(): void

Returns

void

Defined in

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

---

animate

▸ Protected animate(_runtime?, seek?): void

Parameters

Name	Type
_runtime?	number
seek?	boolean

Returns

void

Defined in

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

---

start

▸ Protected start(seek?): void

Parameters

Name	Type
seek?	boolean

Returns

void

Defined in

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

---

begin

▸ Protected begin(seek?): void

Parameters

Name	Type
seek?	boolean

Returns

void

Defined in

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

---

end

▸ Protected end(): void

Returns

void

Defined in

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

---

complete

▸ Protected complete(): void

Returns

void

Defined in

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

---

setFrom

▸ Protected setFrom(): void

Returns

void

Defined in

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

---

setTo

▸ Protected setTo(): void

Returns

void

Defined in

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

---

nextFrame

▸ Protected nextFrame(): void

Returns

void

Defined in

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

---

reverseNextFrame

▸ Protected reverseNextFrame(): void

Returns

void

Defined in

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

---

transition

▸ Protected transition(t): void

Parameters

Name	Type
t	number

Returns

void

Defined in

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

---

setStyle

▸ setStyle(style): void

Parameters

Name	Type
style	IObject

Returns

void

Defined in

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

---

increaseTime

▸ Protected increaseTime(): void

Returns

void

Defined in

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

---

needLoop

▸ Protected needLoop(looped, loop, swing): boolean

Parameters

Name	Type
looped	number
loop	number | boolean
swing	number | boolean

Returns

boolean

Defined in

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

---

needStopLoop

▸ Protected needStopLoop(looped, times, swing?): boolean

Parameters

Name	Type
looped	number
times	number | boolean
swing?	boolean

Returns

boolean

Defined in

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

---

needLoopFrame

▸ Protected needLoopFrame(): boolean

Returns

boolean

Defined in

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

---

clearTimer

▸ Protected clearTimer(fn?): void

Parameters

Name	Type
fn?	IFunction

Returns

void

Defined in

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

---

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:478

---

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:139

---

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:144