数据定义 - react timeline editor

TimelineRow

编辑器数据：行数据结构

属性名	描述	类型	默认值
id	动作行id	`string`	`（必选）`
actions	行的动作列表	`TimelineAction[]`	`（必选）`
rowHeight	自定义行高（默认由props中的rowHeight决定）	`number`	`--`
selected	行是否选中	`boolean`	`false`
classNames	行的扩展类名	`string[]`	`--`

TimelineAction

编辑器数据：动作数据结构

属性名	描述	类型	默认值
id	动作id	`string`	`（必选）`
start	动作开始时间	`number`	`（必选）`
end	动作结束时间	`number`	`（必选）`
effectId	动作所对应的效果id索引	`string`	`（必选）`
selected	动作是否被选中	`boolean`	`false`
flexible	动作是否可伸缩	`boolean`	`true`
movable	动作是否可移动	`boolean`	`true`
disable	禁止动作运行	`boolean`	`false`
minStart	动作最小开始时间限制	`number`	`0`
maxEnd	动作最大结束时间限制	`number`	`Number.MAX_VALUE`

TimelineEffect

编辑器运行效果数据结构

属性名	描述	类型	默认值
id	效果id	`string`	`（必选）`
name	效果名称	`string`	`--`
source	效果运行代码	`TimeLineEffectSource`	`--`

TimeLineEffectSource

编辑器效果运行代码数据结构

start 触发条件
- 运行器开始play时，如时间在当前action时间范围内触发
enter 触发条件
- 从非action时间区域进入当前action时间区域
update 触发条件
- 播放当前action时每帧触发（包括reRender）
- reRender时触发
leave 触发条件
- 从当前action时间区域离开
stop 触发条件
- 运行器pause时，如时间在当前action时间范围内触发

属性名	描述	类型	默认值
start	在当前动作时间区域开始播放时回调	`(param: EffectSourceParam) => void`	`--`
enter	时间进入动作时执行回调	`(param: EffectSourceParam) => void`	`--`
update	动作更新时回调	`(param: EffectSourceParam) => void`	`--`
leave	时间离开动作时执行回调	`(param: EffectSourceParam) => void`	`--`
stop	在当前动作时间区域停止播放时回调	`(param: EffectSourceParam) => void`	`--`

EffectSourceParam

编辑器效果运行代码参数

属性名	描述	类型
time	当前播放时间	`number`
isPlaying	是否正在播放	`boolean`
action	动作	`TimelineAction`
effect	动作效果	`TimelineEffect`
engine	运行器	`TimelineEngine`

TimelineState

timeline组件数据

属性名	描述	类型
target	timeline所属的dom节点	`HTMLElement`
listener	运行监听器	`Emitter`
isPlaying	是否正在播放	`boolean`
isPaused	是否暂停中	`boolean`
setTime	设置当前播放时间	`(time: number) => void`
getTime	获取当前播放时间	`() => number`
setPlayRate	设置播放速率	`(rate: number) => void`
getPlayRate	设置播放速率	`() => number`
reRender	重新渲染当前时间	`() => void`
play	运行	`(param: { toTime?: number; autoEnd?: boolean; }) => boolean`
pause	暂停	`() => void`
setScrollLeft	设置scrollLeft	`(val: number) => void`
setScrollTop	设置scrollTop	`(val: number) => void`