[{"data":1,"prerenderedAt":172},["ShallowReactive",2],{"navigation_docs":3,"landing":102},[4,82,87,92,97],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":-1},"指南","i-lucide-list-tree","\u002Fguide","1.guide",[10,14,19,24,29,34,39,44,48,53,58,63,68,73,77],{"title":11,"path":7,"stem":12,"icon":13},"指南总览","1.guide\u002Findex","i-lucide-map",{"title":15,"path":16,"stem":17,"icon":18},"快速开始","\u002Fguide\u002Fquick-start","1.guide\u002F1.quick-start","i-lucide-rocket",{"title":20,"path":21,"stem":22,"icon":23},"键盘导航与可访问性","\u002Fguide\u002Fkeyboard","1.guide\u002F10.keyboard","i-lucide-keyboard",{"title":25,"path":26,"stem":27,"icon":28},"类型化 createTypedOkrTree","\u002Fguide\u002Ftyped","1.guide\u002F11.typed","i-lucide-type",{"title":30,"path":31,"stem":32,"icon":33},"Vue Devtools 面板","\u002Fguide\u002Fdevtools","1.guide\u002F12.devtools","i-lucide-wrench",{"title":35,"path":36,"stem":37,"icon":38},"需要注意的行为","\u002Fguide\u002Fbehavior","1.guide\u002F13.behavior","i-lucide-triangle-alert",{"title":40,"path":41,"stem":42,"icon":43},"仓库与本地开发","\u002Fguide\u002Frepo","1.guide\u002F14.repo","i-lucide-folder-git-2",{"title":45,"path":46,"stem":47},"Demo 总览（可交互）","\u002Fguide\u002Fdemos","1.guide\u002F2.demos",{"title":49,"path":50,"stem":51,"icon":52},"自定义节点内容","\u002Fguide\u002Fnode-content","1.guide\u002F3.node-content","i-lucide-layout-template",{"title":54,"path":55,"stem":56,"icon":57},"受控状态与方法","\u002Fguide\u002Fcontrolled","1.guide\u002F4.controlled","i-lucide-sliders-horizontal",{"title":59,"path":60,"stem":61,"icon":62},"复选框与拖拽","\u002Fguide\u002Finteraction","1.guide\u002F5.interaction","i-lucide-mouse-pointer-click",{"title":64,"path":65,"stem":66,"icon":67},"懒加载子节点","\u002Fguide\u002Flazy","1.guide\u002F6.lazy","i-lucide-layers",{"title":69,"path":70,"stem":71,"icon":72},"虚拟滚动 virtual","\u002Fguide\u002Fvirtual","1.guide\u002F7.virtual","i-lucide-scan",{"title":74,"path":75,"stem":76,"icon":72},"画布缩放 OkrTreeViewport","\u002Fguide\u002Fviewport","1.guide\u002F8.viewport",{"title":78,"path":79,"stem":80,"icon":81},"多树根对齐 OkrTreeGroup","\u002Fguide\u002Fgroup","1.guide\u002F9.group","i-lucide-network",{"title":83,"path":84,"stem":85,"icon":86},"主题与样式定制","\u002Ftheme","2.theme","i-lucide-palette",{"title":88,"path":89,"stem":90,"icon":91},"API","\u002Fapi","3.api","i-lucide-braces",{"title":93,"path":94,"stem":95,"icon":96},"与 vue-okr-tree 的差异（迁移说明）","\u002Fmigration","4.migration","i-lucide-arrow-right-left",{"title":98,"path":99,"stem":100,"icon":101},"更新日志","\u002Fchangelog","5.changelog","i-lucide-history",{"id":103,"title":104,"body":105,"description":164,"extension":165,"meta":166,"navigation":167,"path":168,"seo":169,"stem":170,"__hash__":171},"landing\u002Findex.md","vue3-okr-tree — Vue 3 组织架构树 \u002F OKR 树组件",{"type":106,"value":107,"toc":161},"minimark",[108,121],[109,110,114],"u-page-hero",{":links":111,"description":112,"title":113},"[{\"label\":\"快速开始\",\"to\":\"\u002Fguide\u002Fquick-start\",\"icon\":\"i-lucide-rocket\"},{\"label\":\"GitHub\",\"to\":\"https:\u002F\u002Fgithub.com\u002Fbaiwumm\u002Fvue3-okr-tree\",\"icon\":\"i-simple-icons-github\",\"color\":\"neutral\",\"variant\":\"subtle\",\"target\":\"_blank\"}]","根节点左右双向展开 · CSS 变量主题化 · 懒加载 · 画布缩放与导出","Vue 3 组织架构树 \u002F OKR 树组件",[115,116,118],"template",{"v-slot:headline":117},"",[119,120],"version-badge",{},[122,123,127],"u-page-section",{"description":124,"headline":125,"title":126},"渲染、交互、导出全部内建；外观走 CSS 变量，不需要构建期配置。","特性","一棵树覆盖组织架构与 OKR 两类场景",[115,128,129],{"v-slot:body":117},[130,131,132,139,143,147,152,157],"u-page-grid",{},[133,134,138],"u-page-card",{":spotlight":135,"icon":136,"title":137,"to":16},"true","i-lucide-tree-deciduous","OKR 左右双向展开","内建 align-root 根对齐，展开收起不位移。",[133,140,142],{":spotlight":135,"icon":86,"title":141,"to":84},"CSS 变量主题化","六套内置主题，外观取值全部可用 --okr-* 变量覆写。",[133,144,146],{":spotlight":135,"icon":62,"title":145,"to":60},"交互完备","复选框联动、拖拽换父级、手风琴、点击节点展开。",[133,148,151],{":spotlight":135,"icon":149,"title":150,"to":65},"i-lucide-zap","大数据量友好","懒加载 + 逐层脏检查，2000 节点首渲染 \u003C 300ms。",[133,153,156],{":spotlight":135,"icon":154,"title":155,"to":75},"i-lucide-image-down","画布缩放与导出","滚轮缩放、拖拽平移、适应窗口、PNG \u002F SVG 导出。",[133,158,160],{":spotlight":135,"icon":23,"title":159,"to":21},"WAI-ARIA 可访问性","漫游 tabindex、方向键导航、OKR 左树镜像。",{"title":117,"searchDepth":162,"depth":162,"links":163},2,[],"Vue 3 组织架构树 \u002F OKR 树组件：根节点左右双向展开、CSS 变量主题化、懒加载、画布缩放与导出","md",{},false,"\u002F",{"title":104,"description":164},"index","HmXBLLp1rEpN9KXitA7TZRzttIQ5GvmR-Isf4Iihzok",1790437328554]