leafer-ui icon indicating copy to clipboard operation
leafer-ui copied to clipboard

hoverStyle 的状态在app 配置 move.darg='auto'时, 是否只有设置元素 editable = true 才能生效?

Open mozbia opened this issue 3 months ago • 3 comments

如下面代码,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 效果,但是这个自定义元素没有编辑属性的。

mozbia avatar Sep 17 '25 04:09 mozbia

drag: 'auto', 这个一般是用在手机端滑动页面的,draggable / editable 元素才有交互,可以单独拖拽

leaferjs avatar Sep 17 '25 11:09 leaferjs

pc端一般是配置dragEmpty

leaferjs avatar Sep 17 '25 11:09 leaferjs

import '@leafer-in/state' 暂时得同时引入动画插件才能有用(有一个bug,已经修复了,等新版本发布)

leaferjs avatar Sep 17 '25 12:09 leaferjs