从 0 到 1 开发 Splicetree无头树：勾选与半选：checkable 的行为设计

是一个无头（Headless）、框架无关的树运行时。专注树的结构、状态与行为，通过插件扩展勾选、拖拽、搜索、懒加载、键盘/点击选择等能力；UI 渲染由你决定，官方提供 Vue 3 适配器。

适合权限树、批量选择等场景：支持向下级联与向上计算半选。

用法

import checkable from '@splicetree/plugin-checkable'

const tree = createSpliceTree(data, {
  plugins: [checkable],
  configuration: {
    checkable: { defaultChecked: ['a'], triggerByClick: true },
  },
})

节点方法

• node.isChecked()
• node.isIndeterminate()
• node.toggleCheck(checked?)

• 相关链接：

• 文档与示例：www.splicetree.dev
• 仓库：Splice Tree