[Editor] 元素被设定editable为false后，通过select函数选择元素仍可被编辑的问题

[dawumusic]

你好，业务中发现，如果元素的editable为false，使用editor.select()方式选中UI后，会弹出EditBox并可被继续编辑，感觉和editable语义存在矛盾，看看是否可以改进。

测试视频：

CleanShot.2026-02-12.at.05.18.49.mp4

测试代码：

import { App, Rect } from 'leafer-ui'
import '@leafer-in/editor' // 导入图形编辑器插件  
import '@leafer-in/viewport' // 导入视口插件 (可选)

const app = new App({ view: window, editor: {} })

const rect1 = Rect.one({ editable: false,fill: '#FEB027', cornerRadius: [20, 0, 0, 20] }, 100, 100) 
const rect2 = Rect.one({ editable: true, fill: '#FFE04B', cornerRadius: [0, 20, 20, 0] }, 300, 100)

app.tree.add(rect1)
app.tree.add(rect2)
setTimeout(()=>{
    app.editor.select(rect1)        // 此处会触发EditBox显示，并且可被进一步编辑，但rect1声明了editable:false, 不应当再显示（保持editable语义逻辑的一致性）
},2000)

源码位置：
leafer-in/packages/editor/src/display/EditBox.ts

// ...
// line 152-159
    public update(): void {
        const { editor } = this
        const { x, y, scaleX, scaleY, rotation, skewX, skewY, width, height } = this.target.getLayoutBounds('box', editor, true)
        // this.visible = !this.target.locked  <-- 我临时修改了这里
        this.visible = !this.target.locked && this.target.editable
        this.set({ x, y, scaleX, scaleY, rotation, skewX, skewY })
        this.updateBounds({ x: 0, y: 0, width, height })
    }
// ...

[leaferjs]

收到，谢谢反馈～

[Xdy1579883916]

@leaferjs 这得讨论一下，因为我利用了这个 BUG 实现了一些其他的东西。 例如被动选中使目标元素可以被编辑：

// 让用户可以点击画板的时候拖拽调整画板尺寸,因为默认 Frame 是不可编辑的
  frame.on(PointerEvent.CLICK, (e) => {
    if (e.target.tag === 'Frame') {
      this.setSelected([frame])
    }
  })

[dawumusic]

@Xdy1579883916 确实，个人拙见是否可以考虑select方法增加第二个可选参数force?:boolean，或者增加公开方法forceSelect，允许无视UI editable属性强制选中（继而触发EditTool编辑工具等）。

目前我们select在业务中使用，例如遍历某个元素的children执行批量选中的时候，还需要再单独写一层editable判断（children里有非用户可编辑的提示用UI）。