[{"data":1,"prerenderedAt":655},["ShallowReactive",2],{"navigation_docs":3,"-guide":102,"-guide-surround":652},[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":11,"body":104,"description":645,"extension":646,"links":647,"meta":648,"navigation":649,"path":7,"seo":650,"stem":12,"__hash__":651},"docs\u002F1.guide\u002Findex.md",{"type":105,"value":106,"toc":637},"minimark",[107,111,260,263,430,433,554,557],[108,109,110],"h2",{"id":110},"布局与展开",[112,113,114,130],"table",{},[115,116,117],"thead",{},[118,119,120,124,127],"tr",{},[121,122,123],"th",{},"要做的事",[121,125,126],{},"用什么",[121,128,129],{},"详见",[131,132,133,150,169,188,209,226,244],"tbody",{},[118,134,135,139,145],{},[136,137,138],"td",{},"选展开方向",[136,140,141],{},[142,143,144],"code",{},"direction=\"vertical\" | \"horizontal\"",[136,146,147],{},[148,149,15],"a",{"href":16},[118,151,152,155,165],{},[136,153,154],{},"飞书 OKR 双向展开",[136,156,157,160,161,164],{},[142,158,159],{},"only-both-tree"," + ",[142,162,163],{},":left-data","（必须 horizontal）",[136,166,167],{},[148,168,15],{"href":16},[118,170,171,174,183],{},[136,172,173],{},"根节点不跳位",[136,175,176,179,180],{},[142,177,178],{},"align-root","（默认开）；多棵树对齐用 ",[142,181,182],{},"OkrTreeGroup",[136,184,185],{},[148,186,187],{"href":79},"多树根对齐",[118,189,190,193,204],{},[136,191,192],{},"展开\u002F收起动画",[136,194,195,160,198,160,201],{},[142,196,197],{},"animate",[142,199,200],{},"animate-name",[142,202,203],{},"animate-duration",[136,205,206],{},[148,207,83],{"href":208},"\u002Ftheme\u002F",[118,210,211,214,222],{},[136,212,213],{},"连接线换 SVG",[136,215,216,160,219],{},[142,217,218],{},"connector=\"svg\"",[142,220,221],{},"connector-shape",[136,223,224],{},[148,225,83],{"href":208},[118,227,228,231,240],{},[136,229,230],{},"手风琴 \u002F 点击展开",[136,232,233,236,237],{},[142,234,235],{},"accordion"," \u002F ",[142,238,239],{},"expand-on-click-node",[136,241,242],{},[148,243,54],{"href":55},[118,245,246,249,255],{},[136,247,248],{},"大数据放不下",[136,250,251,254],{},[142,252,253],{},"OkrTreeViewport"," 缩放平移与导出",[136,256,257],{},[148,258,259],{"href":75},"画布缩放",[108,261,262],{"id":262},"数据与状态",[112,264,265,275],{},[115,266,267],{},[118,268,269,271,273],{},[121,270,123],{},[121,272,126],{},[121,274,129],{},[131,276,277,292,310,332,358,375,392,410],{},[118,278,279,282,287],{},[136,280,281],{},"字段名不一样",[136,283,284],{},[142,285,286],{},"props: { label, children, disabled, isLeaf }",[136,288,289],{},[148,290,88],{"href":291},"\u002Fapi\u002F",[118,293,294,297,305],{},[136,295,296],{},"只加载展开路径",[136,298,299,160,302],{},[142,300,301],{},"lazy",[142,303,304],{},"load",[136,306,307],{},[148,308,309],{"href":65},"懒加载",[118,311,312,315,328],{},[136,313,314],{},"精确控制展开\u002F选中",[136,316,317,236,320,323,324,327],{},[142,318,319],{},"v-model:expanded-keys",[142,321,322],{},"v-model:current-key","（需 ",[142,325,326],{},"node-key","）",[136,329,330],{},[148,331,54],{"href":55},[118,333,334,337,354],{},[136,335,336],{},"命令式增删改",[136,338,339,236,342,236,345,236,348,236,351],{},[142,340,341],{},"append",[142,343,344],{},"insertBefore",[142,346,347],{},"insertAfter",[142,349,350],{},"remove",[142,352,353],{},"moveNode",[136,355,356],{},[148,357,54],{"href":55},[118,359,360,363,371],{},[136,361,362],{},"搜索过滤",[136,364,365,160,368],{},[142,366,367],{},"filter-node-method",[142,369,370],{},"ref.filter(value)",[136,372,373],{},[148,374,35],{"href":36},[118,376,377,380,388],{},[136,378,379],{},"面包屑 \u002F 全选可见",[136,381,382,236,385],{},[142,383,384],{},"getNodePath()",[142,386,387],{},"getVisibleNodes()",[136,389,390],{},[148,391,54],{"href":55},[118,393,394,397,406],{},[136,395,396],{},"勾选",[136,398,399,160,402,405],{},[142,400,401],{},"show-checkbox",[142,403,404],{},"getCheckedKeys()"," 等",[136,407,408],{},[148,409,59],{"href":60},[118,411,412,415,426],{},[136,413,414],{},"拖拽换父级",[136,416,417,160,420,236,423],{},[142,418,419],{},"draggable",[142,421,422],{},"allow-drag",[142,424,425],{},"allow-drop",[136,427,428],{},[148,429,59],{"href":60},[108,431,432],{"id":432},"外观与集成",[112,434,435,445],{},[115,436,437],{},[118,438,439,441,443],{},[121,440,123],{},[121,442,126],{},[121,444,129],{},[131,446,447,465,480,495,514,529,542],{},[118,448,449,452,461],{},[136,450,451],{},"换整体观感",[136,453,454,457,458],{},[142,455,456],{},"theme","（六套内置）或自写 ",[142,459,460],{},".okr-theme-{name}",[136,462,463],{},[148,464,83],{"href":208},[118,466,467,470,476],{},[136,468,469],{},"精确调外观",[136,471,472,475],{},[142,473,474],{},"--okr-*"," 变量（可写在任意祖先或内联）",[136,477,478],{},[148,479,83],{"href":208},[118,481,482,485,491],{},[136,483,484],{},"接 Tailwind",[136,486,487,490],{},[142,488,489],{},"unstyled","（只去卡片外观，布局与连接线保留）",[136,492,493],{},[148,494,83],{"href":208},[118,496,497,500,506],{},[136,498,499],{},"打印 \u002F 导出图片",[136,501,502,503],{},"打印样式自动生效；图片用 ",[142,504,505],{},"exportImage()",[136,507,508,510,511],{},[148,509,83],{"href":208},"、",[148,512,513],{"href":75},"画布",[118,515,516,519,524],{},[136,517,518],{},"类型收窄",[136,520,521],{},[142,522,523],{},"createTypedOkrTree\u003CT>()",[136,525,526],{},[148,527,528],{"href":26},"类型化",[118,530,531,534,537],{},[136,532,533],{},"键盘与读屏",[136,535,536],{},"内置 WAI-ARIA tree 与漫游 tabindex",[136,538,539],{},[148,540,541],{"href":21},"键盘导航",[118,543,544,547,550],{},[136,545,546],{},"SSR \u002F Nuxt",[136,548,549],{},"服务端可直接渲染，三项客户端专属能力除外",[136,551,552],{},[148,553,15],{"href":16},[108,555,556],{"id":556},"子页",[558,559,560,566,572,577,582,587,604,609,614,619,624,632],"ul",{},[561,562,563,565],"li",{},[148,564,15],{"href":16}," — 安装、样式引入、全局注册、CDN \u002F UMD、SSR",[561,567,568,571],{},[148,569,570],{"href":46},"Demo 总览"," — 24 个可交互用例（与 Playground 同一批组件源码）",[561,573,574,576],{},[148,575,49],{"href":50}," — 插槽 \u002F 组件 \u002F render-content 三种写法",[561,578,579,581],{},[148,580,54],{"href":55}," — 判定规则、ref 方法、事件回调",[561,583,584,586],{},[148,585,59],{"href":60}," — 联动与半选、三分区放置与钩子",[561,588,589,591,592,236,594,236,597,510,600,603],{},[148,590,64],{"href":65}," — ",[142,593,304],{},[142,595,596],{},"resolve",[142,598,599],{},"reject",[142,601,602],{},"isLeaf","、失败重试",[561,605,606,608],{},[148,607,74],{"href":75}," — props \u002F 方法 \u002F 交互契约 \u002F 导出",[561,610,611,613],{},[148,612,78],{"href":79}," — 测量机制与自动重测",[561,615,616,618],{},[148,617,20],{"href":21}," — 按键表与漫游 tabindex",[561,620,621,623],{},[148,622,25],{"href":26}," — T 覆盖位置与导出清单",[561,625,626,628,629,631],{},[148,627,35],{"href":36}," — 回写源数据、",[142,630,326],{}," 缺失、只读数据、创建期 prop",[561,633,634,636],{},[148,635,40],{"href":41}," — 目录结构、三份真源、命令与发布",{"title":638,"searchDepth":639,"depth":639,"links":640},"",2,[641,642,643,644],{"id":110,"depth":639,"text":110},{"id":262,"depth":639,"text":262},{"id":432,"depth":639,"text":432},{"id":556,"depth":639,"text":556},"一页速查：想做什么 → 用哪个 prop \u002F 方法 → 去哪页看细节","md",null,{},{"icon":13},{"title":11,"description":645},"oBfFVe0T20B-gbpErAOX11eVQQeY1luyNFEkumYbRvo",[647,653],{"title":15,"path":16,"stem":17,"description":654,"icon":18,"children":-1},"安装、样式引入、全局注册、CDN \u002F UMD 与 SSR 注意事项",1790437330864]