1import{n as r,b as p,r as i,o as k,j as s,h as a,d as t,f as n,s as d,I as b,J as R,_ as m,c as x,v as W,w}from"./index.475274a1.js";import{C}from"./CustomerServiceOutlined.ff4c7200.js";import{S}from"./SyncOutlined.a0eacb69.js";import{C as B}from"./CommentOutlined.e384adac.js";import{C as F,T as X,a as H}from"./index.43d230fa.js";import"./token-meta.444f1b68.js";const L=r({__name:"basic",setup(l){const o=()=>console.log("click");return(c,e)=>{const u=p("a-float-button"),g=p("demo-box");return i(),k(g,{jsfiddle:{us:"The most basic usage.",cn:"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn"> 2 <span aria-hidden="true" class="anchor">#</span> 3 </a></h2> 4<p>\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002</p> 5<h2 id="en-us">en-US <a class="header-anchor" href="#en-us"> 6 <span aria-hidden="true" class="anchor">#</span> 7 </a></h2> 8<p>The most basic usage.</p> 9`,order:0,iframe:360,title:{"zh-CN":"\u57FA\u672C","en-US":"Basic Usage"},relativePath:"components/float-button/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWZsb2F0LWJ1dHRvbiBAY2xpY2s9ImhhbmRsZUNsaWNrIiAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIiBzZXR1cD4KY29uc3QgaGFuZGxlQ2xpY2sgPSAoKSA9PiBjb25zb2xlLmxvZygnY2xpY2snKTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWZsb2F0LWJ1dHRvbiBAY2xpY2s9ImhhbmRsZUNsaWNrIiAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IHNldHVwPgpjb25zdCBoYW5kbGVDbGljayA9ICgpID0+IGNvbnNvbGUubG9nKCdjbGljaycpOwo8L3NjcmlwdD4="}},{default:s(()=>[a(u,{onClick:o})]),htmlCode:s(()=>[...e[0]||(e[0]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 10 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
10,"<"),n("a-float-button")]),n(),t("span",{class:"token attr-name"},"@click"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("handleClick"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 11`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 12`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"setup"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` 13`),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token function-variable function"},"handleClick"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(" console"),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"log"),t("span",{class:"token punctuation"},"("),t("span",{class:"token string"},"'click'"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(` 14`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
14,"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(` 15`)])],-1)])]),jsVersionHtml:s(()=>[...e[1]||(e[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 16 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(),t("span",{class:"token attr-name"},"@click"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("handleClick"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 17`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 18`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
18,"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` 19`),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token function-variable function"},"handleClick"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(" console"),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"log"),t("span",{class:"token punctuation"},"("),t("span",{class:"token string"},"'click'"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(` 20`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(` 21`)])],-1)])]),_:1})}}}),D=r({__name:"type",setup(l){return(o,c)=>{const e=p("a-float-button"),u=p("demo-box");return i(),k(u,{jsfiddle:{us:"Change the type of the FloatButton with `type`.",cn:"\u901A\u8FC7 `type` \u6539\u53D8\u60AC\u6D6E\u6309\u94AE\u7684\u7C7B\u578B\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn"> 22 <span aria-hidden="true" class="anchor">#</span> 23 </a></h2> 24<p>\u901A\u8FC7 <code>type</code> \u6539\u53D8\u60AC\u6D6E\u6309\u94AE\u7684\u7C7B\u578B\u3002</p> 25<h2 id="en-us">en-US <a class="header-anchor" href="#en-us"> 26 <span aria-hidden="true" class="anchor">#</span> 27 </a></h2> 28<p>Change the type of the FloatButton with <code>type</code>.</p> 29`,order:1,iframe:360,title:{"zh-CN":"\u7C7B\u578B","en-US":"Type"},relativePath:"components/float-button/demo/type.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWZsb2F0LWJ1dHRvbgogICAgdHlwZT0icHJpbWFyeSIKICAgIDpzdHlsZT0iewogICAgICByaWdodDogJzI0cHgnLAogICAgfSIKICA+CiAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgIDxRdWVzdGlvbkNpcmNsZU91dGxpbmVkIC8+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1mbG9hdC1idXR0b24+CgogIDxhLWZsb2F0LWJ1dHRvbgogICAgdHlwZT0iZGVmYXVsdCIKICAgIDpzdHlsZT0iewogICAgICByaWdodDogJzk0cHgnLAogICAgfSIKICA+CiAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgIDxRdWVzdGlvbkNpcmNsZU91dGxpbmVkIC8+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1mbG9hdC1idXR0b24+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiIHNldHVwPgppbXBvcnQgeyBRdWVzdGlvbkNpcmNsZU91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWZsb2F0LWJ1dHRvbgogICAgdHlwZT0icHJpbWFyeSIKICAgIDpzdHlsZT0iewogICAgICByaWdodDogJzI0cHgnLAogICAgfSIKICA+CiAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgIDxRdWVzdGlvbkNpcmNsZU91dGxpbmVkIC8+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1mbG9hdC1idXR0b24+CgogIDxhLWZsb2F0LWJ1dHRvbgogICAgdHlwZT0iZGVmYXVsdCIKICAgIDpzdHlsZT0iewogICAgICByaWdodDogJzk0cHgnLAogICAgfSIKICA+CiAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgIDxRdWVzdGlvbkNpcmNsZU91dGxpbmVkIC8+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1mbG9hdC1idXR0b24+CjwvdGVtcGxhdGU+CjxzY3JpcHQgc2V0dXA+CmV4cG9ydCB7fTsKPC9zY3JpcHQ+"}},{default:s(()=>[a(e,{type:"primary",style:{right:"24px"}},{icon:s(()=>[a(d(b))]),_:1}),a(e,{type:"default",style:{right:"94px"}},{icon:s(()=>[a(d(b))]),_:1})]),htmlCode:s(()=>[...c[0]||(c[0]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 30 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
30,"<"),n("a-float-button")]),n(` 31 `),t("span",{class:"token attr-name"},"type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("primary"),t("span",{class:"token punctuation"},'"')]),n(` 32 `),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n(`{ 33 right: '24px', 34 }`),t("span",{class:"token punctuation"},'"')]),n(` 35 `),t("span",{class:"token punctuation"},">")]),n(` 36 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 37 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("QuestionCircleOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 38 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 39 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
39,"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 40 41 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(` 42 `),t("span",{class:"token attr-name"},"type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("default"),t("span",{class:"token punctuation"},'"')]),n(` 43 `),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n(`{ 44 right: '94px', 45 }`),t("span",{class:"token punctuation"},'"')]),n(` 46 `),t("span",{class:"token punctuation"},">")]),n(` 47 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 48 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("QuestionCircleOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 49 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 50 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
50,"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 51`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 52`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"setup"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` 53`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" QuestionCircleOutlined "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'@ant-design/icons-vue'"),t("span",{class:"token punctuation"},";"),n(` 54`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
54,"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(` 55`)])],-1)])]),jsVersionHtml:s(()=>[...c[1]||(c[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 56 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(` 57 `),t("span",{class:"token attr-name"},"type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("primary"),t("span",{class:"token punctuation"},'"')]),n(` 58 `),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n(`{ 59 right: '24px', 60 }`),t("span",{class:"token punctuation"},'"')]),n(` 61 `),t("span",{class:"token punctuation"},">")]),n(` 62 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 63 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("QuestionCircleOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 64 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 65 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
65,"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 66 67 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(` 68 `),t("span",{class:"token attr-name"},"type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("default"),t("span",{class:"token punctuation"},'"')]),n(` 69 `),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n(`{ 70 right: '94px', 71 }`),t("span",{class:"token punctuation"},'"')]),n(` 72 `),t("span",{class:"token punctuation"},">")]),n(` 73 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 74 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("QuestionCircleOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 75 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 76 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
76,"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 77`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 78`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` 79`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token punctuation"},"{"),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(` 80`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(` 81`)])],-1)])]),_:1})}}}),N=r({__name:"shape",setup(l){const o=()=>console.log("click");return(c,e)=>{const u=p("a-float-button"),g=p("demo-box");return i(),k(g,{jsfiddle:{us:"The most basic usage.",cn:"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn"> 82 <span aria-hidden="true" class="anchor">#</span> 83 </a></h2> 84<p>\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002</p> 85<h2 id="en-us">en-US <a class="header-anchor" href="#en-us"> 86 <span aria-hidden="true" class="anchor">#</span> 87 </a></h2> 88<p>The most basic usage.</p> 89`,order:2,iframe:360,title:{"zh-CN":"\u5F62\u72B6","en-US":"Shape"},relativePath:"components/float-button/demo/shape.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWZsb2F0LWJ1dHRvbiBAY2xpY2s9ImhhbmRsZUNsaWNrIiAvPgoKICA8YS1mbG9hdC1idXR0b24KICAgIHNoYXBlPSJjaXJjbGUiCiAgICB0eXBlPSJwcmltYXJ5IgogICAgOnN0eWxlPSJ7CiAgICAgIHJpZ2h0OiAnOTRweCcsCiAgICB9IgogID4KICAgIDx0ZW1wbGF0ZSAjaWNvbj4KICAgICAgPEN1c3RvbWVyU2VydmljZU91dGxpbmVkIC8+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1mbG9hdC1idXR0b24+CgogIDxhLWZsb2F0LWJ1dHRvbgogICAgc2hhcGU9InNxdWFyZSIKICAgIHR5cGU9InByaW1hcnkiCiAgICA6c3R5bGU9InsKICAgICAgcmlnaHQ6ICcyNHB4JywKICAgIH0iCiAgPgogICAgPHRlbXBsYXRlICNpY29uPgogICAgICA8Q3VzdG9tZXJTZXJ2aWNlT3V0bGluZWQgLz4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLWZsb2F0LWJ1dHRvbj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyIgc2V0dXA+CmltcG9ydCB7IEN1c3RvbWVyU2VydmljZU91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKY29uc3QgaGFuZGxlQ2xpY2sgPSAoKSA9PiBjb25zb2xlLmxvZygnY2xpY2snKTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWZsb2F0LWJ1dHRvbiBAY2xpY2s9ImhhbmRsZUNsaWNrIiAvPgoKICA8YS1mbG9hdC1idXR0b24KICAgIHNoYXBlPSJjaXJjbGUiCiAgICB0eXBlPSJwcmltYXJ5IgogICAgOnN0eWxlPSJ7CiAgICAgIHJpZ2h0OiAnOTRweCcsCiAgICB9IgogID4KICAgIDx0ZW1wbGF0ZSAjaWNvbj4KICAgICAgPEN1c3RvbWVyU2VydmljZU91dGxpbmVkIC8+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1mbG9hdC1idXR0b24+CgogIDxhLWZsb2F0LWJ1dHRvbgogICAgc2hhcGU9InNxdWFyZSIKICAgIHR5cGU9InByaW1hcnkiCiAgICA6c3R5bGU9InsKICAgICAgcmlnaHQ6ICcyNHB4JywKICAgIH0iCiAgPgogICAgPHRlbXBsYXRlICNpY29uPgogICAgICA8Q3VzdG9tZXJTZXJ2aWNlT3V0bGluZWQgLz4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLWZsb2F0LWJ1dHRvbj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBzZXR1cD4KY29uc3QgaGFuZGxlQ2xpY2sgPSAoKSA9PiBjb25zb2xlLmxvZygnY2xpY2snKTsKZXhwb3J0IHt9Owo8L3NjcmlwdD4="}},{default:s(()=>[a(u,{onClick:o}),a(u,{shape:"circle",type:"primary",style:{right:"94px"}},{icon:s(()=>[a(d(C))]),_:1}),a(u,{shape:"square",type:"primary",style:{right:"24px"}},{icon:s(()=>[a(d(C))]),_:1})]),htmlCode:s(()=>[...e[0]||(e[0]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 90 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
90,"<"),n("a-float-button")]),n(),t("span",{class:"token attr-name"},"@click"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("handleClick"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 91 92 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(` 93 `),t("span",{class:"token attr-name"},"shape"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("circle"),t("span",{class:"token punctuation"},'"')]),n(` 94 `),t("span",{class:"token attr-name"},"type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("primary"),t("span",{class:"token punctuation"},'"')]),n(` 95 `),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n(`{ 96 right: '94px', 97 }`),t("span",{class:"token punctuation"},'"')]),n(` 98 `),t("span",{class:"token punctuation"},">")]),n(` 99 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 100 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("CustomerServiceOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 101 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 102 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
102,"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 103 104 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(` 105 `),t("span",{class:"token attr-name"},"shape"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("square"),t("span",{class:"token punctuation"},'"')]),n(` 106 `),t("span",{class:"token attr-name"},"type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("primary"),t("span",{class:"token punctuation"},'"')]),n(` 107 `),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n(`{ 108 right: '24px', 109 }`),t("span",{class:"token punctuation"},'"')]),n(` 110 `),t("span",{class:"token punctuation"},">")]),n(` 111 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 112 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("CustomerServiceOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 113 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 114 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
114,"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 115`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 116`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"setup"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` 117`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" CustomerServiceOutlined "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'@ant-design/icons-vue'"),t("span",{class:"token punctuation"},";"),n(` 118`),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token function-variable function"},"handleClick"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(" console"),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"log"),t("span",{class:"token punctuation"},"("),t("span",{class:"token string"},"'click'"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(` 119`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
119,"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(` 120`)])],-1)])]),jsVersionHtml:s(()=>[...e[1]||(e[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 121 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(),t("span",{class:"token attr-name"},"@click"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("handleClick"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 122 123 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(` 124 `),t("span",{class:"token attr-name"},"shape"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("circle"),t("span",{class:"token punctuation"},'"')]),n(` 125 `),t("span",{class:"token attr-name"},"type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("primary"),t("span",{class:"token punctuation"},'"')]),n(` 126 `),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n(`{ 127 right: '94px', 128 }`),t("span",{class:"token punctuation"},'"')]),n(` 129 `),t("span",{class:"token punctuation"},">")]),n(` 130 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 131 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("CustomerServiceOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 132 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 133 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
133,"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 134 135 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(` 136 `),t("span",{class:"token attr-name"},"shape"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("square"),t("span",{class:"token punctuation"},'"')]),n(` 137 `),t("span",{class:"token attr-name"},"type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("primary"),t("span",{class:"token punctuation"},'"')]),n(` 138 `),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n(`{ 139 right: '24px', 140 }`),t("span",{class:"token punctuation"},'"')]),n(` 141 `),t("span",{class:"token punctuation"},">")]),n(` 142 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 143 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("CustomerServiceOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 144 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 145 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
145,"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 146`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 147`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` 148`),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token function-variable function"},"handleClick"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(" console"),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"log"),t("span",{class:"token punctuation"},"("),t("span",{class:"token string"},"'click'"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(` 149`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token punctuation"},"{"),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(` 150`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
150,"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(` 151`)])],-1)])]),_:1})}}}),J=r({__name:"description",setup(l){return(o,c)=>{const e=p("a-float-button"),u=p("demo-box");return i(),k(u,{jsfiddle:{us:"Setting `description` prop to show FloatButton with description.",cn:"\u53EF\u4EE5\u901A\u8FC7 `description` \u8BBE\u7F6E\u6587\u5B57\u5185\u5BB9\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn"> 152 <span aria-hidden="true" class="anchor">#</span> 153 </a></h2> 154<p>\u53EF\u4EE5\u901A\u8FC7 <code>description</code> \u8BBE\u7F6E\u6587\u5B57\u5185\u5BB9\u3002</p> 155<blockquote> 156<p>\u4EC5\u5F53 <code>shape</code> \u5C5E\u6027\u4E3A <code>square</code> \u65F6\u652F\u6301\u3002\u7531\u4E8E\u7A7A\u95F4\u8F83\u5C0F\uFF0C\u63A8\u8350\u4F7F\u7528\u6BD4\u8F83\u7CBE\u7B80\u7684\u53CC\u6570\u6587\u5B57\u3002</p> 157</blockquote> 158<h2 id="en-us">en-US <a class="header-anchor" href="#en-us"> 159 <span aria-hidden="true" class="anchor">#</span> 160 </a></h2> 161<p>Setting <code>description</code> prop to show FloatButton with description.</p> 162<blockquote> 163<p>supported only when <code>shape</code> is <code>square</code>. Due to narrow space for text, short sentence is recommended.</p> 164</blockquote> 165`,order:3,iframe:360,title:{"zh-CN":"\u63CF\u8FF0","en-US":"Description"},relativePath:"components/float-button/demo/description.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWZsb2F0LWJ1dHRvbgogICAgc2hhcGU9InNxdWFyZSIKICAgIGRlc2NyaXB0aW9uPSJIRUxQIElORk8iCiAgICA6c3R5bGU9InsKICAgICAgcmlnaHQ6ICcyNHB4JywKICAgIH0iCiAgPgogICAgPHRlbXBsYXRlICNpY29uPgogICAgICA8RmlsZVRleHRPdXRsaW5lZCAvPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtZmxvYXQtYnV0dG9uPgoKICA8YS1mbG9hdC1idXR0b24KICAgIHNoYXBlPSJzcXVhcmUiCiAgICBkZXNjcmlwdGlvbj0iSEVMUCBJTkZPIgogICAgOnN0eWxlPSJ7CiAgICAgIHJpZ2h0OiAnOTRweCcsCiAgICB9IgogID48L2EtZmxvYXQtYnV0dG9uPgoKICA8YS1mbG9hdC1idXR0b24KICAgIHNoYXBlPSJzcXVhcmUiCiAgICBkZXNjcmlwdGlvbj0iSEVMUCIKICAgIDpzdHlsZT0iewogICAgICByaWdodDogJzE2NHB4JywKICAgIH0iCiAgPgogICAgPHRlbXBsYXRlICNpY29uPgogICAgICA8RmlsZVRleHRPdXRsaW5lZCAvPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtZmxvYXQtYnV0dG9uPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIiBzZXR1cD4KaW1wb3J0IHsgRmlsZVRleHRPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWZsb2F0LWJ1dHRvbgogICAgc2hhcGU9InNxdWFyZSIKICAgIGRlc2NyaXB0aW9uPSJIRUxQIElORk8iCiAgICA6c3R5bGU9InsKICAgICAgcmlnaHQ6ICcyNHB4JywKICAgIH0iCiAgPgogICAgPHRlbXBsYXRlICNpY29uPgogICAgICA8RmlsZVRleHRPdXRsaW5lZCAvPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtZmxvYXQtYnV0dG9uPgoKICA8YS1mbG9hdC1idXR0b24KICAgIHNoYXBlPSJzcXVhcmUiCiAgICBkZXNjcmlwdGlvbj0iSEVMUCBJTkZPIgogICAgOnN0eWxlPSJ7CiAgICAgIHJpZ2h0OiAnOTRweCcsCiAgICB9IgogID48L2EtZmxvYXQtYnV0dG9uPgoKICA8YS1mbG9hdC1idXR0b24KICAgIHNoYXBlPSJzcXVhcmUiCiAgICBkZXNjcmlwdGlvbj0iSEVMUCIKICAgIDpzdHlsZT0iewogICAgICByaWdodDogJzE2NHB4JywKICAgIH0iCiAgPgogICAgPHRlbXBsYXRlICNpY29uPgogICAgICA8RmlsZVRleHRPdXRsaW5lZCAvPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtZmxvYXQtYnV0dG9uPgo8L3RlbXBsYXRlPgo8c2NyaXB0IHNldHVwPgpleHBvcnQge307Cjwvc2NyaXB0Pg=="}},{default:s(()=>[a(e,{shape:"square",description:"HELP INFO",style:{right:"24px"}},{icon:s(()=>[a(d(R))]),_:1}),a(e,{shape:"square",description:"HELP INFO",style:{right:"94px"}}),a(e,{shape:"square",description:"HELP",style:{right:"164px"}},{icon:s(()=>[a(d(R))]),_:1})]),htmlCode:s(()=>[...c[0]||(c[0]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 166 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
166,"<"),n("a-float-button")]),n(` 167 `),t("span",{class:"token attr-name"},"shape"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("square"),t("span",{class:"token punctuation"},'"')]),n(` 168 `),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("HELP INFO"),t("span",{class:"token punctuation"},'"')]),n(` 169 `),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n(`{ 170 right: '24px', 171 }`),t("span",{class:"token punctuation"},'"')]),n(` 172 `),t("span",{class:"token punctuation"},">")]),n(` 173 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 174 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("FileTextOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 175 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 176 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
176,"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 177 178 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(` 179 `),t("span",{class:"token attr-name"},"shape"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("square"),t("span",{class:"token punctuation"},'"')]),n(` 180 `),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("HELP INFO"),t("span",{class:"token punctuation"},'"')]),n(` 181 `),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n(`{ 182 right: '94px', 183 }`),t("span",{class:"token punctuation"},'"')]),n(` 184 `),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
184,"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 185 186 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(` 187 `),t("span",{class:"token attr-name"},"shape"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("square"),t("span",{class:"token punctuation"},'"')]),n(` 188 `),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("HELP"),t("span",{class:"token punctuation"},'"')]),n(` 189 `),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n(`{ 190 right: '164px', 191 }`),t("span",{class:"token punctuation"},'"')]),n(` 192 `),t("span",{class:"token punctuation"},">")]),n(` 193 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 194 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("FileTextOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 195 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 196 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
196,"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 197`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 198`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"setup"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` 199`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" FileTextOutlined "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'@ant-design/icons-vue'"),t("span",{class:"token punctuation"},";"),n(` 200`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
200,"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(` 201`)])],-1)])]),jsVersionHtml:s(()=>[...c[1]||(c[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 202 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(` 203 `),t("span",{class:"token attr-name"},"shape"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("square"),t("span",{class:"token punctuation"},'"')]),n(` 204 `),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("HELP INFO"),t("span",{class:"token punctuation"},'"')]),n(` 205 `),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n(`{ 206 right: '24px', 207 }`),t("span",{class:"token punctuation"},'"')]),n(` 208 `),t("span",{class:"token punctuation"},">")]),n(` 209 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 210 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("FileTextOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 211 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 212 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
212,"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 213 214 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(` 215 `),t("span",{class:"token attr-name"},"shape"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("square"),t("span",{class:"token punctuation"},'"')]),n(` 216 `),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("HELP INFO"),t("span",{class:"token punctuation"},'"')]),n(` 217 `),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n(`{ 218 right: '94px', 219 }`),t("span",{class:"token punctuation"},'"')]),n(` 220 `),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
220,"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 221 222 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(` 223 `),t("span",{class:"token attr-name"},"shape"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("square"),t("span",{class:"token punctuation"},'"')]),n(` 224 `),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("HELP"),t("span",{class:"token punctuation"},'"')]),n(` 225 `),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n(`{ 226 right: '164px', 227 }`),t("span",{class:"token punctuation"},'"')]),n(` 228 `),t("span",{class:"token punctuation"},">")]),n(` 229 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 230 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("FileTextOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 231 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 232 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
232,"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 233`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 234`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` 235`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token punctuation"},"{"),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(` 236`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(` 237`)])],-1)])]),_:1})}}}),j={};function _(l,o){const c=p("a-float-button"),e=p("demo-box");return i(),k(e,{jsfiddle:{us:"Setting `tooltip` prop to show FloatButton with tooltip.",cn:"\u8BBE\u7F6E tooltip \u5C5E\u6027\uFF0C\u5373\u53EF\u5F00\u542F\u6C14\u6CE1\u5361\u7247\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn"> 238 <span aria-hidden="true" class="anchor">#</span> 239 </a></h2> 240<p>\u8BBE\u7F6E tooltip \u5C5E\u6027\uFF0C\u5373\u53EF\u5F00\u542F\u6C14\u6CE1\u5361\u7247\u3002</p> 241<h2 id="en-us">en-US <a class="header-anchor" href="#en-us"> 242 <span aria-hidden="true" class="anchor">#</span> 243 </a></h2> 244<p>Setting <code>tooltip</code> prop to show FloatButton with tooltip.</p> 245`,order:4,iframe:360,title:{"zh-CN":"\u542B\u6709\u6C14\u6CE1\u5361\u7247\u7684\u60AC\u6D6E\u6309\u94AE","en-US":"FloatButton with tooltip"},relativePath:"components/float-button/demo/tooltip.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWZsb2F0LWJ1dHRvbgogICAgdG9vbHRpcD0iSEVMUCBJTkZPIgogICAgOnN0eWxlPSJ7CiAgICAgIHJpZ2h0OiAnMjRweCcsCiAgICB9IgogID48L2EtZmxvYXQtYnV0dG9uPgoKICA8YS1mbG9hdC1idXR0b24KICAgIDpzdHlsZT0iewogICAgICByaWdodDogJzk0cHgnLAogICAgfSIKICA+CiAgICA8dGVtcGxhdGUgI3Rvb2x0aXA+CiAgICAgIDxkaXY+RG9jdW1lbnRzPC9kaXY+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1mbG9hdC1idXR0b24+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWZsb2F0LWJ1dHRvbgogICAgdG9vbHRpcD0iSEVMUCBJTkZPIgogICAgOnN0eWxlPSJ7CiAgICAgIHJpZ2h0OiAnMjRweCcsCiAgICB9IgogID48L2EtZmxvYXQtYnV0dG9uPgoKICA8YS1mbG9hdC1idXR0b24KICAgIDpzdHlsZT0iewogICAgICByaWdodDogJzk0cHgnLAogICAgfSIKICA+CiAgICA8dGVtcGxhdGUgI3Rvb2x0aXA+CiAgICAgIDxkaXY+RG9jdW1lbnRzPC9kaXY+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1mbG9hdC1idXR0b24+CjwvdGVtcGxhdGU+"}},{default:s(()=>[a(c,{tooltip:"HELP INFO",style:{right:"24px"}}),a(c,{style:{right:"94px"}},{tooltip:s(()=>[...o[0]||(o[0]=[t("div",null,"Documents",-1)])]),_:1})]),htmlCode:s(()=>[...o[1]||(o[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 246 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
246,"<"),n("a-float-button")]),n(` 247 `),t("span",{class:"token attr-name"},"tooltip"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("HELP INFO"),t("span",{class:"token punctuation"},'"')]),n(` 248 `),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n(`{ 249 right: '24px', 250 }`),t("span",{class:"token punctuation"},'"')]),n(` 251 `),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 252 253 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(` 254 `),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n(`{ 255 right: '94px', 256 }`),t("span",{class:"token punctuation"},'"')]),n(` 257 `),t("span",{class:"token punctuation"},">")]),n(` 258 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#tooltip"),t("span",{class:"token punctuation"},">")]),n(` 259 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Documents"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(` 260 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 261 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
261,"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 262`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 263`)])],-1)])]),jsVersionHtml:s(()=>[...o[2]||(o[2]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 264 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(` 265 `),t("span",{class:"token attr-name"},"tooltip"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("HELP INFO"),t("span",{class:"token punctuation"},'"')]),n(` 266 `),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n(`{ 267 right: '24px', 268 }`),t("span",{class:"token punctuation"},'"')]),n(` 269 `),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
269,"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 270 271 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(` 272 `),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n(`{ 273 right: '94px', 274 }`),t("span",{class:"token punctuation"},'"')]),n(` 275 `),t("span",{class:"token punctuation"},">")]),n(` 276 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#tooltip"),t("span",{class:"token punctuation"},">")]),n(` 277 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Documents"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(` 278 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 279 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
279,"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 280`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 281`)])],-1)])]),_:1})}const V=m(j,[["render",_]]),T=r({__name:"group",setup(l){return(o,c)=>{const e=p("a-float-button"),u=p("a-back-top"),g=p("a-float-button-group"),h=p("demo-box");return i(),k(h,{jsfiddle:{us:"When multiple buttons are used together, `<FloatButton.Group />` is recommended. By setting `shape` of FloatButton.Group, you can change the shape of group. `shape` of FloatButton.Group will override `shape` of FloatButton inside.",cn:"\u6309\u94AE\u7EC4\u5408\u4F7F\u7528\u65F6\uFF0C\u63A8\u8350\u4F7F\u7528 `<FloatButton.Group />`\uFF0C\u5E76\u901A\u8FC7\u8BBE\u7F6E `shape` \u5C5E\u6027\u6539\u53D8\u60AC\u6D6E\u6309\u94AE\u7EC4\u7684\u5F62\u72B6\u3002\u60AC\u6D6E\u6309\u94AE\u7EC4\u7684 `shape` \u4F1A\u8986\u76D6\u5185\u90E8 FloatButton \u7684 `shape` \u5C5E\u6027\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn"> 282 <span aria-hidden="true" class="anchor">#</span> 283 </a></h2> 284<p>\u6309\u94AE\u7EC4\u5408\u4F7F\u7528\u65F6\uFF0C\u63A8\u8350\u4F7F\u7528 <code><FloatButton.Group /></code>\uFF0C\u5E76\u901A\u8FC7\u8BBE\u7F6E <code>shape</code> \u5C5E\u6027\u6539\u53D8\u60AC\u6D6E\u6309\u94AE\u7EC4\u7684\u5F62\u72B6\u3002\u60AC\u6D6E\u6309\u94AE\u7EC4\u7684 <code>shape</code> \u4F1A\u8986\u76D6\u5185\u90E8 FloatButton \u7684 <code>shape</code> \u5C5E\u6027\u3002</p> 285<h2 id="en-us">en-US <a class="header-anchor" href="#en-us"> 286 <span aria-hidden="true" class="anchor">#</span> 287 </a></h2> 288<p>When multiple buttons are used together, <code><FloatButton.Group /></code> is recommended. By setting <code>shape</code> of FloatButton.Group, you can change the shape of group. <code>shape</code> of FloatButton.Group will override <code>shape</code> of FloatButton inside.</p> 289`,order:5,iframe:360,title:{"zh-CN":"\u6D6E\u52A8\u6309\u94AE\u7EC4","en-US":"FloatButton Group"},relativePath:"components/float-button/demo/group.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWZsb2F0LWJ1dHRvbi1ncm91cCBzaGFwZT0iY2lyY2xlIiA6c3R5bGU9InsgcmlnaHQ6ICcyNHB4JyB9Ij4KICAgIDxhLWZsb2F0LWJ1dHRvbj4KICAgICAgPHRlbXBsYXRlICNpY29uPgogICAgICAgIDxRdWVzdGlvbkNpcmNsZU91dGxpbmVkIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtZmxvYXQtYnV0dG9uPgogICAgPGEtZmxvYXQtYnV0dG9uIC8+CiAgICA8YS1iYWNrLXRvcCA6dmlzaWJpbGl0eS1oZWlnaHQ9IjAiIC8+CiAgPC9hLWZsb2F0LWJ1dHRvbi1ncm91cD4KICA8YS1mbG9hdC1idXR0b24tZ3JvdXAgc2hhcGU9InNxdWFyZSIgOnN0eWxlPSJ7IHJpZ2h0OiAnOTRweCcgfSI+CiAgICA8YS1mbG9hdC1idXR0b24+CiAgICAgIDx0ZW1wbGF0ZSAjaWNvbj4KICAgICAgICA8UXVlc3Rpb25DaXJjbGVPdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLWZsb2F0LWJ1dHRvbj4KICAgIDxhLWZsb2F0LWJ1dHRvbiAvPgoKICAgIDxhLWZsb2F0LWJ1dHRvbj4KICAgICAgPHRlbXBsYXRlICNpY29uPgogICAgICAgIDxTeW5jT3V0bGluZWQgLz4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS1mbG9hdC1idXR0b24+CiAgICA8YS1iYWNrLXRvcCA6dmlzaWJpbGl0eS1oZWlnaHQ9IjAiIC8+CiAgPC9hLWZsb2F0LWJ1dHRvbi1ncm91cD4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyIgc2V0dXA+CmltcG9ydCB7IFF1ZXN0aW9uQ2lyY2xlT3V0bGluZWQsIFN5bmNPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWZsb2F0LWJ1dHRvbi1ncm91cCBzaGFwZT0iY2lyY2xlIiA6c3R5bGU9InsgcmlnaHQ6ICcyNHB4JyB9Ij4KICAgIDxhLWZsb2F0LWJ1dHRvbj4KICAgICAgPHRlbXBsYXRlICNpY29uPgogICAgICAgIDxRdWVzdGlvbkNpcmNsZU91dGxpbmVkIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtZmxvYXQtYnV0dG9uPgogICAgPGEtZmxvYXQtYnV0dG9uIC8+CiAgICA8YS1iYWNrLXRvcCA6dmlzaWJpbGl0eS1oZWlnaHQ9IjAiIC8+CiAgPC9hLWZsb2F0LWJ1dHRvbi1ncm91cD4KICA8YS1mbG9hdC1idXR0b24tZ3JvdXAgc2hhcGU9InNxdWFyZSIgOnN0eWxlPSJ7IHJpZ2h0OiAnOTRweCcgfSI+CiAgICA8YS1mbG9hdC1idXR0b24+CiAgICAgIDx0ZW1wbGF0ZSAjaWNvbj4KICAgICAgICA8UXVlc3Rpb25DaXJjbGVPdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLWZsb2F0LWJ1dHRvbj4KICAgIDxhLWZsb2F0LWJ1dHRvbiAvPgoKICAgIDxhLWZsb2F0LWJ1dHRvbj4KICAgICAgPHRlbXBsYXRlICNpY29uPgogICAgICAgIDxTeW5jT3V0bGluZWQgLz4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS1mbG9hdC1idXR0b24+CiAgICA8YS1iYWNrLXRvcCA6dmlzaWJpbGl0eS1oZWlnaHQ9IjAiIC8+CiAgPC9hLWZsb2F0LWJ1dHRvbi1ncm91cD4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBzZXR1cD4KZXhwb3J0IHt9Owo8L3NjcmlwdD4="}},{default:s(()=>[a(g,{shape:"circle",style:{right:"24px"}},{default:s(()=>[a(e,null,{icon:s(()=>[a(d(b))]),_:1}),a(e),a(u,{"visibility-height":0})]),_:1}),a(g,{shape:"square",style:{right:"94px"}},{default:s(()=>[a(e,null,{icon:s(()=>[a(d(b))]),_:1}),a(e),a(e,null,{icon:s(()=>[a(d(S))]),_:1}),a(u,{"visibility-height":0})]),_:1})]),htmlCode:s(()=>[...c[0]||(c[0]=[t("pre",{class:"language-vue"}
289,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 290 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button-group")]),n(),t("span",{class:"token attr-name"},"shape"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("circle"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ right: '24px' }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` 291 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 292 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 293 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("QuestionCircleOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 294 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 295 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
295,"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 296 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 297 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-back-top")]),n(),t("span",{class:"token attr-name"},":visibility-height"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("0"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 298 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button-group")]),t("span",{class:"token punctuation"},">")]),n(` 299 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button-group")]),n(),t("span",{class:"token attr-name"},"shape"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("square"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ right: '94px' }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` 300 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
300,"<"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 301 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 302 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("QuestionCircleOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 303 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 304 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 305 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 306 307 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
307,"<"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 308 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 309 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("SyncOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 310 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 311 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 312 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-back-top")]),n(),t("span",{class:"token attr-name"},":visibility-height"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("0"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 313 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button-group")]),t("span",{class:"token punctuation"},">")]),n(` 314`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 315`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
315,"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"setup"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` 316`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" QuestionCircleOutlined"),t("span",{class:"token punctuation"},","),n(" SyncOutlined "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'@ant-design/icons-vue'"),t("span",{class:"token punctuation"},";"),n(` 317`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(` 318`)])],-1)])]),jsVersionHtml:s(()=>[...c[1]||(c[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 319 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button-group")]),n(),t("span",{class:"token attr-name"},"shape"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("circle"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ right: '24px' }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` 320 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
320,"<"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 321 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 322 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("QuestionCircleOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 323 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 324 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 325 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 326 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-back-top")]),n(),t("span",{class:"token attr-name"},":visibility-height"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("0"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 327 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button-group")]),t("span",{class:"token punctuation"},">")]),n(` 328 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button-group")]),n(),t("span",{class:"token attr-name"},"shape"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("square"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ right: '94px' }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` 329 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
329,"<"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 330 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 331 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("QuestionCircleOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 332 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 333 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 334 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 335 336 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
336,"<"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 337 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 338 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("SyncOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 339 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 340 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 341 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-back-top")]),n(),t("span",{class:"token attr-name"},":visibility-height"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("0"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 342 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button-group")]),t("span",{class:"token punctuation"},">")]),n(` 343`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 344`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
344,"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` 345`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token punctuation"},"{"),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(` 346`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(` 347`)])],-1)])]),_:1})}}}),q=r({__name:"group-menu",setup(l){return(o,c)=>{const e=p("a-float-button"),u=p("a-float-button-group"),g=p("demo-box");return i(),k(g,{jsfiddle:{us:"Open menu mode with `trigger`, which could be `hover` or `click`.",cn:"\u8BBE\u7F6E `trigger` \u5C5E\u6027\u5373\u53EF\u5F00\u542F\u83DC\u5355\u6A21\u5F0F\u3002\u63D0\u4F9B `hover` \u548C `click` \u4E24\u79CD\u89E6\u53D1\u65B9\u5F0F\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn"> 348 <span aria-hidden="true" class="anchor">#</span> 349 </a></h2> 350<p>\u8BBE\u7F6E <code>trigger</code> \u5C5E\u6027\u5373\u53EF\u5F00\u542F\u83DC\u5355\u6A21\u5F0F\u3002\u63D0\u4F9B <code>hover</code> \u548C <code>click</code> \u4E24\u79CD\u89E6\u53D1\u65B9\u5F0F\u3002</p> 351<h2 id="en-us">en-US <a class="header-anchor" href="#en-us"> 352 <span aria-hidden="true" class="anchor">#</span> 353 </a></h2> 354<p>Open menu mode with <code>trigger</code>, which could be <code>hover</code> or <code>click</code>.</p> 355`,order:6,iframe:360,title:{"zh-CN":"\u83DC\u5355\u6A21\u5F0F","en-US":"Menu mode"},relativePath:"components/float-button/demo/group-menu.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWZsb2F0LWJ1dHRvbi1ncm91cCB0cmlnZ2VyPSJjbGljayIgdHlwZT0icHJpbWFyeSIgOnN0eWxlPSJ7IHJpZ2h0OiAnMjRweCcgfSI+CiAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgIDxDdXN0b21lclNlcnZpY2VPdXRsaW5lZCAvPgogICAgPC90ZW1wbGF0ZT4KICAgIDxhLWZsb2F0LWJ1dHRvbiAvPgogICAgPGEtZmxvYXQtYnV0dG9uPgogICAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgICAgPENvbW1lbnRPdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLWZsb2F0LWJ1dHRvbj4KICA8L2EtZmxvYXQtYnV0dG9uLWdyb3VwPgogIDxhLWZsb2F0LWJ1dHRvbi1ncm91cCB0cmlnZ2VyPSJob3ZlciIgdHlwZT0icHJpbWFyeSIgOnN0eWxlPSJ7IHJpZ2h0OiAnOTRweCcgfSI+CiAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgIDxDdXN0b21lclNlcnZpY2VPdXRsaW5lZCAvPgogICAgPC90ZW1wbGF0ZT4KICAgIDxhLWZsb2F0LWJ1dHRvbiAvPgogICAgPGEtZmxvYXQtYnV0dG9uPgogICAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgICAgPENvbW1lbnRPdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLWZsb2F0LWJ1dHRvbj4KICA8L2EtZmxvYXQtYnV0dG9uLWdyb3VwPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIiBzZXR1cD4KaW1wb3J0IHsgQ3VzdG9tZXJTZXJ2aWNlT3V0bGluZWQsIENvbW1lbnRPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWZsb2F0LWJ1dHRvbi1ncm91cCB0cmlnZ2VyPSJjbGljayIgdHlwZT0icHJpbWFyeSIgOnN0eWxlPSJ7IHJpZ2h0OiAnMjRweCcgfSI+CiAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgIDxDdXN0b21lclNlcnZpY2VPdXRsaW5lZCAvPgogICAgPC90ZW1wbGF0ZT4KICAgIDxhLWZsb2F0LWJ1dHRvbiAvPgogICAgPGEtZmxvYXQtYnV0dG9uPgogICAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgICAgPENvbW1lbnRPdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLWZsb2F0LWJ1dHRvbj4KICA8L2EtZmxvYXQtYnV0dG9uLWdyb3VwPgogIDxhLWZsb2F0LWJ1dHRvbi1ncm91cCB0cmlnZ2VyPSJob3ZlciIgdHlwZT0icHJpbWFyeSIgOnN0eWxlPSJ7IHJpZ2h0OiAnOTRweCcgfSI+CiAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgIDxDdXN0b21lclNlcnZpY2VPdXRsaW5lZCAvPgogICAgPC90ZW1wbGF0ZT4KICAgIDxhLWZsb2F0LWJ1dHRvbiAvPgogICAgPGEtZmxvYXQtYnV0dG9uPgogICAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgICAgPENvbW1lbnRPdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLWZsb2F0LWJ1dHRvbj4KICA8L2EtZmxvYXQtYnV0dG9uLWdyb3VwPgo8L3RlbXBsYXRlPgo8c2NyaXB0IHNldHVwPgpleHBvcnQge307Cjwvc2NyaXB0Pg=="}},{default:s(()=>[a(u,{trigger:"click",type:"primary",style:{right:"24px"}},{icon:s(()=>[a(d(C))]),default:s(()=>[a(e),a(e,null,{icon:s(()=>[a(d(B))]),_:1})]),_:1}),a(u,{trigger:"hover",type:"primary",style:{right:"94px"}},{icon:s(()=>[a(d(C))]),default:s(()=>[a(e),a(e,null,{icon:s(()=>[a(d(B))]),_:1})]),_:1})]),htmlCode:s(()=>[...c[0]||(c[0]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 356 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button-group")]),n(),t("span",{class:"token attr-name"},"trigger"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("click"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("primary"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ right: '24px' }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` 357 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 358 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("CustomerServiceOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 359 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 360 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
360,"<"),n("a-float-button")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 361 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 362 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 363 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("CommentOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 364 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 365 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 366 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button-group")]),t("span",{class:"token punctuation"},">")]),n(` 367 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button-group")]),n(),t("span",{class:"token attr-name"},"trigger"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("hover"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("primary"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ right: '94px' }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` 368 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 369 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("CustomerServiceOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 370 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 371 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
371,"<"),n("a-float-button")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 372 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 373 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 374 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("CommentOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 375 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 376 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 377 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button-group")]),t("span",{class:"token punctuation"},">")]),n(` 378`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 379`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
379,"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"setup"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` 380`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" CustomerServiceOutlined"),t("span",{class:"token punctuation"},","),n(" CommentOutlined "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'@ant-design/icons-vue'"),t("span",{class:"token punctuation"},";"),n(` 381`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(` 382`)])],-1)])]),jsVersionHtml:s(()=>[...c[1]||(c[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 383 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button-group")]),n(),t("span",{class:"token attr-name"},"trigger"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("click"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("primary"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ right: '24px' }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` 384 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 385 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("CustomerServiceOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 386 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 387 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
387,"<"),n("a-float-button")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 388 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 389 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 390 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("CommentOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 391 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 392 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 393 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button-group")]),t("span",{class:"token punctuation"},">")]),n(` 394 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button-group")]),n(),t("span",{class:"token attr-name"},"trigger"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("hover"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("primary"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ right: '94px' }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` 395 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 396 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("CustomerServiceOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 397 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 398 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
398,"<"),n("a-float-button")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 399 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 400 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 401 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("CommentOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 402 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 403 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 404 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button-group")]),t("span",{class:"token punctuation"},">")]),n(` 405`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 406`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
406,"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` 407`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token punctuation"},"{"),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(` 408`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(` 409`)])],-1)])]),_:1})}}}),E={},K={style:{height:"500vh",padding:"10px"}};function z(l,o){const c=p("a-back-top"),e=p("demo-box");return i(),k(e,{jsfiddle:{us:"`BackTop` makes it easy to go back to the top of the page.",cn:"\u8FD4\u56DE\u9875\u9762\u9876\u90E8\u7684\u64CD\u4F5C\u6309\u94AE\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn"> 410 <span aria-hidden="true" class="anchor">#</span> 411 </a></h2> 412<p>\u8FD4\u56DE\u9875\u9762\u9876\u90E8\u7684\u64CD\u4F5C\u6309\u94AE\u3002</p> 413<h2 id="en-us">en-US <a class="header-anchor" href="#en-us"> 414 <span aria-hidden="true" class="anchor">#</span> 415 </a></h2> 416<p><code>BackTop</code> makes it easy to go back to the top of the page.</p> 417`,order:7,iframe:360,title:{"zh-CN":"\u56DE\u5230\u9876\u90E8","en-US":"BackTop"},relativePath:"components/float-button/demo/back-top.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYgOnN0eWxlPSJ7IGhlaWdodDogJzUwMHZoJywgcGFkZGluZzogJzEwcHgnIH0iPgogICAgPGRpdj5TY3JvbGwgdG8gYm90dG9tPC9kaXY+CiAgICA8ZGl2PlNjcm9sbCB0byBib3R0b208L2Rpdj4KICAgIDxkaXY+U2Nyb2xsIHRvIGJvdHRvbTwvZGl2PgogICAgPGRpdj5TY3JvbGwgdG8gYm90dG9tPC9kaXY+CiAgICA8ZGl2PlNjcm9sbCB0byBib3R0b208L2Rpdj4KICAgIDxkaXY+U2Nyb2xsIHRvIGJvdHRvbTwvZGl2PgogICAgPGRpdj5TY3JvbGwgdG8gYm90dG9tPC9kaXY+CiAgICA8YS1iYWNrLXRvcCAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYgOnN0eWxlPSJ7IGhlaWdodDogJzUwMHZoJywgcGFkZGluZzogJzEwcHgnIH0iPgogICAgPGRpdj5TY3JvbGwgdG8gYm90dG9tPC9kaXY+CiAgICA8ZGl2PlNjcm9sbCB0byBib3R0b208L2Rpdj4KICAgIDxkaXY+U2Nyb2xsIHRvIGJvdHRvbTwvZGl2PgogICAgPGRpdj5TY3JvbGwgdG8gYm90dG9tPC9kaXY+CiAgICA8ZGl2PlNjcm9sbCB0byBib3R0b208L2Rpdj4KICAgIDxkaXY+U2Nyb2xsIHRvIGJvdHRvbTwvZGl2PgogICAgPGRpdj5TY3JvbGwgdG8gYm90dG9tPC9kaXY+CiAgICA8YS1iYWNrLXRvcCAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPg=="}},{default:s(()=>[t("div",K,[o[0]||(o[0]=t("div",null,"Scroll to bottom",-1)),o[1]||(o[1]=t("div",null,"Scroll to bottom",-1)),o[2]||(o[2]=t("div",null,"Scroll to bottom",-1)),o[3]||(o[3]=t("div",null,"Scroll to bottom",-1)),o[4]||(o[4]=t("div",null,"Scroll to bottom",-1)),o[5]||(o[5]=t("div",null,"Scroll to bottom",-1)),o[6]||(o[6]=t("div",null,"Scroll to bottom",-1)),a(c)])]),htmlCode:s(()=>[...o[7]||(o[7]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 418 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ height: '500vh', padding: '10px' }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` 419 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Scroll to bottom"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(` 420 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Scroll to bottom"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(` 421 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Scroll to bottom"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(` 422 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Scroll to bottom"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(` 423 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Scroll to bottom"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(` 424 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Scroll to bottom"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(` 425 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Scroll to bottom"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(` 426 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-back-top")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 427 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(` 428`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 429`)])],-1)])]),jsVersionHtml:s(()=>[...o[8]||(o[8]=[t("pre",{class:"language-vue"}
429,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 430 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ height: '500vh', padding: '10px' }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` 431 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Scroll to bottom"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(` 432 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Scroll to bottom"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(` 433 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Scroll to bottom"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(` 434 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Scroll to bottom"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(` 435 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Scroll to bottom"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(` 436 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Scroll to bottom"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(` 437 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Scroll to bottom"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(` 438 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-back-top")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 439 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(` 440`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 441`)])],-1)])]),_:1})}const U=m(E,[["render",z]]),O={__name:"badge",setup(l){return(o,c)=>{const e=p("a-float-button"),u=p("a-float-button-group"),g=p("a-back-top"),h=p("demo-box");return i(),k(h,{jsfiddle:{us:"FloatButton with Badge.",cn:"\u53F3\u4E0A\u89D2\u9644\u5E26\u5706\u5F62\u5FBD\u6807\u6570\u5B57\u7684\u60AC\u6D6E\u6309\u94AE\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn"> 442 <span aria-hidden="true" class="anchor">#</span> 443 </a></h2> 444<p>\u53F3\u4E0A\u89D2\u9644\u5E26\u5706\u5F62\u5FBD\u6807\u6570\u5B57\u7684\u60AC\u6D6E\u6309\u94AE\u3002</p> 445<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
446 <span aria-hidden="true" class="anchor">#</span> 447 </a></h2> 448<p>FloatButton with Badge.</p> 449`,order:8,iframe:360,title:{"zh-CN":"\u5FBD\u6807\u6570","en-US":"Badge"},relativePath:"components/float-button/demo/badge.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWZsb2F0LWJ1dHRvbiBzaGFwZT0iY2lyY2xlIiA6YmFkZ2U9InsgZG90OiB0cnVlIH0iIDpzdHlsZT0ieyByaWdodDogJzE2NHB4JyB9IiAvPgogIDxhLWZsb2F0LWJ1dHRvbi1ncm91cCBzaGFwZT0iY2lyY2xlIiA6c3R5bGU9InsgcmlnaHQ6ICc5NHB4JyB9Ij4KICAgIDxhLWZsb2F0LWJ1dHRvbiA6YmFkZ2U9InsgY291bnQ6IDUsIGNvbG9yOiAnYmx1ZScgfSI+CiAgICAgIDx0ZW1wbGF0ZSAjdG9vbHRpcD4KICAgICAgICA8ZGl2PmN1c3RvbSBiYWRnZSBjb2xvcjwvZGl2PgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLWZsb2F0LWJ1dHRvbj4KICAgIDxhLWZsb2F0LWJ1dHRvbiA6YmFkZ2U9InsgY291bnQ6IDUgfSI+PC9hLWZsb2F0LWJ1dHRvbj4KICA8L2EtZmxvYXQtYnV0dG9uLWdyb3VwPgogIDxhLWZsb2F0LWJ1dHRvbi1ncm91cCBzaGFwZT0iY2lyY2xlIj4KICAgIDxhLWZsb2F0LWJ1dHRvbiA6YmFkZ2U9InsgY291bnQ6IDEyIH0iPgogICAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgICAgPFF1ZXN0aW9uQ2lyY2xlT3V0bGluZWQgLz4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS1mbG9hdC1idXR0b24+CiAgICA8YS1mbG9hdC1idXR0b24gOmJhZGdlPSJ7IGNvdW50OiAxMjMsIG92ZXJmbG93Q291bnQ6IDk5OSB9Ij48L2EtZmxvYXQtYnV0dG9uPgogICAgPGEtYmFjay10b3AgOnZpc2liaWxpdHktaGVpZ2h0PSIwIiAvPgogIDwvYS1mbG9hdC1idXR0b24tZ3JvdXA+CjwvdGVtcGxhdGU+CjxzY3JpcHQgc2V0dXA+CmltcG9ydCB7IFF1ZXN0aW9uQ2lyY2xlT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWZsb2F0LWJ1dHRvbiBzaGFwZT0iY2lyY2xlIiA6YmFkZ2U9InsgZG90OiB0cnVlIH0iIDpzdHlsZT0ieyByaWdodDogJzE2NHB4JyB9IiAvPgogIDxhLWZsb2F0LWJ1dHRvbi1ncm91cCBzaGFwZT0iY2lyY2xlIiA6c3R5bGU9InsgcmlnaHQ6ICc5NHB4JyB9Ij4KICAgIDxhLWZsb2F0LWJ1dHRvbiA6YmFkZ2U9InsgY291bnQ6IDUsIGNvbG9yOiAnYmx1ZScgfSI+CiAgICAgIDx0ZW1wbGF0ZSAjdG9vbHRpcD4KICAgICAgICA8ZGl2PmN1c3RvbSBiYWRnZSBjb2xvcjwvZGl2PgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLWZsb2F0LWJ1dHRvbj4KICAgIDxhLWZsb2F0LWJ1dHRvbiA6YmFkZ2U9InsgY291bnQ6IDUgfSI+PC9hLWZsb2F0LWJ1dHRvbj4KICA8L2EtZmxvYXQtYnV0dG9uLWdyb3VwPgogIDxhLWZsb2F0LWJ1dHRvbi1ncm91cCBzaGFwZT0iY2lyY2xlIj4KICAgIDxhLWZsb2F0LWJ1dHRvbiA6YmFkZ2U9InsgY291bnQ6IDEyIH0iPgogICAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgICAgPFF1ZXN0aW9uQ2lyY2xlT3V0bGluZWQgLz4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS1mbG9hdC1idXR0b24+CiAgICA8YS1mbG9hdC1idXR0b24gOmJhZGdlPSJ7IGNvdW50OiAxMjMsIG92ZXJmbG93Q291bnQ6IDk5OSB9Ij48L2EtZmxvYXQtYnV0dG9uPgogICAgPGEtYmFjay10b3AgOnZpc2liaWxpdHktaGVpZ2h0PSIwIiAvPgogIDwvYS1mbG9hdC1idXR0b24tZ3JvdXA+CjwvdGVtcGxhdGU+CjxzY3JpcHQgc2V0dXA+CmV4cG9ydCB7fTsKPC9zY3JpcHQ+"}},{default:s(()=>[a(e,{shape:"circle",badge:{dot:!0},style:{right:"164px"}}),a(u,{shape:"circle",style:{right:"94px"}},{default:s(()=>[a(e,{badge:{count:5,color:"blue"}},{tooltip:s(()=>[...c[0]||(c[0]=[t("div",null,"custom badge color",-1)])]),_:1}),a(e,{badge:{count:5}})]),_:1}),a(u,{shape:"circle"},{default:s(()=>[a(e,{badge:{count:12}},{icon:s(()=>[a(d(b))]),_:1}),a(e,{badge:{count:123,overflowCount:999}}),a(g,{"visibility-height":0})]),_:1})]),htmlCode:s(()=>[...c[1]||(c[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 450 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
450,"<"),n("a-float-button")]),n(),t("span",{class:"token attr-name"},"shape"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("circle"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":badge"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ dot: true }"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ right: '164px' }"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 451 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button-group")]),n(),t("span",{class:"token attr-name"},"shape"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("circle"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ right: '94px' }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` 452 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
452,"<"),n("a-float-button")]),n(),t("span",{class:"token attr-name"},":badge"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ count: 5, color: 'blue' }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` 453 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#tooltip"),t("span",{class:"token punctuation"},">")]),n(` 454 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("custom badge color"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(` 455 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 456 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
456,"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 457 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(),t("span",{class:"token attr-name"},":badge"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ count: 5 }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 458 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button-group")]),t("span",{class:"token punctuation"},">")]),n(` 459 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button-group")]),n(),t("span",{class:"token attr-name"},"shape"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("circle"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` 460 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
460,"<"),n("a-float-button")]),n(),t("span",{class:"token attr-name"},":badge"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ count: 12 }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` 461 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 462 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("QuestionCircleOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 463 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 464 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button")]
464),t("span",{class:"token punctuation"},">")]),n(` 465 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(),t("span",{class:"token attr-name"},":badge"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ count: 123, overflowCount: 999 }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 466 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-back-top")]),n(),t("span",{class:"token attr-name"},":visibility-height"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("0"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 467 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button-group")]),t("span",{class:"token punctuation"},">")]),n(` 468`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 469`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
469,"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` 470`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" QuestionCircleOutlined "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'@ant-design/icons-vue'"),t("span",{class:"token punctuation"},";"),n(` 471`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(` 472`)])],-1)])]),jsVersionHtml:s(()=>[...c[2]||(c[2]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 473 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
473,"<"),n("a-float-button")]),n(),t("span",{class:"token attr-name"},"shape"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("circle"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":badge"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ dot: true }"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ right: '164px' }"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 474 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button-group")]),n(),t("span",{class:"token attr-name"},"shape"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("circle"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ right: '94px' }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` 475 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
475,"<"),n("a-float-button")]),n(),t("span",{class:"token attr-name"},":badge"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ count: 5, color: 'blue' }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` 476 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#tooltip"),t("span",{class:"token punctuation"},">")]),n(` 477 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("custom badge color"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(` 478 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 479 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
479,"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 480 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(),t("span",{class:"token attr-name"},":badge"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ count: 5 }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 481 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button-group")]),t("span",{class:"token punctuation"},">")]),n(` 482 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button-group")]),n(),t("span",{class:"token attr-name"},"shape"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("circle"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` 483 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
483,"<"),n("a-float-button")]),n(),t("span",{class:"token attr-name"},":badge"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ count: 12 }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` 484 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#icon"),t("span",{class:"token punctuation"},">")]),n(` 485 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("QuestionCircleOutlined")]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 486 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 487 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button")]
487),t("span",{class:"token punctuation"},">")]),n(` 488 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-float-button")]),n(),t("span",{class:"token attr-name"},":badge"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ count: 123, overflowCount: 999 }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button")]),t("span",{class:"token punctuation"},">")]),n(` 489 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-back-top")]),n(),t("span",{class:"token attr-name"},":visibility-height"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("0"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(` 490 `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-float-button-group")]),t("span",{class:"token punctuation"},">")]),n(` 491`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` 492`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"}
492,"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` 493`),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token punctuation"},"{"),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(` 494`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(` 495`)])],-1)])]),_:1})}}},Q=O,$={components:{ColorChunk:F,TokenTable:X,ComponentTokenTable:H},pageData:{title:"FloatButton",description:"",frontmatter:{category:"Components",type:"Other",title:"FloatButton",cover:"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*HS-wTIIwu0kAAAAAAAAAAAAADrJ8AQ/original",coverDark:"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*a0hwTY_rOSUAAAAAAAAAAAAADrJ8AQ/original",tag:"New"},headers:[{level:2,title:"When To Use",slug:"when-to-use",content:""},{level:2,title:"API",slug:"api",content:""},{level:3,title:"common API",slug:"common-api",content:""},{level:3,title:"common events",slug:"common-events",content:""},{level:3,title:"FloatButton.Group",slug:"floatbutton-group",content:""},{level:3,title:"FloatButton.Group Events",slug:"floatbutton-group-events",content:""},{level:3,title:"FloatButton.BackTop",slug:"floatbutton-backtop",content:""}],relativePath:"components/float-button/index.en-US.md",content:` 496FloatButton. Available since \`4.0.0\`. 497 498## When To Use 499 500- For global functionality on the site. 501- Buttons that can be seen wherever you browse. 502 503## API 504 505> This component is available since \`[email protected]\`. 506 507### common API 508 509| Property | Description | Type | Default | Version | 510| --- | --- | --- | --- | --- | 511| icon | Set the icon component of button | slot | - | | 512| description | Text and other | string \\| slot | - | | 513| tooltip | The text shown in the tooltip | string \\| slot | | | 514| type | Setting button type | \`default\` \\| \`primary\` | \`default\` | | 515| shape | Setting button shape | \`circle\` \\| \`square\` | \`circle\` | | 516| href | The target of hyperlink | string | - | | 517| target | Specifies where to display the linked URL | string | - | | 518| badge | Attach Badge to FloatButton. \`status\` and other props related are not supported. | [BadgeProps](/components/badge#api) | - | | 519 520### common events 521 522| Events Name | Description | Arguments | Version | 523| ----------- | --------------------------------------- | ----------------- | ------- | 524| click | Set the handler to handle \`click\` event | \`(event) => void\` | - | 525 526### FloatButton.Group 527 528| Property | Description | Type | Default | Version | 529| --- | --- | --- | --- | --- | 530| shape | Setting button shape of children | \`circle\` \\| \`square\` | \`circle\` | | 531| trigger | Which action can trigger menu open/close | \`click\` \\| \`hover\` | - | | 532| open(v-model) | Whether the menu is visible or not | boolean | - | | 533 534### FloatButton.Group Events 535 536| Events Name | Description | Arguments | Version | 537| ----------- | --------------------------------------------- | ----------------------- | ------- | 538| openChange | Callback executed when active menu is changed | (open: boolean) => void | - | 539 540### FloatButton.BackTop 541 542| Property | Description | Type | Default | Version | 543| --- | --- | --- | --- | --- | 544| duration | Time to return to top\uFF08ms\uFF09 | number | 450 | | 545| target | Specifies the scrollable area dom node | () => HTMLElement | () => window | | 546| visibilityHeight | The BackTop button will not show until the scroll height reaches this value | number | 400 | | 547`,html:`<p>FloatButton. Available since <code>4.0.0</code>.</p> 548<h2 id="when-to-use">When To Use <a class="header-anchor" href="#when-to-use"> 549 <span aria-hidden="true" class="anchor">#</span> 550 </a></h2> 551<ul> 552<li>For global functionality on the site.</li> 553<li>Buttons that can be seen wherever you browse.</li> 554</ul> 555<h2 id="api">API <a class="header-anchor" href="#api">
556 <span aria-hidden="true" class="anchor">#</span> 557 </a></h2> 558<blockquote> 559<p>This component is available since <code>[email protected]</code>.</p> 560</blockquote> 561<h3 id="common-api">common API <a class="header-anchor" href="#common-api"> 562 <span aria-hidden="true" class="anchor">#</span> 563 </a></h3> 564<table> 565<thead> 566<tr> 567<th>Property</th> 568<th>Description</th> 569<th>Type</th> 570<th>Default</th> 571<th>Version</th> 572</tr> 573</thead> 574<tbody> 575<tr> 576<td>icon</td> 577<td>Set the icon component of button</td> 578<td>slot</td> 579<td>-</td> 580<td></td> 581</tr> 582<tr> 583<td>description</td> 584<td>Text and other</td> 585<td>string | slot</td> 586<td>-</td> 587<td></td> 588</tr> 589<tr> 590<td>tooltip</td> 591<td>The text shown in the tooltip</td> 592<td>string | slot</td> 593<td></td> 594<td></td> 595</tr> 596<tr> 597<td>type</td> 598<td>Setting button type</td> 599<td><code>default</code> | <code>primary</code></td> 600<td><code>default</code></td> 601<td></td> 602</tr> 603<tr> 604<td>shape</td> 605<td>Setting button shape</td> 606<td><code>circle</code> | <code>square</code></td> 607<td><code>circle</code></td> 608<td></td> 609</tr> 610<tr> 611<td>href</td> 612<td>The target of hyperlink</td> 613<td>string</td> 614<td>-</td> 615<td></td> 616</tr> 617<tr> 618<td>target</td> 619<td>Specifies where to display the linked URL</td> 620<td>string</td> 621<td>-</td> 622<td></td> 623</tr> 624<tr> 625<td>badge</td> 626<td>Attach Badge to FloatButton. <code>status</code> and other props related are not supported.</td> 627<td><a href="/components/badge#api">BadgeProps</a></td> 628<td>-</td> 629<td></td> 630</tr> 631</tbody> 632</table> 633<h3 id="common-events">common events <a class="header-anchor" href="#common-events"> 634 <span aria-hidden="true" class="anchor">#</span> 635 </a></h3> 636<table> 637<thead> 638<tr> 639<th>Events Name</th> 640<th>Description</th> 641<th>Arguments</th> 642<th>Version</th> 643</tr> 644</thead> 645<tbody> 646<tr> 647<td>click</td> 648<td>Set the handler to handle <code>click</code> event</td> 649<td><code>(event) => void</code></td> 650<td>-</td> 651</tr> 652</tbody> 653</table> 654<h3 id="floatbutton-group">FloatButton.Group <a class="header-anchor" href="#floatbutton-group"> 655 <span aria-hidden="true" class="anchor">#</span> 656 </a></h3> 657<table> 658<thead> 659<tr> 660<th>Property</th> 661<th>Description</th> 662<th>Type</th> 663<th>Default</th> 664<th>Version</th> 665</tr> 666</thead> 667<tbody> 668<tr> 669<td>shape</td> 670<td>Setting button shape of children</td> 671<td><code>circle</code> | <code>square</code></td> 672<td><code>circle</code></td> 673<td></td> 674</tr> 675<tr> 676<td>trigger</td> 677<td>Which action can trigger menu open/close</td> 678<td><code>click</code> | <code>hover</code></td> 679<td>-</td> 680<td></td> 681</tr> 682<tr> 683<td>open(v-model)</td> 684<td>Whether the menu is visible or not</td> 685<td>boolean</td> 686<td>-</td> 687<td></td> 688</tr> 689</tbody> 690</table> 691<h3 id="floatbutton-group-events">FloatButton.Group Events <a class="header-anchor" href="#floatbutton-group-events"> 692 <span aria-hidden="true" class="anchor">#</span> 693 </a></h3> 694<table> 695<thead> 696<tr> 697<th>Events Name</th> 698<th>Description</th> 699<th>Arguments</th> 700<th>Version</th> 701</tr> 702</thead> 703<tbody> 704<tr> 705<td>openChange</td> 706<td>Callback executed when active menu is changed</td> 707<td>(open: boolean) => void</td> 708<td>-</td> 709</tr> 710</tbody> 711</table> 712<h3 id="floatbutton-backtop">FloatButton.BackTop <a class="header-anchor" href="#floatbutton-backtop"> 713 <span aria-hidden="true" class="anchor">#</span> 714 </a></h3> 715<table> 716<thead> 717<tr> 718<th>Property</th> 719<th>Description</th> 720<th>Type</th> 721<th>Default</th> 722<th>Version</th> 723</tr> 724</thead> 725<tbody> 726<tr> 727<td>duration</td> 728<td>Time to return to top\uFF08ms\uFF09</td> 729<td>number</td> 730<td>450</td> 731<td></td> 732</tr> 733<tr> 734<td>target</td> 735<td>Specifies the scrollable area dom node</td> 736<td>() => HTMLElement</td> 737<td>() => window</td> 738<td></td> 739</tr> 740<tr> 741<td>visibilityHeight</td> 742<td>The BackTop button will not show until the scroll height reaches this value</td> 743<td>number</td> 744<td>400</td> 745<td></td> 746</tr> 747</tbody> 748</table> 749`,lastUpdated:1784881770113}},M={class:"markdown"};function tt(l,o,c,e,u,g){return i(),x("article",M,[...o[0]||(o[0]=[W('<p>FloatButton. Available since <code>4.0.0</code>.</p><h2 id="when-to-use">When To Use <a class="header-anchor" href="#when-to-use"><span aria-hidden="true" class="anchor">#</span></a></h2><ul><li>For global functionality on the site.</li><li>Buttons that can be seen wherever you browse.</li></ul><h2 id="api">API <a class="header-anchor" href="#api"><span aria-hidden="true" class="anchor">#</span></a></h2><blockquote><p>This component is available since <code>[email protected]</code>.</p></blockquote><h3 id="common-api">common API <a class="header-anchor" href="#common-api"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>
749Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>icon</td><td>Set the icon component of button</td><td>slot</td><td>-</td><td></td></tr><tr><td>description</td><td>Text and other</td><td>string | slot</td><td>-</td><td></td></tr><tr><td>tooltip</td><td>The text shown in the tooltip</td><td>string | slot</td><td></td><td></td></tr><tr><td>type</td><td>Setting button type</td><td><code>default</code> | <code>primary</code></td><td><code>default</code></td><td></td></tr><tr><td>shape</td><td>Setting button shape</td><td><code>circle</code> | <code>square</code></td><td><code>circle</code></td><td></td></tr><tr><td>href</td><td>The target of hyperlink</td><td>string</td><td>-</td><td></td></tr><tr><td>target</td><td>Specifies where to display the linked URL</td><td>string</td><td>-</td><td></td></tr><tr><td>badge</td><td>Attach Badge to FloatButton. <code>status</code> and other props related are not supported.</td><td><a href="/components/badge#api">BadgeProps</a></td><td>-</td><td></td></tr></tbody></table><h3 id="common-events">common events <a class="header-anchor" href="#common-events"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th><th>Version</th></tr></thead><tbody><tr><td>click</td><td>Set the handler to handle <code>click</code> event</td><td><code>(event) => void</code></td><td>-</td></tr></tbody></table><h3 id="floatbutton-group">FloatButton.Group <a class="header-anchor" href="#floatbutton-group"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>shape</td><td>Setting button shape of children</td><td><code>circle</code> | <code>square</code></td><td><code>circle</code></td><td></td></tr><tr><td>trigger</td><td>Which action can trigger menu open/close</td><td><code>click</code> | <code>hover</code></td><td>-</td><td></td></tr><tr><td>open(v-model)</td><td>Whether the menu is visible or not</td><td>boolean</td><td>-</td><td></td></tr></tbody></table><h3 id="floatbutton-group-events">FloatButton.Group Events <a class="header-anchor" href="#floatbutton-group-events"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th><th>Version</th></tr></thead><tbody><tr><td>openChange</td><td>Callback executed when active menu is changed</td><td>(open: boolean) => void</td><td>-</td></tr></tbody></table><h3 id="floatbutton-backtop">FloatButton.BackTop <a class="header-anchor" href="#floatbutton-backtop"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>duration</td><td>Time to return to top\uFF08ms\uFF09</td><td>number</td><td>450</td><td></td></tr><tr><td>target</td><td>Specifies the scrollable area dom node</td><td>() => HTMLElement</td><td>() => window</td><td></td></tr><tr><td>visibilityHeight</td><td>The BackTop button will not show until the scroll height reaches this value</td><td>number</td><td>400</td><td></td></tr></tbody></table>',15)])])}const nt=m($,[["render",tt]]),at={components:{ColorChunk:F,TokenTable:X,ComponentTokenTable:H},pageData:{title:"FloatButton",description:"",frontmatter:{category:"Components",subtitle:"\u60AC\u6D6E\u6309\u94AE",type:"\u5176\u4ED6",title:"FloatButton",cover:"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*
749HS-wTIIwu0kAAAAAAAAAAAAADrJ8AQ/original",coverDark:"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*a0hwTY_rOSUAAAAAAAAAAAAADrJ8AQ/original",tag:"New"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:""},{level:2,title:"API",slug:"api",content:""},{level:3,title:"\u5171\u540C\u7684 API",slug:"\u5171\u540C\u7684-api",content:""},{level:3,title:"\u5171\u540C\u7684\u4E8B\u4EF6",slug:"\u5171\u540C\u7684\u4E8B\u4EF6",content:""},{level:3,title:"FloatButton.Group",slug:"floatbutton-group",content:""},{level:3,title:"FloatButton.Group \u4E8B\u4EF6",slug:"floatbutton-group-\u4E8B\u4EF6",content:""},{level:3,title:"FloatButton.BackTop",slug:"floatbutton-backtop",content:""}],relativePath:"components/float-button/index.zh-CN.md",content:` 750\u60AC\u6D6E\u6309\u94AE\u3002\u81EA \`4.0.0\` \u7248\u672C\u5F00\u59CB\u63D0\u4F9B\u8BE5\u7EC4\u4EF6\u3002 751 752## \u4F55\u65F6\u4F7F\u7528 753 754- \u7528\u4E8E\u7F51\u7AD9\u4E0A\u7684\u5168\u5C40\u529F\u80FD\uFF1B 755- \u65E0\u8BBA\u6D4F\u89C8\u5230\u4F55\u5904\u90FD\u53EF\u4EE5\u770B\u89C1\u7684\u6309\u94AE\u3002 756 757## API 758 759> \u81EA \`[email protected]\` \u7248\u672C\u5F00\u59CB\u63D0\u4F9B\u8BE5\u7EC4\u4EF6\u3002 760 761### \u5171\u540C\u7684 API 762 763| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C | 764| --- | --- | --- | --- | --- | 765| icon | \u81EA\u5B9A\u4E49\u56FE\u6807 | slot | - | | 766| description | \u6587\u5B57\u53CA\u5176\u5B83\u5185\u5BB9 | string \\| slot | - | | 767| tooltip | \u6C14\u6CE1\u5361\u7247\u7684\u5185\u5BB9 | string \\| slot | - | | 768| type | \u8BBE\u7F6E\u6309\u94AE\u7C7B\u578B | \`default\` \\| \`primary\` | \`default\` | | 769| shape | \u8BBE\u7F6E\u6309\u94AE\u5F62\u72B6 | \`circle\` \\| \`square\` | \`circle\` | | 770| onClick | \u70B9\u51FB\u6309\u94AE\u65F6\u7684\u56DE\u8C03 | (event) => void | - | | 771| href | \u70B9\u51FB\u8DF3\u8F6C\u7684\u5730\u5740\uFF0C\u6307\u5B9A\u6B64\u5C5E\u6027 button \u7684\u884C\u4E3A\u548C a \u94FE\u63A5\u4E00\u81F4 | string | - | | 772| target | \u76F8\u5F53\u4E8E a \u6807\u7B7E\u7684 target \u5C5E\u6027\uFF0Chref \u5B58\u5728\u65F6\u751F\u6548 | string | - | | 773| badge | \u5E26\u5FBD\u6807\u6570\u5B57\u7684\u60AC\u6D6E\u6309\u94AE\uFF08\u4E0D\u652F\u6301 status \u4EE5\u53CA\u76F8\u5173\u5C5E\u6027\uFF09 | [BadgeProps](/components/badge-cn#api) | - | | 774 775### \u5171\u540C\u7684\u4E8B\u4EF6 776 777| \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E | \u56DE\u8C03\u53C2\u6570 | \u7248\u672C | 778| -------- | ----------------------------- | ----------------- | ---- | 779| click | \u8BBE\u7F6E\u5904\u7406 \`click\` \u4E8B\u4EF6\u7684\u5904\u7406\u5668 | \`(event) => void\` | - | 780 781### FloatButton.Group 782 783| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C | 784| ------------- | -------------------------------- | -------------------- | -------- | ---- | 785| shape | \u8BBE\u7F6E\u5305\u542B\u7684 FloatButton \u6309\u94AE\u5F62\u72B6 | \`circle\` \\| \`square\` | \`circle\` | | 786| trigger | \u89E6\u53D1\u65B9\u5F0F\uFF08\u6709\u89E6\u53D1\u65B9\u5F0F\u4E3A\u83DC\u5355\u6A21\u5F0F\uFF09 | \`click\` \\| \`hover\` | - | | 787| open(v-model) | \u53D7\u63A7\u5C55\u5F00 | boolean | - | | 788 789### FloatButton.Group \u4E8B\u4EF6 790 791| \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E | \u56DE\u8C03\u53C2\u6570 | \u7248\u672C | 792| ---------- | ---------------- | ----------------------- | ---- | 793| openChange | \u5C55\u5F00\u6536\u8D77\u65F6\u7684\u56DE\u8C03 | (open: boolean) => void | - | 794 795### FloatButton.BackTop 796 797| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C | 798| ---------------- | ---------------------------------- | ----------------- | ------------ | ---- | 799| duration | \u56DE\u5230\u9876\u90E8\u6240\u9700\u65F6\u95F4\uFF08ms\uFF09 | number | 450 | | 800| target | \u8BBE\u7F6E\u9700\u8981\u76D1\u542C\u5176\u6EDA\u52A8\u4E8B\u4EF6\u7684\u5143\u7D20 | () => HTMLElement | () => window | | 801| visibilityHeight | \u6EDA\u52A8\u9AD8\u5EA6\u8FBE\u5230\u6B64\u53C2\u6570\u503C\u624D\u51FA\u73B0 BackTop | number | 400 | | 802| onClick | \u70B9\u51FB\u6309\u94AE\u7684\u56DE\u8C03\u51FD\u6570 | () => void | - | | 803`,html:`<p>\u60AC\u6D6E\u6309\u94AE\u3002\u81EA <code>4.0.0</code> \u7248\u672C\u5F00\u59CB\u63D0\u4F9B\u8BE5\u7EC4\u4EF6\u3002</p> 804<h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528">
805 <span aria-hidden="true" class="anchor">#</span> 806 </a></h2> 807<ul> 808<li>\u7528\u4E8E\u7F51\u7AD9\u4E0A\u7684\u5168\u5C40\u529F\u80FD\uFF1B</li> 809<li>\u65E0\u8BBA\u6D4F\u89C8\u5230\u4F55\u5904\u90FD\u53EF\u4EE5\u770B\u89C1\u7684\u6309\u94AE\u3002</li> 810</ul> 811<h2 id="api">API <a class="header-anchor" href="#api"> 812 <span aria-hidden="true" class="anchor">#</span> 813 </a></h2> 814<blockquote> 815<p>\u81EA <code>[email protected]</code> \u7248\u672C\u5F00\u59CB\u63D0\u4F9B\u8BE5\u7EC4\u4EF6\u3002</p> 816</blockquote> 817<h3 id="\u5171\u540C\u7684-api">\u5171\u540C\u7684 API <a class="header-anchor" href="#\u5171\u540C\u7684-api"> 818 <span aria-hidden="true" class="anchor">#</span> 819 </a></h3> 820<table> 821<thead> 822<tr> 823<th>\u53C2\u6570</th> 824<th>\u8BF4\u660E</th> 825<th>\u7C7B\u578B</th> 826<th>\u9ED8\u8BA4\u503C</th> 827<th>\u7248\u672C</th> 828</tr> 829</thead> 830<tbody> 831<tr> 832<td>icon</td> 833<td>\u81EA\u5B9A\u4E49\u56FE\u6807</td> 834<td>slot</td> 835<td>-</td> 836<td></td> 837</tr> 838<tr> 839<td>description</td> 840<td>\u6587\u5B57\u53CA\u5176\u5B83\u5185\u5BB9</td> 841<td>string | slot</td> 842<td>-</td> 843<td></td> 844</tr> 845<tr> 846<td>tooltip</td> 847<td>\u6C14\u6CE1\u5361\u7247\u7684\u5185\u5BB9</td> 848<td>string | slot</td> 849<td>-</td> 850<td></td> 851</tr> 852<tr> 853<td>type</td> 854<td>\u8BBE\u7F6E\u6309\u94AE\u7C7B\u578B</td> 855<td><code>default</code> | <code>primary</code></td> 856<td><code>default</code></td> 857<td></td> 858</tr> 859<tr> 860<td>shape</td> 861<td>\u8BBE\u7F6E\u6309\u94AE\u5F62\u72B6</td> 862<td><code>circle</code> | <code>square</code></td> 863<td><code>circle</code></td> 864<td></td> 865</tr> 866<tr> 867<td>onClick</td> 868<td>\u70B9\u51FB\u6309\u94AE\u65F6\u7684\u56DE\u8C03</td> 869<td>(event) => void</td> 870<td>-</td> 871<td></td> 872</tr> 873<tr> 874<td>href</td> 875<td>\u70B9\u51FB\u8DF3\u8F6C\u7684\u5730\u5740\uFF0C\u6307\u5B9A\u6B64\u5C5E\u6027 button \u7684\u884C\u4E3A\u548C a \u94FE\u63A5\u4E00\u81F4</td> 876<td>string</td> 877<td>-</td> 878<td></td> 879</tr> 880<tr> 881<td>target</td> 882<td>\u76F8\u5F53\u4E8E a \u6807\u7B7E\u7684 target \u5C5E\u6027\uFF0Chref \u5B58\u5728\u65F6\u751F\u6548</td> 883<td>string</td> 884<td>-</td> 885<td></td> 886</tr> 887<tr> 888<td>badge</td> 889<td>\u5E26\u5FBD\u6807\u6570\u5B57\u7684\u60AC\u6D6E\u6309\u94AE\uFF08\u4E0D\u652F\u6301 status \u4EE5\u53CA\u76F8\u5173\u5C5E\u6027\uFF09</td> 890<td><a href="/components/badge-cn#api">BadgeProps</a></td> 891<td>-</td> 892<td></td> 893</tr> 894</tbody> 895</table> 896<h3 id="\u5171\u540C\u7684\u4E8B\u4EF6">\u5171\u540C\u7684\u4E8B\u4EF6 <a class="header-anchor" href="#\u5171\u540C\u7684\u4E8B\u4EF6"> 897 <span aria-hidden="true" class="anchor">#</span> 898 </a></h3> 899<table> 900<thead> 901<tr> 902<th>\u4E8B\u4EF6\u540D\u79F0</th> 903<th>\u8BF4\u660E</th> 904<th>\u56DE\u8C03\u53C2\u6570</th> 905<th>\u7248\u672C</th> 906</tr> 907</thead> 908<tbody> 909<tr> 910<td>click</td> 911<td>\u8BBE\u7F6E\u5904\u7406 <code>click</code> \u4E8B\u4EF6\u7684\u5904\u7406\u5668</td> 912<td><code>(event) => void</code></td> 913<td>-</td> 914</tr> 915</tbody> 916</table> 917<h3 id="floatbutton-group">FloatButton.Group <a class="header-anchor" href="#floatbutton-group"> 918 <span aria-hidden="true" class="anchor">#</span> 919 </a></h3> 920<table> 921<thead> 922<tr> 923<th>\u53C2\u6570</th> 924<th>\u8BF4\u660E</th> 925<th>\u7C7B\u578B</th> 926<th>\u9ED8\u8BA4\u503C</th> 927<th>\u7248\u672C</th> 928</tr> 929</thead> 930<tbody> 931<tr> 932<td>shape</td> 933<td>\u8BBE\u7F6E\u5305\u542B\u7684 FloatButton \u6309\u94AE\u5F62\u72B6</td> 934<td><code>circle</code> | <code>square</code></td> 935<td><code>circle</code></td> 936<td></td> 937</tr> 938<tr> 939<td>trigger</td> 940<td>\u89E6\u53D1\u65B9\u5F0F\uFF08\u6709\u89E6\u53D1\u65B9\u5F0F\u4E3A\u83DC\u5355\u6A21\u5F0F\uFF09</td> 941<td><code>click</code> | <code>hover</code></td> 942<td>-</td> 943<td></td> 944</tr> 945<tr> 946<td>open(v-model)</td> 947<td>\u53D7\u63A7\u5C55\u5F00</td> 948<td>boolean</td> 949<td>-</td> 950<td></td> 951</tr> 952</tbody> 953</table> 954<h3 id="floatbutton-group-\u4E8B\u4EF6">FloatButton.Group \u4E8B\u4EF6 <a class="header-anchor" href="#floatbutton-group-\u4E8B\u4EF6"> 955 <span aria-hidden="true" class="anchor">#</span> 956 </a></h3> 957<table> 958<thead> 959<tr> 960<th>\u4E8B\u4EF6\u540D\u79F0</th> 961<th>\u8BF4\u660E</th> 962<th>\u56DE\u8C03\u53C2\u6570</th> 963<th>\u7248\u672C</th> 964</tr> 965</thead> 966<tbody> 967<tr> 968<td>
968openChange</td> 969<td>\u5C55\u5F00\u6536\u8D77\u65F6\u7684\u56DE\u8C03</td> 970<td>(open: boolean) => void</td> 971<td>-</td> 972</tr> 973</tbody> 974</table> 975<h3 id="floatbutton-backtop">FloatButton.BackTop <a class="header-anchor" href="#floatbutton-backtop"> 976 <span aria-hidden="true" class="anchor">#</span> 977 </a></h3> 978<table> 979<thead> 980<tr> 981<th>\u53C2\u6570</th> 982<th>\u8BF4\u660E</th> 983<th>\u7C7B\u578B</th> 984<th>\u9ED8\u8BA4\u503C</th> 985<th>\u7248\u672C</th> 986</tr> 987</thead> 988<tbody> 989<tr> 990<td>duration</td> 991<td>\u56DE\u5230\u9876\u90E8\u6240\u9700\u65F6\u95F4\uFF08ms\uFF09</td> 992<td>number</td> 993<td>450</td> 994<td></td> 995</tr> 996<tr> 997<td>target</td> 998<td>\u8BBE\u7F6E\u9700\u8981\u76D1\u542C\u5176\u6EDA\u52A8\u4E8B\u4EF6\u7684\u5143\u7D20</td> 999<td>() => HTMLElement</td> 1000<td>() => window</td> 1001<td></td> 1002</tr> 1003<tr> 1004<td>visibilityHeight</td> 1005<td>\u6EDA\u52A8\u9AD8\u5EA6\u8FBE\u5230\u6B64\u53C2\u6570\u503C\u624D\u51FA\u73B0 BackTop</td> 1006<td>number</td> 1007<td>400</td> 1008<td></td> 1009</tr> 1010<tr> 1011<td>onClick</td> 1012<td>\u70B9\u51FB\u6309\u94AE\u7684\u56DE\u8C03\u51FD\u6570</td> 1013<td>() => void</td> 1014<td>-</td> 1015<td></td> 1016</tr> 1017</tbody> 1018</table> 1019`,lastUpdated:1784881770113}},st={class:"markdown"};function ot(l,o,c,e,u,g){return i(),x("article",st,[...o[0]||(o[0]=[W('<p>\u60AC\u6D6E\u6309\u94AE\u3002\u81EA <code>4.0.0</code> \u7248\u672C\u5F00\u59CB\u63D0\u4F9B\u8BE5\u7EC4\u4EF6\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528"><span aria-hidden="true" class="anchor">#</span></a></h2><ul><li>\u7528\u4E8E\u7F51\u7AD9\u4E0A\u7684\u5168\u5C40\u529F\u80FD\uFF1B</li><li>\u65E0\u8BBA\u6D4F\u89C8\u5230\u4F55\u5904\u90FD\u53EF\u4EE5\u770B\u89C1\u7684\u6309\u94AE\u3002</li></ul><h2 id="api">API <a class="header-anchor" href="#api"><span aria-hidden="true" class="anchor">#</span></a></h2><blockquote><p>\u81EA <code>[email protected]</code> \u7248\u672C\u5F00\u59CB\u63D0\u4F9B\u8BE5\u7EC4\u4EF6\u3002</p></blockquote><h3 id="\u5171\u540C\u7684-api">\u5171\u540C\u7684 API <a class="header-anchor" href="#\u5171\u540C\u7684-api"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>icon</td><td>\u81EA\u5B9A\u4E49\u56FE\u6807</td><td>slot</td><td>-</td><td></td></tr><tr><td>description</td><td>\u6587\u5B57\u53CA\u5176\u5B83\u5185\u5BB9</td><td>string | slot</td><td>-</td><td></td></tr><tr><td>tooltip</td><td>\u6C14\u6CE1\u5361\u7247\u7684\u5185\u5BB9</td><td>string | slot</td><td>-</td><td></td></tr><tr><td>type</td><td>\u8BBE\u7F6E\u6309\u94AE\u7C7B\u578B</td><td><code>default</code> | <code>primary</code></td><td><code>default</code></td><td></td></tr><tr><td>shape</td><td>\u8BBE\u7F6E\u6309\u94AE\u5F62\u72B6</td><td><code>circle</code> | <code>square</code></td><td><code>circle</code></td><td></td></tr><tr><td>onClick</td><td>\u70B9\u51FB\u6309\u94AE\u65F6\u7684\u56DE\u8C03</td><td>(event) => void</td><td>-</td><td></td></tr><tr><td>href</td><td>\u70B9\u51FB\u8DF3\u8F6C\u7684\u5730\u5740\uFF0C\u6307\u5B9A\u6B64\u5C5E\u6027 button \u7684\u884C\u4E3A\u548C a \u94FE\u63A5\u4E00\u81F4</td><td>string</td><td>-</td><td></td></tr><tr><td>target</td><td>\u76F8\u5F53\u4E8E a \u6807\u7B7E\u7684 target \u5C5E\u6027\uFF0Chref \u5B58\u5728\u65F6\u751F\u6548</td><td>string</td><td>-</td><td></td></tr><tr><td>badge</td><td>\u5E26\u5FBD\u6807\u6570\u5B57\u7684\u60AC\u6D6E\u6309\u94AE\uFF08\u4E0D\u652F\u6301 status \u4EE5\u53CA\u76F8\u5173\u5C5E\u6027\uFF09</td><td><a href="/components/badge-cn#api">BadgeProps</a></td><td>-</td><td></td></tr></tbody></table><h3 id="\u5171\u540C\u7684\u4E8B\u4EF6">\u5171\u540C\u7684\u4E8B\u4EF6 <a class="header-anchor" href="#\u5171\u540C\u7684\u4E8B\u4EF6"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>click</td><td>\u8BBE\u7F6E\u5904\u7406 <code>click</code> \u4E8B\u4EF6\u7684\u5904\u7406\u5668</td><td><code>(event) => void</code></td><td>-</td></tr></tbody></table><h3 id="floatbutton-group">FloatButton.Group <a class="header-anchor" href="#floatbutton-group"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>
1019\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>shape</td><td>\u8BBE\u7F6E\u5305\u542B\u7684 FloatButton \u6309\u94AE\u5F62\u72B6</td><td><code>circle</code> | <code>square</code></td><td><code>circle</code></td><td></td></tr><tr><td>trigger</td><td>\u89E6\u53D1\u65B9\u5F0F\uFF08\u6709\u89E6\u53D1\u65B9\u5F0F\u4E3A\u83DC\u5355\u6A21\u5F0F\uFF09</td><td><code>click</code> | <code>hover</code></td><td>-</td><td></td></tr><tr><td>open(v-model)</td><td>\u53D7\u63A7\u5C55\u5F00</td><td>boolean</td><td>-</td><td></td></tr></tbody></table><h3 id="floatbutton-group-\u4E8B\u4EF6">FloatButton.Group \u4E8B\u4EF6 <a class="header-anchor" href="#floatbutton-group-\u4E8B\u4EF6"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>openChange</td><td>\u5C55\u5F00\u6536\u8D77\u65F6\u7684\u56DE\u8C03</td><td>(open: boolean) => void</td><td>-</td></tr></tbody></table><h3 id="floatbutton-backtop">FloatButton.BackTop <a class="header-anchor" href="#floatbutton-backtop"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>duration</td><td>\u56DE\u5230\u9876\u90E8\u6240\u9700\u65F6\u95F4\uFF08ms\uFF09</td><td>number</td><td>450</td><td></td></tr><tr><td>target</td><td>\u8BBE\u7F6E\u9700\u8981\u76D1\u542C\u5176\u6EDA\u52A8\u4E8B\u4EF6\u7684\u5143\u7D20</td><td>() => HTMLElement</td><td>() => window</td><td></td></tr><tr><td>visibilityHeight</td><td>\u6EDA\u52A8\u9AD8\u5EA6\u8FBE\u5230\u6B64\u53C2\u6570\u503C\u624D\u51FA\u73B0 BackTop</td><td>number</td><td>400</td><td></td></tr><tr><td>onClick</td><td>\u70B9\u51FB\u6309\u94AE\u7684\u56DE\u8C03\u51FD\u6570</td><td>() => void</td><td>-</td><td></td></tr></tbody></table>',15)])])}const et=m(at,[["render",ot]]),ct=r({CN:et,US:nt,components:{Basic:L,Type:D,Shape:N,Description:J,Tooltip:V,group:T,GroupMenu:q,BackTop:U,Badge:Q},props:{iframeName:String},setup(l){w("iframeDemo",l.iframeName?{}:{type:"/iframe/float-button/#type","basic-usage":"/iframe/float-button/#basic-usage",shape:"/iframe/float-button/#shape",description:"/iframe/float-button/#description","floatbutton-with-tooltip":"/iframe/float-button/#floatbutton-with-tooltip","floatbutton-group":"/iframe/float-button/#floatbutton-group","menu-mode":"/iframe/float-button/#menu-mode",backtop:"/iframe/float-button/#backtop",badge:"/iframe/float-button/#badge"})}});function pt(l,o,c,e,u,g){const h=p("basic"),I=p("type"),A=p("shape"),v=p("description"),f=p("tooltip"),y=p("group"),G=p("group-menu"),P=p("back-top"),Z=p("badge"),Y=p("demo-sort");return l.iframeName==="basic-usage"?(i(),k(h,{key:0})):l.iframeName==="type"?(i(),k(I,{key:1})):l.iframeName==="shape"?(i(),k(A,{key:2})):l.iframeName==="description"?(i(),k(v,{key:3})):l.iframeName==="floatbutton-with-tooltip"?(i(),k(f,{key:4})):l.iframeName==="floatbutton-group"?(i(),k(y,{key:5})):l.iframeName==="menu-mode"?(i(),k(G,{key:6})):l.iframeName==="backtop"?(i(),k(P,{key:7})):l.iframeName==="badge"?(i(),k(Z,{key:8})):(i(),k(Y,{key:9},{default:s(()=>[a(h),a(I),a(A),a(v),a(f),a(y),a(G),a(P),a(Z)]),_:1}))}const rt=m(ct,[["render",pt]]);export{rt as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.