[{"data":1,"prerenderedAt":494},["ShallowReactive",2],{"navigation_docs":3,"-migration":102,"-migration-surround":489},[4,82,87,92,97],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"指南","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":93,"body":104,"description":482,"extension":483,"links":484,"meta":485,"navigation":486,"path":94,"seo":487,"stem":95,"__hash__":488},"docs\u002F4.migration.md",{"type":105,"value":106,"toc":477},"minimark",[107,124,309,314],[108,109,110,111,115,116,119,120,123],"p",{},"API 名称与语义完全对齐，直接把 ",[112,113,114],"code",{},"import { VueOkrTree } from 'vue-okr-tree'"," 换成 ",[112,117,118],{},"vue3-okr-tree"," 并引入 ",[112,121,122],{},"dist\u002Fstyle.css"," 即可。以下为有意差异（均为缺陷修复或原版从未生效的能力）：",[125,126,127,142],"table",{},[128,129,130],"thead",{},[131,132,133,137,140],"tr",{},[134,135,136],"th",{},"项目",[134,138,139],{},"vue-okr-tree（Vue 2）",[134,141,118],{},[143,144,145,173,187,210,229,244,258,271,289],"tbody",{},[131,146,147,157,163],{},[148,149,150,153,154],"td",{},[112,151,152],{},"render-content"," 的 ",[112,155,156],{},"h",[148,158,159,160],{},"Vue 2 的 ",[112,161,162],{},"createElement",[148,164,165,166,168,169,172],{},"Vue 3 的 ",[112,167,156],{},"（属性写法按 Vue 3：",[112,170,171],{},"{ class, style, onClick }","）",[131,174,175,181,184],{},[148,176,177,180],{},[112,178,179],{},"filter"," 范围",[148,182,183],{},"只过滤第一个根节点的子树，第一层节点自身永不隐藏",[148,185,186],{},"全树过滤，父节点有可见后代时保持可见（element-ui 语义）",[131,188,189,192,195],{},[148,190,191],{},"OKR 左右树同 key",[148,193,194],{},"共用注册表，互相覆盖",[148,196,197,198,201,202,205,206,209],{},"左右分表，",[112,199,200],{},"getNode"," 右树优先；",[112,203,204],{},"default-expanded-keys"," \u002F ",[112,207,208],{},"current-node-key"," 两树同时生效",[131,211,212,220,226],{},[148,213,214,205,217],{},[112,215,216],{},"animate",[112,218,219],{},"animate-duration",[148,221,222,223,225],{},"点击 +\u002F- 实际无过渡；",[112,224,219],{}," 从未生效",[148,227,228],{},"展开\u002F收起有真实过渡，三个动画 prop 均生效",[131,230,231,234,237],{},[148,232,233],{},"根对齐",[148,235,236],{},"需在业务层手动测量 DOM",[148,238,239,240,243],{},"内建 ",[112,241,242],{},"align-root","（可关闭）",[131,245,246,249,252],{},[148,247,248],{},"插槽",[148,250,251],{},"内部有插槽代码但外部无法使用",[148,253,254,255],{},"开放 ",[112,256,257],{},"#default=\"{ node, data }\"",[131,259,260,265,268],{},[148,261,262],{},[112,263,264],{},"props.disabled",[148,266,267],{},"声明未使用",[148,269,270],{},"实现真实禁用",[131,272,273,276,282],{},[148,274,275],{},"全局样式",[148,277,278,281],{},[112,279,280],{},"* { margin:0; padding:0 }"," 污染宿主页面",[148,283,284,285,288],{},"样式全部限定在 ",[112,286,287],{},".org-chart-container"," 内",[131,290,291,294,306],{},[148,292,293],{},"死代码",[148,295,296,205,299,205,302,305],{},[112,297,298],{},"selectedKey",[112,300,301],{},"orkstyle",[112,303,304],{},"props.leftChildren"," 等声明未使用",[148,307,308],{},"不移植",[310,311,313],"h2",{"id":312},"vue-3-版新增能力","Vue 3 版新增能力",[315,316,317,328,345,351,369,375,378,392,412,429,446,460,466],"ul",{},[318,319,320,321,205,324,327],"li",{},"受控状态 ",[112,322,323],{},"v-model:expanded-keys",[112,325,326],{},"v-model:current-key"," 与展开\u002F收起\u002F滚动方法（1.2.0）",[318,329,330,205,333,336,337,340,341,344],{},[112,331,332],{},"#expand-btn",[112,334,335],{},"#empty"," 插槽、",[112,338,339],{},"node-component"," prop、",[112,342,343],{},"createTypedOkrTree\u003CT>()","（1.2.0 \u002F 1.3.0）",[318,346,347,350],{},[112,348,349],{},"\u003COkrTreeGroup>"," 多树根对齐、WAI-ARIA 键盘导航（1.3.0）",[318,352,353,356,357,360,361,364,365,368],{},[112,354,355],{},"lazy"," + ",[112,358,359],{},"load"," 懒加载、",[112,362,363],{},"\u003COkrTreeViewport>"," 画布缩放与导出、",[112,366,367],{},"getNodeEl","（1.4.0）",[318,370,371,374],{},[112,372,373],{},"deep-watch"," 性能开关、逐层脏检查增量更新（1.5.0）",[318,376,377],{},"冻结 \u002F 只读源数据兼容、运行时 prop 同步与开发期警告（1.6.0）",[318,379,380,383,384,387,388,391],{},[112,381,382],{},"accordion"," 手风琴、",[112,385,386],{},"expand-on-click-node"," 点击节点展开、SSR 可用、peer 收紧 ",[112,389,390],{},"vue >= 3.3","（1.7.0 \u002F 1.8.0）",[318,393,394,395,205,398,205,401,404,405,205,408,411],{},"复选框选择模式 ",[112,396,397],{},"show-checkbox",[112,399,400],{},"check-strictly",[112,402,403],{},"default-checked-keys","，父子联动半选、6 个方法、",[112,406,407],{},"check",[112,409,410],{},"check-change"," 事件（1.9.0）",[318,413,414,415,205,418,205,421,424,425,428],{},"拖拽调整层级 ",[112,416,417],{},"draggable",[112,419,420],{},"allow-drag",[112,422,423],{},"allow-drop","、6 个拖拽事件、",[112,426,427],{},"moveNode","（1.10.0）",[318,430,431,432,435,436,205,439,205,442,445],{},"SVG 连接线模式 ",[112,433,434],{},"connector=\"svg\""," 与 ",[112,437,438],{},"curve",[112,440,441],{},"orthogonal",[112,443,444],{},"straight"," 三种路径形状（1.11.0）",[318,447,448,449,205,452,455,456,459],{},"查询辅助方法 ",[112,450,451],{},"getVisibleNodes()",[112,453,454],{},"getNodePath()","、",[112,457,458],{},"@media print"," 打印样式（1.12.0）",[318,461,462,465],{},[112,463,464],{},"unstyled"," prop：去掉卡片外观只留布局与连接线，供 Tailwind \u002F 自有设计系统接管（1.13.0）",[318,467,468,469,472,473,476],{},"导出 ",[112,470,471],{},"BUILT_IN_THEMES","：内置六套主题名清单（",[112,474,475],{},"TreeTheme"," 由它派生），做主题选择器不必再硬编码字符串数组（1.14.0）",{"title":478,"searchDepth":479,"depth":479,"links":480},"",2,[481],{"id":312,"depth":479,"text":313},"从 vue-okr-tree（Vue 2）迁移到 vue3-okr-tree 的有意差异清单","md",null,{},{"icon":96},{"title":93,"description":482},"hBIO39igU891CDVQQuSYUZD7xMG0tkpaP3wcnEyq0DU",[490,492],{"title":88,"path":89,"stem":90,"description":491,"icon":91,"children":-1},"Props \u002F Events \u002F Methods \u002F Slots 完整参考，由 shared\u002Fapi.ts 单一来源生成（README 只保留分组概览）",{"title":98,"path":99,"stem":100,"description":493,"icon":101,"children":-1},"按版本倒序的变更摘要",1793606852962]