编辑器事件
EditorEvent
基础事件。
继承 Event 事件。
事件属性
editor: Editor
编辑器对象。
value：UI | UI[]
选中 / hover 元素。
oldValue：UI | UI[]
旧的选中 / hover 元素。
list： UI[]
选中 / hover 元素列表，没有时为空数组。
oldList： UI[]
旧的选中 / hover 元素列表，没有时为空数组。
事件名称
EditorEvent.SELECT
选择元素事件。
选择和取消都会触发， 通过 editor.target 获取选中的元素。
editor.select
EditorEvent.HOVER
hover 元素事件。
选择和取消都会触发， 通过 editor.hoverTarget 获取选中的元素列表。
editor.hover
EditorMoveEvent
移动事件。
继承 EditorEvent 事件。
事件属性
moveX: number
X 轴移动距离（世界坐标）
moveY: number
Y 轴移动距离（世界坐标）
事件名称
EditorMoveEvent.MOVE
移动元素事件。
editor.move
EditorScaleEvent
缩放大小事件。
继承 EditorEvent 事件。
事件属性
worldOrigin: IPointData
围绕的中心点（世界坐标）。
scaleX: number
X 轴的缩放值
scaleY: number
Y 轴的缩放值
transform?: IMatrixData
变换属性，当选择多个元素进行缩放大小时，内部会通过 transform 操作元素进行变换。
事件名称
EditorScaleEvent.SCALE
缩放大小事件（调整元素大小）。
editor.scale
EditorRotateEvent
旋转事件。
继承 EditorEvent 事件。
事件属性
rotation: number
旋转角度。
transform?: IMatrixData
变换属性，当选择多个元素进行旋转时，内部会通过 transform 操作元素进行变换。
事件名称
EditorRotateEvent.ROTATE
旋转元素事件。
editor.rotate
EditorSkewEvent
倾斜事件。
继承 EditorEvent 事件。
事件属性
worldOrigin: IPointData
围绕的中心点（世界坐标）。
skewX: number
X 轴倾斜值。
skewY: number
Y 轴倾斜值。
transform?: IMatrixData
变换属性，当选择多个元素进行倾斜时，内部会通过 transform 操作元素进行变换。
事件名称
EditorSkewEvent.SKEW
倾斜元素事件。
editor.skew
示例
监听选择事件
ts
// #图形编辑器 [选中元素事件]
import { App, Rect } from 'leafer-ui'
import { EditorEvent } from '@leafer-in/editor' // 导入图形编辑器插件
import '@leafer-in/viewport' // 导入视口插件 (可选)
const app = new App({
view: window,
editor: {}
})
app.tree.add(Rect.one({ fill: '#32cd79', editable: true }, 100, 100))
app.tree.add(Rect.one({ fill: '#32cd79', editable: true }, 300, 100))
app.editor.on(EditorEvent.SELECT, (e: EditorEvent) => {
console.log(e.editor.list)
})