Vue 3 组织架构树 / OKR 树组件

根节点左右双向展开 · CSS 变量主题化 · 懒加载 · 画布缩放与导出

快速开始 GitHub

特性

一棵树覆盖组织架构与 OKR 两类场景

渲染、交互、导出全部内建；外观走 CSS 变量，不需要构建期配置。

OKR 左右双向展开

内建 align-root 根对齐，展开收起不位移。

CSS 变量主题化

六套内置主题，外观取值全部可用 --okr-* 变量覆写。

交互完备

复选框联动、拖拽换父级、手风琴、点击节点展开。

大数据量友好

懒加载 + 逐层脏检查，2000 节点首渲染 < 300ms。

画布缩放与导出

滚轮缩放、拖拽平移、适应窗口、PNG / SVG 导出。

WAI-ARIA 可访问性

漫游 tabindex、方向键导航、OKR 左树镜像。