[{"data":1,"prerenderedAt":1266},["ShallowReactive",2],{"navigation_docs":3,"-theme-":102,"-theme--surround":1261},[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":83,"body":104,"description":1254,"extension":1255,"links":1256,"meta":1257,"navigation":1258,"path":84,"seo":1259,"stem":85,"__hash__":1260},"docs\u002F2.theme.md",{"type":105,"value":106,"toc":1245},"minimark",[107,116,152,156,213,309,317,328,332,551,554,968,1000,1013,1017,1037,1098,1151,1154,1189,1200,1203,1224,1227,1241],[108,109,110,111,115],"p",{},"组件所有可定制的外观取值都通过 CSS 变量暴露，并在使用点写成 ",[112,113,114],"code",{},"var(--okr-*, 默认值)","，因此：",[117,118,119,127,145],"ul",{},[120,121,122,123,126],"li",{},"不传 ",[112,124,125],{},"theme"," 时外观与 vue-okr-tree 完全一致；",[120,128,129,130,132,133,136,137,140,141,144],{},"变量可以写在组件根容器（",[112,131,125],{}," prop 会加 ",[112,134,135],{},"okr-theme-{name}"," 类）、任意祖先元素、",[112,138,139],{},":root","，甚至内联 ",[112,142,143],{},"style=\"--okr-line-color: red\"","；",[120,146,147,148,151],{},"选中态只在主题中提供内置样式，且优先级刻意放低，你通过 ",[112,149,150],{},"current-lable-class-name"," 传入的类始终可以覆盖它。",[153,154,155],"h2",{"id":155},"内置主题",[157,158,164],"pre",{"className":159,"code":160,"filename":161,"language":162,"meta":163,"style":163},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cvue-okr-tree :data=\"data\" theme=\"feishu\" \u002F>\n","App.vue","vue","",[112,165,166],{"__ignoreMap":163},[167,168,171,175,179,182,186,189,192,195,197,200,202,204,208,210],"span",{"class":169,"line":170},"line",1,[167,172,174],{"class":173},"sMK4o","\u003C",[167,176,178],{"class":177},"swJcz","vue-okr-tree",[167,180,181],{"class":173}," :",[167,183,185],{"class":184},"spNyl","data",[167,187,188],{"class":173},"=",[167,190,191],{"class":173},"\"",[167,193,185],{"class":194},"sTEyZ",[167,196,191],{"class":173},[167,198,199],{"class":184}," theme",[167,201,188],{"class":173},[167,203,191],{"class":173},[167,205,207],{"class":206},"sfazB","feishu",[167,209,191],{"class":173},[167,211,212],{"class":173}," \u002F>\n",[214,215,216,229],"table",{},[217,218,219],"thead",{},[220,221,222,226],"tr",{},[223,224,225],"th",{},"主题",[223,227,228],{},"定位",[230,231,232,243,256,266,285,295],"tbody",{},[220,233,234,240],{},[235,236,237],"td",{},[112,238,239],{},"default",[235,241,242],{},"与 vue-okr-tree 一致：灰线、白卡、直角、轻阴影（不加任何类）",[220,244,245,249],{},[235,246,247],{},[112,248,207],{},[235,250,251,252,255],{},"飞书 OKR 观感：圆角 8px、浅灰线、主色 ",[112,253,254],{},"#3370ff"," 选中态",[220,257,258,263],{},[235,259,260],{},[112,261,262],{},"dark",[235,264,265],{},"暗色页面：深底、浅灰线、亮色选中态",[220,267,268,273],{},[235,269,270],{},[112,271,272],{},"auto",[235,274,275,276,278,279,282,283],{},"跟随系统：浅色下同 ",[112,277,239],{},"，",[112,280,281],{},"prefers-color-scheme: dark"," 时同 ",[112,284,262],{},[220,286,287,292],{},[235,288,289],{},[112,290,291],{},"minimal",[235,293,294],{},"演示 \u002F 打印：无阴影、细边框、小圆角，选中态细蓝边",[220,296,297,302],{},[235,298,299],{},[112,300,301],{},"colorful",[235,303,304,305,308],{},"按层级着色（节点带 ",[112,306,307],{},"data-level"," 属性），适合组织架构展示",[108,310,311,312,316],{},"六套主题的实际效果可在 ",[313,314,315],"a",{"href":46},"Demo 总览"," 各用例与 Playground 顶部切换预览。",[108,318,319,320,323,324,327],{},"传不在这六套里的名字是允许的（用于挂你自己的 ",[112,321,322],{},".okr-theme-{name}"," 类），只是开发期会输出一条提示，避免拼错主题名时毫无视觉变化却找不到原因。内置清单可从包入口按 ",[112,325,326],{},"BUILT_IN_THEMES"," 取用。",[153,329,331],{"id":330},"自定义主题-覆盖变量","自定义主题 \u002F 覆盖变量",[157,333,338],{"className":334,"code":335,"filename":336,"language":337,"meta":163,"style":163},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F* 方式一：自定义主题名，配合 theme=\"brand\" *\u002F\n.okr-theme-brand {\n  --okr-line-color: #409eff;\n  --okr-node-radius: 8px;\n  --okr-current-bg: #409eff;\n  --okr-current-color: #fff;\n}\n.okr-theme-brand :where(.org-chart-node-label-inner.is-current) {\n  --okr-node-bg: var(--okr-current-bg);\n  --okr-node-color: var(--okr-current-color);\n}\n\n\u002F* 方式二：在任意祖先上直接覆盖若干变量（可叠加在内置主题之上） *\u002F\n.my-page {\n  --okr-gap-level: 32px;\n  --okr-node-font-size: 14px;\n}\n","custom.css","css",[112,339,340,346,359,377,391,405,420,426,454,475,492,497,504,510,520,533,546],{"__ignoreMap":163},[167,341,342],{"class":169,"line":170},[167,343,345],{"class":344},"sHwdD","\u002F* 方式一：自定义主题名，配合 theme=\"brand\" *\u002F\n",[167,347,349,352,356],{"class":169,"line":348},2,[167,350,351],{"class":173},".",[167,353,355],{"class":354},"sBMFI","okr-theme-brand",[167,357,358],{"class":173}," {\n",[167,360,362,365,368,371,374],{"class":169,"line":361},3,[167,363,364],{"class":194},"  --okr-line-color",[167,366,367],{"class":173},":",[167,369,370],{"class":173}," #",[167,372,373],{"class":194},"409eff",[167,375,376],{"class":173},";\n",[167,378,380,383,385,389],{"class":169,"line":379},4,[167,381,382],{"class":194},"  --okr-node-radius",[167,384,367],{"class":173},[167,386,388],{"class":387},"sbssI"," 8px",[167,390,376],{"class":173},[167,392,394,397,399,401,403],{"class":169,"line":393},5,[167,395,396],{"class":194},"  --okr-current-bg",[167,398,367],{"class":173},[167,400,370],{"class":173},[167,402,373],{"class":194},[167,404,376],{"class":173},[167,406,408,411,413,415,418],{"class":169,"line":407},6,[167,409,410],{"class":194},"  --okr-current-color",[167,412,367],{"class":173},[167,414,370],{"class":173},[167,416,417],{"class":194},"fff",[167,419,376],{"class":173},[167,421,423],{"class":169,"line":422},7,[167,424,425],{"class":173},"}\n",[167,427,429,431,433,435,438,441,444,446,449,452],{"class":169,"line":428},8,[167,430,351],{"class":173},[167,432,355],{"class":354},[167,434,181],{"class":173},[167,436,437],{"class":184},"where",[167,439,440],{"class":173},"(.",[167,442,443],{"class":354},"org-chart-node-label-inner",[167,445,351],{"class":173},[167,447,448],{"class":354},"is-current",[167,450,451],{"class":173},")",[167,453,358],{"class":173},[167,455,457,460,462,466,469,472],{"class":169,"line":456},9,[167,458,459],{"class":194},"  --okr-node-bg",[167,461,367],{"class":173},[167,463,465],{"class":464},"s2Zo4"," var",[167,467,468],{"class":173},"(",[167,470,471],{"class":194},"--okr-current-bg",[167,473,474],{"class":173},");\n",[167,476,478,481,483,485,487,490],{"class":169,"line":477},10,[167,479,480],{"class":194},"  --okr-node-color",[167,482,367],{"class":173},[167,484,465],{"class":464},[167,486,468],{"class":173},[167,488,489],{"class":194},"--okr-current-color",[167,491,474],{"class":173},[167,493,495],{"class":169,"line":494},11,[167,496,425],{"class":173},[167,498,500],{"class":169,"line":499},12,[167,501,503],{"emptyLinePlaceholder":502},true,"\n",[167,505,507],{"class":169,"line":506},13,[167,508,509],{"class":344},"\u002F* 方式二：在任意祖先上直接覆盖若干变量（可叠加在内置主题之上） *\u002F\n",[167,511,513,515,518],{"class":169,"line":512},14,[167,514,351],{"class":173},[167,516,517],{"class":354},"my-page",[167,519,358],{"class":173},[167,521,523,526,528,531],{"class":169,"line":522},15,[167,524,525],{"class":194},"  --okr-gap-level",[167,527,367],{"class":173},[167,529,530],{"class":387}," 32px",[167,532,376],{"class":173},[167,534,536,539,541,544],{"class":169,"line":535},16,[167,537,538],{"class":194},"  --okr-node-font-size",[167,540,367],{"class":173},[167,542,543],{"class":387}," 14px",[167,545,376],{"class":173},[167,547,549],{"class":169,"line":548},17,[167,550,425],{"class":173},[153,552,553],{"id":553},"变量一览",[214,555,556,569],{},[217,557,558],{},[220,559,560,563,566],{},[223,561,562],{},"变量",[223,564,565],{},"说明",[223,567,568],{},"默认值",[230,570,571,586,601,616,631,645,660,675,690,705,720,734,749,764,779,793,808,823,838,853,866,879,894,908,923,938,953],{},[220,572,573,578,581],{},[235,574,575],{},[112,576,577],{},"--okr-line-color",[235,579,580],{},"连接线颜色",[235,582,583],{},[112,584,585],{},"#ccc",[220,587,588,593,596],{},[235,589,590],{},[112,591,592],{},"--okr-line-width",[235,594,595],{},"连接线宽度",[235,597,598],{},[112,599,600],{},"1px",[220,602,603,608,611],{},[235,604,605],{},[112,606,607],{},"--okr-line-radius",[235,609,610],{},"兄弟连线拐角圆角",[235,612,613],{},[112,614,615],{},"5px",[220,617,618,623,626],{},[235,619,620],{},[112,621,622],{},"--okr-gap-level",[235,624,625],{},"层级间距 \u002F 连接线长度",[235,627,628],{},[112,629,630],{},"20px",[220,632,633,638,641],{},[235,634,635],{},[112,636,637],{},"--okr-gap-sibling",[235,639,640],{},"兄弟节点水平间距",[235,642,643],{},[112,644,615],{},[220,646,647,652,655],{},[235,648,649],{},[112,650,651],{},"--okr-gap-node-y",[235,653,654],{},"水平模式下节点纵向间距",[235,656,657],{},[112,658,659],{},"10px",[220,661,662,667,670],{},[235,663,664],{},[112,665,666],{},"--okr-node-bg",[235,668,669],{},"节点背景",[235,671,672],{},[112,673,674],{},"transparent",[220,676,677,682,685],{},[235,678,679],{},[112,680,681],{},"--okr-node-color",[235,683,684],{},"节点文字颜色",[235,686,687],{},[112,688,689],{},"inherit",[220,691,692,697,700],{},[235,693,694],{},[112,695,696],{},"--okr-node-border",[235,698,699],{},"节点边框",[235,701,702],{},[112,703,704],{},"none",[220,706,707,712,715],{},[235,708,709],{},[112,710,711],{},"--okr-node-radius",[235,713,714],{},"节点圆角",[235,716,717],{},[112,718,719],{},"0",[220,721,722,727,730],{},[235,723,724],{},[112,725,726],{},"--okr-node-padding",[235,728,729],{},"节点内边距",[235,731,732],{},[112,733,659],{},[220,735,736,741,744],{},[235,737,738],{},[112,739,740],{},"--okr-node-font-size",[235,742,743],{},"节点字号",[235,745,746],{},[112,747,748],{},"16px",[220,750,751,756,759],{},[235,752,753],{},[112,754,755],{},"--okr-node-shadow",[235,757,758],{},"节点阴影",[235,760,761],{},[112,762,763],{},"0 1px 10px rgba(31,35,41,.08)",[220,765,766,771,774],{},[235,767,768],{},[112,769,770],{},"--okr-node-shadow-hover",[235,772,773],{},"节点 hover 阴影",[235,775,776],{},[112,777,778],{},"0 1px 14px rgba(31,35,41,.12)",[220,780,781,786,789],{},[235,782,783],{},[112,784,785],{},"--okr-btn-size",[235,787,788],{},"展开按钮直径",[235,790,791],{},[112,792,630],{},[220,794,795,800,803],{},[235,796,797],{},[112,798,799],{},"--okr-btn-bg",[235,801,802],{},"展开按钮背景",[235,804,805],{},[112,806,807],{},"#fff",[220,809,810,815,818],{},[235,811,812],{},[112,813,814],{},"--okr-btn-shadow",[235,816,817],{},"展开按钮阴影",[235,819,820],{},[112,821,822],{},"0 0 2px rgba(0,0,0,.15)",[220,824,825,830,833],{},[235,826,827],{},[112,828,829],{},"--okr-btn-sign-color",[235,831,832],{},"按钮内 +\u002F- 颜色",[235,834,835,836],{},"取 ",[112,837,577],{},[220,839,840,845,848],{},[235,841,842],{},[112,843,844],{},"--okr-btn-text-color",[235,846,847],{},"按钮内子节点数字颜色",[235,849,850],{},[112,851,852],{},"#909090",[220,854,855,859,862],{},[235,856,857],{},[112,858,471],{},[235,860,861],{},"选中背景（主题内生效）",[235,863,864],{},[112,865,254],{},[220,867,868,872,875],{},[235,869,870],{},[112,871,489],{},[235,873,874],{},"选中文字（主题内生效）",[235,876,877],{},[112,878,807],{},[220,880,881,886,889],{},[235,882,883],{},[112,884,885],{},"--okr-disabled-opacity",[235,887,888],{},"禁用节点透明度",[235,890,891],{},[112,892,893],{},"0.6",[220,895,896,901,904],{},[235,897,898],{},[112,899,900],{},"--okr-drop-color",[235,902,903],{},"拖拽放置指示线 \u002F inner 描边颜色",[235,905,835,906],{},[112,907,471],{},[220,909,910,915,918],{},[235,911,912],{},[112,913,914],{},"--okr-focus-color",[235,916,917],{},"键盘焦点环颜色",[235,919,920],{},[112,921,922],{},"#409eff",[220,924,925,930,933],{},[235,926,927],{},[112,928,929],{},"--okr-focus-width",[235,931,932],{},"键盘焦点环宽度",[235,934,935],{},[112,936,937],{},"2px",[220,939,940,945,948],{},[235,941,942],{},[112,943,944],{},"--okr-anim-duration",[235,946,947],{},"展开\u002F收起过渡时长（由 prop 写入）",[235,949,950],{},[112,951,952],{},"200ms",[220,954,955,960,963],{},[235,956,957],{},[112,958,959],{},"--okr-anim-easing",[235,961,962],{},"过渡缓动（按动画名可覆盖）",[235,964,965],{},[112,966,967],{},"cubic-bezier(.55,0,.1,1)",[108,969,970,971,974,975,978,979,982,983,986,987,986,990,986,993,986,996,999],{},"画布组件 ",[112,972,973],{},"OkrTreeViewport"," 另有一组变量：",[112,976,977],{},"--okr-viewport-height","（默认 ",[112,980,981],{},"420px","）、",[112,984,985],{},"--okr-viewport-bg","、",[112,988,989],{},"--okr-viewport-border",[112,991,992],{},"--okr-viewport-radius",[112,994,995],{},"--okr-viewport-toolbar-bg",[112,997,998],{},"--okr-viewport-toolbar-shadow","。",[108,1001,1002,1003,1006,1007,1012],{},"另有 ",[112,1004,1005],{},"--okr-group-left-width"," 由 ",[313,1008,1009],{"href":79},[112,1010,1011],{},"OkrTreeGroup"," 运行时测量写入，不是给用户改的。",[153,1014,1016],{"id":1015},"连接线css-与-svg-两种渲染模式","连接线：CSS 与 SVG 两种渲染模式",[108,1018,1019,1020,1023,1024,1027,1028,1031,1032,1036],{},"默认 ",[112,1021,1022],{},"connector=\"css\""," 用伪元素画线；",[112,1025,1026],{},"connector=\"svg\""," 把线条换成覆盖层 ",[112,1029,1030],{},"\u003Csvg>"," 路径，",[1033,1034,1035],"strong",{},"布局零改动","——伪元素只被中和边框、保留占位盒（展开按钮的 +\u002F- 符号同为伪元素边框，不在中和范围内）。",[157,1038,1040],{"className":159,"code":1039,"filename":161,"language":162,"meta":163,"style":163},"\u003Cvue-okr-tree :data=\"data\" direction=\"horizontal\" connector=\"svg\" connector-shape=\"orthogonal\" \u002F>\n",[112,1041,1042],{"__ignoreMap":163},[167,1043,1044,1046,1048,1050,1052,1054,1056,1058,1060,1063,1065,1067,1070,1072,1075,1077,1079,1082,1084,1087,1089,1091,1094,1096],{"class":169,"line":170},[167,1045,174],{"class":173},[167,1047,178],{"class":177},[167,1049,181],{"class":173},[167,1051,185],{"class":184},[167,1053,188],{"class":173},[167,1055,191],{"class":173},[167,1057,185],{"class":194},[167,1059,191],{"class":173},[167,1061,1062],{"class":184}," direction",[167,1064,188],{"class":173},[167,1066,191],{"class":173},[167,1068,1069],{"class":206},"horizontal",[167,1071,191],{"class":173},[167,1073,1074],{"class":184}," connector",[167,1076,188],{"class":173},[167,1078,191],{"class":173},[167,1080,1081],{"class":206},"svg",[167,1083,191],{"class":173},[167,1085,1086],{"class":184}," connector-shape",[167,1088,188],{"class":173},[167,1090,191],{"class":173},[167,1092,1093],{"class":206},"orthogonal",[167,1095,191],{"class":173},[167,1097,212],{"class":173},[117,1099,1100,1117,1126,1129,1142],{},[120,1101,1102,1105,1106,1109,1110,1112,1113,1116],{},[112,1103,1104],{},"connector-shape"," 仅在 svg 模式下生效：",[112,1107,1108],{},"curve"," 三次贝塞尔（控制点随主轴延伸，最长 40px）\u002F ",[112,1111,1093],{}," 中点直角折线 \u002F ",[112,1114,1115],{},"straight"," 两点直线。",[120,1118,1119,1120,1122,1123,1125],{},"线色与线宽继续走 ",[112,1121,577],{}," \u002F ",[112,1124,592],{},"，六套主题与自定义变量零配置适配。",[120,1127,1128],{},"锚点随模式镜像：垂直出底入顶；水平右树出右入左、OKR 左树出左入右；根节点到 OKR 左树顶层节点绘制镜像连线。",[120,1130,1131,1132,1135,1136,1122,1139,1141],{},"展开\u002F收起（含 ",[112,1133,1134],{},"animate"," 过渡期间）与容器尺寸变化都会自动重绘，不留残影；运行时切换 ",[112,1137,1138],{},"connector",[112,1140,1104],{}," 即时生效。",[120,1143,1144,1145,1148,1149,999],{},"可与",[313,1146,1147],{"href":75},"画布缩放","与 OKR 双树组合；交互用例见 ",[313,1150,315],{"href":46},[153,1152,1153],{"id":1153},"无样式模式",[108,1155,1156,1159,1160,1163,1164,986,1167,986,1170,1173,1174,1176,1177,1122,1179,1181,1182,1184,1185,1188],{},[112,1157,1158],{},"unstyled"," 只去掉卡片外观（背景 \u002F 边框 \u002F 圆角 \u002F 阴影，含 hover 态），布局与连接线原样保留，\n供 Tailwind 或自有设计系统接管。它",[1033,1161,1162],{},"刻意不动"," ",[112,1165,1166],{},"padding",[112,1168,1169],{},"font-size",[112,1171,1172],{},"color","：改 ",[112,1175,1166],{}," 会移动\n节点盒、牵动连接线的伪元素几何，这三项请继续用 ",[112,1178,726],{},[112,1180,740],{}," \u002F\n",[112,1183,681],{}," 或 ",[112,1186,1187],{},"label-class-name"," 调。",[108,1190,1191,1192,1195,1196,1199],{},"顺带说明为什么样式是手写而不是接 Tailwind：连接线是伪元素上的像素级几何（",[112,1193,1194],{},"::before\u002F::after"," 的\n边框与偏移量彼此咬合），工具类表达不了；而 Preflight 会重新引入全局样式污染——那正是原版\n",[112,1197,1198],{},"* { margin:0; padding:0 }"," 被诟病的地方。所以组件本体只留 CSS 变量，本文档站才随意用 Tailwind。",[153,1201,1202],{"id":1202},"打印",[108,1204,1205,1208,1209,1212,1213,1216,1217,1220,1221,999],{},[112,1206,1207],{},"@media print"," 下自动隐藏展开按钮与画布工具栏（纸上点不动的交互件），并去掉卡片与画布的\n",[112,1210,1211],{},"box-shadow","（部分打印引擎会把阴影渲染成灰块、也费墨）。折叠的子树按屏幕原样输出——想让整棵树\n都印出来，先调 ",[112,1214,1215],{},"expandAll()","。需要图片版请用",[313,1218,1219],{"href":75},"画布组件","的 ",[112,1222,1223],{},"exportImage()",[153,1225,1226],{"id":1226},"减弱动效",[108,1228,1229,1230,1233,1234,1237,1238,1240],{},"系统开启「减弱动态效果」（",[112,1231,1232],{},"prefers-reduced-motion: reduce","）时，展开\u002F收起过渡与 ",[112,1235,1236],{},"scrollToNode","\n的平滑滚动自动关闭，状态直切——",[112,1239,1134],{}," 无需宿主自己判断媒体查询。",[1242,1243,1244],"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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}",{"title":163,"searchDepth":348,"depth":348,"links":1246},[1247,1248,1249,1250,1251,1252,1253],{"id":155,"depth":348,"text":155},{"id":330,"depth":348,"text":331},{"id":553,"depth":348,"text":553},{"id":1015,"depth":348,"text":1016},{"id":1153,"depth":348,"text":1153},{"id":1202,"depth":348,"text":1202},{"id":1226,"depth":348,"text":1226},"CSS 变量主题化、六套内置主题、SVG 连接线与无样式模式","md",null,{},{"icon":86},{"title":83,"description":1254},"cxgSurUHLszmFLPFGIdvVuWjhYWZ4RBCbuWL3-5QwlI",[1262,1264],{"title":78,"path":79,"stem":80,"description":1263,"icon":81,"children":-1},"OkrTreeGroup 多树根对齐的测量机制与自动重测触发点",{"title":88,"path":89,"stem":90,"description":1265,"icon":91,"children":-1},"Props \u002F Events \u002F Methods \u002F Slots 完整参考，由 shared\u002Fapi.ts 单一来源生成（README 只保留分组概览）",1793606855059]