[{"data":1,"prerenderedAt":1499},["ShallowReactive",2],{"content-\u002Fcomponents\u002Ftoggle-group":3,"content-en-fallback-\u002Fcomponents\u002Ftoggle-group":1498},{"id":4,"title":5,"body":6,"description":1490,"extension":1491,"meta":1492,"nav":1493,"navigation":520,"path":1494,"seo":1495,"stem":1496,"__hash__":1497},"content\u002Fcomponents\u002Ftoggle-group.md","Toggle Group 切换按钮组",{"type":7,"value":8,"toc":1477},"minimark",[9,13,41,81,86,111,199,209,293,296,320,442,445,462,559,563,590,721,724,804,807,909,912,1016,1020,1026,1216,1248,1274,1279,1430,1460,1473],[10,11,5],"h1",{"id":12},"toggle-group-切换按钮组",[14,15,16,20,21,28,29,32,33,36,37,40],"p",{},[17,18,19],"code",{},"FluereToggleGroup"," 把若干 ",[22,23,25],"a",{"href":24},".\u002Ftoggle-button",[17,26,27],{},"FluereToggleButton"," 组成一个语义化的组：",[17,30,31],{},"role=\"group\"","、组内单一 Tab 停靠点（roving tabindex）、方向键 \u002F Home \u002F End 移动焦点，取值支持单选（",[17,34,35],{},"string","）与多选（",[17,38,39],{},"string[]","）。",[42,43,44],"blockquote",{},[14,45,46,50,51,54,55,58,59,62,63,66,67,73,74,76,77,80],{},[47,48,49],"strong",{},"WinUI 没有 ToggleGroup 控件","：",[17,52,53],{},"microsoft-ui-xaml"," tag ",[17,56,57],{},"winui3\u002Frelease\u002F2.5.1"," 里只有 ",[17,60,61],{},"ToggleButton","（",[17,64,65],{},"git ls-tree -r winui3\u002Frelease\u002F2.5.1 | grep -i togglegroup"," 为空）。所以本组件的分工是——",[47,68,69,70,72],{},"每一项的视觉严格以 WinUI ",[17,71,61],{}," 为准","（每项直接复用 ",[17,75,27],{}," 的同一份 SFC 样式，不复制状态表），",[47,78,79],{},"分组语义","则以 WAI-ARIA 的 toggle button group 契约 + reka-ui 为准，这一层没有 A 级源码可对。",[82,83,85],"h2",{"id":84},"基础用法单选","基础用法（单选）",[14,87,88,91,92,94,95,98,99,102,103,106,107,110],{},[17,89,90],{},"v-model"," 绑定当前取值（",[17,93,35],{},"），",[17,96,97],{},"FluereToggleGroupItem"," 的 ",[17,100,101],{},"value"," 决定各自的值。单选组只保留一个选中项；",[47,104,105],{},"再次点击已选中项会取消选中","（值为 ",[17,108,109],{},"undefined","，ARIA toggle button 允许全部未按下，与 RadioGroup 的「必须选中一项」不同）。",[112,113,115,122],"demo-block",{"title":114},"单选",[116,117,119],"template",{"v-slot:preview":118},"",[120,121],"toggle-group-single-demo",{},[116,123,124],{"v-slot:code":118},[125,126,130],"pre",{"className":127,"code":128,"language":129,"meta":118,"style":118},"language-vue shiki shiki-themes github-light github-dark","\u003CFluereToggleGroup v-model=\"align\" label=\"文本对齐\">\n  \u003CFluereToggleGroupItem value=\"left\">左对齐\u003C\u002FFluereToggleGroupItem>\n  \u003CFluereToggleGroupItem value=\"center\">居中\u003C\u002FFluereToggleGroupItem>\n  \u003CFluereToggleGroupItem value=\"right\">右对齐\u003C\u002FFluereToggleGroupItem>\n\u003C\u002FFluereToggleGroup>\n","vue",[17,131,132,171,177,183,189],{"__ignoreMap":118},[133,134,137,141,144,148,151,155,158,160,163,165,168],"span",{"class":135,"line":136},"line",1,[133,138,140],{"class":139},"sVt8B","\u003C",[133,142,19],{"class":143},"s9eBZ",[133,145,147],{"class":146},"sScJk"," v-model",[133,149,150],{"class":139},"=",[133,152,154],{"class":153},"sZZnC","\"",[133,156,157],{"class":139},"align",[133,159,154],{"class":153},[133,161,162],{"class":146}," label",[133,164,150],{"class":139},[133,166,167],{"class":153},"\"文本对齐\"",[133,169,170],{"class":139},">\n",[133,172,174],{"class":135,"line":173},2,[133,175,176],{"class":139},"  \u003CFluereToggleGroupItem value=\"left\">左对齐\u003C\u002FFluereToggleGroupItem>\n",[133,178,180],{"class":135,"line":179},3,[133,181,182],{"class":139},"  \u003CFluereToggleGroupItem value=\"center\">居中\u003C\u002FFluereToggleGroupItem>\n",[133,184,186],{"class":135,"line":185},4,[133,187,188],{"class":139},"  \u003CFluereToggleGroupItem value=\"right\">右对齐\u003C\u002FFluereToggleGroupItem>\n",[133,190,192,195,197],{"class":135,"line":191},5,[133,193,194],{"class":139},"\u003C\u002F",[133,196,19],{"class":143},[133,198,170],{"class":139},[14,200,201,202,205,206,208],{},"若业务要求「必须选中一项」，在 ",[17,203,204],{},"update:modelValue"," 里把 ",[17,207,109],{}," 回退成旧值即可：",[125,210,212],{"className":127,"code":211,"language":129,"meta":118,"style":118},"\u003CFluereToggleGroup :model-value=\"align\" @update:model-value=\"(value) => (align = value ?? align)\">\n  \u003C!-- … -->\n\u003C\u002FFluereToggleGroup>\n",[17,213,214,280,285],{"__ignoreMap":118},[133,215,216,218,220,223,226,228,230,232,234,237,240,243,245,247,249,252,255,258,262,265,267,270,273,276,278],{"class":135,"line":136},[133,217,140],{"class":139},[133,219,19],{"class":143},[133,221,222],{"class":139}," :",[133,224,225],{"class":146},"model-value",[133,227,150],{"class":139},[133,229,154],{"class":153},[133,231,157],{"class":139},[133,233,154],{"class":153},[133,235,236],{"class":139}," @",[133,238,239],{"class":146},"update",[133,241,242],{"class":139},":",[133,244,225],{"class":146},[133,246,150],{"class":139},[133,248,154],{"class":153},[133,250,251],{"class":139},"(",[133,253,101],{"class":254},"s4XuR",[133,256,257],{"class":139},") ",[133,259,261],{"class":260},"szBVR","=>",[133,263,264],{"class":139}," (align ",[133,266,150],{"class":260},[133,268,269],{"class":139}," value ",[133,271,272],{"class":260},"??",[133,274,275],{"class":139}," align)",[133,277,154],{"class":153},[133,279,170],{"class":139},[133,281,282],{"class":135,"line":173},[133,283,284],{"class":139},"  \u003C!-- … -->\n",[133,286,287,289,291],{"class":135,"line":179},[133,288,194],{"class":139},[133,290,19],{"class":143},[133,292,170],{"class":139},[82,294,295],{"id":295},"多选",[14,297,298,301,302,304,305,307,308,311,312,315,316,319],{},[17,299,300],{},"type=\"multiple\""," 时 ",[17,303,90],{}," 是 ",[17,306,39],{},"，点击即增删数组元素。",[17,309,310],{},"type"," 缺省时按 ",[17,313,314],{},"modelValue"," \u002F ",[17,317,318],{},"defaultValue"," 是否为数组推断（数组 → 多选）。",[112,321,322,327],{"title":295},[116,323,324],{"v-slot:preview":118},[325,326],"toggle-group-multiple-demo",{},[116,328,329],{"v-slot:code":118},[125,330,332],{"className":127,"code":331,"language":129,"meta":118,"style":118},"\u003CFluereToggleGroup v-model=\"formats\" type=\"multiple\" label=\"文本格式\">\n  \u003CFluereToggleGroupItem\n    value=\"bold\"\n    icon-only\n    :icon=\"FluentIconTextBold24Regular\"\n    label=\"加粗\"\n  \u002F>\n  \u003CFluereToggleGroupItem\n    value=\"italic\"\n    icon-only\n    :icon=\"FluentIconTextItalic24Regular\"\n    label=\"倾斜\"\n  \u002F>\n\u003C\u002FFluereToggleGroup>\n",[17,333,334,368,373,378,383,388,394,400,405,411,416,422,428,433],{"__ignoreMap":118},[133,335,336,338,340,342,344,346,349,351,354,356,359,361,363,366],{"class":135,"line":136},[133,337,140],{"class":139},[133,339,19],{"class":143},[133,341,147],{"class":146},[133,343,150],{"class":139},[133,345,154],{"class":153},[133,347,348],{"class":139},"formats",[133,350,154],{"class":153},[133,352,353],{"class":146}," type",[133,355,150],{"class":139},[133,357,358],{"class":153},"\"multiple\"",[133,360,162],{"class":146},[133,362,150],{"class":139},[133,364,365],{"class":153},"\"文本格式\"",[133,367,170],{"class":139},[133,369,370],{"class":135,"line":173},[133,371,372],{"class":139},"  \u003CFluereToggleGroupItem\n",[133,374,375],{"class":135,"line":179},[133,376,377],{"class":139},"    value=\"bold\"\n",[133,379,380],{"class":135,"line":185},[133,381,382],{"class":139},"    icon-only\n",[133,384,385],{"class":135,"line":191},[133,386,387],{"class":139},"    :icon=\"FluentIconTextBold24Regular\"\n",[133,389,391],{"class":135,"line":390},6,[133,392,393],{"class":139},"    label=\"加粗\"\n",[133,395,397],{"class":135,"line":396},7,[133,398,399],{"class":139},"  \u002F>\n",[133,401,403],{"class":135,"line":402},8,[133,404,372],{"class":139},[133,406,408],{"class":135,"line":407},9,[133,409,410],{"class":139},"    value=\"italic\"\n",[133,412,414],{"class":135,"line":413},10,[133,415,382],{"class":139},[133,417,419],{"class":135,"line":418},11,[133,420,421],{"class":139},"    :icon=\"FluentIconTextItalic24Regular\"\n",[133,423,425],{"class":135,"line":424},12,[133,426,427],{"class":139},"    label=\"倾斜\"\n",[133,429,431],{"class":135,"line":430},13,[133,432,399],{"class":139},[133,434,436,438,440],{"class":135,"line":435},14,[133,437,194],{"class":139},[133,439,19],{"class":143},[133,441,170],{"class":139},[82,443,444],{"id":444},"禁用",[14,446,447,448,451,452,454,455,457,458,461],{},"组上 ",[17,449,450],{},"disabled"," 会叠加到每一项（整组不可交互，方向键也不会进入）；只禁用个别项时在对应 ",[17,453,97],{}," 上传 ",[17,456,450],{},"，方向键会",[47,459,460],{},"跳过","它。",[112,463,464,469],{"title":444},[116,465,466],{"v-slot:preview":118},[467,468],"toggle-group-disabled-demo",{},[116,470,471],{"v-slot:code":118},[125,472,474],{"className":127,"code":473,"language":129,"meta":118,"style":118},"\u003CFluereToggleGroup v-model=\"plan\" disabled>\n  \u003CFluereToggleGroupItem value=\"free\">免费版\u003C\u002FFluereToggleGroupItem>\n  \u003CFluereToggleGroupItem value=\"pro\">专业版\u003C\u002FFluereToggleGroupItem>\n\u003C\u002FFluereToggleGroup>\n\n\u003CFluereToggleGroup v-model=\"network\">\n  \u003CFluereToggleGroupItem value=\"wifi\">Wi-Fi\u003C\u002FFluereToggleGroupItem>\n  \u003CFluereToggleGroupItem value=\"ethernet\" disabled>以太网\u003C\u002FFluereToggleGroupItem>\n\u003C\u002FFluereToggleGroup>\n",[17,475,476,498,503,508,516,522,541,546,551],{"__ignoreMap":118},[133,477,478,480,482,484,486,488,491,493,496],{"class":135,"line":136},[133,479,140],{"class":139},[133,481,19],{"class":143},[133,483,147],{"class":146},[133,485,150],{"class":139},[133,487,154],{"class":153},[133,489,490],{"class":139},"plan",[133,492,154],{"class":153},[133,494,495],{"class":146}," disabled",[133,497,170],{"class":139},[133,499,500],{"class":135,"line":173},[133,501,502],{"class":139},"  \u003CFluereToggleGroupItem value=\"free\">免费版\u003C\u002FFluereToggleGroupItem>\n",[133,504,505],{"class":135,"line":179},[133,506,507],{"class":139},"  \u003CFluereToggleGroupItem value=\"pro\">专业版\u003C\u002FFluereToggleGroupItem>\n",[133,509,510,512,514],{"class":135,"line":185},[133,511,194],{"class":139},[133,513,19],{"class":143},[133,515,170],{"class":139},[133,517,518],{"class":135,"line":191},[133,519,521],{"emptyLinePlaceholder":520},true,"\n",[133,523,524,526,528,530,532,534,537,539],{"class":135,"line":390},[133,525,140],{"class":139},[133,527,19],{"class":143},[133,529,147],{"class":146},[133,531,150],{"class":139},[133,533,154],{"class":153},[133,535,536],{"class":139},"network",[133,538,154],{"class":153},[133,540,170],{"class":139},[133,542,543],{"class":135,"line":396},[133,544,545],{"class":139},"  \u003CFluereToggleGroupItem value=\"wifi\">Wi-Fi\u003C\u002FFluereToggleGroupItem>\n",[133,547,548],{"class":135,"line":402},[133,549,550],{"class":139},"  \u003CFluereToggleGroupItem value=\"ethernet\" disabled>以太网\u003C\u002FFluereToggleGroupItem>\n",[133,552,553,555,557],{"class":135,"line":407},[133,554,194],{"class":139},[133,556,19],{"class":143},[133,558,170],{"class":139},[82,560,562],{"id":561},"尺寸纵向与受控-非受控","尺寸、纵向与受控 \u002F 非受控",[14,564,447,565,568,569,571,572,574,575,578,579,581,582,585,586,589],{},[17,566,567],{},"size"," 决定组内统一尺寸（",[17,570,27],{}," 的 24 \u002F 32 \u002F 40 三档），项自己的 ",[17,573,567],{}," 优先。",[17,576,577],{},"orientation=\"vertical\""," 改为竖排，同时把方向键从左右换成上下。不传 ",[17,580,314],{}," 时是",[47,583,584],{},"非受控","（底座自管状态，",[17,587,588],{},"default-value"," 给初值），传了就是受控。",[112,591,593,598],{"title":592},"尺寸与受控 \u002F 非受控",[116,594,595],{"v-slot:preview":118},[596,597],"toggle-group-size-demo",{},[116,599,600],{"v-slot:code":118},[125,601,603],{"className":127,"code":602,"language":129,"meta":118,"style":118},"\u003C!-- 非受控：不传 modelValue，default-value 给初值 -->\n\u003CFluereToggleGroup size=\"small\" default-value=\"day\">\n  \u003CFluereToggleGroupItem value=\"day\">日\u003C\u002FFluereToggleGroupItem>\n  \u003CFluereToggleGroupItem value=\"week\">周\u003C\u002FFluereToggleGroupItem>\n  \u003CFluereToggleGroupItem value=\"month\">月\u003C\u002FFluereToggleGroupItem>\n\u003C\u002FFluereToggleGroup>\n\n\u003C!-- 受控 + 纵向 -->\n\u003CFluereToggleGroup v-model=\"large\" size=\"large\" orientation=\"vertical\">\n  \u003CFluereToggleGroupItem value=\"day\">日\u003C\u002FFluereToggleGroupItem>\n  \u003CFluereToggleGroupItem value=\"week\">周\u003C\u002FFluereToggleGroupItem>\n  \u003CFluereToggleGroupItem value=\"month\">月\u003C\u002FFluereToggleGroupItem>\n\u003C\u002FFluereToggleGroup>\n",[17,604,605,611,635,640,645,650,658,662,667,701,705,709,713],{"__ignoreMap":118},[133,606,607],{"class":135,"line":136},[133,608,610],{"class":609},"sJ8bj","\u003C!-- 非受控：不传 modelValue，default-value 给初值 -->\n",[133,612,613,615,617,620,622,625,628,630,633],{"class":135,"line":173},[133,614,140],{"class":139},[133,616,19],{"class":143},[133,618,619],{"class":146}," size",[133,621,150],{"class":139},[133,623,624],{"class":153},"\"small\"",[133,626,627],{"class":146}," default-value",[133,629,150],{"class":139},[133,631,632],{"class":153},"\"day\"",[133,634,170],{"class":139},[133,636,637],{"class":135,"line":179},[133,638,639],{"class":139},"  \u003CFluereToggleGroupItem value=\"day\">日\u003C\u002FFluereToggleGroupItem>\n",[133,641,642],{"class":135,"line":185},[133,643,644],{"class":139},"  \u003CFluereToggleGroupItem value=\"week\">周\u003C\u002FFluereToggleGroupItem>\n",[133,646,647],{"class":135,"line":191},[133,648,649],{"class":139},"  \u003CFluereToggleGroupItem value=\"month\">月\u003C\u002FFluereToggleGroupItem>\n",[133,651,652,654,656],{"class":135,"line":390},[133,653,194],{"class":139},[133,655,19],{"class":143},[133,657,170],{"class":139},[133,659,660],{"class":135,"line":396},[133,661,521],{"emptyLinePlaceholder":520},[133,663,664],{"class":135,"line":402},[133,665,666],{"class":609},"\u003C!-- 受控 + 纵向 -->\n",[133,668,669,671,673,675,677,679,682,684,686,688,691,694,696,699],{"class":135,"line":407},[133,670,140],{"class":139},[133,672,19],{"class":143},[133,674,147],{"class":146},[133,676,150],{"class":139},[133,678,154],{"class":153},[133,680,681],{"class":139},"large",[133,683,154],{"class":153},[133,685,619],{"class":146},[133,687,150],{"class":139},[133,689,690],{"class":153},"\"large\"",[133,692,693],{"class":146}," orientation",[133,695,150],{"class":139},[133,697,698],{"class":153},"\"vertical\"",[133,700,170],{"class":139},[133,702,703],{"class":135,"line":413},[133,704,639],{"class":139},[133,706,707],{"class":135,"line":418},[133,708,644],{"class":139},[133,710,711],{"class":135,"line":424},[133,712,649],{"class":139},[133,714,715,717,719],{"class":135,"line":430},[133,716,194],{"class":139},[133,718,19],{"class":143},[133,720,170],{"class":139},[82,722,723],{"id":723},"无障碍",[725,726,727,742,759,797],"ul",{},[728,729,730,731,733,734,737,738,741],"li",{},"容器是 ",[17,732,31],{},"；组内没有可见标题时用 ",[17,735,736],{},"label"," 提供 ",[17,739,740],{},"aria-label","。",[728,743,744,745,748,749,752,753,756,757,741],{},"每一项都是原生 ",[17,746,747],{},"\u003Cbutton type=\"button\">","，选中态由 ",[17,750,751],{},"aria-pressed"," 表达（三态项为 ",[17,754,755],{},"\"mixed\"","）；可访问名来自可见文本，纯图标项用 ",[17,758,736],{},[728,760,761,764,765,315,768,771,772,315,775,778,779,315,782,785,786,789,790,793,794,40],{},[47,762,763],{},"roving tabindex","：Tab 先把焦点交给组容器，再落到组内当前项；随后用 ",[17,766,767],{},"←",[17,769,770],{},"→","（纵向组为 ",[17,773,774],{},"↑",[17,776,777],{},"↓","）、",[17,780,781],{},"Home",[17,783,784],{},"End"," 在项之间移动焦点，跳过禁用项，",[17,787,788],{},"loop","（缺省 ",[17,791,792],{},"true","）让首尾循环。焦点环沿用 0.4.3 的双层焦点矩形原语（",[17,795,796],{},"useFocusVisual",[728,798,799,800,803],{},"Space \u002F Enter 触发切换由原生 ",[17,801,802],{},"\u003Cbutton>"," 保证。",[82,805,806],{"id":806},"规格来源",[808,809,810,823],"table",{},[811,812,813],"thead",{},[814,815,816,820],"tr",{},[817,818,819],"th",{},"项",[817,821,822],{},"值",[824,825,826,842,859,874,890],"tbody",{},[814,827,828,832],{},[829,830,831],"td",{},"控件",[829,833,834,835,838,839,841],{},"WinUI 3 ",[47,836,837],{},"没有"," ToggleGroup 控件；视觉以 ",[17,840,61],{}," 为准，分组语义以 WAI-ARIA \u002F reka-ui 为准",[814,843,844,847],{},[829,845,846],{},"tag\u002Fcommit",[829,848,849,315,851,854,855,858],{},[17,850,57],{},[17,852,853],{},"ba3a8d5","（本地快照 ",[17,856,857],{},"temp\u002Fwinui-src","）",[814,860,861,864],{},[829,862,863],{},"视觉关键文件",[829,865,866,869,870,873],{},[17,867,868],{},"src\u002Fcontrols\u002Fdev\u002FCommonStyles\u002FToggleButton_themeresources.xaml","（完整映射表见 ",[17,871,872],{},"toggle-button.vue"," 文件头）",[814,875,876,879],{},[829,877,878],{},"行为关键文件",[829,880,881,62,884,315,887,858],{},[17,882,883],{},"src\u002Fdxaml\u002Fxcp\u002Fdxaml\u002Flib\u002FToggleButton_Partial.cpp",[17,885,886],{},"ChangeVisualState",[17,888,889],{},"OnToggleImpl",[814,891,892,895],{},[829,893,894],{},"分组底座",[829,896,897,898,50,901,904,905,908],{},"reka-ui ",[17,899,900],{},"2.10.1",[17,902,903],{},"ToggleGroupRoot","（取值语义 + roving focus）、",[17,906,907],{},"RovingFocusItem","（roving tabindex）",[82,910,911],{"id":911},"实现要点",[725,913,914,932,954,963,975,992],{},[728,915,916,50,919,921,922,62,924,927,928,931],{},[47,917,918],{},"视觉只有一处",[17,920,97],{}," 渲染的就是 ",[17,923,27],{},[17,925,926],{},"toggle-group-item.vue"," 里没有第二个 ",[17,929,930],{},"\u003Cstyle>"," 块、也没有任何颜色 \u002F 描边声明），组里组外的按钮共用同一份状态表、几何与焦点原语，不会两套漂移。",[728,933,934,937,938,940,941,943,944,62,946,949,950,953],{},[47,935,936],{},"底座分工","：reka 的 ",[17,939,903],{}," 产出 ",[17,942,31],{},"、管 single \u002F multiple 取值、提供 roving focus；项这边用 ",[17,945,907],{},[47,947,948],{},"不用"," reka 的 ",[17,951,952],{},"ToggleGroupItem","——它渲染的是 reka 自己的中性按钮外观，拿不到本库的 WinUI 外观）+ 注入 reka 的组上下文读写取值。",[728,955,956,959,960,962],{},[47,957,958],{},"单选可清空","：沿用 reka \u002F ARIA toggle button 语义——再次点击已选中项 → 值变 ",[17,961,109],{},"；要「必须选中一项」用上面「基础用法」里的一行配方。",[728,964,965,50,968,971,972,974],{},[47,966,967],{},"受控 \u002F 非受控",[17,969,970],{},"modelValue === undefined"," 时原样交给底座自管，并用底座抛回的 ",[17,973,204],{}," 回写本地状态；受控时只认 Prop。",[728,976,977,980,981,983,984,987,988,991],{},[47,978,979],{},"组级尺寸","：WinUI 里「一组切换按钮」只是并排的按钮，没有组级尺寸概念；本库用自有 provide\u002Finject 把组上的 ",[17,982,567],{}," 下发给项（",[17,985,986],{},"--fui-*"," 之外的库内扩展，见 ",[17,989,990],{},"toggle-group\u002Fcontext.ts","），避免同组 24 \u002F 32 \u002F 40 混排。",[728,993,994,997,998,1001,1002,1005,1006,315,1009,1012,1013,741],{},[47,995,996],{},"已知缺口","：① 高对比度未实现（与库内其它组件一致，WinUI HC 下这些画刷走 ",[17,999,1000],{},"SystemColor*","）；② 组容器间距是本库自定（",[17,1003,1004],{},"--spacingHorizontalXS"," 4px），WinUI 无对应控件可对；③ 未暴露 reka 的 ",[17,1007,1008],{},"name",[17,1010,1011],{},"required","，需要随表单提交时请自行在组外补隐藏 ",[17,1014,1015],{},"input",[82,1017,1019],{"id":1018},"api","API",[1021,1022,1024],"h3",{"id":1023},"flueretogglegroup",[17,1025,19],{},[808,1027,1028,1044],{},[811,1029,1030],{},[814,1031,1032,1035,1038,1041],{},[817,1033,1034],{},"属性（Props）",[817,1036,1037],{},"类型",[817,1039,1040],{},"默认",[817,1042,1043],{},"说明",[824,1045,1046,1066,1081,1107,1126,1146,1163,1180,1199],{},[814,1047,1048,1052,1057,1060],{},[829,1049,1050],{},[17,1051,314],{},[829,1053,1054],{},[17,1055,1056],{},"string | string[]",[829,1058,1059],{},"—",[829,1061,1062,1063,1065],{},"当前取值（",[17,1064,90],{},"）；不传则非受控",[814,1067,1068,1072,1076,1078],{},[829,1069,1070],{},[17,1071,318],{},[829,1073,1074],{},[17,1075,1056],{},[829,1077,1059],{},[829,1079,1080],{},"非受控初始值",[814,1082,1083,1087,1092,1095],{},[829,1084,1085],{},[17,1086,310],{},[829,1088,1089],{},[17,1090,1091],{},"'single' | 'multiple'",[829,1093,1094],{},"按取值形状推断",[829,1096,1097,1098,1100,1101,1103,1104],{},"单选（",[17,1099,35],{},"）\u002F 多选（",[17,1102,39],{},"）；数组 → ",[17,1105,1106],{},"'multiple'",[814,1108,1109,1113,1118,1123],{},[829,1110,1111],{},[17,1112,450],{},[829,1114,1115],{},[17,1116,1117],{},"boolean",[829,1119,1120],{},[17,1121,1122],{},"false",[829,1124,1125],{},"禁用整组",[814,1127,1128,1133,1138,1143],{},[829,1129,1130],{},[17,1131,1132],{},"orientation",[829,1134,1135],{},[17,1136,1137],{},"'horizontal' | 'vertical'",[829,1139,1140],{},[17,1141,1142],{},"'horizontal'",[829,1144,1145],{},"排布方向；同时决定方向键用左右还是上下",[814,1147,1148,1152,1156,1160],{},[829,1149,1150],{},[17,1151,788],{},[829,1153,1154],{},[17,1155,1117],{},[829,1157,1158],{},[17,1159,792],{},[829,1161,1162],{},"方向键在首尾项之间循环",[814,1164,1165,1170,1175,1177],{},[829,1166,1167],{},[17,1168,1169],{},"dir",[829,1171,1172],{},[17,1173,1174],{},"'ltr' | 'rtl'",[829,1176,1059],{},[829,1178,1179],{},"阅读方向（一般无需设置）",[814,1181,1182,1186,1191,1193],{},[829,1183,1184],{},[17,1185,567],{},[829,1187,1188],{},[17,1189,1190],{},"'small' | 'medium' | 'large'",[829,1192,1059],{},[829,1194,1195,1196,1198],{},"组内统一尺寸档；项自己的 ",[17,1197,567],{}," 优先",[814,1200,1201,1205,1209,1211],{},[829,1202,1203],{},[17,1204,736],{},[829,1206,1207],{},[17,1208,35],{},[829,1210,1059],{},[829,1212,1213,1214,858],{},"组的可访问名称（等价 ",[17,1215,740],{},[808,1217,1218,1230],{},[811,1219,1220],{},[814,1221,1222,1225,1228],{},[817,1223,1224],{},"事件（Emits）",[817,1226,1227],{},"载荷",[817,1229,1043],{},[824,1231,1232],{},[814,1233,1234,1238,1243],{},[829,1235,1236],{},[17,1237,204],{},[829,1239,1240],{},[17,1241,1242],{},"string | string[] | undefined",[829,1244,1245,1246],{},"取值变化；单选组取消选中时载荷为 ",[17,1247,109],{},[808,1249,1250,1259],{},[811,1251,1252],{},[814,1253,1254,1257],{},[817,1255,1256],{},"插槽（Slots）",[817,1258,1043],{},[824,1260,1261],{},[814,1262,1263,1268],{},[829,1264,1265],{},[17,1266,1267],{},"default",[829,1269,1270,1271,1273],{},"组内的 ",[17,1272,97],{}," 列表",[1021,1275,1277],{"id":1276},"flueretogglegroupitem",[17,1278,97],{},[808,1280,1281,1293],{},[811,1282,1283],{},[814,1284,1285,1287,1289,1291],{},[817,1286,1034],{},[817,1288,1037],{},[817,1290,1040],{},[817,1292,1043],{},[824,1294,1295,1313,1333,1355,1373,1391,1412],{},[814,1296,1297,1301,1305,1307],{},[829,1298,1299],{},[17,1300,101],{},[829,1302,1303],{},[17,1304,35],{},[829,1306,1059],{},[829,1308,1309,1310,858],{},"该按钮在组内的取值（",[47,1311,1312],{},"必填",[814,1314,1315,1319,1323,1327],{},[829,1316,1317],{},[17,1318,450],{},[829,1320,1321],{},[17,1322,1117],{},[829,1324,1325],{},[17,1326,1122],{},[829,1328,1329,1330,1332],{},"是否禁用该项（叠加在组 ",[17,1331,450],{}," 之上）",[814,1334,1335,1339,1343,1346],{},[829,1336,1337],{},[17,1338,567],{},[829,1340,1341],{},[17,1342,1190],{},[829,1344,1345],{},"继承组",[829,1347,1348,1349,1351,1352],{},"尺寸档；缺省继承组上的 ",[17,1350,567],{},"，再缺省为 ",[17,1353,1354],{},"'medium'",[814,1356,1357,1362,1366,1370],{},[829,1358,1359],{},[17,1360,1361],{},"block",[829,1363,1364],{},[17,1365,1117],{},[829,1367,1368],{},[17,1369,1122],{},[829,1371,1372],{},"撑满容器宽度",[814,1374,1375,1379,1383,1385],{},[829,1376,1377],{},[17,1378,736],{},[829,1380,1381],{},[17,1382,35],{},[829,1384,1059],{},[829,1386,1387,1388,1390],{},"可访问名（等价 ",[17,1389,740],{},"）；纯图标项必须提供",[814,1392,1393,1398,1403,1405],{},[829,1394,1395],{},[17,1396,1397],{},"icon",[829,1399,1400],{},[17,1401,1402],{},"Component",[829,1404,1059],{},[829,1406,1407,1408,1411],{},"图标组件（",[17,1409,1410],{},"@fluere-vue\u002Ficons","），装饰性、对 AT 隐藏",[814,1413,1414,1419,1423,1427],{},[829,1415,1416],{},[17,1417,1418],{},"iconOnly",[829,1420,1421],{},[17,1422,1117],{},[829,1424,1425],{},[17,1426,1122],{},[829,1428,1429],{},"仅显示图标（等比紧凑模式）",[808,1431,1432,1440],{},[811,1433,1434],{},[814,1435,1436,1438],{},[817,1437,1256],{},[817,1439,1043],{},[824,1441,1442,1451],{},[814,1443,1444,1448],{},[829,1445,1446],{},[17,1447,1267],{},[829,1449,1450],{},"按钮文本",[814,1452,1453,1457],{},[829,1454,1455],{},[17,1456,1397],{},[829,1458,1459],{},"替换内建图标",[42,1461,1462],{},[14,1463,1464,1466,1467,1469,1470,1472],{},[17,1465,97],{}," 必须位于 ",[17,1468,19],{}," 内：组上下文由 reka 的 provide\u002Finject 提供，脱离组会直接抛出可读错误。它的外观、禁用配色、焦点环全部来自 ",[17,1471,27],{},"，因此那三张表同样适用于组内每一项。",[1474,1475,1476],"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);}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":118,"searchDepth":173,"depth":173,"links":1478},[1479,1480,1481,1482,1483,1484,1485,1486],{"id":84,"depth":173,"text":85},{"id":295,"depth":173,"text":295},{"id":444,"depth":173,"text":444},{"id":561,"depth":173,"text":562},{"id":723,"depth":173,"text":723},{"id":806,"depth":173,"text":806},{"id":911,"depth":173,"text":911},{"id":1018,"depth":173,"text":1019,"children":1487},[1488,1489],{"id":1023,"depth":179,"text":19},{"id":1276,"depth":179,"text":97},"一组切换按钮，支持单选与多选；视觉以 WinUI ToggleButton 为准，分组语义按 WAI-ARIA \u002F reka-ui。","md",{},{"title":5},"\u002Fcomponents\u002Ftoggle-group",{"title":5,"description":1490},"components\u002Ftoggle-group","BSNTkXLsEtxUyJaDZiULVIi95hI-dl3c-9So3F-hxxk",null,1792150925257]