指针/点击插件

采集节点点击输入，派发语义化事件供行为插件消费。

安装

pnpm add @splicetree/plugin-pointer

使用

import { createSpliceTree } from '@splicetree/core'
import pointer from '@splicetree/plugin-pointer'
import selectable from '@splicetree/plugin-selectable'

const tree = createSpliceTree(data, {
  plugins: [
    pointer,
    selectable({ multiple: true }),
  ],
})

// 在视图层绑定
// inputNodeClick 节点被点击时触发输入事件
button.addEventListener('click', (e) => {
  tree.inputNodeClick(nodeId, e)
})

Events

事件	负载	说明
input:node-click	{ nodeId: string, modifiers: Modifiers }	节点点击输入事件，供行为插件消费

实例方法

名称	参数	说明
inputNodeClick	nodeId: string, e: MouseEvent	派发 input:node-click 事件

与其他插件配合

• 与 selectable：点击进行单选/多选/Shift 范围选择
• 与 checkable：开启 checkable.triggerByClick 后点击切换勾选