[{"data":1,"prerenderedAt":1412},["ShallowReactive",2],{"content-\u002Fen\u002Fcomponents\u002Fradio-group":3,"content-en-fallback-\u002Fen\u002Fcomponents\u002Fradio-group":757},{"id":4,"title":5,"body":6,"description":749,"extension":750,"meta":751,"nav":752,"navigation":290,"path":753,"seo":754,"stem":755,"__hash__":756},"content_en\u002Fen\u002Fcomponents\u002Fradio-group.md","Radio",{"type":7,"value":8,"toc":738},"minimark",[9,13,39,44,56,135,139,150,215,219,231,333,337,370,374,392,396,400,599,602,728,734],[10,11,5],"h1",{"id":12},"radio",[14,15,16,17,21,22,26,27,30,31,34,35,38],"p",{},"The radio component recreates the WinUI 3 \u002F Windows App SDK ",[18,19,20],"strong",{},"RadioButton"," as two collaborating components: ",[23,24,25],"code",{},"FluereRadioGroup"," (the group container, managing ",[23,28,29],{},"v-model",", mutual exclusivity within the group, and arrow-key navigation) and ",[23,32,33],{},"FluereRadioButton"," (each item). The interaction base reuses the reka-ui RadioGroup, fully reproducing arrow-key cyclic navigation \u002F selection within the group, the brand-solid circle + white inner dot of the selected state, and a faint preview of the inner dot while pressed (the WinUI-exclusive ",[23,36,37],{},"PressedCheckGlyph",").",[40,41,43],"h2",{"id":42},"basic-usage","Basic usage",[14,45,46,48,49,51,52,55],{},[23,47,29],{}," binds the currently selected value, and each ",[23,50,33],{},"'s ",[23,53,54],{},"value"," determines its own value. Options within the same group are mutually exclusive; clicking any item selects exactly one.",[57,58,59,66],"demo-block",{"title":43},[60,61,63],"template",{"v-slot:preview":62},"",[64,65],"radio-basic-demo",{},[60,67,68],{"v-slot:code":62},[69,70,74],"pre",{"className":71,"code":72,"language":73,"meta":62,"style":62},"language-vue shiki shiki-themes github-light github-dark","\u003CFluereRadioGroup v-model=\"color\">\n  \u003CFluereRadioButton value=\"red\">Tomato red\u003C\u002FFluereRadioButton>\n  \u003CFluereRadioButton value=\"teal\">Teal\u003C\u002FFluereRadioButton>\n  \u003CFluereRadioButton value=\"blue\">Starlight blue\u003C\u002FFluereRadioButton>\n\u003C\u002FFluereRadioGroup>\n","vue",[23,75,76,107,113,119,125],{"__ignoreMap":62},[77,78,81,85,88,92,95,99,102,104],"span",{"class":79,"line":80},"line",1,[77,82,84],{"class":83},"sVt8B","\u003C",[77,86,25],{"class":87},"s9eBZ",[77,89,91],{"class":90},"sScJk"," v-model",[77,93,94],{"class":83},"=",[77,96,98],{"class":97},"sZZnC","\"",[77,100,101],{"class":83},"color",[77,103,98],{"class":97},[77,105,106],{"class":83},">\n",[77,108,110],{"class":79,"line":109},2,[77,111,112],{"class":83},"  \u003CFluereRadioButton value=\"red\">Tomato red\u003C\u002FFluereRadioButton>\n",[77,114,116],{"class":79,"line":115},3,[77,117,118],{"class":83},"  \u003CFluereRadioButton value=\"teal\">Teal\u003C\u002FFluereRadioButton>\n",[77,120,122],{"class":79,"line":121},4,[77,123,124],{"class":83},"  \u003CFluereRadioButton value=\"blue\">Starlight blue\u003C\u002FFluereRadioButton>\n",[77,126,128,131,133],{"class":79,"line":127},5,[77,129,130],{"class":83},"\u003C\u002F",[77,132,25],{"class":87},[77,134,106],{"class":83},[40,136,138],{"id":137},"horizontal-group","Horizontal group",[14,140,141,142,145,146,149],{},"By default the options stack vertically; pass ",[23,143,144],{},"orientation=\"horizontal\""," to lay them out horizontally (can be combined with ",[23,147,148],{},"flex-wrap"," to wrap).",[57,151,153,158],{"title":152},"Horizontal layout",[60,154,155],{"v-slot:preview":62},[156,157],"radio-orientation-demo",{},[60,159,160],{"v-slot:code":62},[69,161,163],{"className":71,"code":162,"language":73,"meta":62,"style":62},"\u003CFluereRadioGroup v-model=\"align\" orientation=\"horizontal\">\n  \u003CFluereRadioButton value=\"left\">Left\u003C\u002FFluereRadioButton>\n  \u003CFluereRadioButton value=\"center\">Center\u003C\u002FFluereRadioButton>\n  \u003CFluereRadioButton value=\"right\">Right\u003C\u002FFluereRadioButton>\n\u003C\u002FFluereRadioGroup>\n",[23,164,165,192,197,202,207],{"__ignoreMap":62},[77,166,167,169,171,173,175,177,180,182,185,187,190],{"class":79,"line":80},[77,168,84],{"class":83},[77,170,25],{"class":87},[77,172,91],{"class":90},[77,174,94],{"class":83},[77,176,98],{"class":97},[77,178,179],{"class":83},"align",[77,181,98],{"class":97},[77,183,184],{"class":90}," orientation",[77,186,94],{"class":83},[77,188,189],{"class":97},"\"horizontal\"",[77,191,106],{"class":83},[77,193,194],{"class":79,"line":109},[77,195,196],{"class":83},"  \u003CFluereRadioButton value=\"left\">Left\u003C\u002FFluereRadioButton>\n",[77,198,199],{"class":79,"line":115},[77,200,201],{"class":83},"  \u003CFluereRadioButton value=\"center\">Center\u003C\u002FFluereRadioButton>\n",[77,203,204],{"class":79,"line":121},[77,205,206],{"class":83},"  \u003CFluereRadioButton value=\"right\">Right\u003C\u002FFluereRadioButton>\n",[77,208,209,211,213],{"class":79,"line":127},[77,210,130],{"class":83},[77,212,25],{"class":87},[77,214,106],{"class":83},[40,216,218],{"id":217},"disabled","Disabled",[14,220,221,222,224,225,227,228,230],{},"Pass ",[23,223,217],{}," on the group to disable it; to disable only individual items, pass ",[23,226,217],{}," on the corresponding ",[23,229,33],{},".",[57,232,234,239],{"title":233},"Disabled state",[60,235,236],{"v-slot:preview":62},[237,238],"radio-disabled-demo",{},[60,240,241],{"v-slot:code":62},[69,242,244],{"className":71,"code":243,"language":73,"meta":62,"style":62},"\u003CFluereRadioGroup v-model=\"plan\" disabled>\n  \u003CFluereRadioButton value=\"free\">Free\u003C\u002FFluereRadioButton>\n  \u003CFluereRadioButton value=\"pro\">Pro\u003C\u002FFluereRadioButton>\n\u003C\u002FFluereRadioGroup>\n\n\u003CFluereRadioGroup v-model=\"network\">\n  \u003CFluereRadioButton value=\"wifi\">Wi-Fi\u003C\u002FFluereRadioButton>\n  \u003CFluereRadioButton value=\"ethernet\" disabled>Ethernet\u003C\u002FFluereRadioButton>\n\u003C\u002FFluereRadioGroup>\n",[23,245,246,268,273,278,286,292,312,318,324],{"__ignoreMap":62},[77,247,248,250,252,254,256,258,261,263,266],{"class":79,"line":80},[77,249,84],{"class":83},[77,251,25],{"class":87},[77,253,91],{"class":90},[77,255,94],{"class":83},[77,257,98],{"class":97},[77,259,260],{"class":83},"plan",[77,262,98],{"class":97},[77,264,265],{"class":90}," disabled",[77,267,106],{"class":83},[77,269,270],{"class":79,"line":109},[77,271,272],{"class":83},"  \u003CFluereRadioButton value=\"free\">Free\u003C\u002FFluereRadioButton>\n",[77,274,275],{"class":79,"line":115},[77,276,277],{"class":83},"  \u003CFluereRadioButton value=\"pro\">Pro\u003C\u002FFluereRadioButton>\n",[77,279,280,282,284],{"class":79,"line":121},[77,281,130],{"class":83},[77,283,25],{"class":87},[77,285,106],{"class":83},[77,287,288],{"class":79,"line":127},[77,289,291],{"emptyLinePlaceholder":290},true,"\n",[77,293,295,297,299,301,303,305,308,310],{"class":79,"line":294},6,[77,296,84],{"class":83},[77,298,25],{"class":87},[77,300,91],{"class":90},[77,302,94],{"class":83},[77,304,98],{"class":97},[77,306,307],{"class":83},"network",[77,309,98],{"class":97},[77,311,106],{"class":83},[77,313,315],{"class":79,"line":314},7,[77,316,317],{"class":83},"  \u003CFluereRadioButton value=\"wifi\">Wi-Fi\u003C\u002FFluereRadioButton>\n",[77,319,321],{"class":79,"line":320},8,[77,322,323],{"class":83},"  \u003CFluereRadioButton value=\"ethernet\" disabled>Ethernet\u003C\u002FFluereRadioButton>\n",[77,325,327,329,331],{"class":79,"line":326},9,[77,328,130],{"class":83},[77,330,25],{"class":87},[77,332,106],{"class":83},[40,334,336],{"id":335},"accessibility","Accessibility",[14,338,339,341,342,345,346,349,350,353,354,357,358,361,362,364,365,367,368,230],{},[23,340,25],{}," carries ",[23,343,344],{},"role=\"radiogroup\"",", and each item carries ",[23,347,348],{},"role=\"radio\""," + ",[23,351,352],{},"aria-checked","; the arrow keys (↑↓\u002F←→ + Home\u002FEnd) navigate cyclically within the group and select in real time (reka roving focus). The visible text is already inside the button and automatically serves as the accessible name; if an item is icon-only (no readable text), provide ",[23,355,356],{},"aria-label"," via ",[23,359,360],{},"label","; if the whole group has no visible title, pass ",[23,363,360],{}," on ",[23,366,25],{}," as the group's ",[23,369,356],{},[40,371,373],{"id":372},"form-submission","Form submission",[14,375,376,377,380,381,384,385,388,389,391],{},"When inside a ",[23,378,379],{},"\u003Cform>"," with ",[23,382,383],{},"name"," passed, a hidden native ",[23,386,387],{},"\u003Cinput type=\"radio\">"," is automatically added, and the selected value is submitted with the form. It is recommended to put ",[23,390,383],{}," on the group so the whole group submits as a single field.",[40,393,395],{"id":394},"api","API",[397,398,25],"h3",{"id":399},"fluereradiogroup",[401,402,403,422],"table",{},[404,405,406],"thead",{},[407,408,409,413,416,419],"tr",{},[410,411,412],"th",{},"Prop",[410,414,415],{},"Type",[410,417,418],{},"Default",[410,420,421],{},"Description",[423,424,425,449,467,486,506,524,542,561,580],"tbody",{},[407,426,427,433,438,443],{},[428,429,430],"td",{},[23,431,432],{},"modelValue",[428,434,435],{},[23,436,437],{},"AcceptableValue",[428,439,440],{},[23,441,442],{},"—",[428,444,445,446,448],{},"Currently selected value (",[23,447,29],{},")",[407,450,451,456,460,464],{},[428,452,453],{},[23,454,455],{},"defaultValue",[428,457,458],{},[23,459,437],{},[428,461,462],{},[23,463,442],{},[428,465,466],{},"Uncontrolled initial selection",[407,468,469,473,478,483],{},[428,470,471],{},[23,472,217],{},[428,474,475],{},[23,476,477],{},"boolean",[428,479,480],{},[23,481,482],{},"false",[428,484,485],{},"Whether to disable all options in the group",[407,487,488,493,498,503],{},[428,489,490],{},[23,491,492],{},"orientation",[428,494,495],{},[23,496,497],{},"'vertical' | 'horizontal'",[428,499,500],{},[23,501,502],{},"vertical",[428,504,505],{},"Layout direction",[407,507,508,512,517,521],{},[428,509,510],{},[23,511,383],{},[428,513,514],{},[23,515,516],{},"string",[428,518,519],{},[23,520,442],{},[428,522,523],{},"Form submission name (the whole group submits as one field)",[407,525,526,531,535,539],{},[428,527,528],{},[23,529,530],{},"required",[428,532,533],{},[23,534,477],{},[428,536,537],{},[23,538,482],{},[428,540,541],{},"Group-level required constraint",[407,543,544,549,553,558],{},[428,545,546],{},[23,547,548],{},"loop",[428,550,551],{},[23,552,477],{},[428,554,555],{},[23,556,557],{},"true",[428,559,560],{},"Arrow keys navigate cyclically between the first and last items",[407,562,563,568,573,577],{},[428,564,565],{},[23,566,567],{},"dir",[428,569,570],{},[23,571,572],{},"'ltr' | 'rtl'",[428,574,575],{},[23,576,442],{},[428,578,579],{},"Reading direction (usually no need to set)",[407,581,582,586,590,594],{},[428,583,584],{},[23,585,360],{},[428,587,588],{},[23,589,516],{},[428,591,592],{},[23,593,442],{},[428,595,596,597,448],{},"The group's accessible name (equivalent to ",[23,598,356],{},[397,600,33],{"id":601},"fluereradiobutton",[401,603,604,616],{},[404,605,606],{},[407,607,608,610,612,614],{},[410,609,412],{},[410,611,415],{},[410,613,418],{},[410,615,421],{},[423,617,618,635,652,671,688,709],{},[407,619,620,624,628,632],{},[428,621,622],{},[23,623,54],{},[428,625,626],{},[23,627,437],{},[428,629,630],{},[23,631,442],{},[428,633,634],{},"This option's value (determines the selected state \u002F submitted value)",[407,636,637,641,645,649],{},[428,638,639],{},[23,640,217],{},[428,642,643],{},[23,644,477],{},[428,646,647],{},[23,648,482],{},[428,650,651],{},"Whether this item is disabled (layered on top of the group)",[407,653,654,658,662,666],{},[428,655,656],{},[23,657,383],{},[428,659,660],{},[23,661,516],{},[428,663,664],{},[23,665,442],{},[428,667,668,669,448],{},"This item's form submission name (usually use the group's ",[23,670,383],{},[407,672,673,677,681,685],{},[428,674,675],{},[23,676,530],{},[428,678,679],{},[23,680,477],{},[428,682,683],{},[23,684,482],{},[428,686,687],{},"Required constraint",[407,689,690,695,699,703],{},[428,691,692],{},[23,693,694],{},"id",[428,696,697],{},[23,698,516],{},[428,700,701],{},[23,702,442],{},[428,704,705,706],{},"Native id, can be linked with an external label's ",[23,707,708],{},"for",[407,710,711,715,719,723],{},[428,712,713],{},[23,714,360],{},[428,716,717],{},[23,718,516],{},[428,720,721],{},[23,722,442],{},[428,724,725,727],{},[23,726,356],{}," fallback for icon-only items",[729,730,731],"blockquote",{},[14,732,733],{},"The circle is a fixed 20px diameter (corresponding to the WinUI RadioButton's circle size) and does not scale with size; the selected state is a 「brand solid circle + white inner dot」, with a faint preview of the inner dot while pressed — consistent with the WinUI RadioButton.",[735,736,737],"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":62,"searchDepth":109,"depth":109,"links":739},[740,741,742,743,744,745],{"id":42,"depth":109,"text":43},{"id":137,"depth":109,"text":138},{"id":217,"depth":109,"text":218},{"id":335,"depth":109,"text":336},{"id":372,"depth":109,"text":373},{"id":394,"depth":109,"text":395,"children":746},[747,748],{"id":399,"depth":115,"text":25},{"id":601,"depth":115,"text":33},"A radio-button component for selecting one option from a mutually exclusive group.","md",{},{"title":5},"\u002Fen\u002Fcomponents\u002Fradio-group",{"title":5,"description":749},"en\u002Fcomponents\u002Fradio-group","V8DKt-tXXBrN0d9wPHoC_5wY7Omgr-Ar1fTQcX293qM",{"id":758,"title":759,"body":760,"description":1405,"extension":750,"meta":1406,"nav":1407,"navigation":290,"path":1408,"seo":1409,"stem":1410,"__hash__":1411},"content\u002Fcomponents\u002Fradio-group.md","Radio 单选",{"type":7,"value":761,"toc":1394},[762,765,783,786,797,851,854,863,924,927,939,1030,1033,1059,1062,1077,1079,1081,1259,1261,1387,1392],[10,763,759],{"id":764},"radio-单选",[14,766,767,768,770,771,773,774,776,777,779,780,782],{},"单选组件把 WinUI 3 \u002F Windows App SDK 的 ",[18,769,20],{}," 还原为两个协作组件：",[23,772,25],{},"（组容器，管 ",[23,775,29],{},"、同组互斥与方向键导航）与 ",[23,778,33],{},"（每一项）。交互底座复用 reka-ui 的 RadioGroup，完整还原方向键在组内循环导航 \u002F 选中、选中态品牌实心圆 + 白色内点、按住时内点浅显预览（WinUI 独有的 ",[23,781,37],{},"）。",[40,784,785],{"id":785},"基础用法",[14,787,788,790,791,793,794,796],{},[23,789,29],{}," 绑定当前选中值，",[23,792,33],{}," 的 ",[23,795,54],{}," 决定各自的值。同组互斥，点击任意项选其一。",[57,798,799,803],{"title":785},[60,800,801],{"v-slot:preview":62},[64,802],{},[60,804,805],{"v-slot:code":62},[69,806,808],{"className":71,"code":807,"language":73,"meta":62,"style":62},"\u003CFluereRadioGroup v-model=\"color\">\n  \u003CFluereRadioButton value=\"red\">番茄红\u003C\u002FFluereRadioButton>\n  \u003CFluereRadioButton value=\"teal\">蓝绿\u003C\u002FFluereRadioButton>\n  \u003CFluereRadioButton value=\"blue\">星辰蓝\u003C\u002FFluereRadioButton>\n\u003C\u002FFluereRadioGroup>\n",[23,809,810,828,833,838,843],{"__ignoreMap":62},[77,811,812,814,816,818,820,822,824,826],{"class":79,"line":80},[77,813,84],{"class":83},[77,815,25],{"class":87},[77,817,91],{"class":90},[77,819,94],{"class":83},[77,821,98],{"class":97},[77,823,101],{"class":83},[77,825,98],{"class":97},[77,827,106],{"class":83},[77,829,830],{"class":79,"line":109},[77,831,832],{"class":83},"  \u003CFluereRadioButton value=\"red\">番茄红\u003C\u002FFluereRadioButton>\n",[77,834,835],{"class":79,"line":115},[77,836,837],{"class":83},"  \u003CFluereRadioButton value=\"teal\">蓝绿\u003C\u002FFluereRadioButton>\n",[77,839,840],{"class":79,"line":121},[77,841,842],{"class":83},"  \u003CFluereRadioButton value=\"blue\">星辰蓝\u003C\u002FFluereRadioButton>\n",[77,844,845,847,849],{"class":79,"line":127},[77,846,130],{"class":83},[77,848,25],{"class":87},[77,850,106],{"class":83},[40,852,853],{"id":853},"横向组",[14,855,856,857,859,860,862],{},"默认纵向堆叠；传 ",[23,858,144],{}," 改为横向排开（可叠加 ",[23,861,148],{}," 换行）。",[57,864,866,870],{"title":865},"横向排布",[60,867,868],{"v-slot:preview":62},[156,869],{},[60,871,872],{"v-slot:code":62},[69,873,875],{"className":71,"code":874,"language":73,"meta":62,"style":62},"\u003CFluereRadioGroup v-model=\"align\" orientation=\"horizontal\">\n  \u003CFluereRadioButton value=\"left\">左对齐\u003C\u002FFluereRadioButton>\n  \u003CFluereRadioButton value=\"center\">居中\u003C\u002FFluereRadioButton>\n  \u003CFluereRadioButton value=\"right\">右对齐\u003C\u002FFluereRadioButton>\n\u003C\u002FFluereRadioGroup>\n",[23,876,877,901,906,911,916],{"__ignoreMap":62},[77,878,879,881,883,885,887,889,891,893,895,897,899],{"class":79,"line":80},[77,880,84],{"class":83},[77,882,25],{"class":87},[77,884,91],{"class":90},[77,886,94],{"class":83},[77,888,98],{"class":97},[77,890,179],{"class":83},[77,892,98],{"class":97},[77,894,184],{"class":90},[77,896,94],{"class":83},[77,898,189],{"class":97},[77,900,106],{"class":83},[77,902,903],{"class":79,"line":109},[77,904,905],{"class":83},"  \u003CFluereRadioButton value=\"left\">左对齐\u003C\u002FFluereRadioButton>\n",[77,907,908],{"class":79,"line":115},[77,909,910],{"class":83},"  \u003CFluereRadioButton value=\"center\">居中\u003C\u002FFluereRadioButton>\n",[77,912,913],{"class":79,"line":121},[77,914,915],{"class":83},"  \u003CFluereRadioButton value=\"right\">右对齐\u003C\u002FFluereRadioButton>\n",[77,917,918,920,922],{"class":79,"line":127},[77,919,130],{"class":83},[77,921,25],{"class":87},[77,923,106],{"class":83},[40,925,926],{"id":926},"禁用",[14,928,929,930,932,933,935,936,938],{},"组级禁用传 ",[23,931,217],{},"；只禁用个别项时在对应 ",[23,934,33],{}," 上传 ",[23,937,217],{},"。",[57,940,942,946],{"title":941},"禁用状态",[60,943,944],{"v-slot:preview":62},[237,945],{},[60,947,948],{"v-slot:code":62},[69,949,951],{"className":71,"code":950,"language":73,"meta":62,"style":62},"\u003CFluereRadioGroup v-model=\"plan\" disabled>\n  \u003CFluereRadioButton value=\"free\">免费版\u003C\u002FFluereRadioButton>\n  \u003CFluereRadioButton value=\"pro\">专业版\u003C\u002FFluereRadioButton>\n\u003C\u002FFluereRadioGroup>\n\n\u003CFluereRadioGroup v-model=\"network\">\n  \u003CFluereRadioButton value=\"wifi\">Wi-Fi\u003C\u002FFluereRadioButton>\n  \u003CFluereRadioButton value=\"ethernet\" disabled>以太网\u003C\u002FFluereRadioButton>\n\u003C\u002FFluereRadioGroup>\n",[23,952,953,973,978,983,991,995,1013,1017,1022],{"__ignoreMap":62},[77,954,955,957,959,961,963,965,967,969,971],{"class":79,"line":80},[77,956,84],{"class":83},[77,958,25],{"class":87},[77,960,91],{"class":90},[77,962,94],{"class":83},[77,964,98],{"class":97},[77,966,260],{"class":83},[77,968,98],{"class":97},[77,970,265],{"class":90},[77,972,106],{"class":83},[77,974,975],{"class":79,"line":109},[77,976,977],{"class":83},"  \u003CFluereRadioButton value=\"free\">免费版\u003C\u002FFluereRadioButton>\n",[77,979,980],{"class":79,"line":115},[77,981,982],{"class":83},"  \u003CFluereRadioButton value=\"pro\">专业版\u003C\u002FFluereRadioButton>\n",[77,984,985,987,989],{"class":79,"line":121},[77,986,130],{"class":83},[77,988,25],{"class":87},[77,990,106],{"class":83},[77,992,993],{"class":79,"line":127},[77,994,291],{"emptyLinePlaceholder":290},[77,996,997,999,1001,1003,1005,1007,1009,1011],{"class":79,"line":294},[77,998,84],{"class":83},[77,1000,25],{"class":87},[77,1002,91],{"class":90},[77,1004,94],{"class":83},[77,1006,98],{"class":97},[77,1008,307],{"class":83},[77,1010,98],{"class":97},[77,1012,106],{"class":83},[77,1014,1015],{"class":79,"line":314},[77,1016,317],{"class":83},[77,1018,1019],{"class":79,"line":320},[77,1020,1021],{"class":83},"  \u003CFluereRadioButton value=\"ethernet\" disabled>以太网\u003C\u002FFluereRadioButton>\n",[77,1023,1024,1026,1028],{"class":79,"line":326},[77,1025,130],{"class":83},[77,1027,25],{"class":87},[77,1029,106],{"class":83},[40,1031,1032],{"id":1032},"无障碍",[14,1034,1035,1037,1038,1040,1041,349,1043,1045,1046,1048,1049,1051,1052,935,1054,1056,1057,938],{},[23,1036,25],{}," 自带 ",[23,1039,344],{},"，每项自带 ",[23,1042,348],{},[23,1044,352],{},"；方向键（↑↓\u002F←→ + Home\u002FEnd）在组内循环导航并实时选中（reka roving focus）。可见文本本就在按钮内部，自动作为可访问名；若某项是纯图标（无可读文本），用 ",[23,1047,360],{}," 提供 ",[23,1050,356],{},"；整组无可见标题时可在 ",[23,1053,25],{},[23,1055,360],{}," 作为组的 ",[23,1058,356],{},[40,1060,1061],{"id":1061},"表单提交",[14,1063,1064,1065,1067,1068,1070,1071,1073,1074,1076],{},"位于 ",[23,1066,379],{}," 内并传 ",[23,1069,383],{}," 时，会自动补隐藏原生 ",[23,1072,387],{},"，选中值随表单提交。建议把 ",[23,1075,383],{}," 放在组上即可让整组作为同一字段提交。",[40,1078,395],{"id":394},[397,1080,25],{"id":399},[401,1082,1083,1099],{},[404,1084,1085],{},[407,1086,1087,1090,1093,1096],{},[410,1088,1089],{},"属性（Props）",[410,1091,1092],{},"类型",[410,1094,1095],{},"默认",[410,1097,1098],{},"说明",[423,1100,1101,1121,1138,1155,1172,1189,1206,1223,1240],{},[407,1102,1103,1107,1111,1115],{},[428,1104,1105],{},[23,1106,432],{},[428,1108,1109],{},[23,1110,437],{},[428,1112,1113],{},[23,1114,442],{},[428,1116,1117,1118,1120],{},"当前选中值（",[23,1119,29],{},"）",[407,1122,1123,1127,1131,1135],{},[428,1124,1125],{},[23,1126,455],{},[428,1128,1129],{},[23,1130,437],{},[428,1132,1133],{},[23,1134,442],{},[428,1136,1137],{},"非受控初始选中值",[407,1139,1140,1144,1148,1152],{},[428,1141,1142],{},[23,1143,217],{},[428,1145,1146],{},[23,1147,477],{},[428,1149,1150],{},[23,1151,482],{},[428,1153,1154],{},"是否禁用整组单选项",[407,1156,1157,1161,1165,1169],{},[428,1158,1159],{},[23,1160,492],{},[428,1162,1163],{},[23,1164,497],{},[428,1166,1167],{},[23,1168,502],{},[428,1170,1171],{},"排布方向",[407,1173,1174,1178,1182,1186],{},[428,1175,1176],{},[23,1177,383],{},[428,1179,1180],{},[23,1181,516],{},[428,1183,1184],{},[23,1185,442],{},[428,1187,1188],{},"表单提交名（整组作为同一字段提交）",[407,1190,1191,1195,1199,1203],{},[428,1192,1193],{},[23,1194,530],{},[428,1196,1197],{},[23,1198,477],{},[428,1200,1201],{},[23,1202,482],{},[428,1204,1205],{},"组内必选约束",[407,1207,1208,1212,1216,1220],{},[428,1209,1210],{},[23,1211,548],{},[428,1213,1214],{},[23,1215,477],{},[428,1217,1218],{},[23,1219,557],{},[428,1221,1222],{},"方向键在首尾项之间循环导航",[407,1224,1225,1229,1233,1237],{},[428,1226,1227],{},[23,1228,567],{},[428,1230,1231],{},[23,1232,572],{},[428,1234,1235],{},[23,1236,442],{},[428,1238,1239],{},"阅读方向（一般无需设置）",[407,1241,1242,1246,1250,1254],{},[428,1243,1244],{},[23,1245,360],{},[428,1247,1248],{},[23,1249,516],{},[428,1251,1252],{},[23,1253,442],{},[428,1255,1256,1257,1120],{},"组的可访问名称（等价 ",[23,1258,356],{},[397,1260,33],{"id":601},[401,1262,1263,1275],{},[404,1264,1265],{},[407,1266,1267,1269,1271,1273],{},[410,1268,1089],{},[410,1270,1092],{},[410,1272,1095],{},[410,1274,1098],{},[423,1276,1277,1294,1311,1330,1347,1367],{},[407,1278,1279,1283,1287,1291],{},[428,1280,1281],{},[23,1282,54],{},[428,1284,1285],{},[23,1286,437],{},[428,1288,1289],{},[23,1290,442],{},[428,1292,1293],{},"该单选项的值（决定选中态 \u002F 提交值）",[407,1295,1296,1300,1304,1308],{},[428,1297,1298],{},[23,1299,217],{},[428,1301,1302],{},[23,1303,477],{},[428,1305,1306],{},[23,1307,482],{},[428,1309,1310],{},"是否禁用该项（叠加在组之上）",[407,1312,1313,1317,1321,1325],{},[428,1314,1315],{},[23,1316,383],{},[428,1318,1319],{},[23,1320,516],{},[428,1322,1323],{},[23,1324,442],{},[428,1326,1327,1328,1120],{},"该项表单提交名（通常用组上的 ",[23,1329,383],{},[407,1331,1332,1336,1340,1344],{},[428,1333,1334],{},[23,1335,530],{},[428,1337,1338],{},[23,1339,477],{},[428,1341,1342],{},[23,1343,482],{},[428,1345,1346],{},"必选约束",[407,1348,1349,1353,1357,1361],{},[428,1350,1351],{},[23,1352,694],{},[428,1354,1355],{},[23,1356,516],{},[428,1358,1359],{},[23,1360,442],{},[428,1362,1363,1364,1366],{},"原生 id，可与外部 label 的 ",[23,1365,708],{}," 关联",[407,1368,1369,1373,1377,1381],{},[428,1370,1371],{},[23,1372,360],{},[428,1374,1375],{},[23,1376,516],{},[428,1378,1379],{},[23,1380,442],{},[428,1382,1383,1384,1386],{},"纯图标时的 ",[23,1385,356],{}," 兜底",[729,1388,1389],{},[14,1390,1391],{},"圆（circle）固定 20px 直径（对应 WinUI 的 RadioButton 圆尺寸），不随尺寸缩放；选中态为「品牌色实心圆 + 白色内点」，按住时内点浅显预览——与 WinUI RadioButton 一致。",[735,1393,737],{},{"title":62,"searchDepth":109,"depth":109,"links":1395},[1396,1397,1398,1399,1400,1401],{"id":785,"depth":109,"text":785},{"id":853,"depth":109,"text":853},{"id":926,"depth":109,"text":926},{"id":1032,"depth":109,"text":1032},{"id":1061,"depth":109,"text":1061},{"id":394,"depth":109,"text":395,"children":1402},[1403,1404],{"id":399,"depth":115,"text":25},{"id":601,"depth":115,"text":33},"单选按钮组件，用于在一组互斥选项中选择一个。",{},{"title":759},"\u002Fcomponents\u002Fradio-group",{"title":759,"description":1405},"components\u002Fradio-group","kY5znjKSg1Hx8ZsDWblLEj9wp3mE_aSdqx1_oRBEkM8",1792150930060]