[{"data":1,"prerenderedAt":1571},["ShallowReactive",2],{"content-\u002Fcomponents\u002Finput":3,"content-en-fallback-\u002Fcomponents\u002Finput":1570},{"id":4,"title":5,"body":6,"description":1561,"extension":1562,"meta":1563,"nav":1564,"navigation":1565,"path":1566,"seo":1567,"stem":1568,"__hash__":1569},"content\u002Fcomponents\u002Finput.md","Input 输入框",{"type":7,"value":8,"toc":1550},"minimark",[9,13,31,61,65,90,169,172,190,272,275,288,347,350,384,483,486,511,604,607,617,677,679,685,721,839,874,916,919,927,1000,1019,1106,1110,1439,1473,1518,1546],[10,11,5],"h1",{"id":12},"input-输入框",[14,15,16,17,21,22,25,26,30],"p",{},"输入框让用户输入单行或多行文本。样式与行为还原 WinUI 3（Windows App SDK）的 ",[18,19,20],"strong",{},"TextBox"," 与 ",[18,23,24],{},"PasswordBox","：三行模板（标题 \u002F 控件 \u002F 说明）、抬升描边与底部高亮、密码显示按钮与 ",[27,28,29],"code",{},"Alt+F8"," 快捷键、掩码字符与密码显示模式都按源码逐条对照。",[14,32,33,34,39,40,46,47,50,51,56,57,60],{},"密码形态有两条掩码路径，取舍见下文",[35,36,38],"a",{"href":37},"#%E5%AF%86%E7%A0%81%E6%A1%86","密码框","：",[18,41,42,43],{},"不传 ",[27,44,45],{},"passwordChar"," 走浏览器原生 ",[27,48,49],{},"type=\"password\"","（保留密码管理器 \u002F 输入法 \u002F 读屏「密码框」语义，掩码字形由浏览器决定）；",[18,52,53,54],{},"传 ",[27,55,45],{}," 走「显示缓冲」掩码（字形精确，但输入框在掩码状态是 ",[27,58,59],{},"type=\"text\"","，读屏与密码管理器不再识别它是密码框）。",[62,63,64],"h2",{"id":64},"基础用法",[14,66,67,70,71,74,75,74,78,81,82,85,86,89],{},[27,68,69],{},"v-model"," 绑定字符串值；事件与原生属性（",[27,72,73],{},"autocomplete","、",[27,76,77],{},"maxlength",[27,79,80],{},"aria-describedby","……）直接透传到内部的 ",[27,83,84],{},"\u003Cinput>"," \u002F ",[27,87,88],{},"\u003Ctextarea>","。",[91,92,93,100],"demo-block",{"title":64},[94,95,97],"template",{"v-slot:preview":96},"",[98,99],"input-basic-demo",{},[94,101,102],{"v-slot:code":96},[103,104,108],"pre",{"className":105,"code":106,"language":107,"meta":96,"style":96},"language-vue shiki shiki-themes github-light github-dark","\u003CFluereInput v-model=\"value\" placeholder=\"请输入内容\" \u002F>\n\u003CFluereInput placeholder=\"禁用状态\" disabled \u002F>\n","vue",[27,109,110,150],{"__ignoreMap":96},[111,112,115,119,123,127,130,134,137,139,142,144,147],"span",{"class":113,"line":114},"line",1,[111,116,118],{"class":117},"sVt8B","\u003C",[111,120,122],{"class":121},"s9eBZ","FluereInput",[111,124,126],{"class":125},"sScJk"," v-model",[111,128,129],{"class":117},"=",[111,131,133],{"class":132},"sZZnC","\"",[111,135,136],{"class":117},"value",[111,138,133],{"class":132},[111,140,141],{"class":125}," placeholder",[111,143,129],{"class":117},[111,145,146],{"class":132},"\"请输入内容\"",[111,148,149],{"class":117}," \u002F>\n",[111,151,153,155,157,159,161,164,167],{"class":113,"line":152},2,[111,154,118],{"class":117},[111,156,122],{"class":121},[111,158,141],{"class":125},[111,160,129],{"class":117},[111,162,163],{"class":132},"\"禁用状态\"",[111,165,166],{"class":125}," disabled",[111,168,149],{"class":117},[62,170,171],{"id":171},"尺寸",[14,173,174,177,178,181,182,185,186,189],{},[27,175,176],{},"size"," 取 ",[27,179,180],{},"small","（24px）\u002F ",[27,183,184],{},"medium","（32px，默认）\u002F ",[27,187,188],{},"large","（40px）。WinUI 的 TextBox 只有 32px 一档，尺寸档是本库扩展；标题与说明的字号随尺寸档一起走。",[91,191,192,197],{"title":171},[94,193,194],{"v-slot:preview":96},[195,196],"input-size-demo",{},[94,198,199],{"v-slot:code":96},[103,200,202],{"className":105,"code":201,"language":107,"meta":96,"style":96},"\u003CFluereInput size=\"small\" placeholder=\"Small (24px)\" \u002F>\n\u003CFluereInput size=\"medium\" placeholder=\"Medium (32px)\" \u002F>\n\u003CFluereInput size=\"large\" placeholder=\"Large (40px)\" \u002F>\n",[27,203,204,227,249],{"__ignoreMap":96},[111,205,206,208,210,213,215,218,220,222,225],{"class":113,"line":114},[111,207,118],{"class":117},[111,209,122],{"class":121},[111,211,212],{"class":125}," size",[111,214,129],{"class":117},[111,216,217],{"class":132},"\"small\"",[111,219,141],{"class":125},[111,221,129],{"class":117},[111,223,224],{"class":132},"\"Small (24px)\"",[111,226,149],{"class":117},[111,228,229,231,233,235,237,240,242,244,247],{"class":113,"line":152},[111,230,118],{"class":117},[111,232,122],{"class":121},[111,234,212],{"class":125},[111,236,129],{"class":117},[111,238,239],{"class":132},"\"medium\"",[111,241,141],{"class":125},[111,243,129],{"class":117},[111,245,246],{"class":132},"\"Medium (32px)\"",[111,248,149],{"class":117},[111,250,252,254,256,258,260,263,265,267,270],{"class":113,"line":251},3,[111,253,118],{"class":117},[111,255,122],{"class":121},[111,257,212],{"class":125},[111,259,129],{"class":117},[111,261,262],{"class":132},"\"large\"",[111,264,141],{"class":125},[111,266,129],{"class":117},[111,268,269],{"class":132},"\"Large (40px)\"",[111,271,149],{"class":117},[62,273,274],{"id":274},"外观",[14,276,277,177,280,283,284,287],{},[27,278,279],{},"appearance",[27,281,282],{},"outline","（默认，WinUI 的「抬升描边」：顶 \u002F 左 \u002F 右浅、底边重）或 ",[27,285,286],{},"underline","（只留底边，库扩展形态）。",[91,289,290,295],{"title":274},[94,291,292],{"v-slot:preview":96},[293,294],"input-appearance-demo",{},[94,296,297],{"v-slot:code":96},[103,298,300],{"className":105,"code":299,"language":107,"meta":96,"style":96},"\u003CFluereInput appearance=\"outline\" placeholder=\"Outline（默认）\" \u002F>\n\u003CFluereInput appearance=\"underline\" placeholder=\"Underline（下划线）\" \u002F>\n",[27,301,302,325],{"__ignoreMap":96},[111,303,304,306,308,311,313,316,318,320,323],{"class":113,"line":114},[111,305,118],{"class":117},[111,307,122],{"class":121},[111,309,310],{"class":125}," appearance",[111,312,129],{"class":117},[111,314,315],{"class":132},"\"outline\"",[111,317,141],{"class":125},[111,319,129],{"class":117},[111,321,322],{"class":132},"\"Outline（默认）\"",[111,324,149],{"class":117},[111,326,327,329,331,333,335,338,340,342,345],{"class":113,"line":152},[111,328,118],{"class":117},[111,330,122],{"class":121},[111,332,310],{"class":125},[111,334,129],{"class":117},[111,336,337],{"class":132},"\"underline\"",[111,339,141],{"class":125},[111,341,129],{"class":117},[111,343,344],{"class":132},"\"Underline（下划线）\"",[111,346,149],{"class":117},[62,348,349],{"id":349},"标题与说明",[14,351,352,355,356,359,360,363,364,367,368,371,372,85,375,377,378,85,381,383],{},[27,353,354],{},"header"," 渲染在控件上方（WinUI ",[27,357,358],{},"TextBox.Header","，下外边距 8px），",[27,361,362],{},"description"," 渲染在控件下方（",[27,365,366],{},"TextBox.Description","，前景取 ",[27,369,370],{},"TextFillColorSecondary","）。两者分别成为输入框的 ",[27,373,374],{},"aria-labelledby",[27,376,80],{}," 来源，也可用同名插槽替换内容；消费方显式传入 ",[27,379,380],{},"aria-label",[27,382,80],{}," 时不覆盖。",[91,385,386,391],{"title":349},[94,387,388],{"v-slot:preview":96},[389,390],"input-header-demo",{},[94,392,393],{"v-slot:code":96},[103,394,396],{"className":105,"code":395,"language":107,"meta":96,"style":96},"\u003CFluereInput v-model=\"displayName\" header=\"显示名称\" description=\"将展示在个人资料页\" \u002F>\n\u003CFluereInput v-model=\"email\" type=\"email\" description=\"用于接收通知，不会公开\">\n  \u003Ctemplate #header>邮箱 \u003Cspan class=\"text-colorStatusDangerForeground1\">*\u003C\u002Fspan>\u003C\u002Ftemplate>\n\u003C\u002FFluereInput>\n",[27,397,398,433,468,473],{"__ignoreMap":96},[111,399,400,402,404,406,408,410,413,415,418,420,423,426,428,431],{"class":113,"line":114},[111,401,118],{"class":117},[111,403,122],{"class":121},[111,405,126],{"class":125},[111,407,129],{"class":117},[111,409,133],{"class":132},[111,411,412],{"class":117},"displayName",[111,414,133],{"class":132},[111,416,417],{"class":125}," header",[111,419,129],{"class":117},[111,421,422],{"class":132},"\"显示名称\"",[111,424,425],{"class":125}," description",[111,427,129],{"class":117},[111,429,430],{"class":132},"\"将展示在个人资料页\"",[111,432,149],{"class":117},[111,434,435,437,439,441,443,445,448,450,453,455,458,460,462,465],{"class":113,"line":152},[111,436,118],{"class":117},[111,438,122],{"class":121},[111,440,126],{"class":125},[111,442,129],{"class":117},[111,444,133],{"class":132},[111,446,447],{"class":117},"email",[111,449,133],{"class":132},[111,451,452],{"class":125}," type",[111,454,129],{"class":117},[111,456,457],{"class":132},"\"email\"",[111,459,425],{"class":125},[111,461,129],{"class":117},[111,463,464],{"class":132},"\"用于接收通知，不会公开\"",[111,466,467],{"class":117},">\n",[111,469,470],{"class":113,"line":251},[111,471,472],{"class":117},"  \u003Ctemplate #header>邮箱 \u003Cspan class=\"text-colorStatusDangerForeground1\">*\u003C\u002Fspan>\u003C\u002Ftemplate>\n",[111,474,476,479,481],{"class":113,"line":475},4,[111,477,478],{"class":117},"\u003C\u002F",[111,480,122],{"class":121},[111,482,467],{"class":117},[62,484,485],{"id":485},"多行文本",[14,487,488,491,492,495,496,499,500,502,503,506,507,510],{},[27,489,490],{},"multiline"," 对应 WinUI ",[27,493,494],{},"TextBox.AcceptsReturn = true"," + ",[27,497,498],{},"TextWrapping = Wrap","，渲染 ",[27,501,88],{},"：高度按 ",[27,504,505],{},"rows","（默认 3）展开，下限取尺寸高度（WinUI ",[27,508,509],{},"MinHeight"," 32），可拖动右下角调整高度。",[91,512,513,518],{"title":485},[94,514,515],{"v-slot:preview":96},[516,517],"input-multiline-demo",{},[94,519,520],{"v-slot:code":96},[103,521,523],{"className":105,"code":522,"language":107,"meta":96,"style":96},"\u003CFluereInput v-model=\"note\" multiline header=\"备注\" description=\"缺省 3 行\" \u002F>\n\u003CFluereInput v-model=\"feedback\" multiline :rows=\"6\" header=\"反馈\" \u002F>\n",[27,524,525,561],{"__ignoreMap":96},[111,526,527,529,531,533,535,537,540,542,545,547,549,552,554,556,559],{"class":113,"line":114},[111,528,118],{"class":117},[111,530,122],{"class":121},[111,532,126],{"class":125},[111,534,129],{"class":117},[111,536,133],{"class":132},[111,538,539],{"class":117},"note",[111,541,133],{"class":132},[111,543,544],{"class":125}," multiline",[111,546,417],{"class":125},[111,548,129],{"class":117},[111,550,551],{"class":132},"\"备注\"",[111,553,425],{"class":125},[111,555,129],{"class":117},[111,557,558],{"class":132},"\"缺省 3 行\"",[111,560,149],{"class":117},[111,562,563,565,567,569,571,573,576,578,580,583,585,587,589,593,595,597,599,602],{"class":113,"line":152},[111,564,118],{"class":117},[111,566,122],{"class":121},[111,568,126],{"class":125},[111,570,129],{"class":117},[111,572,133],{"class":132},[111,574,575],{"class":117},"feedback",[111,577,133],{"class":132},[111,579,544],{"class":125},[111,581,582],{"class":117}," :",[111,584,505],{"class":125},[111,586,129],{"class":117},[111,588,133],{"class":132},[111,590,592],{"class":591},"sj4cs","6",[111,594,133],{"class":132},[111,596,417],{"class":125},[111,598,129],{"class":117},[111,600,601],{"class":132},"\"反馈\"",[111,603,149],{"class":117},[62,605,606],{"id":606},"错误状态",[14,608,609,612,613,616],{},[27,610,611],{},"invalid"," 是本库扩展（WinUI TextBox 无内建错误态）：换成 status danger 描边并渲染 ",[27,614,615],{},"aria-invalid","，聚焦时底部高亮同样走 danger。",[91,618,619,624],{"title":606},[94,620,621],{"v-slot:preview":96},[622,623],"input-invalid-demo",{},[94,625,626],{"v-slot:code":96},[103,627,629],{"className":105,"code":628,"language":107,"meta":96,"style":96},"\u003CFluereInput invalid placeholder=\"错误输入\" aria-describedby=\"input-error-hint\" \u002F>\n\u003Cp id=\"input-error-hint\">请输入有效的内容。\u003C\u002Fp>\n",[27,630,631,657],{"__ignoreMap":96},[111,632,633,635,637,640,642,644,647,650,652,655],{"class":113,"line":114},[111,634,118],{"class":117},[111,636,122],{"class":121},[111,638,639],{"class":125}," invalid",[111,641,141],{"class":125},[111,643,129],{"class":117},[111,645,646],{"class":132},"\"错误输入\"",[111,648,649],{"class":125}," aria-describedby",[111,651,129],{"class":117},[111,653,654],{"class":132},"\"input-error-hint\"",[111,656,149],{"class":117},[111,658,659,661,663,666,668,670,673,675],{"class":113,"line":152},[111,660,118],{"class":117},[111,662,14],{"class":121},[111,664,665],{"class":125}," id",[111,667,129],{"class":117},[111,669,654],{"class":132},[111,671,672],{"class":117},">请输入有效的内容。\u003C\u002F",[111,674,14],{"class":121},[111,676,467],{"class":117},[62,678,38],{"id":38},[14,680,681,491,683,39],{},[27,682,49],{},[18,684,24],{},[686,687,688,708],"ul",{},[689,690,691,695,696,699,700,703,704,707],"li",{},[18,692,42,693],{},[27,694,45],{},"：原生 ",[27,697,698],{},"\u003Cinput type=\"password\">","。掩码字形由浏览器决定（Chrome \u002F Firefox 画 ",[27,701,702],{},"•","，WinUI 是 ",[27,705,706],{},"●","）—— 这是 Web 侧不可消除的差异，换来的是密码管理器、自动填充、输入法组合与读屏「密码框」角色全部照常工作。",[689,709,710,714,715,39,717,720],{},[18,711,53,712],{},[27,713,45],{},"（多字符取首个码位）：走「显示缓冲」掩码，与 WinUI 把明文交给 RichEdit 密码模式同构 —— 输入框里放的是掩码串，真值只留在组件状态里，每次编辑按显示差异反推真值。字形精确到指定字符，代价是该状态下输入框是 ",[27,716,59],{},[18,718,719],{},"读屏不再把它当密码框","、浏览器也不再提供密码保存 \u002F 填充。",[91,722,723,728],{"title":38},[94,724,725],{"v-slot:preview":96},[726,727],"input-password-demo",{},[94,729,730],{"v-slot:code":96},[103,731,733],{"className":105,"code":732,"language":107,"meta":96,"style":96},"\u003CFluereInput v-model=\"simple\" type=\"password\" placeholder=\"请输入密码\" \u002F>\n\u003CFluereInput\n  v-model=\"custom\"\n  type=\"password\"\n  header=\"密码\"\n  placeholder=\"请输入密码\"\n  password-char=\"#\"\n\u002F>\n",[27,734,735,768,775,790,800,811,822,833],{"__ignoreMap":96},[111,736,737,739,741,743,745,747,750,752,754,756,759,761,763,766],{"class":113,"line":114},[111,738,118],{"class":117},[111,740,122],{"class":121},[111,742,126],{"class":125},[111,744,129],{"class":117},[111,746,133],{"class":132},[111,748,749],{"class":117},"simple",[111,751,133],{"class":132},[111,753,452],{"class":125},[111,755,129],{"class":117},[111,757,758],{"class":132},"\"password\"",[111,760,141],{"class":125},[111,762,129],{"class":117},[111,764,765],{"class":132},"\"请输入密码\"",[111,767,149],{"class":117},[111,769,770,772],{"class":113,"line":152},[111,771,118],{"class":117},[111,773,774],{"class":121},"FluereInput\n",[111,776,777,780,782,784,787],{"class":113,"line":251},[111,778,779],{"class":125},"  v-model",[111,781,129],{"class":117},[111,783,133],{"class":132},[111,785,786],{"class":117},"custom",[111,788,789],{"class":132},"\"\n",[111,791,792,795,797],{"class":113,"line":475},[111,793,794],{"class":125},"  type",[111,796,129],{"class":117},[111,798,799],{"class":132},"\"password\"\n",[111,801,803,806,808],{"class":113,"line":802},5,[111,804,805],{"class":125},"  header",[111,807,129],{"class":117},[111,809,810],{"class":132},"\"密码\"\n",[111,812,814,817,819],{"class":113,"line":813},6,[111,815,816],{"class":125},"  placeholder",[111,818,129],{"class":117},[111,820,821],{"class":132},"\"请输入密码\"\n",[111,823,825,828,830],{"class":113,"line":824},7,[111,826,827],{"class":125},"  password-char",[111,829,129],{"class":117},[111,831,832],{"class":132},"\"#\"\n",[111,834,836],{"class":113,"line":835},8,[111,837,838],{"class":117},"\u002F>\n",[840,841,842],"blockquote",{},[14,843,844,847,848,85,851,85,854,857,858,861,862,865,866,869,870,873],{},[18,845,846],{},"复制拦截（两条路径都生效）","：掩码状态下 ",[27,849,850],{},"copy",[27,852,853],{},"cut",[27,855,856],{},"dragstart"," 一律被拦下（右键菜单的「复制」、选中后 ",[27,859,860],{},"Ctrl+C","、拖拽文本都取不到内容），对应 WinUI 密码模式不提供剪贴板出口、以及文本控件的 ",[27,863,864],{},"TXTBIT_DISABLEDDRAG","。显示明文（",[27,867,868],{},"peek"," 按住期间或 ",[27,871,872],{},"visible","）时放行 —— 与「闭眼模式挡住复制」的口径一致。",[840,875,876],{},[14,877,878,881,882,884,885,887,888,890,891,884,893,895,896,899,900,903,904,907,908,911,912,915],{},[18,879,880],{},"两条路径的浏览器实测差异","：原生路径（未传 ",[27,883,45],{},"）的控件是 ",[27,886,49],{},"，掩码字形是浏览器的 ",[27,889,702],{},"；显示缓冲路径（传了 ",[27,892,45],{},[27,894,59],{},"，掩码字形就是指定字符（示例里的 ",[27,897,898],{},"#","）。两条路径的编辑行为都已在真实浏览器里逐条核验：中间插入 \u002F 中间退格 \u002F 选中替换 \u002F 粘贴 \u002F ",[27,901,902],{},"Ctrl+Z"," 撤销 \u002F ",[27,905,906],{},"Ctrl+Shift+Z"," 重做 \u002F 全选删除后的真值都与输入一致（掩码字形相同，靠 ",[27,909,910],{},"beforeinput"," 的编辑区间 + ",[27,913,914],{},"inputType"," 反推，不靠字形比对）。",[62,917,918],{"id":918},"显示密码",[14,920,921,491,924,39],{},[27,922,923],{},"passwordRevealMode",[27,925,926],{},"PasswordBox.PasswordRevealMode",[928,929,930,943],"table",{},[931,932,933],"thead",{},[934,935,936,940],"tr",{},[937,938,939],"th",{},"取值",[937,941,942],{},"行为",[944,945,946,974,984],"tbody",{},[934,947,948,954],{},[949,950,951],"td",{},[27,952,953],{},"'peek'",[949,955,956,959,960,963,964,495,967,970,971,973],{},[18,957,958],{},"默认","。聚焦 + 本次聚焦期间「空 → 非空」+ 控件宽 > 5em 时，右侧出现「显示」按钮；",[18,961,962],{},"按住","期间显示明文、松开即遮蔽。键盘等价物是按住 ",[27,965,966],{},"Alt",[27,968,969],{},"F8","（松开 ",[27,972,969],{}," 遮蔽）",[934,975,976,981],{},[949,977,978],{},[27,979,980],{},"'hidden'",[949,982,983],{},"恒遮蔽，不出现按钮",[934,985,986,991],{},[949,987,988],{},[27,989,990],{},"'visible'",[949,992,993,994,85,997,999],{},"恒显示明文，不出现按钮（官方样例即用 CheckBox 在 ",[27,995,996],{},"hidden",[27,998,872],{}," 之间切换）",[14,1001,1002,1003,1006,1007,1010,1011,1014,1015,1018],{},"几条来自 WinUI 源码的细节（都有契约测试守着）：按钮 ",[27,1004,1005],{},"tabindex=\"-1\"","（",[27,1008,1009],{},"IsTabStop=False","）不进 Tab 序列；获得焦点时按钮先隐藏，只有本次聚焦期间从空输入了内容才出现；控件宽度不足 5em 时按钮不出现（",[27,1012,1013],{},"ArrangeOverride"," 的 ",[27,1016,1017],{},"Minimum width … is 5em","）。",[91,1020,1021,1026],{"title":918},[94,1022,1023],{"v-slot:preview":96},[1024,1025],"input-password-reveal-demo",{},[94,1027,1028],{"v-slot:code":96},[103,1029,1031],{"className":105,"code":1030,"language":107,"meta":96,"style":96},"\u003CFluereInput\n  v-model=\"password\"\n  type=\"password\"\n  aria-label=\"示例密码框\"\n  :password-reveal-mode=\"showPassword ? 'visible' : 'hidden'\"\n\u002F>\n\u003CFluereCheckbox v-model=\"showPassword\">Show password\u003C\u002FFluereCheckbox>\n",[27,1032,1033,1039,1052,1060,1070,1097,1101],{"__ignoreMap":96},[111,1034,1035,1037],{"class":113,"line":114},[111,1036,118],{"class":117},[111,1038,774],{"class":121},[111,1040,1041,1043,1045,1047,1050],{"class":113,"line":152},[111,1042,779],{"class":125},[111,1044,129],{"class":117},[111,1046,133],{"class":132},[111,1048,1049],{"class":117},"password",[111,1051,789],{"class":132},[111,1053,1054,1056,1058],{"class":113,"line":251},[111,1055,794],{"class":125},[111,1057,129],{"class":117},[111,1059,799],{"class":132},[111,1061,1062,1065,1067],{"class":113,"line":475},[111,1063,1064],{"class":125},"  aria-label",[111,1066,129],{"class":117},[111,1068,1069],{"class":132},"\"示例密码框\"\n",[111,1071,1072,1075,1078,1080,1082,1085,1089,1092,1094],{"class":113,"line":802},[111,1073,1074],{"class":117},"  :",[111,1076,1077],{"class":125},"password-reveal-mode",[111,1079,129],{"class":117},[111,1081,133],{"class":132},[111,1083,1084],{"class":117},"showPassword ",[111,1086,1088],{"class":1087},"szBVR","?",[111,1090,1091],{"class":132}," 'visible'",[111,1093,582],{"class":1087},[111,1095,1096],{"class":132}," 'hidden'\"\n",[111,1098,1099],{"class":113,"line":813},[111,1100,838],{"class":117},[111,1102,1103],{"class":113,"line":824},[111,1104,1105],{"class":117},"\u003CFluereCheckbox v-model=\"showPassword\">Show password\u003C\u002FFluereCheckbox>\n",[62,1107,1109],{"id":1108},"api","API",[928,1111,1112,1127],{},[931,1113,1114],{},[934,1115,1116,1119,1122,1124],{},[937,1117,1118],{},"属性（Props）",[937,1120,1121],{},"类型",[937,1123,958],{},[937,1125,1126],{},"说明",[944,1128,1129,1152,1171,1196,1216,1235,1260,1278,1298,1320,1346,1368,1391,1417],{},[934,1130,1131,1136,1141,1146],{},[949,1132,1133],{},[27,1134,1135],{},"modelValue",[949,1137,1138],{},[27,1139,1140],{},"string",[949,1142,1143],{},[27,1144,1145],{},"—",[949,1147,1148,1149,1151],{},"输入值（",[27,1150,69],{},"）",[934,1153,1154,1158,1163,1168],{},[949,1155,1156],{},[27,1157,176],{},[949,1159,1160],{},[27,1161,1162],{},"'small' | 'medium' | 'large'",[949,1164,1165],{},[27,1166,1167],{},"'medium'",[949,1169,1170],{},"尺寸，高度分别为 24 \u002F 32 \u002F 40 px（WinUI 默认 32）",[934,1172,1173,1177,1182,1187],{},[949,1174,1175],{},[27,1176,279],{},[949,1178,1179],{},[27,1180,1181],{},"'outline' | 'underline'",[949,1183,1184],{},[27,1185,1186],{},"'outline'",[949,1188,1189,1190,1192,1193,1195],{},"外观；",[27,1191,282],{}," 对齐 WinUI 的「抬升描边」，",[27,1194,286],{}," 为库扩展（只保留底边）",[934,1197,1198,1203,1208,1213],{},[949,1199,1200],{},[27,1201,1202],{},"disabled",[949,1204,1205],{},[27,1206,1207],{},"boolean",[949,1209,1210],{},[27,1211,1212],{},"false",[949,1214,1215],{},"是否禁用",[934,1217,1218,1222,1226,1230],{},[949,1219,1220],{},[27,1221,611],{},[949,1223,1224],{},[27,1225,1207],{},[949,1227,1228],{},[27,1229,1212],{},[949,1231,1232,1233],{},"无效 \u002F 错误态；库扩展（WinUI TextBox 无内建错误态），同时渲染 ",[27,1234,615],{},[934,1236,1237,1242,1247,1252],{},[949,1238,1239],{},[27,1240,1241],{},"type",[949,1243,1244],{},[27,1245,1246],{},"'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url'",[949,1248,1249],{},[27,1250,1251],{},"'text'",[949,1253,1254,1255,1006,1257,1259],{},"原生 ",[27,1256,1241],{},[27,1258,490],{}," 为 true 时忽略）",[934,1261,1262,1267,1271,1275],{},[949,1263,1264],{},[27,1265,1266],{},"placeholder",[949,1268,1269],{},[27,1270,1140],{},[949,1272,1273],{},[27,1274,1145],{},[949,1276,1277],{},"占位符",[934,1279,1280,1284,1288,1292],{},[949,1281,1282],{},[27,1283,354],{},[949,1285,1286],{},[27,1287,1140],{},[949,1289,1290],{},[27,1291,1145],{},[949,1293,1294,1295,1297],{},"标题，渲染在控件上方（WinUI ",[27,1296,358],{},"）；同时作为可访问名来源",[934,1299,1300,1304,1308,1312],{},[949,1301,1302],{},[27,1303,362],{},[949,1305,1306],{},[27,1307,1140],{},[949,1309,1310],{},[27,1311,1145],{},[949,1313,1314,1315,1317,1318],{},"说明，渲染在控件下方（WinUI ",[27,1316,366],{},"），挂到 ",[27,1319,80],{},[934,1321,1322,1326,1330,1334],{},[949,1323,1324],{},[27,1325,490],{},[949,1327,1328],{},[27,1329,1207],{},[949,1331,1332],{},[27,1333,1212],{},[949,1335,1336,1337,495,1340,1343,1344],{},"多行形态（WinUI ",[27,1338,1339],{},"AcceptsReturn",[27,1341,1342],{},"TextWrapping=Wrap","），渲染 ",[27,1345,88],{},[934,1347,1348,1352,1357,1362],{},[949,1349,1350],{},[27,1351,505],{},[949,1353,1354],{},[27,1355,1356],{},"number",[949,1358,1359],{},[27,1360,1361],{},"3",[949,1363,1364,1365,1367],{},"多行行数（仅 ",[27,1366,490],{}," 生效）",[934,1369,1370,1374,1379,1383],{},[949,1371,1372],{},[27,1373,923],{},[949,1375,1376],{},[27,1377,1378],{},"'peek' | 'hidden' | 'visible'",[949,1380,1381],{},[27,1382,953],{},[949,1384,1385,1386,1388,1389,1367],{},"密码显示模式（WinUI ",[27,1387,926],{},"，仅 ",[27,1390,49],{},[934,1392,1393,1397,1401,1405],{},[949,1394,1395],{},[27,1396,45],{},[949,1398,1399],{},[27,1400,1140],{},[949,1402,1403],{},[27,1404,1145],{},[949,1406,1407,1408,1411,1412,1414,1415,1151],{},"掩码字符（WinUI ",[27,1409,1410],{},"PasswordBox.PasswordChar","）；不传走原生 ",[27,1413,49],{},"，传值走显示缓冲掩码（见",[35,1416,38],{"href":37},[934,1418,1419,1424,1428,1433],{},[949,1420,1421],{},[27,1422,1423],{},"revealButtonLabel",[949,1425,1426],{},[27,1427,1140],{},[949,1429,1430],{},[27,1431,1432],{},"'Show password'",[949,1434,1435,1436,1151],{},"「显示」按钮的无障碍名（对应 WinUI 本地化串 ",[27,1437,1438],{},"UIA_PASSWORDBOX_REVEAL",[928,1440,1441,1450],{},[931,1442,1443],{},[934,1444,1445,1448],{},[937,1446,1447],{},"插槽（Slots）",[937,1449,1126],{},[944,1451,1452,1464],{},[934,1453,1454,1458],{},[949,1455,1456],{},[27,1457,354],{},[949,1459,1460,1461,1151],{},"替换标题内容（WinUI ",[27,1462,1463],{},"HeaderTemplate",[934,1465,1466,1470],{},[949,1467,1468],{},[27,1469,362],{},[949,1471,1472],{},"替换说明内容",[840,1474,1475],{},[14,1476,1477,39,1480,85,1482,1485,1486,1488,1489,85,1492,85,1495,85,1498,85,1501,1504,1505,74,1507,74,1509,1512,1513,85,1515,1517],{},[18,1478,1479],{},"没有额外的 Events",[27,1481,1135],{},[27,1483,1484],{},"update:modelValue"," 由 ",[27,1487,69],{}," 提供；",[27,1490,1491],{},"input",[27,1493,1494],{},"change",[27,1496,1497],{},"focus",[27,1499,1500],{},"blur",[27,1502,1503],{},"keydown"," 等原生事件与 ",[27,1506,73],{},[27,1508,77],{},[27,1510,1511],{},"aria-*"," 等属性直接透传到内部的 ",[27,1514,84],{},[27,1516,88],{}," 上，按原生用法传即可。",[840,1519,1520],{},[14,1521,1522,1525,1526,1528,1529,1531,1532,1534,1535,1537,1538,1541,1542,1545],{},[18,1523,1524],{},"Web 侧的两处已知差异","（都写进了组件注释，不当作「已对齐实机」）：① 原生 ",[27,1527,49],{}," 的掩码字形由浏览器决定，无法指定 WinUI 的 ",[27,1530,706],{},"；要指定字形就得用显示缓冲路径（",[27,1533,45],{},"），代价是读屏 \u002F 密码管理器不再识别密码框。② 显式 ",[27,1536,45],{}," 时 WinUI 会在密码模式下禁掉输入法（",[27,1539,1540],{},"InputScope = IS_PASSWORD","），Web 侧无法禁用输入法，只能在 IME 组合期间用 ",[27,1543,1544],{},"-webkit-text-security"," 兜住明文、组合结束后再收敛成掩码串。",[1547,1548,1549],"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 .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}",{"title":96,"searchDepth":152,"depth":152,"links":1551},[1552,1553,1554,1555,1556,1557,1558,1559,1560],{"id":64,"depth":152,"text":64},{"id":171,"depth":152,"text":171},{"id":274,"depth":152,"text":274},{"id":349,"depth":152,"text":349},{"id":485,"depth":152,"text":485},{"id":606,"depth":152,"text":606},{"id":38,"depth":152,"text":38},{"id":918,"depth":152,"text":918},{"id":1108,"depth":152,"text":1109},"输入框组件，用于获取用户文本输入，支持标题 \u002F 说明、多行与密码形态。","md",{},{"title":5},true,"\u002Fcomponents\u002Finput",{"title":5,"description":1561},"components\u002Finput","_o4gdor6197HwGZnHx0lGgJ32gZFaoIDdBsJNOrkBmc",null,1791802960540]