[{"data":1,"prerenderedAt":3019},["ShallowReactive",2],{"content-\u002Fcomponents\u002Fnavigation-view":3,"content-en-fallback-\u002Fcomponents\u002Fnavigation-view":3018},{"id":4,"title":5,"body":6,"description":3009,"extension":3010,"meta":3011,"nav":3012,"navigation":3013,"path":3014,"seo":3015,"stem":3016,"__hash__":3017},"content\u002Fcomponents\u002Fnavigation-view.md","Navigation View 导航视图",{"type":7,"value":8,"toc":2985},"minimark",[9,13,44,146,266,270,344,368,372,394,450,463,545,617,620,629,689,707,729,737,753,830,841,858,862,991,1020,1036,1039,1113,1179,1182,1286,1318,1393,1397,1591,1595,1652,1655,1863,1870,2068,2071,2078,2135,2161,2165,2170,2543,2630,2635,2827,2870,2879,2923,2942,2945,2981],[10,11,5],"h1",{"id":12},"navigation-view-导航视图",[14,15,16,20,21,24,25,28,29,32,33,39,40,43],"p",{},[17,18,19],"code",{},"FluereNavigationView"," + ",[17,22,23],{},"FluereNavigationViewItem","（含 ",[17,26,27],{},"...ItemHeader"," \u002F ",[17,30,31],{},"...ItemSeparator","）对位 WinUI 3 \u002F Windows App SDK 的 ",[34,35,36],"strong",{},[17,37,38],{},"Microsoft.UI.Xaml.Controls.NavigationView","：左侧可折叠面板 + 内容区，支持分组、多级子项、选中指示条与内置「设置」项，",[17,41,42],{},"DisplayMode"," 状态机与键位逐条抄源码。",[45,46,51],"pre",{"className":47,"code":48,"language":49,"meta":50,"style":50},"language-vue shiki shiki-themes github-light github-dark","\u003CFluereNavigationView v-model:selected-value=\"selected\" label=\"导航\" pane-title=\"Explorer\">\n  \u003CFluereNavigationViewItemHeader content=\"快速访问\" \u002F>\n  \u003CFluereNavigationViewItem value=\"home\" content=\"主页\">\n    \u003Ctemplate #icon>\u003CFluentIconStar24Regular :size=\"20\" \u002F>\u003C\u002Ftemplate>\n  \u003C\u002FFluereNavigationViewItem>\n  \u003Ctemplate #content>内容区\u003C\u002Ftemplate>\n\u003C\u002FFluereNavigationView>\n","vue","",[17,52,53,106,112,118,124,130,136],{"__ignoreMap":50},[54,55,58,62,65,69,72,75,78,82,85,87,90,92,95,98,100,103],"span",{"class":56,"line":57},"line",1,[54,59,61],{"class":60},"sVt8B","\u003C",[54,63,19],{"class":64},"s9eBZ",[54,66,68],{"class":67},"sScJk"," v-model",[54,70,71],{"class":60},":",[54,73,74],{"class":67},"selected-value",[54,76,77],{"class":60},"=",[54,79,81],{"class":80},"sZZnC","\"",[54,83,84],{"class":60},"selected",[54,86,81],{"class":80},[54,88,89],{"class":67}," label",[54,91,77],{"class":60},[54,93,94],{"class":80},"\"导航\"",[54,96,97],{"class":67}," pane-title",[54,99,77],{"class":60},[54,101,102],{"class":80},"\"Explorer\"",[54,104,105],{"class":60},">\n",[54,107,109],{"class":56,"line":108},2,[54,110,111],{"class":60},"  \u003CFluereNavigationViewItemHeader content=\"快速访问\" \u002F>\n",[54,113,115],{"class":56,"line":114},3,[54,116,117],{"class":60},"  \u003CFluereNavigationViewItem value=\"home\" content=\"主页\">\n",[54,119,121],{"class":56,"line":120},4,[54,122,123],{"class":60},"    \u003Ctemplate #icon>\u003CFluentIconStar24Regular :size=\"20\" \u002F>\u003C\u002Ftemplate>\n",[54,125,127],{"class":56,"line":126},5,[54,128,129],{"class":60},"  \u003C\u002FFluereNavigationViewItem>\n",[54,131,133],{"class":56,"line":132},6,[54,134,135],{"class":60},"  \u003Ctemplate #content>内容区\u003C\u002Ftemplate>\n",[54,137,139,142,144],{"class":56,"line":138},7,[54,140,141],{"class":60},"\u003C\u002F",[54,143,19],{"class":64},[54,145,105],{"class":60},[147,148,150,156],"demo-block",{"title":149},"基础形态：分组 + 图标 + 选中指示条 + 设置项",[151,152,153],"template",{"v-slot:preview":50},[154,155],"navigation-view-basic-demo",{},[151,157,158],{"v-slot:code":50},[45,159,161],{"className":47,"code":160,"language":49,"meta":50,"style":50},"\u003CFluereNavigationView v-model:selected-value=\"selected\" label=\"导航\" pane-title=\"Explorer\">\n  \u003Ctemplate v-for=\"section in sections\" :key=\"section.title\">\n    \u003CFluereNavigationViewItemHeader :content=\"section.title\" \u002F>\n    \u003CFluereNavigationViewItem\n      v-for=\"item in section.items\"\n      :key=\"item.value\"\n      :value=\"item.value\"\n      :content=\"item.content\"\n    >\n      \u003Ctemplate #icon>\u003Ccomponent :is=\"item.icon\" :size=\"20\" \u002F>\u003C\u002Ftemplate>\n    \u003C\u002FFluereNavigationViewItem>\n  \u003C\u002Ftemplate>\n\u003C\u002FFluereNavigationView>\n",[17,162,163,197,202,207,212,217,222,227,233,239,245,251,257],{"__ignoreMap":50},[54,164,165,167,169,171,173,175,177,179,181,183,185,187,189,191,193,195],{"class":56,"line":57},[54,166,61],{"class":60},[54,168,19],{"class":64},[54,170,68],{"class":67},[54,172,71],{"class":60},[54,174,74],{"class":67},[54,176,77],{"class":60},[54,178,81],{"class":80},[54,180,84],{"class":60},[54,182,81],{"class":80},[54,184,89],{"class":67},[54,186,77],{"class":60},[54,188,94],{"class":80},[54,190,97],{"class":67},[54,192,77],{"class":60},[54,194,102],{"class":80},[54,196,105],{"class":60},[54,198,199],{"class":56,"line":108},[54,200,201],{"class":60},"  \u003Ctemplate v-for=\"section in sections\" :key=\"section.title\">\n",[54,203,204],{"class":56,"line":114},[54,205,206],{"class":60},"    \u003CFluereNavigationViewItemHeader :content=\"section.title\" \u002F>\n",[54,208,209],{"class":56,"line":120},[54,210,211],{"class":60},"    \u003CFluereNavigationViewItem\n",[54,213,214],{"class":56,"line":126},[54,215,216],{"class":60},"      v-for=\"item in section.items\"\n",[54,218,219],{"class":56,"line":132},[54,220,221],{"class":60},"      :key=\"item.value\"\n",[54,223,224],{"class":56,"line":138},[54,225,226],{"class":60},"      :value=\"item.value\"\n",[54,228,230],{"class":56,"line":229},8,[54,231,232],{"class":60},"      :content=\"item.content\"\n",[54,234,236],{"class":56,"line":235},9,[54,237,238],{"class":60},"    >\n",[54,240,242],{"class":56,"line":241},10,[54,243,244],{"class":60},"      \u003Ctemplate #icon>\u003Ccomponent :is=\"item.icon\" :size=\"20\" \u002F>\u003C\u002Ftemplate>\n",[54,246,248],{"class":56,"line":247},11,[54,249,250],{"class":60},"    \u003C\u002FFluereNavigationViewItem>\n",[54,252,254],{"class":56,"line":253},12,[54,255,256],{"class":60},"  \u003C\u002Ftemplate>\n",[54,258,260,262,264],{"class":56,"line":259},13,[54,261,141],{"class":60},[54,263,19],{"class":64},[54,265,105],{"class":60},[267,268,269],"h2",{"id":269},"版本与证据口径",[271,272,273,286],"table",{},[274,275,276],"thead",{},[277,278,279,283],"tr",{},[280,281,282],"th",{},"项",[280,284,285],{},"值",[287,288,289,305,324],"tbody",{},[277,290,291,295],{},[292,293,294],"td",{},"规格源 tag",[292,296,297,300,301,304],{},[17,298,299],{},"winui3\u002Frelease\u002F2.5.1","（commit ",[17,302,303],{},"ba3a8d5","）",[277,306,307,310],{},[292,308,309],{},"关键文件",[292,311,312,20,315,20,318,20,321],{},[17,313,314],{},"src\u002Fcontrols\u002Fdev\u002FNavigationView\u002F{NavigationView.idl,NavigationView.xaml,NavigationView_themeresources.xaml,NavigationView.cpp,NavigationViewItem.cpp,NavigationViewItemPresenter.cpp,NavigationViewItemHeader.cpp,NavigationViewItemSeparator.cpp}",[17,316,317],{},"Generated\u002F{NavigationView,NavigationViewItem}.properties.cpp",[17,319,320],{},"SplitView\u002FSplitView_themeresources.xaml",[17,322,323],{},"Strings\u002F{en-us,zh-CN}\u002FResources.resw",[277,325,326,329],{},[292,327,328],{},"内建文案",[292,330,331,332,335,336,339,340,343],{},"开关按钮 \u002F 设置项共 4 条",[34,333,334],{},"逐字","取自上游 ",[17,337,338],{},"Resources.resw","（见 ",[17,341,342],{},"packages\u002Fui\u002Fsrc\u002Fnavigation-view\u002Flocale.ts"," 的对照表）",[345,346,347],"blockquote",{},[14,348,349,355,356,359,360,363,364,367],{},[34,350,351,354],{},[17,352,353],{},"perf2026"," 不采纳","：上游存在 ",[17,357,358],{},"NavigationBackButton_perf2026.xaml","（已挂进 ",[17,361,362],{},"NavigationView.vcxitems","），本库沿用 0.5.1 ",[17,365,366],{},"TitleBar"," 的裁定 —— 不读、不参考、不产生对应分支。",[267,369,371],{"id":370},"displaymode-状态机","DisplayMode 状态机",[14,373,374,377,378,381,382,385,386,389,390,393],{},[17,375,376],{},"paneDisplayMode","（对齐 ",[17,379,380],{},"NavigationViewPaneDisplayMode","）是",[34,383,384],{},"配置","，",[17,387,388],{},"displayMode"," 是",[34,391,392],{},"运行时算出来的结果","，两者不要混。",[271,395,396,407],{},[274,397,398],{},[277,399,400,404],{},[280,401,402],{},[17,403,376],{},[280,405,406],{},"行为",[287,408,409,420,430,440],{},[277,410,411,417],{},[292,412,413,416],{},[17,414,415],{},"auto","（缺省）",[292,418,419],{},"按容器宽度自适应（下表）",[277,421,422,427],{},[292,423,424],{},[17,425,426],{},"left",[292,428,429],{},"恒 Expanded（面板 320px）",[277,431,432,437],{},[292,433,434],{},[17,435,436],{},"left-compact",[292,438,439],{},"恒 Compact（面板 48px 图标轨道）",[277,441,442,447],{},[292,443,444],{},[17,445,446],{},"left-minimal",[292,448,449],{},"同 Compact（见下「与 WinUI 的差异」第 2 条）",[14,451,452,454,455,458,459,462],{},[17,453,415],{}," 档的判据逐字照抄 ",[17,456,457],{},"NavigationView.cpp:1452-1465","（阈值缺省来自 ",[17,460,461],{},"NavigationView.idl:176-180","）：",[271,464,465,478],{},[274,466,467],{},[277,468,469,472,475],{},[280,470,471],{},"容器宽度",[280,473,474],{},"上游结果",[280,476,477],{},"本库结果",[287,479,480,492,510,522,534],{},[277,481,482,487,490],{},[292,483,484],{},[17,485,486],{},"width >= 1008",[292,488,489],{},"Expanded",[292,491,489],{},[277,493,494,499,504],{},[292,495,496],{},[17,497,498],{},"0 \u003C width \u003C 641",[292,500,501],{},[34,502,503],{},"Minimal",[292,505,506,509],{},[34,507,508],{},"Compact","（降级，见差异表）",[277,511,512,518,520],{},[292,513,514,515,304],{},"其余（含 ",[17,516,517],{},"width === 0",[292,519,508],{},[292,521,508],{},[277,523,524,529,531],{},[292,525,526],{},[17,527,528],{},"width === 641",[292,530,508],{},[292,532,533],{},"Compact（判据是严格小于）",[277,535,536,541,543],{},[292,537,538],{},[17,539,540],{},"NaN",[292,542,508],{},[292,544,508],{},[147,546,548,553],{"title":547},"DisplayMode 三档与 Auto 自适应",[151,549,550],{"v-slot:preview":50},[551,552],"navigation-view-display-mode-demo",{},[151,554,555],{"v-slot:code":50},[45,556,558],{"className":47,"code":557,"language":49,"meta":50,"style":50},"\u003CFluereNavigationView v-model:selected-value=\"selected\" :pane-display-mode=\"mode\" pane-title=\"Nav\">\n  …\n\u003C\u002FFluereNavigationView>\n",[17,559,560,604,609],{"__ignoreMap":50},[54,561,562,564,566,568,570,572,574,576,578,580,583,586,588,590,593,595,597,599,602],{"class":56,"line":57},[54,563,61],{"class":60},[54,565,19],{"class":64},[54,567,68],{"class":67},[54,569,71],{"class":60},[54,571,74],{"class":67},[54,573,77],{"class":60},[54,575,81],{"class":80},[54,577,84],{"class":60},[54,579,81],{"class":80},[54,581,582],{"class":60}," :",[54,584,585],{"class":67},"pane-display-mode",[54,587,77],{"class":60},[54,589,81],{"class":80},[54,591,592],{"class":60},"mode",[54,594,81],{"class":80},[54,596,97],{"class":67},[54,598,77],{"class":60},[54,600,601],{"class":80},"\"Nav\"",[54,603,105],{"class":60},[54,605,606],{"class":56,"line":108},[54,607,608],{"class":60},"  …\n",[54,610,611,613,615],{"class":56,"line":114},[54,612,141],{"class":60},[54,614,19],{"class":64},[54,616,105],{"class":60},[267,618,619],{"id":619},"面板开合语义",[14,621,622,625,626,462],{},[17,623,624],{},"isPaneOpen"," 受 DisplayMode 状态机支配（逐条对齐 ",[17,627,628],{},"NavigationView.cpp:1494-1512",[630,631,632,647,655,661],"ul",{},[633,634,635,638,639,642,643,646],"li",{},[34,636,637],{},"进入 Expanded","：仅当 ",[17,640,641],{},"isPaneVisible"," 为真且",[34,644,645],{},"用户没有手动关过","才自动开；",[633,648,649,654],{},[34,650,651],{},[17,652,653],{},"Expanded → Compact","：无条件关；",[633,656,657,660],{},[34,658,659],{},"进入 Minimal","：无条件关（本库 Minimal 降级为 Compact，因此「非 Expanded 一律关」）；",[633,662,663,666,667,670,671,385,674,677,678,681,682,684,685,688],{},[34,664,665],{},"手动关过","是一个",[34,668,669],{},"全局","标志（上游 ",[17,672,673],{},"m_wasForceClosed",[17,675,676],{},"NavigationView.h:466","）—— ",[34,679,680],{},"不存在按模式分别记忆","；切换 ",[17,683,585],{}," 会清掉它（",[17,686,687],{},":4211","）。",[14,690,691,692,695,696,699,700,703,704,688],{},"开关按钮的点击逻辑所有模式共用一段（",[17,693,694],{},":1662-1674","）：开 → 关并置标志；关 → 开并清标志。",[17,697,698],{},"isPaneToggleButtonVisible"," ",[34,701,702],{},"只控可见性","，不控可开合性（",[17,705,706],{},":4403-4407",[14,708,709,710,713,714,717,718,721,722,385,725,728],{},"面板收起时",[34,711,712],{},"不是归零","，而是 48px 的图标轨道（上游 ",[17,715,716],{},"ListSizeCompact"," 把 ",[17,719,720],{},"PaneContentGrid.Width"," 设为 ",[17,723,724],{},"CompactPaneLength",[17,726,727],{},"NavigationView.xaml:83","），此时只显示图标、文本留在无障碍树里。",[730,731,733,734,736],"h3",{"id":732},"折叠态listsizecompact的对齐规则","折叠态（",[17,735,716],{},"）的对齐规则",[14,738,739,740,746,747,385,750,462],{},"收起后的 48px 轨道由三条规则决定，",[34,741,742,743,745],{},"与 ",[17,744,376],{}," 无关","，只看「紧凑且关闭」（上游 ",[17,748,749],{},"m_isClosedCompact",[17,751,752],{},"NavigationViewItem.cpp:253-263",[271,754,755,765],{},[274,756,757],{},[277,758,759,762],{},[280,760,761],{},"规则",[280,763,764],{},"A 级依据",[287,766,767,788,809],{},[277,768,769,776],{},[292,770,771,772,775],{},"面板标题与 ",[17,773,774],{},"#paneHeader"," 一并隐藏",[292,777,778,780,781,784,785,304],{},[17,779,716],{}," 置 ",[17,782,783],{},"Collapsed","（",[17,786,787],{},"NavigationView.xaml:85",[277,789,790,801],{},[292,791,792,793,796,797,800],{},"开关行",[34,794,795],{},"横向不留内边距","，视觉内缩由按钮自身的 ",[17,798,799],{},"Padding = 4,2"," 提供",[292,802,803,784,806,304],{},[17,804,805],{},"NavigationViewButtonHolderGridMargin = 0,4",[17,807,808],{},":232",[277,810,811,821],{},[292,812,813,814,817,818,304],{},"开关按钮的图标列与导航项同宽（",[17,815,816],{},"SmallerIconWidth"," = ",[17,819,820],{},"CompactPaneLength - 8",[292,822,823,826,827],{},[17,824,825],{},":611-613","、",[17,828,829],{},"NavigationViewItemPresenter.cpp:289",[14,831,832,833,836,837,840],{},"因此",[34,834,835],{},"折叠态的汉堡图标与每个导航项图标严格同列","（都落在 24px 中线上），项背景到面板两侧的间隙也对称（左右各 4px = ",[17,838,839],{},"NavigationViewItemButtonMargin"," 的横向值）。",[345,842,843],{},[14,844,845,846,849,850,853,854,857],{},"这一带曾出现四处偏差（汉堡图标被压成 ",[17,847,848],{},"7.41 × 20","、标题仍占位、行背景右侧被裁 3px、齿轮渲染成实心块）：前三处由上表的开关行 \u002F 标题 \u002F 分居线规则负责，最后一处是设置项图标的字形选错（应为线性齿轮，而不是只有外轮廓的截断路径）。根因与修法逐条记在 ",[17,851,852],{},"packages\u002Fui\u002Fsrc\u002Fnavigation-view\u002Fnavigation-view.vue"," 的文件头《折叠态的四个 UI 修正》，契约测试见同目录 ",[17,855,856],{},"navigation-view.test.ts"," 的「折叠态（ListSizeCompact）UI 回归」。",[267,859,861],{"id":860},"键盘逐条对齐源码","键盘（逐条对齐源码）",[271,863,864,877],{},[274,865,866],{},[277,867,868,871,874],{},[280,869,870],{},"触发键",[280,872,873],{},"前置条件",[280,875,876],{},"效果",[287,878,879,895,922,941,959,978],{},[277,880,881,886,889],{},[292,882,883],{},[17,884,885],{},"Enter",[292,887,888],{},"焦点在项上",[292,890,891,892,304],{},"invoke（选中 + 展开 + 抛 ",[17,893,894],{},"itemInvoked",[277,896,897,902,908],{},[292,898,899],{},[17,900,901],{},"Space",[292,903,904,905],{},"焦点在项上且",[34,906,907],{},"未按 Alt",[292,909,910,911,914,915,918,919,304],{},"同上；",[17,912,913],{},"Alt+Space"," 明确",[34,916,917],{},"不处理","（让出系统窗口菜单，",[17,920,921],{},":2752-2761",[277,923,924,932,934],{},[292,925,926,28,929],{},[17,927,928],{},"↑",[17,930,931],{},"↓",[292,933,888],{},[292,935,936,937,940],{},"在",[34,938,939],{},"可见项","之间移动焦点；跨层（进 \u002F 出展开的子项、回到父项）与源码的 XYFocus + 手动聚焦等价",[277,942,943,951,953],{},[292,944,945,28,948],{},[17,946,947],{},"Home",[17,949,950],{},"End",[292,952,888],{},[292,954,955,956,304],{},"焦点到列表首 \u002F 末可聚焦项（",[17,957,958],{},":2906-2950",[277,960,961,969,972],{},[292,962,963,20,966],{},[17,964,965],{},"←",[17,967,968],{},"Alt",[292,970,971],{},"面板开着且可轻触关闭",[292,973,974,975,304],{},"关面板（",[17,976,977],{},":3136-3145",[277,979,980,985,988],{},[292,981,982],{},[17,983,984],{},"Tab",[292,986,987],{},"—",[292,989,990],{},"移出面板（roving tabindex：一组里只有一个 Tab 停靠点）",[14,992,993,996,997,784,1000,1003,1004,1007,1008,1011,1012,1015,1016,1019],{},[34,994,995],{},"源码里没有的键","（负面证据，不要按直觉补）：",[17,998,999],{},"→",[17,1001,1002],{},"NavigationView"," 对 ",[17,1005,1006],{},"VirtualKey::Right"," 零命中）、",[17,1009,1010],{},"Esc","（关 Minimal 面板是 core ",[17,1013,1014],{},"SplitView.cpp:576-581"," 的职责，不在 NavigationView 里）、",[17,1017,1018],{},"Ctrl+数字","。",[345,1021,1022],{},[14,1023,1024,1025,1028,1029,1032,1033,1019],{},"按住不放不会连发 invoke：上游用 ",[17,1026,1027],{},"args.KeyStatus().WasKeyDown"," 挡（",[17,1030,1031],{},":2724","），本库对应 ",[17,1034,1035],{},"event.repeat",[267,1037,1038],{"id":1038},"选择与展开语义",[630,1040,1041,1050,1070,1086,1098],{},[633,1042,1043,784,1046,1049],{},[34,1044,1045],{},"点击有子项的项「既选中也切换展开」",[17,1047,1048],{},"OnNavigationViewItemInvoked:1067"," 两件事都做，不是二选一）。",[633,1051,1052,1057,1058,1061,1062,1065,1066,1069],{},[34,1053,1054],{},[17,1055,1056],{},"selects-on-invoked=\"false\"","：invoke 只展开、不改选中（",[17,1059,1060],{},":1048","），适合当分组标题用；反过来用 ",[17,1063,1064],{},"selectedValue"," 强行选中它会被回滚（",[17,1067,1068],{},":2281-2292","），本库对此回退为「无选中」并给开发期警告。",[633,1071,1072,1077,1078,1081,1082,1085],{},[34,1073,1074],{},[17,1075,1076],{},"isChildSelected","：选中子项时，其",[34,1079,1080],{},"整条祖先链","都会拿到该状态（",[17,1083,1084],{},"UpdateIsChildSelected:2509-2547","）；本库由父组件在渲染期推导（只读），无需消费方传。",[633,1087,1088,1091,1092,784,1095,688],{},[34,1089,1090],{},"选中指示条下钻","：从选中项往下走，只要「自身未选中但后代被选中」且父项已展开，就画在",[34,1093,1094],{},"最低可见层",[17,1096,1097],{},"FindLowestLevelContainerToDisplaySelectionIndicator:5562-5593",[633,1099,1100,784,1103,385,1106,1109,1110,1019],{},[34,1101,1102],{},"面板关闭时顶层项强制折叠但记住状态",[17,1104,1105],{},"HandleExpansionStateMemory",[17,1107,1108],{},"NavigationViewItem.cpp:269-285","）：重新展开面板会自动恢复。",[34,1111,1112],{},"只对顶层项生效",[147,1114,1116,1121],{"title":1115},"分组、层级与祖先链选中",[151,1117,1118],{"v-slot:preview":50},[1119,1120],"navigation-view-hierarchy-demo",{},[151,1122,1123],{"v-slot:code":50},[45,1124,1126],{"className":47,"code":1125,"language":49,"meta":50,"style":50},"\u003CFluereNavigationViewItem value=\"music\" content=\"音乐\">\n  \u003Ctemplate #children>\n    \u003CFluereNavigationViewItem value=\"albums\" content=\"专辑\" \u002F>\n    \u003CFluereNavigationViewItem value=\"artists\" content=\"艺术家\" \u002F>\n  \u003C\u002Ftemplate>\n\u003C\u002FFluereNavigationViewItem>\n",[17,1127,1128,1152,1157,1162,1167,1171],{"__ignoreMap":50},[54,1129,1130,1132,1134,1137,1139,1142,1145,1147,1150],{"class":56,"line":57},[54,1131,61],{"class":60},[54,1133,23],{"class":64},[54,1135,1136],{"class":67}," value",[54,1138,77],{"class":60},[54,1140,1141],{"class":80},"\"music\"",[54,1143,1144],{"class":67}," content",[54,1146,77],{"class":60},[54,1148,1149],{"class":80},"\"音乐\"",[54,1151,105],{"class":60},[54,1153,1154],{"class":56,"line":108},[54,1155,1156],{"class":60},"  \u003Ctemplate #children>\n",[54,1158,1159],{"class":56,"line":114},[54,1160,1161],{"class":60},"    \u003CFluereNavigationViewItem value=\"albums\" content=\"专辑\" \u002F>\n",[54,1163,1164],{"class":56,"line":120},[54,1165,1166],{"class":60},"    \u003CFluereNavigationViewItem value=\"artists\" content=\"艺术家\" \u002F>\n",[54,1168,1169],{"class":56,"line":126},[54,1170,256],{"class":60},[54,1172,1173,1175,1177],{"class":56,"line":132},[54,1174,141],{"class":60},[54,1176,23],{"class":64},[54,1178,105],{"class":60},[267,1180,1181],{"id":1181},"设置项与插槽",[271,1183,1184,1197],{},[274,1185,1186],{},[277,1187,1188,1191,1194],{},[280,1189,1190],{},"插槽",[280,1192,1193],{},"对应 WinUI",[280,1195,1196],{},"说明",[287,1198,1199,1221,1236,1250,1268],{},[277,1200,1201,1204,1209],{},[292,1202,1203],{},"默认插槽",[292,1205,1206],{},[17,1207,1208],{},"MenuItems",[292,1210,1211,1212,28,1215,28,1218],{},"放 ",[17,1213,1214],{},"Item",[17,1216,1217],{},"ItemHeader",[17,1219,1220],{},"ItemSeparator",[277,1222,1223,1228,1233],{},[292,1224,1225],{},[17,1226,1227],{},"#content",[292,1229,1230],{},[17,1231,1232],{},"ContentPresenter",[292,1234,1235],{},"窗口内容区",[277,1237,1238,1242,1247],{},[292,1239,1240],{},[17,1241,774],{},[292,1243,1244],{},[17,1245,1246],{},"PaneHeader",[292,1248,1249],{},"开关按钮下方（仅展开档显示）",[277,1251,1252,1257,1262],{},[292,1253,1254],{},[17,1255,1256],{},"#paneFooter",[292,1258,1259],{},[17,1260,1261],{},"PaneFooter",[292,1263,1264,1265],{},"面板底部、设置项",[34,1266,1267],{},"上方",[277,1269,1270,1275,1283],{},[292,1271,1272],{},[17,1273,1274],{},"#settings",[292,1276,1277,784,1280,304],{},[17,1278,1279],{},"SettingsItem",[17,1281,1282],{},"FooterMenuItems",[292,1284,1285],{},"整块替换内置设置项",[14,1287,1288,1289,1291,1292,1295,1296,1299,1300,1302,1303,1306,1307,1019,1310,1317],{},"内置设置项选中时，",[17,1290,1064],{}," 取",[34,1293,1294],{},"保留哨兵值","（导出常量 ",[17,1297,1298],{},"FLUERE_NAVIGATION_SETTINGS_VALUE","），",[17,1301,894],{}," 的 ",[17,1304,1305],{},"isSettingsInvoked"," 为 ",[17,1308,1309],{},"true",[34,1311,1312,1313,1316],{},"消费方不得把菜单项的 ",[17,1314,1315],{},"value"," 设成这个字符串","（契约测试有断言守这条）。",[147,1319,1321,1326],{"title":1320},"设置项、PaneFooter 与事件",[151,1322,1323],{"v-slot:preview":50},[1324,1325],"navigation-view-settings-demo",{},[151,1327,1328],{"v-slot:code":50},[45,1329,1331],{"className":47,"code":1330,"language":49,"meta":50,"style":50},"\u003CFluereNavigationView v-model:selected-value=\"selected\" @item-invoked=\"onInvoked\">\n  \u003CFluereNavigationViewItem value=\"docs\" content=\"文档\" \u002F>\n  \u003Ctemplate #paneFooter>…\u003C\u002Ftemplate>\n  \u003Ctemplate #settings>…\u003C\u002Ftemplate>\n\u003C\u002FFluereNavigationView>\n",[17,1332,1333,1370,1375,1380,1385],{"__ignoreMap":50},[54,1334,1335,1337,1339,1341,1343,1345,1347,1349,1351,1353,1356,1359,1361,1363,1366,1368],{"class":56,"line":57},[54,1336,61],{"class":60},[54,1338,19],{"class":64},[54,1340,68],{"class":67},[54,1342,71],{"class":60},[54,1344,74],{"class":67},[54,1346,77],{"class":60},[54,1348,81],{"class":80},[54,1350,84],{"class":60},[54,1352,81],{"class":80},[54,1354,1355],{"class":60}," @",[54,1357,1358],{"class":67},"item-invoked",[54,1360,77],{"class":60},[54,1362,81],{"class":80},[54,1364,1365],{"class":60},"onInvoked",[54,1367,81],{"class":80},[54,1369,105],{"class":60},[54,1371,1372],{"class":56,"line":108},[54,1373,1374],{"class":60},"  \u003CFluereNavigationViewItem value=\"docs\" content=\"文档\" \u002F>\n",[54,1376,1377],{"class":56,"line":114},[54,1378,1379],{"class":60},"  \u003Ctemplate #paneFooter>…\u003C\u002Ftemplate>\n",[54,1381,1382],{"class":56,"line":120},[54,1383,1384],{"class":60},"  \u003Ctemplate #settings>…\u003C\u002Ftemplate>\n",[54,1386,1387,1389,1391],{"class":56,"line":126},[54,1388,141],{"class":60},[54,1390,19],{"class":64},[54,1392,105],{"class":60},[267,1394,1396],{"id":1395},"与-winui-的差异有意为之逐条记录","与 WinUI 的差异（有意为之，逐条记录）",[1398,1399,1400,1446,1471,1488,1504,1522,1550],"ol",{},[633,1401,1402,1405,1406,1302,1409,1412,1413,28,1416,1419,1420,1423,1424,1427,1428,1431,1432,385,1435,1438,1439,826,1442,1445],{},[34,1403,1404],{},"只做左侧面板","：",[17,1407,1408],{},"PaneDisplayMode",[17,1410,1411],{},"Top"," 不实现 —— 顶部导航是另一套模板（",[17,1414,1415],{},"TopNavArea",[17,1417,1418],{},"TopNavGrid"," \u002F 溢出 ",[17,1421,1422],{},"Flyout"," \u002F 手柄导航 ",[17,1425,1426],{},"BumperNavigation","）。连带不实现 ",[17,1429,1430],{},"ShoulderNavigationEnabled","（源码里对非 Top ",[34,1433,1434],{},"恒返回 false",[17,1436,1437],{},":3165-3170","，即左侧面板本来就没有手柄导航）、",[17,1440,1441],{},"OverflowLabelMode",[17,1443,1444],{},"AutoSuggestBox","、返回 \u002F 关闭按钮。",[633,1447,1448,1455,1456,717,1459,1462,1463,1466,1467,1470],{},[34,1449,1450,1452,1453],{},[17,1451,503],{}," 档降级为 ",[17,1454,508],{},"：上游 Minimal 是「面板浮层化 + 焦点陷阱」（",[17,1457,1458],{},":4588-4596",[17,1460,1461],{},"KeyboardNavigationMode"," 设成 ",[17,1464,1465],{},"Cycle","），浮层焦点管理属 0.5.7 ",[17,1468,1469],{},"useFocusTrap"," 的范围。本库在宽度落在 Minimal 区间时渲染为 Compact 形态（面板常驻 48px），不弹浮层。",[633,1472,1473,1476,1477,1480,1481,1484,1485,1019],{},[34,1474,1475],{},"子项是「数据型子组件」","：三个子组件",[34,1478,1479],{},"不会挂载","（父组件在渲染期读 vnode props \u002F slots，理由见 ",[17,1482,1483],{},"collection.ts","），因此它们不能 emit，子项插槽",[34,1486,1487],{},"不支持作用域参数",[633,1489,1490,1496,1497,1499,1500,1503],{},[34,1491,1492,1495],{},[17,1493,1494],{},"SelectedItem"," 换成「值标识」","：WinUI 用对象引用，Vue 侧用 ",[17,1498,1064],{},"（与 ",[17,1501,1502],{},"FluereTabView"," 的选中口径一致）。",[633,1505,1506,1509,1510,1513,1514,1517,1518,1521],{},[34,1507,1508],{},"不做子项 flyout","：上游「紧凑且关闭时把子项搬进 ",[17,1511,1512],{},"ChildrenFlyout","」（",[17,1515,1516],{},"NavigationViewItem.cpp:908-911","）。本库紧凑时",[34,1519,1520],{},"隐藏 chevron 且不渲染子项","，避免出现点了没反应的箭头；展开面板后子项照常内联显示。",[633,1523,1524,1527,1528,784,1531,1534,1535,1538,1539,1542,1543,385,1546,1549],{},[34,1525,1526],{},"不做「指示条在项之间滑动」的位置动画","：上游 ",[17,1529,1530],{},"PlayIndicatorAnimations",[17,1532,1533],{},"NavigationView.cpp:2185-2235","）用 Composition 算前后项位移，",[17,1536,1537],{},"600ms"," \u002F 三段缓动 + 200ms 中心点动画。本库只做当前项指示条淡入淡出（上游 ",[17,1540,1541],{},"ShowSelectionIndicator"," 就是直接改 ",[17,1544,1545],{},"Opacity",[17,1547,1548],{},"NavigationViewItem.cpp:402-408","，无过渡），静态形态一致。",[633,1551,1552,1555,1556,1559,1560,1563,1564,1567,1568,1571,1572,1575,1576,1579,1580,1583,1584,784,1587,1590],{},[34,1553,1554],{},"chevron 用 CSS 旋转表达两端","：上游默认模板里 ",[17,1557,1558],{},"RotateExpandCollapseChevron"," 只是 ",[17,1561,1562],{},"Begin()"," 两个",[34,1565,1566],{},"不存在","的 Storyboard（",[17,1569,1570],{},"NavigationView.xaml"," 里 ",[17,1573,1574],{},"Storyboard"," 计数 0、无 ",[17,1577,1578],{},"Rotate","\u002F",[17,1581,1582],{},"Angle","）⇒ 对默认模板是 no-op，真正的旋转由 ",[17,1585,1586],{},"AnimatedIcon",[17,1588,1589],{},"AnimatedChevronUpDownSmallVisualSource","）承担。本库不引入 Lottie，只表达「展开 180° \u002F 收起 0°」的静态两端。",[267,1592,1594],{"id":1593},"证据缺口显式标注","证据缺口（显式标注）",[630,1596,1597,1610,1622,1634],{},[633,1598,1599,1602,1603,1606,1607,688],{},[34,1600,1601],{},"chevron 逐帧关键帧","：LottieGen 产物给了总时长 433.33ms 与 18 段区间 marker（",[17,1604,1605],{},"AnimatedChevronUpDownSmallVisualSource.cpp:104,782,789-825","），但完整路径插值在 JSON 源里（不在本快照）。本库只做静态两端 + 单段 50ms 过渡（覆写 ",[17,1608,1609],{},"--fui-navigation-view-chevron-duration",[633,1611,1612,1405,1618,1621],{},[34,1613,1614,1617],{},[17,1615,1616],{},"ExpandCollapseRotate{Expanded,Collapsed}Storyboard"," 的时长取不到",[17,1619,1620],{},"NavigationViewItemPresenter.cpp:73-74"," 查找这两个名字，但默认模板里不存在，因此没有可引用的数值。",[633,1623,1624,1405,1627,1630,1631,1019],{},[34,1625,1626],{},"系统强调色",[17,1628,1629],{},"AccentFillColorDefaultBrush"," 的最终值由系统运行时决定，源码树只给别名；本库沿用仓库既有映射 ",[17,1632,1633],{},"--colorBrandBackground",[633,1635,1636,1639,1640,1643,1644,1647,1648,1651],{},[34,1637,1638],{},"高对比度","：HC 色板来自系统运行时（",[17,1641,1642],{},"themeresources:136-201"," 全是 ",[17,1645,1646],{},"SystemColor*"," 引用），本库不实现 HC 专项，只保留 ",[17,1649,1650],{},"forced-colors"," 下的焦点环（0.4.3 原语已处理）。",[267,1653,1654],{"id":1654},"令牌映射",[271,1656,1657,1670],{},[274,1658,1659],{},[277,1660,1661,1664,1667],{},[280,1662,1663],{},"WinUI 资源",[280,1665,1666],{},"最终色（亮 \u002F 暗）",[280,1668,1669],{},"本库 token",[287,1671,1672,1696,1715,1738,1761,1784,1799,1822,1845],{},[277,1673,1674,1683,1691],{},[292,1675,1676,1679,1680],{},[17,1677,1678],{},"NavigationViewDefaultPaneBackground"," ← ",[17,1681,1682],{},"AcrylicInAppFillColorDefaultBrush",[292,1684,1685,28,1688],{},[17,1686,1687],{},"#F9F9F9",[17,1689,1690],{},"#2C2C2C",[292,1692,1693],{},[17,1694,1695],{},"--acrylicInAppFillColorDefault",[277,1697,1698,1706,1709],{},[292,1699,1700,1679,1703],{},[17,1701,1702],{},"NavigationViewExpandedPaneBackground",[17,1704,1705],{},"SolidBackgroundFillColorTransparent",[292,1707,1708],{},"全透明",[292,1710,1711,1714],{},[17,1712,1713],{},"--colorTransparentBackground","（同观感、非同字面量，见组件注释第 5 条）",[277,1716,1717,1725,1733],{},[292,1718,1719,1679,1722],{},[17,1720,1721],{},"NavigationViewContentBackground",[17,1723,1724],{},"LayerFillColorDefaultBrush",[292,1726,1727,28,1730],{},[17,1728,1729],{},"#80FFFFFF",[17,1731,1732],{},"#4C3A3A3A",[292,1734,1735],{},[17,1736,1737],{},"--layerFillColorDefault",[277,1739,1740,1748,1750],{},[292,1741,1742,1679,1745],{},[17,1743,1744],{},"NavigationViewItemBackground*",[17,1746,1747],{},"SubtleFillColor{Transparent,Secondary,Tertiary}Brush",[292,1749,987],{},[292,1751,1752,28,1755,28,1758],{},[17,1753,1754],{},"--subtleFillColorTransparent",[17,1756,1757],{},"--subtleFillColorSecondary",[17,1759,1760],{},"--subtleFillColorTertiary",[277,1762,1763,1771,1773],{},[292,1764,1765,1679,1768],{},[17,1766,1767],{},"NavigationViewItemForeground*",[17,1769,1770],{},"TextFillColor{Primary,Secondary,Disabled}Brush",[292,1772,987],{},[292,1774,1775,28,1778,28,1781],{},[17,1776,1777],{},"--colorNeutralForeground1",[17,1779,1780],{},"--colorNeutralForeground2",[17,1782,1783],{},"--colorNeutralForegroundDisabled",[277,1785,1786,1793,1795],{},[292,1787,1788,1679,1791],{},[17,1789,1790],{},"NavigationViewSelectionIndicatorForeground",[17,1792,1629],{},[292,1794,1626],{},[292,1796,1797],{},[17,1798,1633],{},[277,1800,1801,1809,1817],{},[292,1802,1803,1679,1806],{},[17,1804,1805],{},"NavigationViewItemSeparatorForeground",[17,1807,1808],{},"DividerStrokeColorDefaultBrush",[292,1810,1811,28,1814],{},[17,1812,1813],{},"#0F000000",[17,1815,1816],{},"#15FFFFFF",[292,1818,1819],{},[17,1820,1821],{},"--dividerStrokeColorDefault",[277,1823,1824,1832,1839],{},[292,1825,1826,1679,1829],{},[17,1827,1828],{},"NavigationViewContentGridBorderBrush",[17,1830,1831],{},"CardStrokeColorDefaultBrush",[292,1833,1834,28,1836],{},[17,1835,1813],{},[17,1837,1838],{},"#19000000",[292,1840,1841,1844],{},[17,1842,1843],{},"--colorNeutralStrokeAlpha","（沿用 InfoBar \u002F ContentDialog \u002F TabView 的既有映射）",[277,1846,1847,1853,1858],{},[292,1848,1849,1850],{},"禁用不透明度 ← ",[17,1851,1852],{},"ListViewItemDisabledThemeOpacity",[292,1854,1855],{},[17,1856,1857],{},"0.3",[292,1859,1860],{},[17,1861,1862],{},"--fui-navigation-view-disabled-opacity",[267,1864,1866,1867,304],{"id":1865},"几何逐条来自-navigationview_themeresourcesxaml","几何（逐条来自 ",[17,1868,1869],{},"NavigationView_themeresources.xaml",[271,1871,1872,1884],{},[274,1873,1874],{},[277,1875,1876,1879,1881],{},[280,1877,1878],{},"量",[280,1880,285],{},[280,1882,1883],{},"出处",[287,1885,1886,1901,1922,1941,1963,1984,1999,2024,2048],{},[277,1887,1888,1891,1896],{},[292,1889,1890],{},"项最小高度",[292,1892,1893],{},[17,1894,1895],{},"36",[292,1897,1898],{},[17,1899,1900],{},":217",[277,1902,1903,1906,1915],{},[292,1904,1905],{},"图标盒高 \u002F 图标列宽",[292,1907,1908,28,1911,1914],{},[17,1909,1910],{},"16",[17,1912,1913],{},"max(0, CompactPaneLength - 8)"," = 40",[292,1916,1917,826,1920],{},[17,1918,1919],{},":219",[17,1921,825],{},[277,1923,1924,1927,1936],{},[292,1925,1926],{},"选中指示条",[292,1928,1929,1932,1933],{},[17,1930,1931],{},"3 × 16","、圆角 ",[17,1934,1935],{},"2",[292,1937,1938],{},[17,1939,1940],{},":220-222",[277,1942,1943,1946,1955],{},[292,1944,1945],{},"分组标题行高 \u002F 字号",[292,1947,1948,28,1951,1954],{},[17,1949,1950],{},"40",[17,1952,1953],{},"14"," SemiBold",[292,1956,1957,826,1960],{},[17,1958,1959],{},"NavigationView.xaml:564",[17,1961,1962],{},":1081-1086",[277,1964,1965,1968,1976],{},[292,1966,1967],{},"分隔线",[292,1969,1970,826,1973],{},[17,1971,1972],{},"1px",[17,1974,1975],{},"Margin 0,3,0,4",[292,1977,1978,826,1981],{},[17,1979,1980],{},":223",[17,1982,1983],{},":247",[277,1985,1986,1989,1994],{},[292,1987,1988],{},"层级缩进",[292,1990,1991],{},[17,1992,1993],{},"Depth() × 31",[292,1995,1996],{},[17,1997,1998],{},"NavigationViewItemBase.h:63",[277,2000,2001,2004,2016],{},[292,2002,2003],{},"开关按钮",[292,2005,2006,784,2009,2012,2013,2015],{},[17,2007,2008],{},"40 × 36",[17,2010,2011],{},"MinWidth × MinHeight","）；紧凑关闭时按钮宽 = ",[17,2014,724],{},"(48)",[292,2017,2018,826,2021],{},[17,2019,2020],{},":205-206",[17,2022,2023],{},"NavigationView.cpp:1823-1829",[277,2025,2026,2029,2040],{},[292,2027,2028],{},"圆角",[292,2030,2031,2032,2035,2036,2039],{},"项 ",[17,2033,2034],{},"OverlayCornerRadius","(8)、按钮 ",[17,2037,2038],{},"ControlCornerRadius","(4)",[292,2041,2042,826,2045],{},[17,2043,2044],{},":447",[17,2046,2047],{},":283",[277,2049,2050,2053,2063],{},[292,2051,2052],{},"面板宽",[292,2054,2055,2056,2059,2060],{},"Expanded ",[17,2057,2058],{},"320"," \u002F Compact ",[17,2061,2062],{},"48",[292,2064,2065],{},[17,2066,2067],{},"NavigationView.idl:195,198",[267,2069,2070],{"id":2070},"面板开合动效",[14,2072,2073,2074,2077],{},"面板宽度的开合动画来自 SplitView 模板（NavigationView 的 pane 由内部 ",[17,2075,2076],{},"SplitView"," 承载）：",[271,2079,2080,2095],{},[274,2081,2082],{},[277,2083,2084,2087,2090,2092],{},[280,2085,2086],{},"方向",[280,2088,2089],{},"资源",[280,2091,285],{},[280,2093,2094],{},"关键帧缓动",[287,2096,2097,2117],{},[277,2098,2099,2102,2107,2112],{},[292,2100,2101],{},"展开",[292,2103,2104],{},[17,2105,2106],{},"SplitViewPaneAnimationOpenDuration",[292,2108,2109],{},[17,2110,2111],{},"200ms",[292,2113,2114],{},[17,2115,2116],{},"cubic-bezier(0, 0.35, 0.15, 1)",[277,2118,2119,2122,2127,2132],{},[292,2120,2121],{},"收起",[292,2123,2124],{},[17,2125,2126],{},"SplitViewPaneAnimationCloseDuration",[292,2128,2129],{},[17,2130,2131],{},"100ms",[292,2133,2134],{},"同上",[14,2136,2137,2138,28,2141,2144,2145,2148,2149,2152,2153,2156,2157,2160],{},"本库把两个时长映射到 ",[17,2139,2140],{},"--durationNormal",[17,2142,2143],{},"--durationFaster","，并在 ",[17,2146,2147],{},"prefers-reduced-motion"," 或 ",[17,2150,2151],{},"motion=\"none\""," 下置 ",[17,2154,2155],{},"0ms"," —— 关闭动效后",[34,2158,2159],{},"静态形态保留","（面板仍可开合、指示条仍可见、箭头仍指向正确方向）。",[267,2162,2164],{"id":2163},"api","API",[730,2166,2168],{"id":2167},"fluerenavigationview",[17,2169,19],{},[271,2171,2172,2187],{},[274,2173,2174],{},[277,2175,2176,2179,2182,2185],{},[280,2177,2178],{},"Prop",[280,2180,2181],{},"类型",[280,2183,2184],{},"缺省",[280,2186,1193],{},[287,2188,2189,2209,2230,2250,2272,2291,2312,2333,2352,2371,2391,2411,2426,2448,2470,2488,2510,2528],{},[277,2190,2191,2195,2200,2205],{},[292,2192,2193],{},[17,2194,376],{},[292,2196,2197],{},[17,2198,2199],{},"'auto' | 'left' | 'left-compact' | 'left-minimal'",[292,2201,2202],{},[17,2203,2204],{},"'auto'",[292,2206,2207],{},[17,2208,1408],{},[277,2210,2211,2215,2220,2222],{},[292,2212,2213],{},[17,2214,624],{},[292,2216,2217],{},[17,2218,2219],{},"boolean",[292,2221,987],{},[292,2223,2224,784,2227,304],{},[17,2225,2226],{},"IsPaneOpen",[17,2228,2229],{},"v-model:is-pane-open",[277,2231,2232,2237,2241,2245],{},[292,2233,2234],{},[17,2235,2236],{},"defaultIsPaneOpen",[292,2238,2239],{},[17,2240,2219],{},[292,2242,2243],{},[17,2244,1309],{},[292,2246,2247,2249],{},[17,2248,2226],{}," 的依赖属性默认值",[277,2251,2252,2257,2262,2267],{},[292,2253,2254],{},[17,2255,2256],{},"openPaneLength",[292,2258,2259],{},[17,2260,2261],{},"number",[292,2263,2264,2265],{},"令牌 ",[17,2266,2058],{},[292,2268,2269],{},[17,2270,2271],{},"OpenPaneLength",[277,2273,2274,2279,2283,2287],{},[292,2275,2276],{},[17,2277,2278],{},"compactPaneLength",[292,2280,2281],{},[17,2282,2261],{},[292,2284,2264,2285],{},[17,2286,2062],{},[292,2288,2289],{},[17,2290,724],{},[277,2292,2293,2298,2302,2307],{},[292,2294,2295],{},[17,2296,2297],{},"compactModeThresholdWidth",[292,2299,2300],{},[17,2301,2261],{},[292,2303,2304],{},[17,2305,2306],{},"641",[292,2308,2309],{},[17,2310,2311],{},"CompactModeThresholdWidth",[277,2313,2314,2319,2323,2328],{},[292,2315,2316],{},[17,2317,2318],{},"expandedModeThresholdWidth",[292,2320,2321],{},[17,2322,2261],{},[292,2324,2325],{},[17,2326,2327],{},"1008",[292,2329,2330],{},[17,2331,2332],{},"ExpandedModeThresholdWidth",[277,2334,2335,2339,2343,2347],{},[292,2336,2337],{},[17,2338,698],{},[292,2340,2341],{},[17,2342,2219],{},[292,2344,2345],{},[17,2346,1309],{},[292,2348,2349],{},[17,2350,2351],{},"IsPaneToggleButtonVisible",[277,2353,2354,2358,2362,2366],{},[292,2355,2356],{},[17,2357,641],{},[292,2359,2360],{},[17,2361,2219],{},[292,2363,2364],{},[17,2365,1309],{},[292,2367,2368],{},[17,2369,2370],{},"IsPaneVisible",[277,2372,2373,2378,2382,2386],{},[292,2374,2375],{},[17,2376,2377],{},"isSettingsVisible",[292,2379,2380],{},[17,2381,2219],{},[292,2383,2384],{},[17,2385,1309],{},[292,2387,2388],{},[17,2389,2390],{},"IsSettingsVisible",[277,2392,2393,2397,2402,2404],{},[292,2394,2395],{},[17,2396,1064],{},[292,2398,2399],{},[17,2400,2401],{},"string | number",[292,2403,987],{},[292,2405,2406,784,2408,304],{},[17,2407,1494],{},[17,2409,2410],{},"v-model:selected-value",[277,2412,2413,2418,2422,2424],{},[292,2414,2415],{},[17,2416,2417],{},"defaultSelectedValue",[292,2419,2420],{},[17,2421,2401],{},[292,2423,987],{},[292,2425,987],{},[277,2427,2428,2433,2438,2443],{},[292,2429,2430],{},[17,2431,2432],{},"selectionFollowsFocus",[292,2434,2435],{},[17,2436,2437],{},"'disabled' | 'enabled'",[292,2439,2440],{},[17,2441,2442],{},"'disabled'",[292,2444,2445],{},[17,2446,2447],{},"SelectionFollowsFocus",[277,2449,2450,2455,2460,2465],{},[292,2451,2452],{},[17,2453,2454],{},"paneTitle",[292,2456,2457],{},[17,2458,2459],{},"string",[292,2461,2462],{},[17,2463,2464],{},"''",[292,2466,2467],{},[17,2468,2469],{},"PaneTitle",[277,2471,2472,2477,2481,2483],{},[292,2473,2474],{},[17,2475,2476],{},"label",[292,2478,2479],{},[17,2480,2459],{},[292,2482,987],{},[292,2484,2485],{},[17,2486,2487],{},"AutomationProperties.Name",[277,2489,2490,2495,2500,2505],{},[292,2491,2492],{},[17,2493,2494],{},"dir",[292,2496,2497],{},[17,2498,2499],{},"'ltr' | 'rtl'",[292,2501,2502],{},[17,2503,2504],{},"'ltr'",[292,2506,2507],{},[17,2508,2509],{},"FlowDirection",[277,2511,2512,2517,2522,2526],{},[292,2513,2514],{},[17,2515,2516],{},"motion",[292,2518,2519],{},[17,2520,2521],{},"'auto' | 'none'",[292,2523,2524],{},[17,2525,2204],{},[292,2527,987],{},[277,2529,2530,2535,2539,2541],{},[292,2531,2532],{},[17,2533,2534],{},"locale",[292,2536,2537],{},[17,2538,2459],{},[292,2540,987],{},[292,2542,987],{},[271,2544,2545,2555],{},[274,2546,2547],{},[277,2548,2549,2552],{},[280,2550,2551],{},"事件 \u002F 插槽",[280,2553,2554],{},"载荷 \u002F 说明",[287,2556,2557,2568,2580,2591,2603,2615],{},[277,2558,2559,2564],{},[292,2560,2561],{},[17,2562,2563],{},"update:isPaneOpen",[292,2565,2566],{},[17,2567,2219],{},[277,2569,2570,2575],{},[292,2571,2572],{},[17,2573,2574],{},"update:selectedValue",[292,2576,2577],{},[17,2578,2579],{},"string | number | undefined",[277,2581,2582,2586],{},[292,2583,2584],{},[17,2585,894],{},[292,2587,2588],{},[17,2589,2590],{},"{ value, content, isSettingsInvoked, source: 'pointer' | 'keyboard' | 'focus' }",[277,2592,2593,2598],{},[292,2594,2595],{},[17,2596,2597],{},"selectionChanged",[292,2599,2600],{},[17,2601,2602],{},"{ value, previousValue, isSettingsSelected }",[277,2604,2605,2610],{},[292,2606,2607],{},[17,2608,2609],{},"displayModeChanged",[292,2611,2612],{},[17,2613,2614],{},"{ displayMode: 'minimal' | 'compact' | 'expanded' }",[277,2616,2617,2627],{},[292,2618,2619,28,2621,28,2623,28,2625],{},[17,2620,1227],{},[17,2622,774],{},[17,2624,1256],{},[17,2626,1274],{},[292,2628,2629],{},"见上文《设置项与插槽》",[730,2631,2633],{"id":2632},"fluerenavigationviewitem",[17,2634,23],{},[271,2636,2637,2649],{},[274,2638,2639],{},[277,2640,2641,2643,2645,2647],{},[280,2642,2178],{},[280,2644,2181],{},[280,2646,2184],{},[280,2648,1193],{},[287,2650,2651,2669,2689,2709,2730,2751,2771,2790,2807],{},[277,2652,2653,2657,2661,2666],{},[292,2654,2655],{},[17,2656,1315],{},[292,2658,2659],{},[17,2660,2401],{},[292,2662,2663],{},[34,2664,2665],{},"必填",[292,2667,2668],{},"（Vue 侧的项身份）",[277,2670,2671,2676,2680,2684],{},[292,2672,2673],{},[17,2674,2675],{},"content",[292,2677,2678],{},[17,2679,2459],{},[292,2681,2682],{},[17,2683,2464],{},[292,2685,2686],{},[17,2687,2688],{},"Content",[277,2690,2691,2696,2700,2704],{},[292,2692,2693],{},[17,2694,2695],{},"selectsOnInvoked",[292,2697,2698],{},[17,2699,2219],{},[292,2701,2702],{},[17,2703,1309],{},[292,2705,2706],{},[17,2707,2708],{},"SelectsOnInvoked",[277,2710,2711,2716,2720,2722],{},[292,2712,2713],{},[17,2714,2715],{},"isExpanded",[292,2717,2718],{},[17,2719,2219],{},[292,2721,987],{},[292,2723,2724,784,2727,304],{},[17,2725,2726],{},"IsExpanded",[17,2728,2729],{},"v-model:is-expanded",[277,2731,2732,2737,2741,2746],{},[292,2733,2734],{},[17,2735,2736],{},"defaultIsExpanded",[292,2738,2739],{},[17,2740,2219],{},[292,2742,2743],{},[17,2744,2745],{},"false",[292,2747,2748,2750],{},[17,2749,2726],{}," 的默认值",[277,2752,2753,2758,2762,2766],{},[292,2754,2755],{},[17,2756,2757],{},"hasUnrealizedChildren",[292,2759,2760],{},[17,2761,2219],{},[292,2763,2764],{},[17,2765,2745],{},[292,2767,2768],{},[17,2769,2770],{},"HasUnrealizedChildren",[277,2772,2773,2777,2781,2784],{},[292,2774,2775],{},[17,2776,1076],{},[292,2778,2779],{},[17,2780,2219],{},[292,2782,2783],{},"推导",[292,2785,2786,2789],{},[17,2787,2788],{},"IsChildSelected","（本库只读）",[277,2791,2792,2797,2801,2803],{},[292,2793,2794],{},[17,2795,2796],{},"ariaLabel",[292,2798,2799],{},[17,2800,2459],{},[292,2802,987],{},[292,2804,2805],{},[17,2806,2487],{},[277,2808,2809,2814,2818,2822],{},[292,2810,2811],{},[17,2812,2813],{},"disabled",[292,2815,2816],{},[17,2817,2219],{},[292,2819,2820],{},[17,2821,2745],{},[292,2823,2824],{},[17,2825,2826],{},"Control.IsEnabled",[271,2828,2829,2837],{},[274,2830,2831],{},[277,2832,2833,2835],{},[280,2834,1190],{},[280,2836,1196],{},[287,2838,2839,2848,2858],{},[277,2840,2841,2843],{},[292,2842,1203],{},[292,2844,2845,2846,304],{},"项文本 \u002F 富内容（优先于 ",[17,2847,2675],{},[277,2849,2850,2855],{},[292,2851,2852],{},[17,2853,2854],{},"#icon",[292,2856,2857],{},"图标（建议 20px）",[277,2859,2860,2865],{},[292,2861,2862],{},[17,2863,2864],{},"#children",[292,2866,2867,2868,304],{},"下级项（递归，可继续嵌 ",[17,2869,2864],{},[730,2871,2873,28,2876],{"id":2872},"fluerenavigationviewitemheader-fluerenavigationviewitemseparator",[17,2874,2875],{},"FluereNavigationViewItemHeader",[17,2877,2878],{},"FluereNavigationViewItemSeparator",[271,2880,2881,2893],{},[274,2882,2883],{},[277,2884,2885,2888,2891],{},[280,2886,2887],{},"组件",[280,2889,2890],{},"Props",[280,2892,1193],{},[287,2894,2895,2910],{},[277,2896,2897,2901,2905],{},[292,2898,2899],{},[17,2900,2875],{},[292,2902,2903],{},[17,2904,2675],{},[292,2906,2907],{},[17,2908,2909],{},"NavigationViewItemHeader",[277,2911,2912,2916,2918],{},[292,2913,2914],{},[17,2915,2878],{},[292,2917,987],{},[292,2919,2920],{},[17,2921,2922],{},"NavigationViewItemSeparator",[14,2924,2925,2926,2929,2930,20,2933,385,2936,826,2939,688],{},"两者都",[34,2927,2928],{},"不可聚焦、对 AT 隐藏","（上游 ",[17,2931,2932],{},"IsTabStop=False",[17,2934,2935],{},"AccessibilityView=Raw",[17,2937,2938],{},"NavigationView.xaml:505-509",[17,2940,2941],{},":574-576",[267,2943,2944],{"id":2944},"浏览器实测",[14,2946,2947,2948,2951,2952,2955,2956,2963,2964,1302,2967,2970,2971,2974,2975,2980],{},"样式契约测试读的是 ",[34,2949,2950],{},"SFC \u002F CSS 源码文本","（jsdom 不解析 ",[17,2953,2954],{},"var()","，见\n",[2957,2958,2962],"a",{"href":2959,"rel":2960},"https:\u002F\u002Fgithub.com\u002FAltermoe\u002Ffluere-vue\u002Fblob\u002Fmain\u002Fdocs\u002Fstyle-spec.md",[2961],"nofollow","style-spec §7.1","），\n因此「面板样式有没有真的生效」必须在真实浏览器里量计算样式 —— 尤其是本组件的行视觉写在\n",[34,2965,2966],{},"非 scoped",[17,2968,2969],{},"navigation-view.css"," 里（同一套行由父组件与递归列表组件分别渲染，\n两个 ",[17,2972,2973],{},"data-v-*"," 不同，各写一份 scoped 块必然漂移）。实测结论见组件注释与\n",[2957,2976,2979],{"href":2977,"rel":2978},"https:\u002F\u002Fgithub.com\u002FAltermoe\u002Ffluere-vue\u002Fblob\u002Fmain\u002Fdocs\u002Ftodo.md",[2961],"docs\u002Ftodo.md"," 的 0.5.4 记录。",[2982,2983,2984],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}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);}",{"title":50,"searchDepth":108,"depth":108,"links":2986},[2987,2988,2989,2993,2994,2995,2996,2997,2998,2999,3001,3002,3008],{"id":269,"depth":108,"text":269},{"id":370,"depth":108,"text":371},{"id":619,"depth":108,"text":619,"children":2990},[2991],{"id":732,"depth":114,"text":2992},"折叠态（ListSizeCompact）的对齐规则",{"id":860,"depth":108,"text":861},{"id":1038,"depth":108,"text":1038},{"id":1181,"depth":108,"text":1181},{"id":1395,"depth":108,"text":1396},{"id":1593,"depth":108,"text":1594},{"id":1654,"depth":108,"text":1654},{"id":1865,"depth":108,"text":3000},"几何（逐条来自 NavigationView_themeresources.xaml）",{"id":2070,"depth":108,"text":2070},{"id":2163,"depth":108,"text":2164,"children":3003},[3004,3005,3006],{"id":2167,"depth":114,"text":19},{"id":2632,"depth":114,"text":23},{"id":2872,"depth":114,"text":3007},"FluereNavigationViewItemHeader \u002F FluereNavigationViewItemSeparator",{"id":2944,"depth":108,"text":2944},"左侧可折叠导航面板：分组标题、层级子项、选中指示条、内置设置项；DisplayMode 三档与键位逐条对齐 WinUI NavigationView。","md",{},{"title":5},true,"\u002Fcomponents\u002Fnavigation-view",{"title":5,"description":3009},"components\u002Fnavigation-view","Ax4R1pchD1PlYopYU-Kk_4BFc1KzbrQ7gJzGUXtpbRU",null,1792150920566]