[{"data":1,"prerenderedAt":1396},["ShallowReactive",2],{"content-\u002Fcomponents\u002Ftooltip":3,"content-en-fallback-\u002Fcomponents\u002Ftooltip":1395},{"id":4,"title":5,"body":6,"description":1387,"extension":1388,"meta":1389,"nav":1390,"navigation":528,"path":1391,"seo":1392,"stem":1393,"__hash__":1394},"content\u002Fcomponents\u002Ftooltip.md","Tooltip 提示",{"type":7,"value":8,"toc":1377},"minimark",[9,13,22,38,109,113,124,188,191,212,345,349,368,450,459,462,482,612,657,660,673,723,727,927,963,1005,1011,1071,1373],[10,11,5],"h1",{"id":12},"tooltip-提示",[14,15,16,17,21],"p",{},"ToolTip 用来补充说明「这个元素做什么」或「用户该做什么」：指针悬停在目标元素上、或目标元素获得键盘焦点时出现（WinUI 官方描述：",[18,19,20],"em",{},"A ToolTip shows more information about a UI element… The ToolTip is shown when a user hovers over or presses and holds the UI element.","）。",[14,23,24,25,29,30,33,34,37],{},"样式、几何与动效对齐 WinUI 3 \u002F Windows App SDK 的 ToolTip（",[26,27,28],"code",{},"microsoft-ui-xaml"," ",[26,31,32],{},"winui3\u002Frelease\u002F2.5.1","；",[26,35,36],{},"ToolTip_themeresources.xaml"," 与最新 WinUI3 Gallery 发行版 v2.9.3 所用的 WindowsAppSDK 2.0.1 逐字节一致）：",[39,40,41,68,86,99],"ul",{},[42,43,44,48,49,52,53,56,57,60,61,64,65,21],"li",{},[45,46,47],"strong",{},"几何","：内边距 ",[26,50,51],{},"9,6,9,8","（",[26,54,55],{},"ToolTipBorderPadding","）、最大宽 320（",[26,58,59],{},"ToolTipMaxWidth","）、圆角 4（",[26,62,63],{},"ControlCornerRadius","）、1px 描边（",[26,66,67],{},"ToolTipBorderThemeThickness",[42,69,70,73,74,77,78,81,82,85],{},[45,71,72],{},"配色","：底色 ",[26,75,76],{},"AcrylicInAppFillColorDefaultBrush","（应用内 Acrylic）、前景 ",[26,79,80],{},"TextFillColorPrimary","、描边 ",[26,83,84],{},"SurfaceStrokeColorFlyout","。",[42,87,88,91,92,95,96,85],{},[45,89,90],{},"排版","：字号 12（",[26,93,94],{},"ToolTipContentThemeFontSize","）、行高 16、",[26,97,98],{},"TextWrapping=Wrap",[42,100,101,104,105,108],{},[45,102,103],{},"没有箭头","：WinUI 的 ToolTip 模板里只有一个 ",[26,106,107],{},"ContentPresenter","，不存在 Pointer \u002F 尖角，本组件同样不渲染箭头。",[110,111,112],"h2",{"id":112},"基础用法",[14,114,115,116,119,120,123],{},"包住任意元素即可；",[26,117,118],{},"content"," 对应 WinUI 的 ",[26,121,122],{},"ToolTipService.ToolTip=\"文本\""," 用法。",[125,126,128,135],"demo-block",{"title":127},"简单 ToolTip（对齐 Gallery 示例）",[129,130,132],"template",{"v-slot:preview":131},"",[133,134],"tooltip-basic-demo",{},[129,136,137],{"v-slot:code":131},[138,139,143],"pre",{"className":140,"code":141,"language":142,"meta":131,"style":131},"language-vue shiki shiki-themes github-light github-dark","\u003CFluereTooltip content=\"Simple ToolTip\">\n  \u003CFluereButton>Button with a simple ToolTip.\u003C\u002FFluereButton>\n\u003C\u002FFluereTooltip>\n","vue",[26,144,145,172,178],{"__ignoreMap":131},[146,147,150,154,158,162,165,169],"span",{"class":148,"line":149},"line",1,[146,151,153],{"class":152},"sVt8B","\u003C",[146,155,157],{"class":156},"s9eBZ","FluereTooltip",[146,159,161],{"class":160},"sScJk"," content",[146,163,164],{"class":152},"=",[146,166,168],{"class":167},"sZZnC","\"Simple ToolTip\"",[146,170,171],{"class":152},">\n",[146,173,175],{"class":148,"line":174},2,[146,176,177],{"class":152},"  \u003CFluereButton>Button with a simple ToolTip.\u003C\u002FFluereButton>\n",[146,179,181,184,186],{"class":148,"line":180},3,[146,182,183],{"class":152},"\u003C\u002F",[146,185,157],{"class":156},[146,187,171],{"class":152},[110,189,190],{"id":190},"弹出方位",[14,192,193,119,196,199,200,203,204,207,208,211],{},[26,194,195],{},"placement",[26,197,198],{},"ToolTip.Placement","，缺省 ",[26,201,202],{},"top","（即 WinUI 自动 ToolTip 的 ",[26,205,206],{},"DefaultPlacementMode","）。空间不足时组件会自动翻转到相反方位并把提示面推回视口内（对齐 ",[26,209,210],{},"ToolTipPositioning::QueryRelativePosition"," 的「首选方位 → 对侧 → 贴边回推」）。",[125,213,215,220],{"title":214},"四个方位",[129,216,217],{"v-slot:preview":131},[218,219],"tooltip-placement-demo",{},[129,221,222],{"v-slot:code":131},[138,223,225],{"className":140,"code":224,"language":142,"meta":131,"style":131},"\u003CFluereTooltip content=\"Placement = Top（默认）\" placement=\"top\">\n  \u003CFluereButton>Top\u003C\u002FFluereButton>\n\u003C\u002FFluereTooltip>\n\u003CFluereTooltip content=\"Placement = Bottom\" placement=\"bottom\">…\u003C\u002FFluereTooltip>\n\u003CFluereTooltip content=\"Placement = Left\" placement=\"left\">…\u003C\u002FFluereTooltip>\n\u003CFluereTooltip content=\"Placement = Right\" placement=\"right\">…\u003C\u002FFluereTooltip>\n",[26,226,227,250,255,263,291,318],{"__ignoreMap":131},[146,228,229,231,233,235,237,240,243,245,248],{"class":148,"line":149},[146,230,153],{"class":152},[146,232,157],{"class":156},[146,234,161],{"class":160},[146,236,164],{"class":152},[146,238,239],{"class":167},"\"Placement = Top（默认）\"",[146,241,242],{"class":160}," placement",[146,244,164],{"class":152},[146,246,247],{"class":167},"\"top\"",[146,249,171],{"class":152},[146,251,252],{"class":148,"line":174},[146,253,254],{"class":152},"  \u003CFluereButton>Top\u003C\u002FFluereButton>\n",[146,256,257,259,261],{"class":148,"line":180},[146,258,183],{"class":152},[146,260,157],{"class":156},[146,262,171],{"class":152},[146,264,266,268,270,272,274,277,279,281,284,287,289],{"class":148,"line":265},4,[146,267,153],{"class":152},[146,269,157],{"class":156},[146,271,161],{"class":160},[146,273,164],{"class":152},[146,275,276],{"class":167},"\"Placement = Bottom\"",[146,278,242],{"class":160},[146,280,164],{"class":152},[146,282,283],{"class":167},"\"bottom\"",[146,285,286],{"class":152},">…\u003C\u002F",[146,288,157],{"class":156},[146,290,171],{"class":152},[146,292,294,296,298,300,302,305,307,309,312,314,316],{"class":148,"line":293},5,[146,295,153],{"class":152},[146,297,157],{"class":156},[146,299,161],{"class":160},[146,301,164],{"class":152},[146,303,304],{"class":167},"\"Placement = Left\"",[146,306,242],{"class":160},[146,308,164],{"class":152},[146,310,311],{"class":167},"\"left\"",[146,313,286],{"class":152},[146,315,157],{"class":156},[146,317,171],{"class":152},[146,319,321,323,325,327,329,332,334,336,339,341,343],{"class":148,"line":320},6,[146,322,153],{"class":152},[146,324,157],{"class":156},[146,326,161],{"class":160},[146,328,164],{"class":152},[146,330,331],{"class":167},"\"Placement = Right\"",[146,333,242],{"class":160},[146,335,164],{"class":152},[146,337,338],{"class":167},"\"right\"",[146,340,286],{"class":152},[146,342,157],{"class":156},[146,344,171],{"class":152},[110,346,348],{"id":347},"显示延时与重展示","显示延时与「重展示」",[14,350,351,352,355,356,359,360,363,364,367],{},"WinUI 把延时交给进程级的 ",[26,353,354],{},"ToolTipService","：首次显示 = ",[26,357,358],{},"SPI_GETMOUSEHOVERTIME","(400ms) × 2（鼠标 \u002F 键盘）或 × 1（触摸），距上次打开不足 ",[26,361,362],{},"BETWEEN_SHOW_DELAY_MS","(200ms) 时改走「重展示」路径（鼠标 1.5×、触摸 0）。",[26,365,366],{},"FluereTooltipProvider"," 就是这层服务：把一组 ToolTip 包起来，它们共享同一个重展示窗口。",[125,369,371,376],{"title":370},"Provider（对齐 ToolTipService）与单例延时",[129,372,373],{"v-slot:preview":131},[374,375],"tooltip-delay-demo",{},[129,377,378],{"v-slot:code":131},[138,379,381],{"className":140,"code":380,"language":142,"meta":131,"style":131},"\u003CFluereTooltipProvider :delay-duration=\"400\" :skip-delay-duration=\"200\">\n  \u003CFluereTooltip content=\"Simple ToolTip\">\n    \u003CFluereButton>默认 400ms\u003C\u002FFluereButton>\n  \u003C\u002FFluereTooltip>\n  \u003CFluereTooltip content=\"立即显示\" :delay-duration=\"0\">…\u003C\u002FFluereTooltip>\n\u003C\u002FFluereTooltipProvider>\n",[26,382,383,422,427,432,437,442],{"__ignoreMap":131},[146,384,385,387,389,392,395,397,400,404,406,408,411,413,415,418,420],{"class":148,"line":149},[146,386,153],{"class":152},[146,388,366],{"class":156},[146,390,391],{"class":152}," :",[146,393,394],{"class":160},"delay-duration",[146,396,164],{"class":152},[146,398,399],{"class":167},"\"",[146,401,403],{"class":402},"sj4cs","400",[146,405,399],{"class":167},[146,407,391],{"class":152},[146,409,410],{"class":160},"skip-delay-duration",[146,412,164],{"class":152},[146,414,399],{"class":167},[146,416,417],{"class":402},"200",[146,419,399],{"class":167},[146,421,171],{"class":152},[146,423,424],{"class":148,"line":174},[146,425,426],{"class":152},"  \u003CFluereTooltip content=\"Simple ToolTip\">\n",[146,428,429],{"class":148,"line":180},[146,430,431],{"class":152},"    \u003CFluereButton>默认 400ms\u003C\u002FFluereButton>\n",[146,433,434],{"class":148,"line":265},[146,435,436],{"class":152},"  \u003C\u002FFluereTooltip>\n",[146,438,439],{"class":148,"line":293},[146,440,441],{"class":152},"  \u003CFluereTooltip content=\"立即显示\" :delay-duration=\"0\">…\u003C\u002FFluereTooltip>\n",[146,443,444,446,448],{"class":148,"line":320},[146,445,183],{"class":152},[146,447,366],{"class":156},[146,449,171],{"class":152},[451,452,453],"blockquote",{},[14,454,455,456,458],{},"不套 ",[26,457,366],{}," 也能单独使用：组件会自带一层缺省 Provider（400 \u002F 200），只是这样「多个 ToolTip 共享重展示窗口」的手感就没有了。",[110,460,461],{"id":461},"内容形态与禁用",[14,463,464,466,467,470,471,119,474,477,478,481],{},[26,465,118],{}," 传纯文本；需要富内容（图标、快捷键、多段文字）时用 ",[26,468,469],{},"#content"," 插槽。",[26,472,473],{},"disabled",[26,475,476],{},"ToolTip.IsEnabled = false","（WinUI 在该分支把 Popup 的 ",[26,479,480],{},"Opacity"," 置 0，本库表达为不展开）。",[125,483,485,490],{"title":484},"纯文本 \u002F 长文本换行 \u002F 富内容 \u002F disabled",[129,486,487],{"v-slot:preview":131},[488,489],"tooltip-content-demo",{},[129,491,492],{"v-slot:code":131},[138,493,495],{"className":140,"code":494,"language":142,"meta":131,"style":131},"\u003CFluereTooltip content=\"Simple ToolTip\">\n  \u003CFluereButton>纯文本（content）\u003C\u002FFluereButton>\n\u003C\u002FFluereTooltip>\n\n\u003CFluereTooltip :content=\"longText\">\n  \u003CFluereButton>长文本自动换行\u003C\u002FFluereButton>\n\u003C\u002FFluereTooltip>\n\n\u003CFluereTooltip>\n  \u003CFluereButton>富内容（#content）\u003C\u002FFluereButton>\n  \u003Ctemplate #content>\n    \u003Cspan>\u003Cstrong>保存\u003C\u002Fstrong> Ctrl + S\u003C\u002Fspan>\n  \u003C\u002Ftemplate>\n\u003C\u002FFluereTooltip>\n",[26,496,497,511,516,524,530,551,556,565,570,579,585,591,597,603],{"__ignoreMap":131},[146,498,499,501,503,505,507,509],{"class":148,"line":149},[146,500,153],{"class":152},[146,502,157],{"class":156},[146,504,161],{"class":160},[146,506,164],{"class":152},[146,508,168],{"class":167},[146,510,171],{"class":152},[146,512,513],{"class":148,"line":174},[146,514,515],{"class":152},"  \u003CFluereButton>纯文本（content）\u003C\u002FFluereButton>\n",[146,517,518,520,522],{"class":148,"line":180},[146,519,183],{"class":152},[146,521,157],{"class":156},[146,523,171],{"class":152},[146,525,526],{"class":148,"line":265},[146,527,529],{"emptyLinePlaceholder":528},true,"\n",[146,531,532,534,536,538,540,542,544,547,549],{"class":148,"line":293},[146,533,153],{"class":152},[146,535,157],{"class":156},[146,537,391],{"class":152},[146,539,118],{"class":160},[146,541,164],{"class":152},[146,543,399],{"class":167},[146,545,546],{"class":152},"longText",[146,548,399],{"class":167},[146,550,171],{"class":152},[146,552,553],{"class":148,"line":320},[146,554,555],{"class":152},"  \u003CFluereButton>长文本自动换行\u003C\u002FFluereButton>\n",[146,557,559,561,563],{"class":148,"line":558},7,[146,560,183],{"class":152},[146,562,157],{"class":156},[146,564,171],{"class":152},[146,566,568],{"class":148,"line":567},8,[146,569,529],{"emptyLinePlaceholder":528},[146,571,573,575,577],{"class":148,"line":572},9,[146,574,153],{"class":152},[146,576,157],{"class":156},[146,578,171],{"class":152},[146,580,582],{"class":148,"line":581},10,[146,583,584],{"class":152},"  \u003CFluereButton>富内容（#content）\u003C\u002FFluereButton>\n",[146,586,588],{"class":148,"line":587},11,[146,589,590],{"class":152},"  \u003Ctemplate #content>\n",[146,592,594],{"class":148,"line":593},12,[146,595,596],{"class":152},"    \u003Cspan>\u003Cstrong>保存\u003C\u002Fstrong> Ctrl + S\u003C\u002Fspan>\n",[146,598,600],{"class":148,"line":599},13,[146,601,602],{"class":152},"  \u003C\u002Ftemplate>\n",[146,604,606,608,610],{"class":148,"line":605},14,[146,607,183],{"class":152},[146,609,157],{"class":156},[146,611,171],{"class":152},[125,613,614,619],{"title":473},[129,615,616],{"v-slot:preview":131},[617,618],"tooltip-disabled-demo",{},[129,620,621],{"v-slot:code":131},[138,622,624],{"className":140,"code":623,"language":142,"meta":131,"style":131},"\u003CFluereTooltip content=\"这条不会显示\" disabled>\n  \u003CFluereButton>disabled\u003C\u002FFluereButton>\n\u003C\u002FFluereTooltip>\n",[26,625,626,644,649],{"__ignoreMap":131},[146,627,628,630,632,634,636,639,642],{"class":148,"line":149},[146,629,153],{"class":152},[146,631,157],{"class":156},[146,633,161],{"class":160},[146,635,164],{"class":152},[146,637,638],{"class":167},"\"这条不会显示\"",[146,640,641],{"class":160}," disabled",[146,643,171],{"class":152},[146,645,646],{"class":148,"line":174},[146,647,648],{"class":152},"  \u003CFluereButton>disabled\u003C\u002FFluereButton>\n",[146,650,651,653,655],{"class":148,"line":180},[146,652,183],{"class":152},[146,654,157],{"class":156},[146,656,171],{"class":152},[110,658,659],{"id":659},"受控展开",[14,661,662,665,666,669,670,672],{},[26,663,664],{},"v-model:open"," 对应 ",[26,667,668],{},"ToolTip.IsOpen","；配合 ",[26,671,394],{}," 可以做出「点击按钮后在别处解释」之类的引导。",[138,674,676],{"className":140,"code":675,"language":142,"meta":131,"style":131},"\u003CFluereTooltip v-model:open=\"open\" content=\"受控显示的提示\">\n  \u003CFluereButton @click=\"open = !open\">切换\u003C\u002FFluereButton>\n\u003C\u002FFluereTooltip>\n",[26,677,678,710,715],{"__ignoreMap":131},[146,679,680,682,684,687,690,693,695,697,699,701,703,705,708],{"class":148,"line":149},[146,681,153],{"class":152},[146,683,157],{"class":156},[146,685,686],{"class":160}," v-model",[146,688,689],{"class":152},":",[146,691,692],{"class":160},"open",[146,694,164],{"class":152},[146,696,399],{"class":167},[146,698,692],{"class":152},[146,700,399],{"class":167},[146,702,161],{"class":160},[146,704,164],{"class":152},[146,706,707],{"class":167},"\"受控显示的提示\"",[146,709,171],{"class":152},[146,711,712],{"class":148,"line":174},[146,713,714],{"class":152},"  \u003CFluereButton @click=\"open = !open\">切换\u003C\u002FFluereButton>\n",[146,716,717,719,721],{"class":148,"line":180},[146,718,183],{"class":152},[146,720,157],{"class":156},[146,722,171],{"class":152},[110,724,726],{"id":725},"api","API",[728,729,730,749],"table",{},[731,732,733],"thead",{},[734,735,736,740,743,746],"tr",{},[737,738,739],"th",{},"属性（Props）",[737,741,742],{},"类型",[737,744,745],{},"默认",[737,747,748],{},"说明",[750,751,752,775,799,824,851,871,889,909],"tbody",{},[734,753,754,759,764,769],{},[755,756,757],"td",{},[26,758,118],{},[755,760,761],{},[26,762,763],{},"string",[755,765,766],{},[26,767,768],{},"—",[755,770,771,772,774],{},"提示文本；对齐 ",[26,773,122],{}," 的用法",[734,776,777,781,786,791],{},[755,778,779],{},[26,780,692],{},[755,782,783],{},[26,784,785],{},"boolean",[755,787,788],{},[26,789,790],{},"undefined",[755,792,793,794,796,797],{},"受控展开状态（",[26,795,664],{},"）；对齐 ",[26,798,668],{},[734,800,801,805,810,815],{},[755,802,803],{},[26,804,195],{},[755,806,807],{},[26,808,809],{},"'top' | 'bottom' | 'left' | 'right'",[755,811,812],{},[26,813,814],{},"'top'",[755,816,817,818,820,821,823],{},"弹出方位；对齐 ",[26,819,198],{},"（缺省即 ",[26,822,206],{},"）",[734,825,826,831,836,841],{},[755,827,828],{},[26,829,830],{},"sideOffset",[755,832,833],{},[26,834,835],{},"number",[755,837,838],{},[26,839,840],{},"4",[755,842,843,844,847,848],{},"沿弹出方向的间距（px）；对齐 ",[26,845,846],{},"HorizontalOffset"," \u002F ",[26,849,850],{},"VerticalOffset",[734,852,853,858,863,868],{},[755,854,855],{},[26,856,857],{},"align",[755,859,860],{},[26,861,862],{},"'start' | 'center' | 'end'",[755,864,865],{},[26,866,867],{},"'center'",[755,869,870],{},"垂直于弹出方向的对齐方式（WinUI 侧恒为居中 + 贴边回推）",[734,872,873,878,882,886],{},[755,874,875],{},[26,876,877],{},"delayDuration",[755,879,880],{},[26,881,835],{},[755,883,884],{},[26,885,768],{},[755,887,888],{},"首次显示延时（ms）；缺省继承 Provider（无 Provider 时 400）",[734,890,891,895,899,904],{},[755,892,893],{},[26,894,473],{},[755,896,897],{},[26,898,785],{},[755,900,901],{},[26,902,903],{},"false",[755,905,906,907],{},"不展开；对齐 ",[26,908,476],{},[734,910,911,916,920,924],{},[755,912,913],{},[26,914,915],{},"label",[755,917,918],{},[26,919,763],{},[755,921,922],{},[26,923,768],{},[755,925,926],{},"提示面的可访问名；缺省取内容文本",[728,928,929,941],{},[731,930,931],{},[734,932,933,936,939],{},[737,934,935],{},"事件（Emits）",[737,937,938],{},"载荷",[737,940,748],{},[750,942,943],{},[734,944,945,950,954],{},[755,946,947],{},[26,948,949],{},"update:open",[755,951,952],{},[26,953,785],{},[755,955,956,958,959,962],{},[26,957,664],{}," 的更新；对齐 ",[26,960,961],{},"IsOpen"," 被改写",[728,964,965,974],{},[731,966,967],{},[734,968,969,972],{},[737,970,971],{},"插槽（Slots）",[737,973,748],{},[750,975,976,989],{},[734,977,978,983],{},[755,979,980],{},[26,981,982],{},"default",[755,984,985,986,823],{},"触发元素（任意可聚焦元素；reka 会克隆它并补上 ",[26,987,988],{},"aria-describedby",[734,990,991,995],{},[755,992,993],{},[26,994,118],{},[755,996,997,998,847,1001,1004],{},"提示内容；对应 WinUI 的 ",[26,999,1000],{},"ToolTip.Content",[26,1002,1003],{},"ContentTemplate","（富内容用）",[1006,1007,1009],"h3",{"id":1008},"flueretooltipprovider",[26,1010,366],{},[728,1012,1013,1025],{},[731,1014,1015],{},[734,1016,1017,1019,1021,1023],{},[737,1018,739],{},[737,1020,742],{},[737,1022,745],{},[737,1024,748],{},[750,1026,1027,1048],{},[734,1028,1029,1033,1037,1041],{},[755,1030,1031],{},[26,1032,877],{},[755,1034,1035],{},[26,1036,835],{},[755,1038,1039],{},[26,1040,403],{},[755,1042,1043,1044,1047],{},"首次显示延时；对齐 ",[26,1045,1046],{},"ToolTipService.InitialShowDelay"," 的缺省（400ms × 2）",[734,1049,1050,1055,1059,1063],{},[755,1051,1052],{},[26,1053,1054],{},"skipDelayDuration",[755,1056,1057],{},[26,1058,835],{},[755,1060,1061],{},[26,1062,417],{},[755,1064,1065,1066,52,1069,823],{},"重展示窗口；对齐 ",[26,1067,1068],{},"ToolTipService.BetweenShowDelay",[26,1070,362],{},[451,1072,1073,1098,1103],{},[14,1074,1075,1078,1079,1081,1082,1085,1086,1089,1090,1093,1094,1097],{},[45,1076,1077],{},"无障碍","：触发元素由 reka 自动挂 ",[26,1080,988],{},"，指向提示面内的隐藏 ",[26,1083,1084],{},"role=\"tooltip\""," 元素 —— 与 WinUI 把 ToolTip 关联到目标元素的语义一致（读屏在聚焦时朗读补充说明）。提示面本身 ",[26,1087,1088],{},"pointer-events: none","（对齐 ",[26,1091,1092],{},"ToolTip.IsHitTestVisible = false","），内部不含可聚焦元素（对齐 ",[26,1095,1096],{},"IsTabStop = false","），不会抢 Tab 序。",[14,1099,1100],{},[45,1101,1102],{},"实现要点",[39,1104,1105,1198,1271,1288,1297,1317,1327,1346],{},[42,1106,1107,1110,1111,1113,1114,1117,1118,847,1121,847,1124,847,1127,1130,1131,847,1134,847,1137,847,1139,1142,1143,52,1146,847,1149,1152,1153,1156,1157,1159,1160,1162,1163],{},[45,1108,1109],{},"底色是 Acrylic 的 B 级近似","：",[26,1112,76],{}," 是 ",[26,1115,1116],{},"AcrylicBrush","（Light ",[26,1119,1120],{},"TintColor #FCFCFC",[26,1122,1123],{},"TintOpacity 0",[26,1125,1126],{},"FallbackColor #F9F9F9",[26,1128,1129],{},"TintLuminosityOpacity 0.85","；Dark ",[26,1132,1133],{},"#2C2C2C",[26,1135,1136],{},"0.15",[26,1138,1133],{},[26,1140,1141],{},"0.96","）。Fluent 2 Web 的 token 表里没有「应用内 Acrylic」这一档，本库映射到 ",[26,1144,1145],{},"colorNeutralCardBackground",[26,1147,1148],{},"#fafafa",[26,1150,1151],{},"#333333","）：Dark 的 TintColor 与它的 Dark 值同值，Light 的 FallbackColor ",[26,1154,1155],{},"#F9F9F9"," 与 ",[26,1158,1148],{}," 只差 1 个灰阶（参考图实测提示面就是 ",[26,1161,1155],{},"）。需要严格对齐实机时覆盖局部变量即可：",[138,1164,1168],{"className":1165,"code":1166,"language":1167,"meta":131,"style":131},"language-css shiki shiki-themes github-light github-dark",".my-app {\n  --fui-tooltip-background: #f9f9f9;\n}\n","css",[26,1169,1170,1178,1193],{"__ignoreMap":131},[146,1171,1172,1175],{"class":148,"line":149},[146,1173,1174],{"class":160},".my-app",[146,1176,1177],{"class":152}," {\n",[146,1179,1180,1184,1187,1190],{"class":148,"line":174},[146,1181,1183],{"class":1182},"s4XuR","  --fui-tooltip-background",[146,1185,1186],{"class":152},": ",[146,1188,1189],{"class":402},"#f9f9f9",[146,1191,1192],{"class":152},";\n",[146,1194,1195],{"class":148,"line":180},[146,1196,1197],{"class":152},"}\n",[42,1199,1200,1203,1204,847,1207,1210,1211,1214,1215,1218,1219,1222,1223,1226,1227,1230,1231,1234,1235,1238,1239],{},[45,1201,1202],{},"动效取值是唯一一处 B 级值","：WinUI 打开 \u002F 关闭分别是 ",[26,1205,1206],{},"FadeInThemeAnimation",[26,1208,1209],{},"FadeOutThemeAnimation","（只改 ",[26,1212,1213],{},"LayoutRoot.Opacity","，0↔1，linear）。",[26,1216,1217],{},"ThemeAnimations.cpp"," 只转调 ",[26,1220,1221],{},"ThemeGenerator::AddTimelinesForThemeAnimation(TAS_FADEIN \u002F TAS_FADEOUT, …)","，而时长常量落在",[45,1224,1225],{},"非公开","的 ",[26,1228,1229],{},"vsanimation.h","（公开源码树里查不到）⇒ 本库取最短淡入档 ",[26,1232,1233],{},"--durationFaster","(100ms) + ",[26,1236,1237],{},"--curveLinear","，并落成组件局部变量，消费方可一行覆盖：",[138,1240,1242],{"className":1165,"code":1241,"language":1167,"meta":131,"style":131},".fui-tooltip {\n  --fui-tooltip-fade-duration: 167ms;\n}\n",[26,1243,1244,1251,1267],{"__ignoreMap":131},[146,1245,1246,1249],{"class":148,"line":149},[146,1247,1248],{"class":160},".fui-tooltip",[146,1250,1177],{"class":152},[146,1252,1253,1256,1258,1261,1265],{"class":148,"line":174},[146,1254,1255],{"class":1182},"  --fui-tooltip-fade-duration",[146,1257,1186],{"class":152},[146,1259,1260],{"class":402},"167",[146,1262,1264],{"class":1263},"szBVR","ms",[146,1266,1192],{"class":152},[146,1268,1269],{"class":148,"line":180},[146,1270,1197],{"class":152},[42,1272,1273,1279,1280,1283,1284,1287],{},[45,1274,1275,1278],{},[26,1276,1277],{},"prefers-reduced-motion"," 有兜底外观","：动画关掉后提示面仍是完全可见的静态形态（",[26,1281,1282],{},"both"," 填充的末帧 ",[26,1285,1286],{},"opacity: 1","），不会留下透明残留。",[42,1289,1290,1110,1293,1296],{},[45,1291,1292],{},"层级",[26,1294,1295],{},"z-index: 1100","，高于 ContentDialog 与 Combobox 下拉的 1000，对齐「ToolTip 永远在最上层」。",[42,1298,1299,1302,1303,847,1306,52,1309,1312,1313,1316],{},[45,1300,1301],{},"触摸长按不弹","：WinUI 触摸长按（Touch 模式 1x 延时）会弹提示；Web 侧 reka 的触发只认 ",[26,1304,1305],{},"pointerenter",[26,1307,1308],{},"pointermove",[26,1310,1311],{},"pointerType === 'touch'"," 被显式跳过）与 ",[26,1314,1315],{},"focus","，故触摸端只在「点按后获得焦点」时生效，长按不弹（触摸端的原生 tooltip 仍可用）。属已知差异。",[42,1318,1319,1326],{},[45,1320,1321,1322,1325],{},"不实现 ",[26,1323,1324],{},"SPI_GETMESSAGEDURATION"," 的 5s 自动隐藏","：WinUI 会在 5s 后把 ToolTip 从鼠标下方挪开并关闭；Web 上按时间强行隐藏会在「鼠标仍停在控件上」时产生闪烁，故本库只做「离开 \u002F 失焦即关」。",[42,1328,1329,1335,1336,1338,1339,1341,1342,847,1344,85],{},[45,1330,1321,1331,1334],{},[26,1332,1333],{},"PlacementMode.Mouse"," 的鼠标跟随","：默认 ",[26,1337,202],{},"（WinUI 自动 ToolTip 的缺省方位），需要跟随指针的消费方可自行监听 ",[26,1340,1308],{}," 后传入 ",[26,1343,195],{},[26,1345,830],{},[42,1347,1348,1351,1352,1355,1356,1359,1360,1362,1363,847,1366,847,1369,1372],{},[45,1349,1350],{},"已知缺口","：高对比度主题未实现（WinUI HC 下前景 \u002F 描边走 ",[26,1353,1354],{},"SystemColorWindowTextColorBrush","、底色走 ",[26,1357,1358],{},"SystemColorWindowColor","）；",[26,1361,354],{}," 的其余随附属性（",[26,1364,1365],{},"ShowDuration",[26,1367,1368],{},"KeyboardAcceleratorToolTip",[26,1370,1371],{},"PlacementTarget"," 的等价物）本期不暴露。",[1374,1375,1376],"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 .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":131,"searchDepth":174,"depth":174,"links":1378},[1379,1380,1381,1382,1383,1384],{"id":112,"depth":174,"text":112},{"id":190,"depth":174,"text":190},{"id":347,"depth":174,"text":348},{"id":461,"depth":174,"text":461},{"id":659,"depth":174,"text":659},{"id":725,"depth":174,"text":726,"children":1385},[1386],{"id":1008,"depth":180,"text":366},"悬停或键盘聚焦时，在 UI 元素旁显示补充信息的轻量浮层，样式还原 WinUI 3 ToolTip。","md",{},{"title":5},"\u002Fcomponents\u002Ftooltip",{"title":5,"description":1387},"components\u002Ftooltip","FcYhhruVSmVDLITgUZh2sq88-BiviZppHscffasB1jQ",null,1791802963937]