[{"data":1,"prerenderedAt":940},["ShallowReactive",2],{"navigation_docs":3,"-guide-quick-start":102,"-guide-quick-start-surround":935},[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":15,"body":104,"description":928,"extension":929,"links":930,"meta":931,"navigation":932,"path":16,"seo":933,"stem":17,"__hash__":934},"docs\u002F1.guide\u002F1.quick-start.md",{"type":105,"value":106,"toc":921},"minimark",[107,119,128,132,177,184,187,538,545,548,625,629,636,765,788,792,830,856,862,865,917],[108,109,110,111,118],"p",{},"vue3-okr-tree 是 ",[112,113,117],"a",{"href":114,"rel":115},"https:\u002F\u002Fgithub.com\u002Fqq449245884\u002Fvue-okr-tree",[116],"nofollow","vue-okr-tree","（Vue 2）的 Vue 3 完整复刻版，API 与其保持对齐。",[108,120,121,122,127],{},"React 技术栈请用姊妹包 ",[112,123,126],{"href":124,"rel":125},"https:\u002F\u002Freact-okr-tree.baiwumm.com",[116],"react-okr-tree","——本包的 React 完整复刻版，特性逐项对齐，版本号自 1.13.0 起两边锁步发布（同号即同一功能面）。",[129,130,131],"h2",{"id":131},"安装",[133,134,140],"pre",{"className":135,"code":136,"filename":137,"language":138,"meta":139,"style":139},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add vue3-okr-tree\n# 或\nnpm i vue3-okr-tree\n",">_ Terminal","bash","",[141,142,143,159,166],"code",{"__ignoreMap":139},[144,145,148,152,156],"span",{"class":146,"line":147},"line",1,[144,149,151],{"class":150},"sBMFI","pnpm",[144,153,155],{"class":154},"sfazB"," add",[144,157,158],{"class":154}," vue3-okr-tree\n",[144,160,162],{"class":146,"line":161},2,[144,163,165],{"class":164},"sHwdD","# 或\n",[144,167,169,172,175],{"class":146,"line":168},3,[144,170,171],{"class":150},"npm",[144,173,174],{"class":154}," i",[144,176,158],{"class":154},[108,178,179,180,183],{},"Peer 依赖：",[141,181,182],{},"vue >= 3.3.0","（CI 在 vue 3.3 \u002F 3.4 \u002F 3.5 三档矩阵下跑全量单测）。",[129,185,186],{"id":186},"使用",[133,188,193],{"className":189,"code":190,"filename":191,"language":192,"meta":139,"style":139},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cvue-okr-tree :data=\"data\" direction=\"horizontal\" show-collapsable \u002F>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup>\nimport { ref } from 'vue'\nimport { VueOkrTree } from 'vue3-okr-tree'\nimport 'vue3-okr-tree\u002Fdist\u002Fstyle.css'\n\nconst data = ref([\n  {\n    id: 1,\n    label: 'xxx科技有有限公司',\n    children: [\n      { id: 2, label: '产品研发部', children: [{ id: 3, label: '研发-前端' }] },\n      { id: 4, label: '销售部' },\n    ],\n  },\n])\n\u003C\u002Fscript>\n","App.vue","vue",[141,194,195,208,248,257,264,277,305,326,338,343,360,366,382,400,411,481,509,517,523,529],{"__ignoreMap":139},[144,196,197,201,205],{"class":146,"line":147},[144,198,200],{"class":199},"sMK4o","\u003C",[144,202,204],{"class":203},"swJcz","template",[144,206,207],{"class":199},">\n",[144,209,210,213,215,219,222,225,228,230,233,235,237,240,242,245],{"class":146,"line":161},[144,211,212],{"class":199},"  \u003C",[144,214,117],{"class":203},[144,216,218],{"class":217},"spNyl"," :data",[144,220,221],{"class":199},"=",[144,223,224],{"class":199},"\"",[144,226,227],{"class":154},"data",[144,229,224],{"class":199},[144,231,232],{"class":217}," direction",[144,234,221],{"class":199},[144,236,224],{"class":199},[144,238,239],{"class":154},"horizontal",[144,241,224],{"class":199},[144,243,244],{"class":217}," show-collapsable",[144,246,247],{"class":199}," \u002F>\n",[144,249,250,253,255],{"class":146,"line":168},[144,251,252],{"class":199},"\u003C\u002F",[144,254,204],{"class":203},[144,256,207],{"class":199},[144,258,260],{"class":146,"line":259},4,[144,261,263],{"emptyLinePlaceholder":262},true,"\n",[144,265,267,269,272,275],{"class":146,"line":266},5,[144,268,200],{"class":199},[144,270,271],{"class":203},"script",[144,273,274],{"class":217}," setup",[144,276,207],{"class":199},[144,278,280,284,287,291,294,297,300,302],{"class":146,"line":279},6,[144,281,283],{"class":282},"s7zQu","import",[144,285,286],{"class":199}," {",[144,288,290],{"class":289},"sTEyZ"," ref",[144,292,293],{"class":199}," }",[144,295,296],{"class":282}," from",[144,298,299],{"class":199}," '",[144,301,192],{"class":154},[144,303,304],{"class":199},"'\n",[144,306,308,310,312,315,317,319,321,324],{"class":146,"line":307},7,[144,309,283],{"class":282},[144,311,286],{"class":199},[144,313,314],{"class":289}," VueOkrTree",[144,316,293],{"class":199},[144,318,296],{"class":282},[144,320,299],{"class":199},[144,322,323],{"class":154},"vue3-okr-tree",[144,325,304],{"class":199},[144,327,329,331,333,336],{"class":146,"line":328},8,[144,330,283],{"class":282},[144,332,299],{"class":199},[144,334,335],{"class":154},"vue3-okr-tree\u002Fdist\u002Fstyle.css",[144,337,304],{"class":199},[144,339,341],{"class":146,"line":340},9,[144,342,263],{"emptyLinePlaceholder":262},[144,344,346,349,352,354,357],{"class":146,"line":345},10,[144,347,348],{"class":217},"const",[144,350,351],{"class":289}," data ",[144,353,221],{"class":199},[144,355,290],{"class":356},"s2Zo4",[144,358,359],{"class":289},"([\n",[144,361,363],{"class":146,"line":362},11,[144,364,365],{"class":199},"  {\n",[144,367,369,372,375,379],{"class":146,"line":368},12,[144,370,371],{"class":203},"    id",[144,373,374],{"class":199},":",[144,376,378],{"class":377},"sbssI"," 1",[144,380,381],{"class":199},",\n",[144,383,385,388,390,392,395,398],{"class":146,"line":384},13,[144,386,387],{"class":203},"    label",[144,389,374],{"class":199},[144,391,299],{"class":199},[144,393,394],{"class":154},"xxx科技有有限公司",[144,396,397],{"class":199},"'",[144,399,381],{"class":199},[144,401,403,406,408],{"class":146,"line":402},14,[144,404,405],{"class":203},"    children",[144,407,374],{"class":199},[144,409,410],{"class":289}," [\n",[144,412,414,417,420,422,425,428,431,433,435,438,440,442,445,447,450,453,455,457,460,462,464,466,468,471,473,475,478],{"class":146,"line":413},15,[144,415,416],{"class":199},"      {",[144,418,419],{"class":203}," id",[144,421,374],{"class":199},[144,423,424],{"class":377}," 2",[144,426,427],{"class":199},",",[144,429,430],{"class":203}," label",[144,432,374],{"class":199},[144,434,299],{"class":199},[144,436,437],{"class":154},"产品研发部",[144,439,397],{"class":199},[144,441,427],{"class":199},[144,443,444],{"class":203}," children",[144,446,374],{"class":199},[144,448,449],{"class":289}," [",[144,451,452],{"class":199},"{",[144,454,419],{"class":203},[144,456,374],{"class":199},[144,458,459],{"class":377}," 3",[144,461,427],{"class":199},[144,463,430],{"class":203},[144,465,374],{"class":199},[144,467,299],{"class":199},[144,469,470],{"class":154},"研发-前端",[144,472,397],{"class":199},[144,474,293],{"class":199},[144,476,477],{"class":289},"] ",[144,479,480],{"class":199},"},\n",[144,482,484,486,488,490,493,495,497,499,501,504,506],{"class":146,"line":483},16,[144,485,416],{"class":199},[144,487,419],{"class":203},[144,489,374],{"class":199},[144,491,492],{"class":377}," 4",[144,494,427],{"class":199},[144,496,430],{"class":203},[144,498,374],{"class":199},[144,500,299],{"class":199},[144,502,503],{"class":154},"销售部",[144,505,397],{"class":199},[144,507,508],{"class":199}," },\n",[144,510,512,515],{"class":146,"line":511},17,[144,513,514],{"class":289},"    ]",[144,516,381],{"class":199},[144,518,520],{"class":146,"line":519},18,[144,521,522],{"class":199},"  },\n",[144,524,526],{"class":146,"line":525},19,[144,527,528],{"class":289},"])\n",[144,530,532,534,536],{"class":146,"line":531},20,[144,533,252],{"class":199},[144,535,271],{"class":203},[144,537,207],{"class":199},[108,539,540,541,544],{},"样式必须显式引入（",[141,542,543],{},"import 'vue3-okr-tree\u002Fdist\u002Fstyle.css'","），组件不会自动注入 CSS——只引组件不引样式的话，拿到的是没有外观与连接线的结构。",[108,546,547],{},"也可以全局注册：",[133,549,554],{"className":550,"code":551,"filename":552,"language":553,"meta":139,"style":139},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { createApp } from 'vue'\nimport VueOkrTreePlugin from 'vue3-okr-tree'\nimport 'vue3-okr-tree\u002Fdist\u002Fstyle.css'\n\ncreateApp(App).use(VueOkrTreePlugin) \u002F\u002F 注册 \u003Cvue-okr-tree> \u002F \u003Cokr-tree> \u002F \u003Cokr-tree-group> \u002F \u003Cokr-tree-viewport>\n","main.ts","ts",[141,555,556,575,591,601,605],{"__ignoreMap":139},[144,557,558,560,562,565,567,569,571,573],{"class":146,"line":147},[144,559,283],{"class":282},[144,561,286],{"class":199},[144,563,564],{"class":289}," createApp",[144,566,293],{"class":199},[144,568,296],{"class":282},[144,570,299],{"class":199},[144,572,192],{"class":154},[144,574,304],{"class":199},[144,576,577,579,582,585,587,589],{"class":146,"line":161},[144,578,283],{"class":282},[144,580,581],{"class":289}," VueOkrTreePlugin ",[144,583,584],{"class":282},"from",[144,586,299],{"class":199},[144,588,323],{"class":154},[144,590,304],{"class":199},[144,592,593,595,597,599],{"class":146,"line":168},[144,594,283],{"class":282},[144,596,299],{"class":199},[144,598,335],{"class":154},[144,600,304],{"class":199},[144,602,603],{"class":146,"line":259},[144,604,263],{"emptyLinePlaceholder":262},[144,606,607,610,613,616,619,622],{"class":146,"line":266},[144,608,609],{"class":356},"createApp",[144,611,612],{"class":289},"(App)",[144,614,615],{"class":199},".",[144,617,618],{"class":356},"use",[144,620,621],{"class":289},"(VueOkrTreePlugin) ",[144,623,624],{"class":164},"\u002F\u002F 注册 \u003Cvue-okr-tree> \u002F \u003Cokr-tree> \u002F \u003Cokr-tree-group> \u002F \u003Cokr-tree-viewport>\n",[129,626,628],{"id":627},"cdnumd","CDN（UMD）",[108,630,631,632,635],{},"UMD 产物挂在全局变量 ",[141,633,634],{},"VueOkrTree"," 上：",[133,637,642],{"className":638,"code":639,"filename":640,"language":641,"meta":139,"style":139},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Clink rel=\"stylesheet\" href=\"https:\u002F\u002Funpkg.com\u002Fvue3-okr-tree\u002Fdist\u002Fstyle.css\" \u002F>\n\u003Cscript src=\"https:\u002F\u002Funpkg.com\u002Fvue\">\u003C\u002Fscript>\n\u003Cscript src=\"https:\u002F\u002Funpkg.com\u002Fvue3-okr-tree\">\u003C\u002Fscript>\n\u003Cscript>\n  const { VueOkrTree } = window.VueOkrTree\n\u003C\u002Fscript>\n","index.html","html",[141,643,644,677,702,725,733,757],{"__ignoreMap":139},[144,645,646,648,651,654,656,658,661,663,666,668,670,673,675],{"class":146,"line":147},[144,647,200],{"class":199},[144,649,650],{"class":203},"link",[144,652,653],{"class":217}," rel",[144,655,221],{"class":199},[144,657,224],{"class":199},[144,659,660],{"class":154},"stylesheet",[144,662,224],{"class":199},[144,664,665],{"class":217}," href",[144,667,221],{"class":199},[144,669,224],{"class":199},[144,671,672],{"class":154},"https:\u002F\u002Funpkg.com\u002Fvue3-okr-tree\u002Fdist\u002Fstyle.css",[144,674,224],{"class":199},[144,676,247],{"class":199},[144,678,679,681,683,686,688,690,693,695,698,700],{"class":146,"line":161},[144,680,200],{"class":199},[144,682,271],{"class":203},[144,684,685],{"class":217}," src",[144,687,221],{"class":199},[144,689,224],{"class":199},[144,691,692],{"class":154},"https:\u002F\u002Funpkg.com\u002Fvue",[144,694,224],{"class":199},[144,696,697],{"class":199},">\u003C\u002F",[144,699,271],{"class":203},[144,701,207],{"class":199},[144,703,704,706,708,710,712,714,717,719,721,723],{"class":146,"line":168},[144,705,200],{"class":199},[144,707,271],{"class":203},[144,709,685],{"class":217},[144,711,221],{"class":199},[144,713,224],{"class":199},[144,715,716],{"class":154},"https:\u002F\u002Funpkg.com\u002Fvue3-okr-tree",[144,718,224],{"class":199},[144,720,697],{"class":199},[144,722,271],{"class":203},[144,724,207],{"class":199},[144,726,727,729,731],{"class":146,"line":259},[144,728,200],{"class":199},[144,730,271],{"class":203},[144,732,207],{"class":199},[144,734,735,738,740,743,746,749,752,754],{"class":146,"line":266},[144,736,737],{"class":217},"  const",[144,739,286],{"class":199},[144,741,742],{"class":289}," VueOkrTree ",[144,744,745],{"class":199},"}",[144,747,748],{"class":199}," =",[144,750,751],{"class":289}," window",[144,753,615],{"class":199},[144,755,756],{"class":289},"VueOkrTree\n",[144,758,759,761,763],{"class":146,"line":279},[144,760,252],{"class":199},[144,762,271],{"class":203},[144,764,207],{"class":199},[108,766,767,768,772,773,776,777,780,781,784,785,787],{},"注意这条路径下",[769,770,771],"strong",{},"没有任何开发期警告","：警告按 ",[141,774,775],{},"process.env.NODE_ENV"," 判定，",[141,778,779],{},"\u003Cscript>"," 环境里 ",[141,782,783],{},"process"," 不存在，一律视为生产环境，配置写错只会表现为一幅不对的画。排查问题请改用打包器环境，或对照",[112,786,35],{"href":36},"。",[129,789,791],{"id":790},"ssr-服务端渲染","SSR \u002F 服务端渲染",[108,793,794,795,798,799,802,803,806,807,810,811,814,815,798,818,821,822,825,826,829],{},"组件 SSR 安全：setup 与渲染阶段不访问 ",[141,796,797],{},"window"," \u002F ",[141,800,801],{},"document","，浏览器专属能力（ResizeObserver、滚轮与指针监听、字体就绪后的重测）都放在挂载后并带 ",[141,804,805],{},"typeof"," 守卫，因此 Nuxt \u002F Vite SSR 下可直接静态渲染，不会 hydration 报警。",[141,808,809],{},"tests\u002Fssr\u002Frender-to-string.spec.ts"," 用 ",[141,812,813],{},"vue\u002Fserver-renderer"," 在无 DOM 的 Node 环境里覆盖了三种布局、OKR 左树、受控与交互 props 组合、",[141,816,817],{},"#default",[141,819,820],{},"#empty"," 插槽、",[141,823,824],{},"OkrTreeGroup"," 与 ",[141,827,828],{},"OkrTreeViewport"," 包裹六种情形。",[108,831,832,833,835,836,839,840,843,844,847,848,851,852,855],{},"三项是客户端专属，服务端调用没有意义：",[141,834,828],{}," 的 ",[141,837,838],{},"exportImage()","（按需动态导入 ",[141,841,842],{},"html-to-image","）、树的方法 ",[141,845,846],{},"scrollToNode()","（",[141,849,850],{},"scrollIntoView","）、以及依赖 ",[141,853,854],{},"ResizeObserver"," 的自动重测。",[108,857,858,859,861],{},"样式仍需自己引：SSR 不会替你 import ",[141,860,335],{},"，在入口或布局里引一次即可。",[129,863,864],{"id":864},"更多",[866,867,868,876,891,901,907],"ul",{},[869,870,871,872,875],"li",{},"想直接把玩所有用例：前往 ",[112,873,874],{"href":46},"Demo 总览","（与 GitHub 上的 Playground 相同的组件）。",[869,877,878,879,847,881,883,884,798,887,890],{},"定制节点内容：",[112,880,49],{"href":50},[141,882,817],{}," 插槽 \u002F ",[141,885,886],{},"node-component",[141,888,889],{},"render-content","）。",[869,892,893,894,897,898,787],{},"大数据量：阅读",[112,895,896],{"href":65},"懒加载","与",[112,899,900],{"href":75},"画布缩放",[869,902,903,904,787],{},"从 vue-okr-tree 迁移：阅读",[112,905,906],{"href":94},"迁移说明",[869,908,909,910,912,913,916],{},"踩坑清单：",[112,911,35],{"href":36},"（回写类方法会改源数据、冻结 \u002F 只读数据的边界、",[141,914,915],{},"node-key"," 缺失时的静默）。",[918,919,920],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":139,"searchDepth":161,"depth":161,"links":922},[923,924,925,926,927],{"id":131,"depth":161,"text":131},{"id":186,"depth":161,"text":186},{"id":627,"depth":161,"text":628},{"id":790,"depth":161,"text":791},{"id":864,"depth":161,"text":864},"安装、样式引入、全局注册、CDN \u002F UMD 与 SSR 注意事项","md",null,{},{"icon":18},{"title":15,"description":928},"uDSaysK40HzI_uuOOglDQoi6RH2M2g_iMKrylvx9Nps",[936,938],{"title":11,"path":7,"stem":12,"description":937,"icon":13,"children":-1},"一页速查：想做什么 → 用哪个 prop \u002F 方法 → 去哪页看细节",{"title":20,"path":21,"stem":22,"description":939,"icon":23,"children":-1},"按键表、漫游 tabindex 与 WAI-ARIA tree 语义",1793606851536]