dropto方法

[amourlemon]

https://cloudstudio.net/a/23701538151493632?channel=share&sharetype=URL

绿色块进组后，再单独移动绿色块，

然后再同时选中，两个块，移动，出现了bug

[amourlemon]

`import { Leafer, Group, Rect, DropEvent, DragEvent, App } from 'leafer-ui'
import '@leafer-in/editor' // 导入图形编辑器插件
const app = new App({
view: window,
editor: {} // 会自动创建 editor实例、tree层、sky层
})

const leafer = app.tree

const group = new Group({ x: 300, y: 300, editable: true })
const rect = new Rect({ fill: 'blue', editable: true })

leafer.add(new Rect({ fill: 'green', draggable: true, editable: true }))
leafer.add(group)
group.add(rect)

group.on(DragEvent.ENTER, function () {
console.log('enter')
DragEvent.setData({ data: 'drop data' })
rect.set({ stroke: 'black', strokeWidth: 2 })
})

group.on(DragEvent.LEAVE, function () {
rect.set({ stroke: '' })
})

group.on(DropEvent.DROP, function (e: DropEvent) {
console.log(e.data)
e.list.forEach((leaf) => {
console.log(leaf, 'ddddd')
leaf.dropTo(group) // 放置元素到group中

})

})`

[leaferjs]

Group需将 hitChildren 设为 false，只能通过双击进组编辑子元素