hoverStyle 的状态在app 配置 move.darg='auto'时, 是否只有设置元素 editable = true 才能生效?
如下面代码,app 配置了 move: { drag: 'auto', } 必须设置editable=true, hoverStyle才会生效。
`import { App, version, Platform, Frame, } from 'leafer-ui'
import '@leafer-in/editor' import '@leafer-in/viewport' import '@leafer-in/flow' import '@leafer-in/export' import '@leafer-in/resize' import '@leafer-in/state' import '@leafer-in/text-editor'
Platform.fullImageShadow = true console.log(version) window.onload = () => { const leafer = new App({ view: window, usePartRender: true, pointer: { preventDefault: false, preventDefaultMenu: true, }, fill: 'gray', touch: { preventDefault: true, },
move: {
drag: 'auto',
},
tree: { type: 'design' },
editor: {
select: 'tap',
},
})
const frame = new Frame({ width: 390, x: 100, y: 100, // editable: true, height: 390, fill: 'white', scale: 1.5, hoverStyle: { cursor: 'pointer', }, })
leafer.tree.add(frame) } `
我主要是想在自定义外部编辑器时,自定义的元素可以设置 hover pointer 效果,但是这个自定义元素没有编辑属性的。
drag: 'auto', 这个一般是用在手机端滑动页面的,draggable / editable 元素才有交互,可以单独拖拽
pc端一般是配置dragEmpty
import '@leafer-in/state' 暂时得同时引入动画插件才能有用(有一个bug,已经修复了,等新版本发布)