Appearance
历史插件
控制地图的回溯处理,让应用元素操作支持前进后退的功能
ts
const { history } = tools
history.enable()事件
| 事件 | 参数 | 是否必填 | 描述 |
|---|---|---|---|
| enable | undefined | 否 | 启用插件 |
| close | undefined | 否 | 禁用插件 |
| next | undefined | 否 | 前进 |
| back | undefined | 否 | 后退 |
| clean | undefined | 否 | 清空状态 |
反射
| 属性 | 参数 | 描述 |
|---|---|---|
| history | History | 历史操作结束后的反射事件 |
ts
interface ElementSetDataItem {
element: Element
data: Partial<{
data: Element['data']
style: Element['style']
rotate: Element['rotate']
name: Element['name']
}>
}
type StateItem = {
element: Element
data?: ElementSetDataItem['data']
rawData?: ElementSetDataItem['data']
}
type History = {
max: number,
pointer: number,
type: 'add' | 'update' | 'remove'
data: StateItem[]
}
app.emitter.on('history', (history: History) => {
console.log(history)
})图层操作的Element反射
图层在添加、删除、element时会触发回调、调用element更新方法会更新element回调,监听元素变化
ts
// 新增了元素element
emitter.on('element:added', (element[]) => {
})
// 删除了元素element
emitter.on('element:removed', (element[]) => {
})
// 更新元素element数据前
emitter.on('element:update', (ElementSetDataItem[]) => {
})