[{"data":1,"prerenderedAt":2087},["ShallowReactive",2],{"content-\u002Fen\u002Fcomponents\u002Fselect":3,"content-en-fallback-\u002Fen\u002Fcomponents\u002Fselect":1100},{"id":4,"title":5,"body":6,"description":1091,"extension":1092,"meta":1093,"nav":1094,"navigation":1095,"path":1096,"seo":1097,"stem":1098,"__hash__":1099},"content_en\u002Fen\u002Fcomponents\u002Fselect.md","Select",{"type":7,"value":8,"toc":1080},"minimark",[9,13,33,38,41,127,131,156,235,239,251,335,339,358,468,472,525,529,677,681,687,978,1039,1076],[10,11,5],"h1",{"id":12},"select",[14,15,16,20,21,25,26,29,30,32],"p",{},[17,18,19],"code",{},"FluereSelect"," is a ",[22,23,24],"strong",{},"non-editable"," dropdown: the trigger shows the current option (or a placeholder), a click opens the panel, and you pick an option with pointer or keyboard. The visuals mirror WinUI 3 (Windows App SDK) ",[17,27,28],{},"ComboBox"," in its non-editable form; the interaction base is reka-ui's ",[17,31,5],{},".",[34,35,37],"h2",{"id":36},"how-it-differs-from-combobox","How it differs from Combobox",[14,39,40],{},"They look alike, but the responsibilities differ — picking the wrong one hands out input\u002Fsearch for free:",[42,43,44,63],"table",{},[45,46,47],"thead",{},[48,49,50,54,58],"tr",{},[51,52,53],"th",{},"Aspect",[51,55,56],{},[17,57,19],{},[51,59,60],{},[17,61,62],{},"FluereCombobox",[64,65,66,81,99,116],"tbody",{},[48,67,68,72,78],{},[69,70,71],"td",{},"Trigger",[69,73,74,75],{},"Text + chevron only, ",[22,76,77],{},"not editable",[69,79,80],{},"Optionally an editable text input",[48,82,83,86,92],{},[69,84,85],{},"Text search",[69,87,88,91],{},[22,89,90],{},"None"," (only the base's type-ahead)",[69,93,94,95,98],{},"Yes (",[17,96,97],{},"textSearchEnabled",")",[48,100,101,104,110],{},[69,102,103],{},"Event",[69,105,106,109],{},[17,107,108],{},"change"," (single value)",[69,111,112,115],{},[17,113,114],{},"selectionChanged"," (added \u002F removed)",[48,117,118,121,124],{},[69,119,120],{},"Best for",[69,122,123],{},"Fixed enumerations",[69,125,126],{},"Filtering \u002F free text",[34,128,130],{"id":129},"basic-usage","Basic usage",[14,132,133,136,137,140,141,144,145,148,149,148,152,155],{},[17,134,135],{},"v-model"," binds the selected value; ",[17,138,139],{},"placeholder"," shows while nothing is selected. Options come from ",[17,142,143],{},"items"," (",[17,146,147],{},"value"," \u002F ",[17,150,151],{},"text",[17,153,154],{},"disabled",").",[157,158,159,166],"demo-block",{"title":130},[160,161,163],"template",{"v-slot:preview":162},"",[164,165],"select-basic-demo",{},[160,167,168],{"v-slot:code":162},[169,170,174],"pre",{"className":171,"code":172,"language":173,"meta":162,"style":162},"language-vue shiki shiki-themes github-light github-dark","\u003CFluereSelect v-model=\"value\" :items=\"items\" header=\"Refresh rate\" placeholder=\"Select an option\" \u002F>\n","vue",[17,175,176],{"__ignoreMap":162},[177,178,181,185,188,192,195,199,201,203,206,208,210,212,214,216,219,221,224,227,229,232],"span",{"class":179,"line":180},"line",1,[177,182,184],{"class":183},"sVt8B","\u003C",[177,186,19],{"class":187},"s9eBZ",[177,189,191],{"class":190},"sScJk"," v-model",[177,193,194],{"class":183},"=",[177,196,198],{"class":197},"sZZnC","\"",[177,200,147],{"class":183},[177,202,198],{"class":197},[177,204,205],{"class":183}," :",[177,207,143],{"class":190},[177,209,194],{"class":183},[177,211,198],{"class":197},[177,213,143],{"class":183},[177,215,198],{"class":197},[177,217,218],{"class":190}," header",[177,220,194],{"class":183},[177,222,223],{"class":197},"\"Refresh rate\"",[177,225,226],{"class":190}," placeholder",[177,228,194],{"class":183},[177,230,231],{"class":197},"\"Select an option\"",[177,233,234],{"class":183}," \u002F>\n",[34,236,238],{"id":237},"controlled-value-and-clearing","Controlled value and clearing",[14,240,241,244,245,248,249,32],{},[17,242,243],{},"modelValue"," is the single source of truth; set it to ",[17,246,247],{},"null"," to fall back to the placeholder. Every selection emits ",[17,250,108],{},[157,252,254,259],{"title":253},"Controlled + change + clear",[160,255,256],{"v-slot:preview":162},[257,258],"select-controlled-demo",{},[160,260,261],{"v-slot:code":162},[169,262,264],{"className":171,"code":263,"language":173,"meta":162,"style":162},"\u003CFluereSelect v-model=\"value\" :items=\"items\" @change=\"(args) => (last = args.value)\" \u002F>\n\u003CFluereButton size=\"small\" @click=\"value = null\">Clear selection\u003C\u002FFluereButton>\n",[17,265,266,329],{"__ignoreMap":162},[177,267,268,270,272,274,276,278,280,282,284,286,288,290,292,294,297,299,301,303,306,310,313,317,320,322,325,327],{"class":179,"line":180},[177,269,184],{"class":183},[177,271,19],{"class":187},[177,273,191],{"class":190},[177,275,194],{"class":183},[177,277,198],{"class":197},[177,279,147],{"class":183},[177,281,198],{"class":197},[177,283,205],{"class":183},[177,285,143],{"class":190},[177,287,194],{"class":183},[177,289,198],{"class":197},[177,291,143],{"class":183},[177,293,198],{"class":197},[177,295,296],{"class":183}," @",[177,298,108],{"class":190},[177,300,194],{"class":183},[177,302,198],{"class":197},[177,304,305],{"class":183},"(",[177,307,309],{"class":308},"s4XuR","args",[177,311,312],{"class":183},") ",[177,314,316],{"class":315},"szBVR","=>",[177,318,319],{"class":183}," (last ",[177,321,194],{"class":315},[177,323,324],{"class":183}," args.value)",[177,326,198],{"class":197},[177,328,234],{"class":183},[177,330,332],{"class":179,"line":331},2,[177,333,334],{"class":183},"\u003CFluereButton size=\"small\" @click=\"value = null\">Clear selection\u003C\u002FFluereButton>\n",[34,336,338],{"id":337},"states-and-the-empty-list","States and the empty list",[14,340,341,148,344,347,348,350,351,353,354,357],{},[17,342,343],{},"header",[17,345,346],{},"description"," are linked to the trigger by id; disabled options are skipped by the keyboard; a whole ",[17,349,154],{}," select never opens; when ",[17,352,143],{}," is empty, ",[17,355,356],{},"#empty"," supplies the empty-state copy.",[157,359,361,366],{"title":360},"Header \u002F description \u002F disabled \u002F empty",[160,362,363],{"v-slot:preview":162},[364,365],"select-states-demo",{},[160,367,368],{"v-slot:code":162},[169,369,371],{"className":171,"code":370,"language":173,"meta":162,"style":162},"\u003CFluereSelect\n  v-model=\"v\"\n  :items=\"items\"\n  header=\"Sync speed\"\n  description=\"One option is disabled; the keyboard skips it.\"\n\u002F>\n\u003CFluereSelect v-model=\"v2\" :items=\"items\" disabled header=\"Disabled as a whole\" \u002F>\n\u003CFluereSelect :items=\"[]\" header=\"Empty list\">\n  \u003Ctemplate #empty>No options\u003C\u002Ftemplate>\n\u003C\u002FFluereSelect>\n",[17,372,373,380,395,411,422,433,439,445,451,457],{"__ignoreMap":162},[177,374,375,377],{"class":179,"line":180},[177,376,184],{"class":183},[177,378,379],{"class":187},"FluereSelect\n",[177,381,382,385,387,389,392],{"class":179,"line":331},[177,383,384],{"class":190},"  v-model",[177,386,194],{"class":183},[177,388,198],{"class":197},[177,390,391],{"class":183},"v",[177,393,394],{"class":197},"\"\n",[177,396,398,401,403,405,407,409],{"class":179,"line":397},3,[177,399,400],{"class":183},"  :",[177,402,143],{"class":190},[177,404,194],{"class":183},[177,406,198],{"class":197},[177,408,143],{"class":183},[177,410,394],{"class":197},[177,412,414,417,419],{"class":179,"line":413},4,[177,415,416],{"class":190},"  header",[177,418,194],{"class":183},[177,420,421],{"class":197},"\"Sync speed\"\n",[177,423,425,428,430],{"class":179,"line":424},5,[177,426,427],{"class":190},"  description",[177,429,194],{"class":183},[177,431,432],{"class":197},"\"One option is disabled; the keyboard skips it.\"\n",[177,434,436],{"class":179,"line":435},6,[177,437,438],{"class":183},"\u002F>\n",[177,440,442],{"class":179,"line":441},7,[177,443,444],{"class":183},"\u003CFluereSelect v-model=\"v2\" :items=\"items\" disabled header=\"Disabled as a whole\" \u002F>\n",[177,446,448],{"class":179,"line":447},8,[177,449,450],{"class":183},"\u003CFluereSelect :items=\"[]\" header=\"Empty list\">\n",[177,452,454],{"class":179,"line":453},9,[177,455,456],{"class":183},"  \u003Ctemplate #empty>No options\u003C\u002Ftemplate>\n",[177,458,460,463,465],{"class":179,"line":459},10,[177,461,462],{"class":183},"\u003C\u002F",[177,464,19],{"class":187},[177,466,467],{"class":183},">\n",[34,469,471],{"id":470},"specification-source","Specification source",[42,473,474,484],{},[45,475,476],{},[48,477,478,481],{},[51,479,480],{},"Item",[51,482,483],{},"Value",[64,485,486,502,515],{},[48,487,488,491],{},[69,489,490],{},"Control",[69,492,493,494,144,496,499,500,98],{},"WinUI 3 ",[17,495,28],{},[22,497,498],{},"non-editable form","; WinUI has no control named ",[17,501,5],{},[48,503,504,507],{},[69,505,506],{},"tag\u002Fcommit",[69,508,509,148,512],{},[17,510,511],{},"winui3\u002Frelease\u002F2.5.1",[17,513,514],{},"ba3a8d5",[48,516,517,520],{},[69,518,519],{},"Key file",[69,521,522],{},[17,523,524],{},"src\u002Fcontrols\u002Fdev\u002FComboBox\u002FComboBox_themeresources.xaml",[34,526,528],{"id":527},"implementation-notes","Implementation notes",[530,531,532,576,601,620,637,659],"ul",{},[533,534,535,537,538,541,542,545,546,148,549,148,552,148,555,558,559,545,562,565,566,545,569,572,573,575],"li",{},[22,536,71],{},": ",[17,539,540],{},"ComboBoxBackground*"," ← ",[17,543,544],{},"ControlFillColor*"," → ",[17,547,548],{},"--colorNeutralBackground1",[17,550,551],{},"…Hover",[17,553,554],{},"…Pressed",[17,556,557],{},"…Disabled","; all four sides use ",[17,560,561],{},"ControlElevationBorderBrush",[17,563,564],{},"--colorNeutralStrokeAlpha",", the bottom edge uses ",[17,567,568],{},"ControlStrokeColorDefault",[17,570,571],{},"--colorNeutralStroke1"," (the same convention as this library's non-editable ",[17,574,62],{},", so two dropdowns on one page do not drift apart).",[533,577,578,537,581,541,584,545,587,148,590,148,592,148,594,597,598,32],{},[22,579,580],{},"Items",[17,582,583],{},"ComboBoxItemBackground*",[17,585,586],{},"SubtleFillColor*",[17,588,589],{},"--colorSubtleBackground",[17,591,551],{},[17,593,554],{},[17,595,596],{},"…Selected","; the 3px selection pill uses ",[17,599,600],{},"--colorCompoundBrandBackground",[533,602,603,537,606,609,610,612,613,616,617,619],{},[22,604,605],{},"Panel",[17,607,608],{},"--borderRadiusXLarge"," (OverlayCornerRadius), ",[17,611,571],{}," border, ",[17,614,615],{},"--shadow16"," (elevation 16), ",[17,618,548],{}," surface.",[533,621,622,625,626,144,629,632,633,636],{},[22,623,624],{},"Layering and focus",": the popup goes through the 0.4.1 ",[17,627,628],{},"useFlyout",[17,630,631],{},"--zIndexNavFlyout"," plus nested-lift), the trigger through the 0.4.3 ",[17,634,635],{},"useFocusVisual"," (dual focus rectangle).",[533,638,639,642,643,646,647,650,651,654,655,658],{},[22,640,641],{},"The panel styles must live in a non-scoped block",": reka's ",[17,644,645],{},"SelectContent"," puts its class on an element teleported to ",[17,648,649],{},"body",", which never receives this component's ",[17,652,653],{},"data-v-*"," — scoped selectors fail silently (jsdom does not resolve ",[17,656,657],{},"var()",", so unit tests cannot catch it).",[533,660,661,664,665,668,669,672,673,676],{},[22,662,663],{},"Known gaps",": high contrast is not implemented; WinUI's ",[17,666,667],{},"IsTextSearchEnabled"," prefix matching is not implemented (the base's type-ahead is not search); the ",[17,670,671],{},"size"," scale and WinUI's ",[17,674,675],{},"Compact"," style are not built.",[34,678,680],{"id":679},"api","API",[682,683,685],"h3",{"id":684},"fluereselect",[17,686,19],{},[42,688,689,705],{},[45,690,691],{},[48,692,693,696,699,702],{},[51,694,695],{},"Prop",[51,697,698],{},"Type",[51,700,701],{},"Default",[51,703,704],{},"Mapping \u002F notes",[64,706,707,732,750,778,800,819,838,857,872,890,905,921,938,955],{},[48,708,709,713,718,723],{},[69,710,711],{},[17,712,243],{},[69,714,715],{},[17,716,717],{},"T | null",[69,719,720],{},[17,721,722],{},"undefined",[69,724,725,726,728,729,731],{},"Controlled value (",[17,727,135],{},"); ",[17,730,722],{}," means uncontrolled",[48,733,734,739,743,747],{},[69,735,736],{},[17,737,738],{},"defaultValue",[69,740,741],{},[17,742,717],{},[69,744,745],{},[17,746,247],{},[69,748,749],{},"Uncontrolled initial value",[48,751,752,756,761,766],{},[69,753,754],{},[17,755,143],{},[69,757,758],{},[17,759,760],{},"FluereSelectItem\u003CT>[]",[69,762,763],{},[17,764,765],{},"[]",[69,767,768,771,772,148,774,148,776],{},[17,769,770],{},"ItemsSource","; each item has ",[17,773,147],{},[17,775,151],{},[17,777,154],{},[48,779,780,785,790,794],{},[69,781,782],{},[17,783,784],{},"open",[69,786,787],{},[17,788,789],{},"boolean",[69,791,792],{},[17,793,722],{},[69,795,796,799],{},[17,797,798],{},"v-model:open","; internal state when omitted",[48,801,802,807,811,816],{},[69,803,804],{},[17,805,806],{},"defaultOpen",[69,808,809],{},[17,810,789],{},[69,812,813],{},[17,814,815],{},"false",[69,817,818],{},"Uncontrolled initial open state",[48,820,821,825,829,833],{},[69,822,823],{},[17,824,154],{},[69,826,827],{},[17,828,789],{},[69,830,831],{},[17,832,815],{},[69,834,835],{},[17,836,837],{},"IsEnabled",[48,839,840,844,849,852],{},[69,841,842],{},[17,843,139],{},[69,845,846],{},[17,847,848],{},"string",[69,850,851],{},"—",[69,853,854],{},[17,855,856],{},"PlaceholderText",[48,858,859,863,867,869],{},[69,860,861],{},[17,862,343],{},[69,864,865],{},[17,866,848],{},[69,868,851],{},[69,870,871],{},"Heading above the trigger; also the accessible name",[48,873,874,879,883,885],{},[69,875,876],{},[17,877,878],{},"label",[69,880,881],{},[17,882,848],{},[69,884,851],{},[69,886,887,888,98],{},"Explicit accessible name (takes precedence over ",[17,889,343],{},[48,891,892,896,900,902],{},[69,893,894],{},[17,895,346],{},[69,897,898],{},[17,899,848],{},[69,901,851],{},[69,903,904],{},"Helper text below the trigger",[48,906,907,912,916,918],{},[69,908,909],{},[17,910,911],{},"name",[69,913,914],{},[17,915,848],{},[69,917,851],{},[69,919,920],{},"Passed to a hidden input for form submission",[48,922,923,928,933,935],{},[69,924,925],{},[17,926,927],{},"by",[69,929,930],{},[17,931,932],{},"string | ((a, b) => boolean)",[69,934,851],{},[69,936,937],{},"Custom equality (required for object values)",[48,939,940,945,950,952],{},[69,941,942],{},[17,943,944],{},"dir",[69,946,947],{},[17,948,949],{},"Direction",[69,951,851],{},[69,953,954],{},"Text direction",[48,956,957,962,967,972],{},[69,958,959],{},[17,960,961],{},"maxDropDownHeight",[69,963,964],{},[17,965,966],{},"number",[69,968,969],{},[17,970,971],{},"504",[69,973,974,977],{},[17,975,976],{},"MaxDropDownHeight"," in px",[42,979,980,991],{},[45,981,982],{},[48,983,984,986,989],{},[51,985,103],{},[51,987,988],{},"Payload",[51,990,704],{},[64,992,993,1009,1025],{},[48,994,995,1000,1004],{},[69,996,997],{},[17,998,999],{},"update:modelValue",[69,1001,1002],{},[17,1003,717],{},[69,1005,1006,1007,98],{},"Controlled write-back (",[17,1008,135],{},[48,1010,1011,1016,1020],{},[69,1012,1013],{},[17,1014,1015],{},"update:open",[69,1017,1018],{},[17,1019,789],{},[69,1021,1022,1023,98],{},"Open-state write-back (",[17,1024,798],{},[48,1026,1027,1031,1036],{},[69,1028,1029],{},[17,1030,108],{},[69,1032,1033],{},[17,1034,1035],{},"{ value: T | null }",[69,1037,1038],{},"Selection changed",[42,1040,1041,1051],{},[45,1042,1043],{},[48,1044,1045,1048],{},[51,1046,1047],{},"Slot",[51,1049,1050],{},"Notes",[64,1052,1053,1066],{},[48,1054,1055,1060],{},[69,1056,1057],{},[17,1058,1059],{},"item",[69,1061,1062,1063],{},"Custom item rendering, scope ",[17,1064,1065],{},"{ item, selected }",[48,1067,1068,1073],{},[69,1069,1070],{},[17,1071,1072],{},"empty",[69,1074,1075],{},"Empty-list copy (the library adds no built-in string)",[1077,1078,1079],"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}",{"title":162,"searchDepth":331,"depth":331,"links":1081},[1082,1083,1084,1085,1086,1087,1088],{"id":36,"depth":331,"text":37},{"id":129,"depth":331,"text":130},{"id":237,"depth":331,"text":238},{"id":337,"depth":331,"text":338},{"id":470,"depth":331,"text":471},{"id":527,"depth":331,"text":528},{"id":679,"depth":331,"text":680,"children":1089},[1090],{"id":684,"depth":397,"text":19},"A non-editable dropdown whose visuals follow the non-editable WinUI ComboBox.","md",{},{"title":5},true,"\u002Fen\u002Fcomponents\u002Fselect",{"title":5,"description":1091},"en\u002Fcomponents\u002Fselect","5Rmy0xTBQBB3DWqJKMrfJ9d9HoG6bVp41YVg9PZg-fU",{"id":1101,"title":1102,"body":1103,"description":2080,"extension":1092,"meta":2081,"nav":2082,"navigation":1095,"path":2083,"seo":2084,"stem":2085,"__hash__":2086},"content\u002Fcomponents\u002Fselect.md","Select 下拉选择",{"type":7,"value":1104,"toc":2069},[1105,1108,1123,1127,1130,1209,1212,1230,1287,1290,1300,1373,1376,1392,1532,1535,1585,1588,1702,1704,1708,1974,2033,2067],[10,1106,1102],{"id":1107},"select-下拉选择",[14,1109,1110,1112,1113,1116,1117,1119,1120,1122],{},[17,1111,19],{}," 是",[22,1114,1115],{},"不可编辑","的下拉选择器：触发面只显示当前项文本（或占位符），点击展开面板、点选或键盘选一项。视觉还原 WinUI 3（Windows App SDK）的 ",[17,1118,28],{}," 非编辑形态，交互底座复用 reka-ui 的 ",[17,1121,5],{},"。",[34,1124,1126],{"id":1125},"与-combobox-的差异","与 Combobox 的差异",[14,1128,1129],{},"两者长得像，但职责不同——选错会把「可输入 + 可搜索」的能力白送出去：",[42,1131,1132,1147],{},[45,1133,1134],{},[48,1135,1136,1139,1143],{},[51,1137,1138],{},"维度",[51,1140,1141],{},[17,1142,19],{},[51,1144,1145],{},[17,1146,62],{},[64,1148,1149,1167,1183,1198],{},[48,1150,1151,1154,1160],{},[69,1152,1153],{},"触发面",[69,1155,1156,1157],{},"只有文本 + 箭头，",[22,1158,1159],{},"不可输入",[69,1161,1162,1163,1166],{},"可选可编辑输入框（",[17,1164,1165],{},"editable","）",[48,1168,1169,1172,1178],{},[69,1170,1171],{},"文本搜索",[69,1173,1174,1177],{},[22,1175,1176],{},"无","（仅有底座按字符跳转）",[69,1179,1180,1181,1166],{},"有（",[17,1182,97],{},[48,1184,1185,1188,1193],{},[69,1186,1187],{},"事件",[69,1189,1190,1192],{},[17,1191,108],{},"（单项）",[69,1194,1195,1197],{},[17,1196,114],{},"（added \u002F removed）",[48,1199,1200,1203,1206],{},[69,1201,1202],{},"适用场景",[69,1204,1205],{},"取值固定的枚举项",[69,1207,1208],{},"需要输入过滤 \u002F 自由文本的场景",[34,1210,1211],{"id":1211},"基础用法",[14,1213,1214,1216,1217,1219,1220,1222,1223,148,1225,148,1227,1229],{},[17,1215,135],{}," 绑定选中值；未选中时显示 ",[17,1218,139],{},"。选项用 ",[17,1221,143],{}," 传（",[17,1224,147],{},[17,1226,151],{},[17,1228,154],{},"）。",[157,1231,1232,1236],{"title":1211},[160,1233,1234],{"v-slot:preview":162},[164,1235],{},[160,1237,1238],{"v-slot:code":162},[169,1239,1241],{"className":171,"code":1240,"language":173,"meta":162,"style":162},"\u003CFluereSelect v-model=\"value\" :items=\"items\" header=\"刷新频率\" placeholder=\"请选择\" \u002F>\n",[17,1242,1243],{"__ignoreMap":162},[177,1244,1245,1247,1249,1251,1253,1255,1257,1259,1261,1263,1265,1267,1269,1271,1273,1275,1278,1280,1282,1285],{"class":179,"line":180},[177,1246,184],{"class":183},[177,1248,19],{"class":187},[177,1250,191],{"class":190},[177,1252,194],{"class":183},[177,1254,198],{"class":197},[177,1256,147],{"class":183},[177,1258,198],{"class":197},[177,1260,205],{"class":183},[177,1262,143],{"class":190},[177,1264,194],{"class":183},[177,1266,198],{"class":197},[177,1268,143],{"class":183},[177,1270,198],{"class":197},[177,1272,218],{"class":190},[177,1274,194],{"class":183},[177,1276,1277],{"class":197},"\"刷新频率\"",[177,1279,226],{"class":190},[177,1281,194],{"class":183},[177,1283,1284],{"class":197},"\"请选择\"",[177,1286,234],{"class":183},[34,1288,1289],{"id":1289},"受控与清空",[14,1291,1292,1294,1295,1297,1298,1122],{},[17,1293,243],{}," 是唯一事实源；把它设为 ",[17,1296,247],{}," 即可回到占位符。每次选中都会抛 ",[17,1299,108],{},[157,1301,1303,1307],{"title":1302},"受控 + change + 清空",[160,1304,1305],{"v-slot:preview":162},[257,1306],{},[160,1308,1309],{"v-slot:code":162},[169,1310,1312],{"className":171,"code":1311,"language":173,"meta":162,"style":162},"\u003CFluereSelect v-model=\"value\" :items=\"items\" @change=\"(args) => (last = args.value)\" \u002F>\n\u003CFluereButton size=\"small\" @click=\"value = null\">清空选择\u003C\u002FFluereButton>\n",[17,1313,1314,1368],{"__ignoreMap":162},[177,1315,1316,1318,1320,1322,1324,1326,1328,1330,1332,1334,1336,1338,1340,1342,1344,1346,1348,1350,1352,1354,1356,1358,1360,1362,1364,1366],{"class":179,"line":180},[177,1317,184],{"class":183},[177,1319,19],{"class":187},[177,1321,191],{"class":190},[177,1323,194],{"class":183},[177,1325,198],{"class":197},[177,1327,147],{"class":183},[177,1329,198],{"class":197},[177,1331,205],{"class":183},[177,1333,143],{"class":190},[177,1335,194],{"class":183},[177,1337,198],{"class":197},[177,1339,143],{"class":183},[177,1341,198],{"class":197},[177,1343,296],{"class":183},[177,1345,108],{"class":190},[177,1347,194],{"class":183},[177,1349,198],{"class":197},[177,1351,305],{"class":183},[177,1353,309],{"class":308},[177,1355,312],{"class":183},[177,1357,316],{"class":315},[177,1359,319],{"class":183},[177,1361,194],{"class":315},[177,1363,324],{"class":183},[177,1365,198],{"class":197},[177,1367,234],{"class":183},[177,1369,1370],{"class":179,"line":331},[177,1371,1372],{"class":183},"\u003CFluereButton size=\"small\" @click=\"value = null\">清空选择\u003C\u002FFluereButton>\n",[34,1374,1375],{"id":1375},"状态与空列表",[14,1377,1378,148,1380,1382,1383,1385,1386,1388,1389,1391],{},[17,1379,343],{},[17,1381,346],{}," 与触发面按 id 关联；禁用项键盘会跳过；整组 ",[17,1384,154],{}," 时不展开；",[17,1387,143],{}," 为空时用 ",[17,1390,356],{}," 给空态文案。",[157,1393,1395,1399],{"title":1394},"标题 \u002F 说明 \u002F 禁用 \u002F 空列表",[160,1396,1397],{"v-slot:preview":162},[364,1398],{},[160,1400,1401],{"v-slot:code":162},[169,1402,1404],{"className":171,"code":1403,"language":173,"meta":162,"style":162},"\u003CFluereSelect v-model=\"v\" :items=\"items\" header=\"同步速度\" description=\"含一个不可选项。\" \u002F>\n\u003CFluereSelect v-model=\"v2\" :items=\"items\" disabled header=\"整组禁用\" \u002F>\n\u003CFluereSelect :items=\"[]\" header=\"空列表\">\n  \u003Ctemplate #empty>没有可选项\u003C\u002Ftemplate>\n\u003C\u002FFluereSelect>\n",[17,1405,1406,1451,1492,1519,1524],{"__ignoreMap":162},[177,1407,1408,1410,1412,1414,1416,1418,1420,1422,1424,1426,1428,1430,1432,1434,1436,1438,1441,1444,1446,1449],{"class":179,"line":180},[177,1409,184],{"class":183},[177,1411,19],{"class":187},[177,1413,191],{"class":190},[177,1415,194],{"class":183},[177,1417,198],{"class":197},[177,1419,391],{"class":183},[177,1421,198],{"class":197},[177,1423,205],{"class":183},[177,1425,143],{"class":190},[177,1427,194],{"class":183},[177,1429,198],{"class":197},[177,1431,143],{"class":183},[177,1433,198],{"class":197},[177,1435,218],{"class":190},[177,1437,194],{"class":183},[177,1439,1440],{"class":197},"\"同步速度\"",[177,1442,1443],{"class":190}," description",[177,1445,194],{"class":183},[177,1447,1448],{"class":197},"\"含一个不可选项。\"",[177,1450,234],{"class":183},[177,1452,1453,1455,1457,1459,1461,1463,1466,1468,1470,1472,1474,1476,1478,1480,1483,1485,1487,1490],{"class":179,"line":331},[177,1454,184],{"class":183},[177,1456,19],{"class":187},[177,1458,191],{"class":190},[177,1460,194],{"class":183},[177,1462,198],{"class":197},[177,1464,1465],{"class":183},"v2",[177,1467,198],{"class":197},[177,1469,205],{"class":183},[177,1471,143],{"class":190},[177,1473,194],{"class":183},[177,1475,198],{"class":197},[177,1477,143],{"class":183},[177,1479,198],{"class":197},[177,1481,1482],{"class":190}," disabled",[177,1484,218],{"class":190},[177,1486,194],{"class":183},[177,1488,1489],{"class":197},"\"整组禁用\"",[177,1491,234],{"class":183},[177,1493,1494,1496,1498,1500,1502,1504,1506,1508,1510,1512,1514,1517],{"class":179,"line":397},[177,1495,184],{"class":183},[177,1497,19],{"class":187},[177,1499,205],{"class":183},[177,1501,143],{"class":190},[177,1503,194],{"class":183},[177,1505,198],{"class":197},[177,1507,765],{"class":183},[177,1509,198],{"class":197},[177,1511,218],{"class":190},[177,1513,194],{"class":183},[177,1515,1516],{"class":197},"\"空列表\"",[177,1518,467],{"class":183},[177,1520,1521],{"class":179,"line":413},[177,1522,1523],{"class":183},"  \u003Ctemplate #empty>没有可选项\u003C\u002Ftemplate>\n",[177,1525,1526,1528,1530],{"class":179,"line":424},[177,1527,462],{"class":183},[177,1529,19],{"class":187},[177,1531,467],{"class":183},[34,1533,1534],{"id":1534},"规格来源",[42,1536,1537,1547],{},[45,1538,1539],{},[48,1540,1541,1544],{},[51,1542,1543],{},"项",[51,1545,1546],{},"值",[64,1548,1549,1566,1576],{},[48,1550,1551,1554],{},[69,1552,1553],{},"控件",[69,1555,493,1556,1558,1559,1562,1563,1565],{},[17,1557,28],{},"（",[22,1560,1561],{},"非编辑形态","；WinUI 没有名为 ",[17,1564,5],{}," 的控件）",[48,1567,1568,1570],{},[69,1569,506],{},[69,1571,1572,148,1574],{},[17,1573,511],{},[17,1575,514],{},[48,1577,1578,1581],{},[69,1579,1580],{},"关键文件",[69,1582,1583],{},[17,1584,524],{},[34,1586,1587],{"id":1587},"实现要点",[530,1589,1590,1621,1641,1658,1672,1687],{},[533,1591,1592,1594,1595,541,1597,545,1599,148,1601,148,1603,148,1605,1607,1608,545,1610,1612,1613,545,1615,1617,1618,1620],{},[22,1593,1153],{},"：",[17,1596,540],{},[17,1598,544],{},[17,1600,548],{},[17,1602,551],{},[17,1604,554],{},[17,1606,557],{},"；四边 ",[17,1609,561],{},[17,1611,564],{},"、底边 ",[17,1614,568],{},[17,1616,571],{},"（与本库 ",[17,1619,62],{}," 非编辑形态同一套口径，避免同页两种下拉视觉漂移）。",[533,1622,1623,1594,1626,541,1628,545,1630,148,1632,148,1634,148,1636,1638,1639,1122],{},[22,1624,1625],{},"下拉项",[17,1627,583],{},[17,1629,586],{},[17,1631,589],{},[17,1633,551],{},[17,1635,554],{},[17,1637,596],{},"；选中项左侧 3px 指示条用 ",[17,1640,600],{},[533,1642,1643,1646,1647,1649,1650,1652,1653,1655,1656,1122],{},[22,1644,1645],{},"下拉面","：圆角 ",[17,1648,608],{},"（OverlayCornerRadius）、描边 ",[17,1651,571],{},"、",[17,1654,615],{},"（elevation 16）、底色 ",[17,1657,548],{},[533,1659,1660,1663,1664,1558,1666,1668,1669,1671],{},[22,1661,1662],{},"层级与焦点","：下拉走 0.4.1 的 ",[17,1665,628],{},[17,1667,631],{}," + 嵌套提升），触发面走 0.4.3 的 ",[17,1670,635],{},"（双层焦点矩形）。",[533,1673,1674,1677,1678,1680,1681,1683,1684,1686],{},[22,1675,1676],{},"面板样式必须写在非 scoped 块","：reka 的 ",[17,1679,645],{}," 把 class 落在 Teleport 到 body 的元素上，拿不到本组件的 ",[17,1682,653],{},"——scoped 选择器会静默失效（jsdom 不解析 ",[17,1685,657],{},"，单测发现不了）。",[533,1688,1689,1692,1693,1695,1696,1698,1699,1701],{},[22,1690,1691],{},"已知缺口","：高对比度未实现；不实现 WinUI 的 ",[17,1694,667],{}," 前缀匹配（底座按字符跳转不算搜索）；",[17,1697,671],{}," 档位与 WinUI 的 ",[17,1700,675],{}," 样式未做。",[34,1703,680],{"id":679},[682,1705,1706],{"id":684},[17,1707,19],{},[42,1709,1710,1726],{},[45,1711,1712],{},[48,1713,1714,1717,1720,1723],{},[51,1715,1716],{},"属性（Props）",[51,1718,1719],{},"类型",[51,1721,1722],{},"默认",[51,1724,1725],{},"对应 \u002F 说明",[64,1727,1728,1751,1768,1793,1812,1829,1847,1863,1878,1895,1910,1925,1940,1955],{},[48,1729,1730,1734,1738,1742],{},[69,1731,1732],{},[17,1733,243],{},[69,1735,1736],{},[17,1737,717],{},[69,1739,1740],{},[17,1741,722],{},[69,1743,1744,1745,1747,1748,1750],{},"受控选中值（",[17,1746,135],{},"）；",[17,1749,722],{}," 为非受控",[48,1752,1753,1757,1761,1765],{},[69,1754,1755],{},[17,1756,738],{},[69,1758,1759],{},[17,1760,717],{},[69,1762,1763],{},[17,1764,247],{},[69,1766,1767],{},"非受控初始值",[48,1769,1770,1774,1778,1782],{},[69,1771,1772],{},[17,1773,143],{},[69,1775,1776],{},[17,1777,760],{},[69,1779,1780],{},[17,1781,765],{},[69,1783,1784,1786,1787,148,1789,148,1791],{},[17,1785,770],{},"；每项 ",[17,1788,147],{},[17,1790,151],{},[17,1792,154],{},[48,1794,1795,1799,1803,1807],{},[69,1796,1797],{},[17,1798,784],{},[69,1800,1801],{},[17,1802,789],{},[69,1804,1805],{},[17,1806,722],{},[69,1808,1809,1811],{},[17,1810,798],{},"；不传则内部自管",[48,1813,1814,1818,1822,1826],{},[69,1815,1816],{},[17,1817,806],{},[69,1819,1820],{},[17,1821,789],{},[69,1823,1824],{},[17,1825,815],{},[69,1827,1828],{},"非受控初始展开状态",[48,1830,1831,1835,1839,1843],{},[69,1832,1833],{},[17,1834,154],{},[69,1836,1837],{},[17,1838,789],{},[69,1840,1841],{},[17,1842,815],{},[69,1844,1845],{},[17,1846,837],{},[48,1848,1849,1853,1857,1859],{},[69,1850,1851],{},[17,1852,139],{},[69,1854,1855],{},[17,1856,848],{},[69,1858,851],{},[69,1860,1861],{},[17,1862,856],{},[48,1864,1865,1869,1873,1875],{},[69,1866,1867],{},[17,1868,343],{},[69,1870,1871],{},[17,1872,848],{},[69,1874,851],{},[69,1876,1877],{},"触发面上方标题；同时作为可访问名",[48,1879,1880,1884,1888,1890],{},[69,1881,1882],{},[17,1883,878],{},[69,1885,1886],{},[17,1887,848],{},[69,1889,851],{},[69,1891,1892,1893,1166],{},"显式可访问名（优先于 ",[17,1894,343],{},[48,1896,1897,1901,1905,1907],{},[69,1898,1899],{},[17,1900,346],{},[69,1902,1903],{},[17,1904,848],{},[69,1906,851],{},[69,1908,1909],{},"触发面下方说明",[48,1911,1912,1916,1920,1922],{},[69,1913,1914],{},[17,1915,911],{},[69,1917,1918],{},[17,1919,848],{},[69,1921,851],{},[69,1923,1924],{},"透传隐藏 input 的字段名",[48,1926,1927,1931,1935,1937],{},[69,1928,1929],{},[17,1930,927],{},[69,1932,1933],{},[17,1934,932],{},[69,1936,851],{},[69,1938,1939],{},"自定义值相等判断（对象型选项必传）",[48,1941,1942,1946,1950,1952],{},[69,1943,1944],{},[17,1945,944],{},[69,1947,1948],{},[17,1949,949],{},[69,1951,851],{},[69,1953,1954],{},"文本方向",[48,1956,1957,1961,1965,1969],{},[69,1958,1959],{},[17,1960,961],{},[69,1962,1963],{},[17,1964,966],{},[69,1966,1967],{},[17,1968,971],{},[69,1970,1971,1973],{},[17,1972,976],{},"（px）",[42,1975,1976,1988],{},[45,1977,1978],{},[48,1979,1980,1983,1986],{},[51,1981,1982],{},"事件（Emits）",[51,1984,1985],{},"载荷",[51,1987,1725],{},[64,1989,1990,2005,2020],{},[48,1991,1992,1996,2000],{},[69,1993,1994],{},[17,1995,999],{},[69,1997,1998],{},[17,1999,717],{},[69,2001,2002,2003,1166],{},"受控回写（",[17,2004,135],{},[48,2006,2007,2011,2015],{},[69,2008,2009],{},[17,2010,1015],{},[69,2012,2013],{},[17,2014,789],{},[69,2016,2017,2018,1166],{},"展开状态回写（",[17,2019,798],{},[48,2021,2022,2026,2030],{},[69,2023,2024],{},[17,2025,108],{},[69,2027,2028],{},[17,2029,1035],{},[69,2031,2032],{},"选中项变化",[42,2034,2035,2045],{},[45,2036,2037],{},[48,2038,2039,2042],{},[51,2040,2041],{},"插槽（Slots）",[51,2043,2044],{},"说明",[64,2046,2047,2058],{},[48,2048,2049,2053],{},[69,2050,2051],{},[17,2052,1059],{},[69,2054,2055,2056],{},"自定义项渲染，作用域参数 ",[17,2057,1065],{},[48,2059,2060,2064],{},[69,2061,2062],{},[17,2063,1072],{},[69,2065,2066],{},"空列表文案（组件库不新增内建文案）",[1077,2068,1079],{},{"title":162,"searchDepth":331,"depth":331,"links":2070},[2071,2072,2073,2074,2075,2076,2077],{"id":1125,"depth":331,"text":1126},{"id":1211,"depth":331,"text":1211},{"id":1289,"depth":331,"text":1289},{"id":1375,"depth":331,"text":1375},{"id":1534,"depth":331,"text":1534},{"id":1587,"depth":331,"text":1587},{"id":679,"depth":331,"text":680,"children":2078},[2079],{"id":684,"depth":397,"text":19},"不可编辑的下拉选择器，视觉对齐 WinUI ComboBox 的非编辑形态。",{},{"title":1102},"\u002Fcomponents\u002Fselect",{"title":1102,"description":2080},"components\u002Fselect","Guwec2zlfl-zFO9u2DfUFkR7N_sx4DU81H3obrk9DkM",1792150930143]