doc_project/2x.antv.design/assets/index.d8c73152.js

import{_ as d,j as p,k as r,l as g,w as s,f as o,e as t,b as n,S as Y,d as v,r as y,D as w,x as W,a as G,n as A}from"./index.c1b9962e.js";const X={};function B(c,a){const e=p("a-button"),i=p("demo-box");return r(),g(i,{jsfiddle:{us:"There are `primary` button, `default` button, `dashed` button, `text` button and `link` button in antd.",cn:"\u6309\u94AE\u6709\u4E94\u79CD\u7C7B\u578B\uFF1A\u4E3B\u6309\u94AE\u3001\u6B21\u6309\u94AE\u3001\u865A\u7EBF\u6309\u94AE\u3001\u6587\u672C\u6309\u94AE\u548C\u94FE\u63A5\u6309\u94AE\u3002\u4E3B\u6309\u94AE\u5728\u540C\u4E00\u4E2A\u64CD\u4F5C\u533A\u57DF\u6700\u591A\u51FA\u73B0\u4E00\u6B21\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u6309\u94AE\u6709\u4E94\u79CD\u7C7B\u578B\uFF1A\u4E3B\u6309\u94AE\u3001\u6B21\u6309\u94AE\u3001\u865A\u7EBF\u6309\u94AE\u3001\u6587\u672C\u6309\u94AE\u548C\u94FE\u63A5\u6309\u94AE\u3002\u4E3B\u6309\u94AE\u5728\u540C\u4E00\u4E2A\u64CD\u4F5C\u533A\u57DF\u6700\u591A\u51FA\u73B0\u4E00\u6B21\u3002</p>
<h2 id="en-us">en-US</h2>
<p>There are <code>primary</code> button, <code>default</code> button, <code>dashed</code> button, <code>text</code> button and <code>link</code> button in antd.</p>
`,order:0,title:{"zh-CN":"\u6309\u94AE\u7C7B\u578B","en-US":"Type"},relativePath:"src/docs/button/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5Ij5QcmltYXJ5IEJ1dHRvbjwvYS1idXR0b24+CiAgPGEtYnV0dG9uPkRlZmF1bHQgQnV0dG9uPC9hLWJ1dHRvbj4KICA8YS1idXR0b24gdHlwZT0iZGFzaGVkIj5EYXNoZWQgQnV0dG9uPC9hLWJ1dHRvbj4KICA8YS1idXR0b24gdHlwZT0idGV4dCI+VGV4dCBCdXR0b248L2EtYnV0dG9uPgogIDxhLWJ1dHRvbiB0eXBlPSJsaW5rIj5MaW5rIEJ1dHRvbjwvYS1idXR0b24+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5Ij5QcmltYXJ5IEJ1dHRvbjwvYS1idXR0b24+CiAgPGEtYnV0dG9uPkRlZmF1bHQgQnV0dG9uPC9hLWJ1dHRvbj4KICA8YS1idXR0b24gdHlwZT0iZGFzaGVkIj5EYXNoZWQgQnV0dG9uPC9hLWJ1dHRvbj4KICA8YS1idXR0b24gdHlwZT0idGV4dCI+VGV4dCBCdXR0b248L2EtYnV0dG9uPgogIDxhLWJ1dHRvbiB0eXBlPSJsaW5rIj5MaW5rIEJ1dHRvbjwvYS1idXR0b24+CjwvdGVtcGxhdGU+"}},{default:s(()=>[o(e,{type:"primary"},{default:s(()=>a[0]||(a[0]=[t("Primary Button")])),_:1,__:[0]}),o(e,null,{default:s(()=>a[1]||(a[1]=[t("Default Button")])),_:1,__:[1]}),o(e,{type:"dashed"},{default:s(()=>a[2]||(a[2]=[t("Dashed Button")])),_:1,__:[2]}),o(e,{type:"text"},{default:s(()=>a[3]||(a[3]=[t("Text Button")])),_:1,__:[3]}),o(e,{type:"link"},{default:s(()=>a[4]||(a[4]=[t("Link Button")])),_:1,__:[4]})]),htmlCode:s(()=>a[5]||(a[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Primary Button"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t("Default Button"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashed"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Dashed Button"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("text"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Text Button"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("link"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Link Button"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:s(()=>a[6]||(a[6]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Primary Button"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t("Default Button"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashed"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Dashed Button"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("text"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Text Button"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("link"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Link Button"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var x=d(X,[["render",B]]);const V={},D={style:{padding:"8px 8px 0 8px",background:"rgb(190, 200, 200)"}};function J(c,a){const e=p("a-button"),i=p("demo-box");return r(),g(i,{jsfiddle:{us:"To mark a button as disabled, add the `disabled` property to the `Button`.",cn:"\u6DFB\u52A0 `disabled` \u5C5E\u6027\u5373\u53EF\u8BA9\u6309\u94AE\u5904\u4E8E\u4E0D\u53EF\u7528\u72B6\u6001\uFF0C\u540C\u65F6\u6309\u94AE\u6837\u5F0F\u4E5F\u4F1A\u6539\u53D8\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u6DFB\u52A0 <code>disabled</code> \u5C5E\u6027\u5373\u53EF\u8BA9\u6309\u94AE\u5904\u4E8E\u4E0D\u53EF\u7528\u72B6\u6001\uFF0C\u540C\u65F6\u6309\u94AE\u6837\u5F0F\u4E5F\u4F1A\u6539\u53D8\u3002</p>
<h2 id="en-us">en-US</h2>
<p>To mark a button as disabled, add the <code>disabled</code> property to the <code>Button</code>.</p>
`,order:3,title:{"zh-CN":"\u4E0D\u53EF\u7528\u72B6\u6001","en-US":"Disabled"},relativePath:"src/docs/button/demo/disabled.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5Ij5QcmltYXJ5PC9hLWJ1dHRvbj4KICA8YS1idXR0b24gdHlwZT0icHJpbWFyeSIgZGlzYWJsZWQ+UHJpbWFyeShkaXNhYmxlZCk8L2EtYnV0dG9uPgogIDxiciAvPgogIDxhLWJ1dHRvbj5EZWZhdWx0PC9hLWJ1dHRvbj4KICA8YS1idXR0b24gZGlzYWJsZWQ+RGVmYXVsdChkaXNhYmxlZCk8L2EtYnV0dG9uPgogIDxiciAvPgogIDxhLWJ1dHRvbiB0eXBlPSJkYXNoZWQiPkRhc2hlZDwvYS1idXR0b24+CiAgPGEtYnV0dG9uIHR5cGU9ImRhc2hlZCIgZGlzYWJsZWQ+RGFzaGVkKGRpc2FibGVkKTwvYS1idXR0b24+CiAgPGJyIC8+CiAgPGEtYnV0dG9uIHR5cGU9InRleHQiPlRleHQ8L2EtYnV0dG9uPgogIDxhLWJ1dHRvbiB0eXBlPSJ0ZXh0IiBkaXNhYmxlZD5UZXh0KGRpc2FibGVkKTwvYS1idXR0b24+CiAgPGJyIC8+CiAgPGEtYnV0dG9uIHR5cGU9ImxpbmsiPkxpbms8L2EtYnV0dG9uPgogIDxhLWJ1dHRvbiB0eXBlPSJsaW5rIiBkaXNhYmxlZD5MaW5rKGRpc2FibGVkKTwvYS1idXR0b24+CiAgPGJyIC8+CiAgPGEtYnV0dG9uIGRhbmdlcj5EYW5nZXIgRGVmYXVsdDwvYS1idXR0b24+CiAgPGEtYnV0dG9uIGRhbmdlciBkaXNhYmxlZD5EYW5nZXIgRGVmYXVsdChkaXNhYmxlZCk8L2EtYnV0dG9uPgogIDxiciAvPgogIDxhLWJ1dHRvbiB0eXBlPSJ0ZXh0IiBkYW5nZXI+RGFuZ2VyIFRleHQ8L2EtYnV0dG9uPgogIDxhLWJ1dHRvbiB0eXBlPSJ0ZXh0IiBkYW5nZXIgZGlzYWJsZWQ+RGFuZ2VyIFRleHQoZGlzYWJsZWQpPC9hLWJ1dHRvbj4KICA8YnIgLz4KICA8YS1idXR0b24gdHlwZT0ibGluayIgZGFuZ2VyPkRhbmdlciBMaW5rPC9hLWJ1dHRvbj4KICA8YS1idXR0b24gdHlwZT0ibGluayIgZGFuZ2VyIGRpc2FibGVkPkRhbmdlciBMaW5rKGRpc2FibGVkKTwvYS1idXR0b24+CiAgPGJyIC8+CgogIDxkaXYgOnN0eWxlPSJ7IHBhZGRpbmc6ICc4cHggOHB4IDAgOHB4JywgYmFja2dyb3VuZDogJ3JnYigxOTAsIDIwMCwgMjAwKScgfSI+CiAgICA8YS1idXR0b24gZ2hvc3Q+R2hvc3Q8L2EtYnV0dG9uPgogICAgPGEtYnV0dG9uIGdob3N0IGRpc2FibGVkPkdob3N0KGRpc2FibGVkKTwvYS1idXR0b24+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5Ij5QcmltYXJ5PC9hLWJ1dHRvbj4KICA8YS1idXR0b24gdHlwZT0icHJpbWFyeSIgZGlzYWJsZWQ+UHJpbWFyeShkaXNhYmxlZCk8L2EtYnV0dG9uPgogIDxiciAvPgogIDxhLWJ1dHRvbj5EZWZhdWx0PC9hLWJ1dHRvbj4KICA8YS1idXR0b24gZGlzYWJsZWQ+RGVmYXVsdChkaXNhYmxlZCk8L2EtYnV0dG9uPgogIDxiciAvPgogIDxhLWJ1dHRvbiB0eXBlPSJkYXNoZWQiPkRhc2hlZDwvYS1idXR0b24+CiAgPGEtYnV0dG9uIHR5cGU9ImRhc2hlZCIgZGlzYWJsZWQ+RGFzaGVkKGRpc2FibGVkKTwvYS1idXR0b24+CiAgPGJyIC8+CiAgPGEtYnV0dG9uIHR5cGU9InRleHQiPlRleHQ8L2EtYnV0dG9uPgogIDxhLWJ1dHRvbiB0eXBlPSJ0ZXh0IiBkaXNhYmxlZD5UZXh0KGRpc2FibGVkKTwvYS1idXR0b24+CiAgPGJyIC8+CiAgPGEtYnV0dG9uIHR5cGU9ImxpbmsiPkxpbms8L2EtYnV0dG9uPgogIDxhLWJ1dHRvbiB0eXBlPSJsaW5rIiBkaXNhYmxlZD5MaW5rKGRpc2FibGVkKTwvYS1idXR0b24+CiAgPGJyIC8+CiAgPGEtYnV0dG9uIGRhbmdlcj5EYW5nZXIgRGVmYXVsdDwvYS1idXR0b24+CiAgPGEtYnV0dG9uIGRhbmdlciBkaXNhYmxlZD5EYW5nZXIgRGVmYXVsdChkaXNhYmxlZCk8L2EtYnV0dG9uPgogIDxiciAvPgogIDxhLWJ1dHRvbiB0eXBlPSJ0ZXh0IiBkYW5nZXI+RGFuZ2VyIFRleHQ8L2EtYnV0dG9uPgogIDxhLWJ1dHRvbiB0eXBlPSJ0ZXh0IiBkYW5nZXIgZGlzYWJsZWQ+RGFuZ2VyIFRleHQoZGlzYWJsZWQpPC9hLWJ1dHRvbj4KICA8YnIgLz4KICA8YS1idXR0b24gdHlwZT0ibGluayIgZGFuZ2VyPkRhbmdlciBMaW5rPC9hLWJ1dHRvbj4KICA8YS1idXR0b24gdHlwZT0ibGluayIgZGFuZ2VyIGRpc2FibGVkPkRhbmdlciBMaW5rKGRpc2FibGVkKTwvYS1idXR0b24+CiAgPGJyIC8+CgogIDxkaXYgOnN0eWxlPSJ7IHBhZGRpbmc6ICc4cHggOHB4IDAgOHB4JywgYmFja2dyb3VuZDogJ3JnYigxOTAsIDIwMCwgMjAwKScgfSI+CiAgICA8YS1idXR0b24gZ2hvc3Q+R2hvc3Q8L2EtYnV0dG9uPgogICAgPGEtYnV0dG9uIGdob3N0IGRpc2FibGVkPkdob3N0KGRpc2FibGVkKTwvYS1idXR0b24+CiAgPC9kaXY+CjwvdGVtcGxhdGU+"}},{default:s(()=>[o(e,{type:"primary"},{default:s(()=>a[0]||(a[0]=[t("Primary")])),_:1,__:[0]}),o(e,{type:"primary",disabled:""},{default:s(()=>a[1]||(a[1]=[t("Primary(disabled)")])),_:1,__:[1]}),a[18]||(a[18]=n("br",null,null,-1)),o(e,null,{default:s(()=>a[2]||(a[2]=[t("Default")])),_:1,__:[2]}),o(e,{disabled:""},{default:s(()=>a[3]||(a[3]=[t("Default(disabled)")])),_:1,__:[3]}),a[19]||(a[19]=n("br",null,null,-1)),o(e,{type:"dashed"},{default:s(()=>a[4]||(a[4]=[t("Dashed")])),_:1,__:[4]}),o(e,{type:"dashed",disabled:""},{default:s(()=>a[5]||(a[5]=[t("Dashed(disabled)")])),_:1,__:[5]}),a[20]||(a[20]=n("br",null,null,-1)),o(e,{type:"text"},{default:s(()=>a[6]||(a[6]=[t("Text")])),_:1,__:[6]}),o(e,{type:"text",disabled:""},{default:s(()=>a[7]||(a[7]=[t("Text(disabled)")])),_:1,__:[7]}),a[21]||(a[21]=n("br",null,null,-1)),o(e,{type:"link"},{default:s(()=>a[8]||(a[8]=[t("Link")])),_:1,__:[8]}),o(e,{type:"link",disabled:""},{default:s(()=>a[9]||(a[9]=[t("Link(disabled)")])),_:1,__:[9]}),a[22]||(a[22]=n("br",null,null,-1)),o(e,{danger:""},{default:s(()=>a[10]||(a[10]=[t("Danger Default")])),_:1,__:[10]}),o(e,{danger:"",disabled:""},{default:s(()=>a[11]||(a[11]=[t("Danger Default(disabled)")])),_:1,__:[11]}),a[23]||(a[23]=n("br",null,null,-1)),o(e,{type:"text",danger:""},{default:s(()=>a[12]||(a[12]=[t("Danger Text")])),_:1,__:[12]}),o(e,{type:"text",danger:"",disabled:""},{default:s(()=>a[13]||(a[13]=[t("Danger Text(disabled)")])),_:1,__:[13]}),a[24]||(a[24]=n("br",null,null,-1)),o(e,{type:"link",danger:""},{default:s(()=>a[14]||(a[14]=[t("Danger Link")])),_:1,__:[14]}),o(e,{type:"link",danger:"",disabled:""},{default:s(()=>a[15]||(a[15]=[t("Danger Link(disabled)")])),_:1,__:[15]}),a[25]||(a[25]=n("br",null,null,-1)),n("div",D,[o(e,{ghost:""},{default:s(()=>a[16]||(a[16]=[t("Ghost")])),_:1,__:[16]}),o(e,{ghost:"",disabled:""},{default:s(()=>a[17]||(a[17]=[t("Ghost(disabled)")])),_:1,__:[17]})])]),htmlCode:s(()=>a[26]||(a[26]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Primary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"disabled"),n("span",{class:"token punctuation"},">")]),t("Primary(disabled)"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t("Default"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"disabled"),n("span",{class:"token punctuation"},">")]),t("Default(disabled)"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashed"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Dashed"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashed"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"disabled"),n("span",{class:"token punctuation"},">")]),t("Dashed(disabled)"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("text"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Text"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("text"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"disabled"),n("span",{class:"token punctuation"},">")]),t("Text(disabled)"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("link"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Link"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("link"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"disabled"),n("span",{class:"token punctuation"},">")]),t("Link(disabled)"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"danger"),n("span",{class:"token punctuation"},">")]),t("Danger Default"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"danger"),t(),n("span",{class:"token attr-name"},"disabled"),n("span",{class:"token punctuation"},">")]),t("Danger Default(disabled)"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("text"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"danger"),n("span",{class:"token punctuation"},">")]),t("Danger Text"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("text"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"danger"),t(),n("span",{class:"token attr-name"},"disabled"),n("span",{class:"token punctuation"},">")]),t("Danger Text(disabled)"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("link"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"danger"),n("span",{class:"token punctuation"},">")]),t("Danger Link"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("link"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"danger"),t(),n("span",{class:"token attr-name"},"disabled"),n("span",{class:"token punctuation"},">")]),t("Danger Link(disabled)"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`

  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ padding: '8px 8px 0 8px', background: 'rgb(190, 200, 200)' }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"ghost"),n("span",{class:"token punctuation"},">")]),t("Ghost"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"ghost"),t(),n("span",{class:"token attr-name"},"disabled"),n("span",{class:"token punctuation"},">")]),t("Ghost(disabled)"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:s(()=>a[27]||(a[27]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Primary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"disabled"),n("span",{class:"token punctuation"},">")]),t("Primary(disabled)"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t("Default"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"disabled"),n("span",{class:"token punctuation"},">")]),t("Default(disabled)"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashed"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Dashed"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashed"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"disabled"),n("span",{class:"token punctuation"},">")]),t("Dashed(disabled)"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("text"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Text"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("text"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"disabled"),n("span",{class:"token punctuation"},">")]),t("Text(disabled)"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("link"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Link"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("link"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"disabled"),n("span",{class:"token punctuation"},">")]),t("Link(disabled)"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"danger"),n("span",{class:"token punctuation"},">")]),t("Danger Default"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"danger"),t(),n("span",{class:"token attr-name"},"disabled"),n("span",{class:"token punctuation"},">")]),t("Danger Default(disabled)"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("text"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"danger"),n("span",{class:"token punctuation"},">")]),t("Danger Text"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("text"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"danger"),t(),n("span",{class:"token attr-name"},"disabled"),n("span",{class:"token punctuation"},">")]),t("Danger Text(disabled)"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("link"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"danger"),n("span",{class:"token punctuation"},">")]),t("Danger Link"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("link"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"danger"),t(),n("span",{class:"token attr-name"},"disabled"),n("span",{class:"token punctuation"},">")]),t("Danger Link(disabled)"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`

  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ padding: '8px 8px 0 8px', background: 'rgb(190, 200, 200)' }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"ghost"),n("span",{class:"token punctuation"},">")]),t("Ghost"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"ghost"),t(),n("span",{class:"token attr-name"},"disabled"),n("span",{class:"token punctuation"},">")]),t("Ghost(disabled)"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var S=d(V,[["render",J]]);const H={},L={style:{background:"rgb(190, 200, 200)",padding:"26px 16px 16px"}};function j(c,a){const e=p("a-button"),i=p("demo-box");return r(),g(i,{jsfiddle:{us:"`ghost` property will make button's background transparent, it is commonly used in colored background.",cn:"\u5E7D\u7075\u6309\u94AE\u5C06\u6309\u94AE\u7684\u5185\u5BB9\u53CD\u8272\uFF0C\u80CC\u666F\u53D8\u4E3A\u900F\u660E\uFF0C\u5E38\u7528\u5728\u6709\u8272\u80CC\u666F\u4E0A\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u5E7D\u7075\u6309\u94AE\u5C06\u6309\u94AE\u7684\u5185\u5BB9\u53CD\u8272\uFF0C\u80CC\u666F\u53D8\u4E3A\u900F\u660E\uFF0C\u5E38\u7528\u5728\u6709\u8272\u80CC\u666F\u4E0A\u3002</p>
<h2 id="en-us">en-US</h2>
<p><code>ghost</code> property will make button's background transparent, it is commonly used in colored background.</p>
`,order:8,title:{"zh-CN":"\u5E7D\u7075\u6309\u94AE","en-US":"Ghost Button"},relativePath:"src/docs/button/demo/ghost.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYgOnN0eWxlPSJ7IGJhY2tncm91bmQ6ICdyZ2IoMTkwLCAyMDAsIDIwMCknLCBwYWRkaW5nOiAnMjZweCAxNnB4IDE2cHgnIH0iPgogICAgPGEtYnV0dG9uIHR5cGU9InByaW1hcnkiIGdob3N0PlByaW1hcnk8L2EtYnV0dG9uPgogICAgPGEtYnV0dG9uIGdob3N0PkRlZmF1bHQ8L2EtYnV0dG9uPgogICAgPGEtYnV0dG9uIHR5cGU9ImRhc2hlZCIgZ2hvc3Q+RGFzaGVkPC9hLWJ1dHRvbj4KICAgIDxhLWJ1dHRvbiBkYW5nZXIgZ2hvc3Q+RGFuZ2VyPC9hLWJ1dHRvbj4KICAgIDxhLWJ1dHRvbiB0eXBlPSJsaW5rIiBnaG9zdD5MaW5rPC9hLWJ1dHRvbj4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KCgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYgOnN0eWxlPSJ7IGJhY2tncm91bmQ6ICdyZ2IoMTkwLCAyMDAsIDIwMCknLCBwYWRkaW5nOiAnMjZweCAxNnB4IDE2cHgnIH0iPgogICAgPGEtYnV0dG9uIHR5cGU9InByaW1hcnkiIGdob3N0PlByaW1hcnk8L2EtYnV0dG9uPgogICAgPGEtYnV0dG9uIGdob3N0PkRlZmF1bHQ8L2EtYnV0dG9uPgogICAgPGEtYnV0dG9uIHR5cGU9ImRhc2hlZCIgZ2hvc3Q+RGFzaGVkPC9hLWJ1dHRvbj4KICAgIDxhLWJ1dHRvbiBkYW5nZXIgZ2hvc3Q+RGFuZ2VyPC9hLWJ1dHRvbj4KICAgIDxhLWJ1dHRvbiB0eXBlPSJsaW5rIiBnaG9zdD5MaW5rPC9hLWJ1dHRvbj4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4="}},{default:s(()=>[n("div",L,[o(e,{type:"primary",ghost:""},{default:s(()=>a[0]||(a[0]=[t("Primary")])),_:1,__:[0]}),o(e,{ghost:""},{default:s(()=>a[1]||(a[1]=[t("Default")])),_:1,__:[1]}),o(e,{type:"dashed",ghost:""},{default:s(()=>a[2]||(a[2]=[t("Dashed")])),_:1,__:[2]}),o(e,{danger:"",ghost:""},{default:s(()=>a[3]||(a[3]=[t("Danger")])),_:1,__:[3]}),o(e,{type:"link",ghost:""},{default:s(()=>a[4]||(a[4]=[t("Link")])),_:1,__:[4]})])]),htmlCode:s(()=>a[5]||(a[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ background: 'rgb(190, 200, 200)', padding: '26px 16px 16px' }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ghost"),n("span",{class:"token punctuation"},">")]),t("Primary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"ghost"),n("span",{class:"token punctuation"},">")]),t("Default"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashed"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ghost"),n("span",{class:"token punctuation"},">")]),t("Dashed"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"danger"),t(),n("span",{class:"token attr-name"},"ghost"),n("span",{class:"token punctuation"},">")]),t("Danger"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("link"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ghost"),n("span",{class:"token punctuation"},">")]),t("Link"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:s(()=>a[6]||(a[6]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ background: 'rgb(190, 200, 200)', padding: '26px 16px 16px' }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ghost"),n("span",{class:"token punctuation"},">")]),t("Primary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"ghost"),n("span",{class:"token punctuation"},">")]),t("Default"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashed"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ghost"),n("span",{class:"token punctuation"},">")]),t("Dashed"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"danger"),t(),n("span",{class:"token attr-name"},"ghost"),n("span",{class:"token punctuation"},">")]),t("Danger"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("link"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ghost"),n("span",{class:"token punctuation"},">")]),t("Link"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var z=d(H,[["render",j]]);const E={components:{SearchOutlined:Y}};function F(c,a,e,i,m,I){const l=p("SearchOutlined"),u=p("a-button"),k=p("demo-box");return r(),g(k,{jsfiddle:{us:"`Button` components can contain an `Icon`. This is done by setting the `icon` property or placing an `Icon` component within the `Button`.",cn:"\u5F53\u9700\u8981\u5728 `Button` \u5185\u5D4C\u5165 `Icon` \u65F6\uFF0C\u53EF\u4EE5\u8BBE\u7F6E `icon` \u5C5E\u6027\uFF0C\u6216\u8005\u76F4\u63A5\u5728 `Button` \u5185\u4F7F\u7528 `Icon` \u7EC4\u4EF6\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u5F53\u9700\u8981\u5728 <code>Button</code> \u5185\u5D4C\u5165 <code>Icon</code> \u65F6\uFF0C\u53EF\u4EE5\u8BBE\u7F6E <code>icon</code> \u5C5E\u6027\uFF0C\u6216\u8005\u76F4\u63A5\u5728 <code>Button</code> \u5185\u4F7F\u7528 <code>Icon</code> \u7EC4\u4EF6\u3002</p>
<p>\u5982\u679C\u60F3\u63A7\u5236 <code>Icon</code> \u5177\u4F53\u7684\u4F4D\u7F6E\uFF0C\u53EA\u80FD\u76F4\u63A5\u4F7F\u7528 <code>Icon</code> \u7EC4\u4EF6\uFF0C\u800C\u975E <code>icon</code> \u5C5E\u6027\u3002</p>
<h2 id="en-us">en-US</h2>
<p><code>Button</code> components can contain an <code>Icon</code>. This is done by setting the <code>icon</code> property or placing an <code>Icon</code> component within the <code>Button</code>.</p>
<p>If you want specific control over the positioning and placement of the <code>Icon</code>, then that should be done by placing the <code>Icon</code> component within the <code>Button</code> rather than using the <code>icon</code> property.</p>
`,order:1,title:{"zh-CN":"\u56FE\u6807\u6309\u94AE","en-US":"Icon"},relativePath:"src/docs/button/demo/icon.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiBzaGFwZT0iY2lyY2xlIj4KICAgIDx0ZW1wbGF0ZSAjaWNvbj48U2VhcmNoT3V0bGluZWQgLz48L3RlbXBsYXRlPgogIDwvYS1idXR0b24+CiAgPGEtYnV0dG9uIHR5cGU9InByaW1hcnkiIHNoYXBlPSJjaXJjbGUiPkE8L2EtYnV0dG9uPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5Ij4KICAgIDx0ZW1wbGF0ZSAjaWNvbj48U2VhcmNoT3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgU2VhcmNoCiAgPC9hLWJ1dHRvbj4KICA8YS1idXR0b24gc2hhcGU9ImNpcmNsZSI+CiAgICA8dGVtcGxhdGUgI2ljb24+PFNlYXJjaE91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICA8L2EtYnV0dG9uPgogIDxhLWJ1dHRvbj4KICAgIDx0ZW1wbGF0ZSAjaWNvbj48U2VhcmNoT3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgU2VhcmNoCiAgPC9hLWJ1dHRvbj4KICA8YS1idXR0b24gc2hhcGU9ImNpcmNsZSI+CiAgICA8dGVtcGxhdGUgI2ljb24+PFNlYXJjaE91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICA8L2EtYnV0dG9uPgogIDxhLWJ1dHRvbj4KICAgIDx0ZW1wbGF0ZSAjaWNvbj48U2VhcmNoT3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgU2VhcmNoCiAgPC9hLWJ1dHRvbj4KICA8YS1idXR0b24gdHlwZT0iZGFzaGVkIiBzaGFwZT0iY2lyY2xlIj4KICAgIDx0ZW1wbGF0ZSAjaWNvbj48U2VhcmNoT3V0bGluZWQgLz48L3RlbXBsYXRlPgogIDwvYS1idXR0b24+CiAgPGEtYnV0dG9uIHR5cGU9ImRhc2hlZCI+CiAgICA8dGVtcGxhdGUgI2ljb24+PFNlYXJjaE91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICAgIFNlYXJjaAogIDwvYS1idXR0b24+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IFNlYXJjaE91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKZXhwb3J0IGRlZmF1bHQgewogIGNvbXBvbmVudHM6IHsKICAgIFNlYXJjaE91dGxpbmVkLAogIH0sCn07Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiBzaGFwZT0iY2lyY2xlIj4KICAgIDx0ZW1wbGF0ZSAjaWNvbj48U2VhcmNoT3V0bGluZWQgLz48L3RlbXBsYXRlPgogIDwvYS1idXR0b24+CiAgPGEtYnV0dG9uIHR5cGU9InByaW1hcnkiIHNoYXBlPSJjaXJjbGUiPkE8L2EtYnV0dG9uPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5Ij4KICAgIDx0ZW1wbGF0ZSAjaWNvbj48U2VhcmNoT3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgU2VhcmNoCiAgPC9hLWJ1dHRvbj4KICA8YS1idXR0b24gc2hhcGU9ImNpcmNsZSI+CiAgICA8dGVtcGxhdGUgI2ljb24+PFNlYXJjaE91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICA8L2EtYnV0dG9uPgogIDxhLWJ1dHRvbj4KICAgIDx0ZW1wbGF0ZSAjaWNvbj48U2VhcmNoT3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgU2VhcmNoCiAgPC9hLWJ1dHRvbj4KICA8YS1idXR0b24gc2hhcGU9ImNpcmNsZSI+CiAgICA8dGVtcGxhdGUgI2ljb24+PFNlYXJjaE91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICA8L2EtYnV0dG9uPgogIDxhLWJ1dHRvbj4KICAgIDx0ZW1wbGF0ZSAjaWNvbj48U2VhcmNoT3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgU2VhcmNoCiAgPC9hLWJ1dHRvbj4KICA8YS1idXR0b24gdHlwZT0iZGFzaGVkIiBzaGFwZT0iY2lyY2xlIj4KICAgIDx0ZW1wbGF0ZSAjaWNvbj48U2VhcmNoT3V0bGluZWQgLz48L3RlbXBsYXRlPgogIDwvYS1idXR0b24+CiAgPGEtYnV0dG9uIHR5cGU9ImRhc2hlZCI+CiAgICA8dGVtcGxhdGUgI2ljb24+PFNlYXJjaE91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICAgIFNlYXJjaAogIDwvYS1idXR0b24+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IFNlYXJjaE91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKZXhwb3J0IGRlZmF1bHQgewogIGNvbXBvbmVudHM6IHsKICAgIFNlYXJjaE91dGxpbmVkLAogIH0sCn07Cjwvc2NyaXB0Pg=="}},{default:s(()=>[o(u,{type:"primary",shape:"circle"},{icon:s(()=>[o(l)]),_:1}),o(u,{type:"primary",shape:"circle"},{default:s(()=>a[0]||(a[0]=[t("A")])),_:1,__:[0]}),o(u,{type:"primary"},{icon:s(()=>[o(l)]),default:s(()=>[a[1]||(a[1]=t(" Search "))]),_:1,__:[1]}),o(u,{shape:"circle"},{icon:s(()=>[o(l)]),_:1}),o(u,null,{icon:s(()=>[o(l)]),default:s(()=>[a[2]||(a[2]=t(" Search "))]),_:1,__:[2]}),o(u,{shape:"circle"},{icon:s(()=>[o(l)]),_:1}),o(u,null,{icon:s(()=>[o(l)]),default:s(()=>[a[3]||(a[3]=t(" Search "))]),_:1,__:[3]}),o(u,{type:"dashed",shape:"circle"},{icon:s(()=>[o(l)]),_:1}),o(u,{type:"dashed"},{icon:s(()=>[o(l)]),default:s(()=>[a[4]||(a[4]=t(" Search "))]),_:1,__:[4]})]),htmlCode:s(()=>a[5]||(a[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"shape"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SearchOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"shape"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("A"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SearchOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    Search
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"shape"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SearchOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SearchOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    Search
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"shape"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SearchOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SearchOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    Search
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashed"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"shape"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SearchOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashed"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SearchOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    Search
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" SearchOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    SearchOutlined`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:s(()=>a[6]||(a[6]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"shape"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SearchOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"shape"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("A"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SearchOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    Search
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"shape"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SearchOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SearchOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    Search
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"shape"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SearchOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SearchOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    Search
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashed"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"shape"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SearchOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashed"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SearchOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    Search
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" SearchOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    SearchOutlined`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var N=d(E,[["render",F]]);const q=v({setup(){const c=y(!1),a=()=>{c.value={delay:1e3},setTimeout(()=>{c.value=!1},6e3)};return{loading:y(!1),iconLoading:c,enterIconLoading:a}}});function _(c,a,e,i,m,I){const l=p("a-button"),u=p("demo-box");return r(),g(u,{jsfiddle:{us:"A loading indicator can be added to a button by setting the `loading` property on the `Button`.",cn:"\u6DFB\u52A0 `loading` \u5C5E\u6027\u5373\u53EF\u8BA9\u6309\u94AE\u5904\u4E8E\u52A0\u8F7D\u72B6\u6001\uFF0C\u6700\u540E\u4E24\u4E2A\u6309\u94AE\u6F14\u793A\u70B9\u51FB\u540E\u8FDB\u5165\u52A0\u8F7D\u72B6\u6001\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u6DFB\u52A0 <code>loading</code> \u5C5E\u6027\u5373\u53EF\u8BA9\u6309\u94AE\u5904\u4E8E\u52A0\u8F7D\u72B6\u6001\uFF0C\u6700\u540E\u4E24\u4E2A\u6309\u94AE\u6F14\u793A\u70B9\u51FB\u540E\u8FDB\u5165\u52A0\u8F7D\u72B6\u6001\u3002</p>
<h2 id="en-us">en-US</h2>
<p>A loading indicator can be added to a button by setting the <code>loading</code> property on the <code>Button</code>.</p>
`,order:4,title:{"zh-CN":"\u52A0\u8F7D\u4E2D\u72B6\u6001","en-US":"Loading"},relativePath:"src/docs/button/demo/loading.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiBsb2FkaW5nPkxvYWRpbmc8L2EtYnV0dG9uPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiBzaXplPSJzbWFsbCIgbG9hZGluZz5Mb2FkaW5nPC9hLWJ1dHRvbj4KICA8YnIgLz4KICA8YS1idXR0b24gdHlwZT0icHJpbWFyeSIgOmxvYWRpbmc9ImxvYWRpbmciIEBtb3VzZWVudGVyPSJsb2FkaW5nID0gdHJ1ZSI+bW91c2VlbnRlciBtZSE8L2EtYnV0dG9uPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiBpY29uPSJwb3dlcm9mZiIgOmxvYWRpbmc9Imljb25Mb2FkaW5nIiBAY2xpY2s9ImVudGVySWNvbkxvYWRpbmciPgogICAg5bu26L+fMXMKICA8L2EtYnV0dG9uPgogIDxiciAvPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiBsb2FkaW5nIC8+CiAgPGEtYnV0dG9uIHR5cGU9InByaW1hcnkiIHNoYXBlPSJjaXJjbGUiIGxvYWRpbmcgLz4KICA8YS1idXR0b24gZGFuZ2VyIHNoYXBlPSJyb3VuZCIgbG9hZGluZyAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwoKaW50ZXJmYWNlIERlbGF5TG9hZGluZyB7CiAgZGVsYXk6IG51bWJlcjsKfQpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgaWNvbkxvYWRpbmcgPSByZWY8Ym9vbGVhbiB8IERlbGF5TG9hZGluZz4oZmFsc2UpOwogICAgY29uc3QgZW50ZXJJY29uTG9hZGluZyA9ICgpID0+IHsKICAgICAgaWNvbkxvYWRpbmcudmFsdWUgPSB7IGRlbGF5OiAxMDAwIH07CgogICAgICBzZXRUaW1lb3V0KCgpID0+IHsKICAgICAgICBpY29uTG9hZGluZy52YWx1ZSA9IGZhbHNlOwogICAgICB9LCA2MDAwKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBsb2FkaW5nOiByZWYoZmFsc2UpLAogICAgICBpY29uTG9hZGluZywKICAgICAgZW50ZXJJY29uTG9hZGluZywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiBsb2FkaW5nPkxvYWRpbmc8L2EtYnV0dG9uPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiBzaXplPSJzbWFsbCIgbG9hZGluZz5Mb2FkaW5nPC9hLWJ1dHRvbj4KICA8YnIgLz4KICA8YS1idXR0b24gdHlwZT0icHJpbWFyeSIgOmxvYWRpbmc9ImxvYWRpbmciIEBtb3VzZWVudGVyPSJsb2FkaW5nID0gdHJ1ZSI+bW91c2VlbnRlciBtZSE8L2EtYnV0dG9uPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiBpY29uPSJwb3dlcm9mZiIgOmxvYWRpbmc9Imljb25Mb2FkaW5nIiBAY2xpY2s9ImVudGVySWNvbkxvYWRpbmciPgogICAg5bu26L+fMXMKICA8L2EtYnV0dG9uPgogIDxiciAvPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiBsb2FkaW5nIC8+CiAgPGEtYnV0dG9uIHR5cGU9InByaW1hcnkiIHNoYXBlPSJjaXJjbGUiIGxvYWRpbmcgLz4KICA8YS1idXR0b24gZGFuZ2VyIHNoYXBlPSJyb3VuZCIgbG9hZGluZyAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBpY29uTG9hZGluZyA9IHJlZihmYWxzZSk7CiAgICBjb25zdCBlbnRlckljb25Mb2FkaW5nID0gKCkgPT4gewogICAgICBpY29uTG9hZGluZy52YWx1ZSA9IHsKICAgICAgICBkZWxheTogMTAwMCwKICAgICAgfTsKICAgICAgc2V0VGltZW91dCgoKSA9PiB7CiAgICAgICAgaWNvbkxvYWRpbmcudmFsdWUgPSBmYWxzZTsKICAgICAgfSwgNjAwMCk7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgbG9hZGluZzogcmVmKGZhbHNlKSwKICAgICAgaWNvbkxvYWRpbmcsCiAgICAgIGVudGVySWNvbkxvYWRpbmcsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:s(()=>[o(l,{type:"primary",loading:""},{default:s(()=>a[1]||(a[1]=[t("Loading")])),_:1,__:[1]}),o(l,{type:"primary",size:"small",loading:""},{default:s(()=>a[2]||(a[2]=[t("Loading")])),_:1,__:[2]}),a[5]||(a[5]=n("br",null,null,-1)),o(l,{type:"primary",loading:c.loading,onMouseenter:a[0]||(a[0]=k=>c.loading=!0)},{default:s(()=>a[3]||(a[3]=[t("mouseenter me!")])),_:1,__:[3]},8,["loading"]),o(l,{type:"primary",icon:"poweroff",loading:c.iconLoading,onClick:c.enterIconLoading},{default:s(()=>a[4]||(a[4]=[t(" \u5EF6\u8FDF1s ")])),_:1,__:[4]},8,["loading","onClick"]),a[6]||(a[6]=n("br",null,null,-1)),o(l,{type:"primary",loading:""}),o(l,{type:"primary",shape:"circle",loading:""}),o(l,{danger:"",shape:"round",loading:""})]),htmlCode:s(()=>a[7]||(a[7]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"loading"),n("span",{class:"token punctuation"},">")]),t("Loading"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"loading"),n("span",{class:"token punctuation"},">")]),t("Loading"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":loading"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("loading"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@mouseenter"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("loading = true"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("mouseenter me!"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("poweroff"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":loading"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("iconLoading"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("enterIconLoading"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    \u5EF6\u8FDF1s
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"loading"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"shape"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"loading"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"danger"),t(),n("span",{class:"token attr-name"},"shape"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("round"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"loading"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"interface"),t(),n("span",{class:"token class-name"},"DelayLoading"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"delay"),n("span",{class:"token operator"},":"),t(" number"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" iconLoading "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("boolean "),n("span",{class:"token operator"},"|"),t(" DelayLoading"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"enterIconLoading"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      iconLoading`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"delay"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"1000"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

      `),n("span",{class:"token function"},"setTimeout"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
        iconLoading`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"6000"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"loading"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      iconLoading`),n("span",{class:"token punctuation"},","),t(`
      enterIconLoading`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:s(()=>a[8]||(a[8]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"loading"),n("span",{class:"token punctuation"},">")]),t("Loading"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"loading"),n("span",{class:"token punctuation"},">")]),t("Loading"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":loading"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("loading"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@mouseenter"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("loading = true"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("mouseenter me!"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("poweroff"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":loading"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("iconLoading"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("enterIconLoading"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    \u5EF6\u8FDF1s
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"loading"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"shape"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"loading"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"danger"),t(),n("span",{class:"token attr-name"},"shape"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("round"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"loading"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" iconLoading "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"enterIconLoading"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      iconLoading`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"delay"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"1000"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token function"},"setTimeout"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
        iconLoading`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"6000"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"loading"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      iconLoading`),n("span",{class:"token punctuation"},","),t(`
      enterIconLoading`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var K=d(q,[["render",_]]);const T=v({components:{DownOutlined:w},setup(){return{handleMenuClick:a=>{console.log("click",a)}}}});function U(c,a,e,i,m,I){const l=p("a-button"),u=p("a-menu-item"),k=p("a-menu"),b=p("DownOutlined"),h=p("a-dropdown"),C=p("demo-box");return r(),g(C,{jsfiddle:{us:"If you need several buttons, we recommend that you use 1 primary button + n secondary buttons, and if there are more than three operations, you can group some of them into [Dropdown.Button](/components/dropdown/#components-dropdown-demo-dropdown-button).",cn:"\u6309\u94AE\u7EC4\u5408\u4F7F\u7528\u65F6\uFF0C\u63A8\u8350\u4F7F\u7528 1 \u4E2A\u4E3B\u64CD\u4F5C + n \u4E2A\u6B21\u64CD\u4F5C\uFF0C3 \u4E2A\u4EE5\u4E0A\u64CD\u4F5C\u65F6\u628A\u66F4\u591A\u64CD\u4F5C\u653E\u5230 [Dropdown.Button](/components/dropdown/#components-dropdown-demo-dropdown-button) \u4E2D\u7EC4\u5408\u4F7F\u7528\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u6309\u94AE\u7EC4\u5408\u4F7F\u7528\u65F6\uFF0C\u63A8\u8350\u4F7F\u7528 1 \u4E2A\u4E3B\u64CD\u4F5C + n \u4E2A\u6B21\u64CD\u4F5C\uFF0C3 \u4E2A\u4EE5\u4E0A\u64CD\u4F5C\u65F6\u628A\u66F4\u591A\u64CD\u4F5C\u653E\u5230 <a href="/components/dropdown/#components-dropdown-demo-dropdown-button">Dropdown.Button</a> \u4E2D\u7EC4\u5408\u4F7F\u7528\u3002</p>
<h2 id="en-us">en-US</h2>
<p>If you need several buttons, we recommend that you use 1 primary button + n secondary buttons, and if there are more than three operations, you can group some of them into <a href="/components/dropdown/#components-dropdown-demo-dropdown-button">Dropdown.Button</a>.</p>
`,order:5,title:{"zh-CN":"\u591A\u4E2A\u6309\u94AE\u7EC4\u5408","en-US":"Multiple Buttons"},relativePath:"src/docs/button/demo/multiple.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5Ij5QcmltYXJ5PC9hLWJ1dHRvbj4KICA8YS1idXR0b24+c2Vjb25kYXJ5PC9hLWJ1dHRvbj4KICA8YS1kcm9wZG93bj4KICAgIDx0ZW1wbGF0ZSAjb3ZlcmxheT4KICAgICAgPGEtbWVudSBAY2xpY2s9ImhhbmRsZU1lbnVDbGljayI+CiAgICAgICAgPGEtbWVudS1pdGVtIGtleT0iMSI+MXN0IGl0ZW08L2EtbWVudS1pdGVtPgogICAgICAgIDxhLW1lbnUtaXRlbSBrZXk9IjIiPjJuZCBpdGVtPC9hLW1lbnUtaXRlbT4KICAgICAgICA8YS1tZW51LWl0ZW0ga2V5PSIzIj4zcmQgaXRlbTwvYS1tZW51LWl0ZW0+CiAgICAgIDwvYS1tZW51PgogICAgPC90ZW1wbGF0ZT4KICAgIDxhLWJ1dHRvbj4KICAgICAgQWN0aW9ucwogICAgICA8RG93bk91dGxpbmVkIC8+CiAgICA8L2EtYnV0dG9uPgogIDwvYS1kcm9wZG93bj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IERvd25PdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgRG93bk91dGxpbmVkLAogIH0sCiAgc2V0dXAoKSB7CiAgICBjb25zdCBoYW5kbGVNZW51Q2xpY2sgPSAoZTogRXZlbnQpID0+IHsKICAgICAgY29uc29sZS5sb2coJ2NsaWNrJywgZSk7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgaGFuZGxlTWVudUNsaWNrLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5Ij5QcmltYXJ5PC9hLWJ1dHRvbj4KICA8YS1idXR0b24+c2Vjb25kYXJ5PC9hLWJ1dHRvbj4KICA8YS1kcm9wZG93bj4KICAgIDx0ZW1wbGF0ZSAjb3ZlcmxheT4KICAgICAgPGEtbWVudSBAY2xpY2s9ImhhbmRsZU1lbnVDbGljayI+CiAgICAgICAgPGEtbWVudS1pdGVtIGtleT0iMSI+MXN0IGl0ZW08L2EtbWVudS1pdGVtPgogICAgICAgIDxhLW1lbnUtaXRlbSBrZXk9IjIiPjJuZCBpdGVtPC9hLW1lbnUtaXRlbT4KICAgICAgICA8YS1tZW51LWl0ZW0ga2V5PSIzIj4zcmQgaXRlbTwvYS1tZW51LWl0ZW0+CiAgICAgIDwvYS1tZW51PgogICAgPC90ZW1wbGF0ZT4KICAgIDxhLWJ1dHRvbj4KICAgICAgQWN0aW9ucwogICAgICA8RG93bk91dGxpbmVkIC8+CiAgICA8L2EtYnV0dG9uPgogIDwvYS1kcm9wZG93bj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgRG93bk91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBEb3duT3V0bGluZWQsCiAgfSwKICBzZXR1cCgpIHsKICAgIGNvbnN0IGhhbmRsZU1lbnVDbGljayA9IGUgPT4gewogICAgICBjb25zb2xlLmxvZygnY2xpY2snLCBlKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBoYW5kbGVNZW51Q2xpY2ssCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:s(()=>[o(l,{type:"primary"},{default:s(()=>a[0]||(a[0]=[t("Primary")])),_:1,__:[0]}),o(l,null,{default:s(()=>a[1]||(a[1]=[t("secondary")])),_:1,__:[1]}),o(h,null,{overlay:s(()=>[o(k,{onClick:c.handleMenuClick},{default:s(()=>[o(u,{key:"1"},{default:s(()=>a[2]||(a[2]=[t("1st item")])),_:1,__:[2]}),o(u,{key:"2"},{default:s(()=>a[3]||(a[3]=[t("2nd item")])),_:1,__:[3]}),o(u,{key:"3"},{default:s(()=>a[4]||(a[4]=[t("3rd item")])),_:1,__:[4]})]),_:1},8,["onClick"])]),default:s(()=>[o(l,null,{default:s(()=>[a[5]||(a[5]=t(" Actions ")),o(b)]),_:1,__:[5]})]),_:1})]),htmlCode:s(()=>a[6]||(a[6]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Primary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t("secondary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-dropdown")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#overlay"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleMenuClick"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu-item")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("1st item"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu-item")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu-item")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("2nd item"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu-item")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu-item")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("3rd item"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
      Actions
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("DownOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-dropdown")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" DownOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    DownOutlined`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleMenuClick"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"e"),n("span",{class:"token operator"},":"),t(" Event")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'click'"),n("span",{class:"token punctuation"},","),t(" e"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      handleMenuClick`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:s(()=>a[7]||(a[7]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Primary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t("secondary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-dropdown")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#overlay"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleMenuClick"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu-item")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("1st item"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu-item")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu-item")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("2nd item"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu-item")]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-menu-item")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("3rd item"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-menu")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
      Actions
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("DownOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-dropdown")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" DownOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    DownOutlined`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleMenuClick"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"e"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'click'"),n("span",{class:"token punctuation"},","),t(" e"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      handleMenuClick`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var Q=d(T,[["render",U]]);const O=v({components:{DownloadOutlined:W},setup(){return{size:y("large")}}});function M(c,a,e,i,m,I){const l=p("a-radio-button"),u=p("a-radio-group"),k=p("a-button"),b=p("DownloadOutlined"),h=p("demo-box");return r(),g(h,{jsfiddle:{us:"Ant Design supports a default button size as well as a large and small size.",cn:"\u6309\u94AE\u6709\u5927\u3001\u4E2D\u3001\u5C0F\u4E09\u79CD\u5C3A\u5BF8\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u6309\u94AE\u6709\u5927\u3001\u4E2D\u3001\u5C0F\u4E09\u79CD\u5C3A\u5BF8\u3002</p>
<p>\u901A\u8FC7\u8BBE\u7F6E <code>size</code> \u4E3A <code>large</code> <code>small</code> \u5206\u522B\u628A\u6309\u94AE\u8BBE\u4E3A\u5927\u3001\u5C0F\u5C3A\u5BF8\u3002\u82E5\u4E0D\u8BBE\u7F6E <code>size</code>\uFF0C\u5219\u5C3A\u5BF8\u4E3A\u4E2D\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Ant Design supports a default button size as well as a large and small size.</p>
<p>If a large or small button is desired, set the <code>size</code> property to either <code>large</code> or <code>small</code> respectively. Omit the <code>size</code> property for a button with the default size.</p>
`,order:2,title:{"zh-CN":"\u6309\u94AE\u5C3A\u5BF8","en-US":"Size"},relativePath:"src/docs/button/demo/size.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXJhZGlvLWdyb3VwIHYtbW9kZWw6dmFsdWU9InNpemUiPgogICAgPGEtcmFkaW8tYnV0dG9uIHZhbHVlPSJsYXJnZSI+TGFyZ2U8L2EtcmFkaW8tYnV0dG9uPgogICAgPGEtcmFkaW8tYnV0dG9uIHZhbHVlPSJkZWZhdWx0Ij5EZWZhdWx0PC9hLXJhZGlvLWJ1dHRvbj4KICAgIDxhLXJhZGlvLWJ1dHRvbiB2YWx1ZT0ic21hbGwiPlNtYWxsPC9hLXJhZGlvLWJ1dHRvbj4KICA8L2EtcmFkaW8tZ3JvdXA+CiAgPGJyIC8+CiAgPGJyIC8+CiAgPGEtYnV0dG9uIHR5cGU9InByaW1hcnkiIDpzaXplPSJzaXplIj5QcmltYXJ5PC9hLWJ1dHRvbj4KICA8YS1idXR0b24gOnNpemU9InNpemUiPk5vcm1hbDwvYS1idXR0b24+CiAgPGEtYnV0dG9uIHR5cGU9ImRhc2hlZCIgOnNpemU9InNpemUiPkRhc2hlZDwvYS1idXR0b24+CiAgPGEtYnV0dG9uIGRhbmdlciA6c2l6ZT0ic2l6ZSI+RGFuZ2VyPC9hLWJ1dHRvbj4KICA8YS1idXR0b24gdHlwZT0ibGluayIgOnNpemU9InNpemUiPkxpbms8L2EtYnV0dG9uPgogIDxiciAvPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiA6c2l6ZT0ic2l6ZSI+CiAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgIDxEb3dubG9hZE91dGxpbmVkIC8+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1idXR0b24+CiAgPGEtYnV0dG9uIHR5cGU9InByaW1hcnkiIHNoYXBlPSJjaXJjbGUiIDpzaXplPSJzaXplIj4KICAgIDx0ZW1wbGF0ZSAjaWNvbj4KICAgICAgPERvd25sb2FkT3V0bGluZWQgLz4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLWJ1dHRvbj4KICA8YS1idXR0b24gdHlwZT0icHJpbWFyeSIgc2hhcGU9InJvdW5kIiA6c2l6ZT0ic2l6ZSI+CiAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgIDxEb3dubG9hZE91dGxpbmVkIC8+CiAgICAgIERvd25sb2FkCiAgICA8L3RlbXBsYXRlPgogIDwvYS1idXR0b24+CiAgPGEtYnV0dG9uIHR5cGU9InByaW1hcnkiIHNoYXBlPSJyb3VuZCIgOnNpemU9InNpemUiPgogICAgPHRlbXBsYXRlICNpY29uPgogICAgICA8RG93bmxvYWRPdXRsaW5lZCAvPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtYnV0dG9uPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiA6c2l6ZT0ic2l6ZSI+CiAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgIDxEb3dubG9hZE91dGxpbmVkIC8+CiAgICA8L3RlbXBsYXRlPgogICAgRG93bmxvYWQKICA8L2EtYnV0dG9uPgogIDxiciAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgRG93bmxvYWRPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBEb3dubG9hZE91dGxpbmVkLAogIH0sCiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICBzaXplOiByZWYoJ2xhcmdlJyksCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXJhZGlvLWdyb3VwIHYtbW9kZWw6dmFsdWU9InNpemUiPgogICAgPGEtcmFkaW8tYnV0dG9uIHZhbHVlPSJsYXJnZSI+TGFyZ2U8L2EtcmFkaW8tYnV0dG9uPgogICAgPGEtcmFkaW8tYnV0dG9uIHZhbHVlPSJkZWZhdWx0Ij5EZWZhdWx0PC9hLXJhZGlvLWJ1dHRvbj4KICAgIDxhLXJhZGlvLWJ1dHRvbiB2YWx1ZT0ic21hbGwiPlNtYWxsPC9hLXJhZGlvLWJ1dHRvbj4KICA8L2EtcmFkaW8tZ3JvdXA+CiAgPGJyIC8+CiAgPGJyIC8+CiAgPGEtYnV0dG9uIHR5cGU9InByaW1hcnkiIDpzaXplPSJzaXplIj5QcmltYXJ5PC9hLWJ1dHRvbj4KICA8YS1idXR0b24gOnNpemU9InNpemUiPk5vcm1hbDwvYS1idXR0b24+CiAgPGEtYnV0dG9uIHR5cGU9ImRhc2hlZCIgOnNpemU9InNpemUiPkRhc2hlZDwvYS1idXR0b24+CiAgPGEtYnV0dG9uIGRhbmdlciA6c2l6ZT0ic2l6ZSI+RGFuZ2VyPC9hLWJ1dHRvbj4KICA8YS1idXR0b24gdHlwZT0ibGluayIgOnNpemU9InNpemUiPkxpbms8L2EtYnV0dG9uPgogIDxiciAvPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiA6c2l6ZT0ic2l6ZSI+CiAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgIDxEb3dubG9hZE91dGxpbmVkIC8+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1idXR0b24+CiAgPGEtYnV0dG9uIHR5cGU9InByaW1hcnkiIHNoYXBlPSJjaXJjbGUiIDpzaXplPSJzaXplIj4KICAgIDx0ZW1wbGF0ZSAjaWNvbj4KICAgICAgPERvd25sb2FkT3V0bGluZWQgLz4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLWJ1dHRvbj4KICA8YS1idXR0b24gdHlwZT0icHJpbWFyeSIgc2hhcGU9InJvdW5kIiA6c2l6ZT0ic2l6ZSI+CiAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgIDxEb3dubG9hZE91dGxpbmVkIC8+CiAgICAgIERvd25sb2FkCiAgICA8L3RlbXBsYXRlPgogIDwvYS1idXR0b24+CiAgPGEtYnV0dG9uIHR5cGU9InByaW1hcnkiIHNoYXBlPSJyb3VuZCIgOnNpemU9InNpemUiPgogICAgPHRlbXBsYXRlICNpY29uPgogICAgICA8RG93bmxvYWRPdXRsaW5lZCAvPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtYnV0dG9uPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiA6c2l6ZT0ic2l6ZSI+CiAgICA8dGVtcGxhdGUgI2ljb24+CiAgICAgIDxEb3dubG9hZE91dGxpbmVkIC8+CiAgICA8L3RlbXBsYXRlPgogICAgRG93bmxvYWQKICA8L2EtYnV0dG9uPgogIDxiciAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBEb3dubG9hZE91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIERvd25sb2FkT3V0bGluZWQsCiAgfSwKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIHNpemU6IHJlZignbGFyZ2UnKSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:s(()=>[o(u,{value:c.size,"onUpdate:value":a[0]||(a[0]=C=>c.size=C)},{default:s(()=>[o(l,{value:"large"},{default:s(()=>a[1]||(a[1]=[t("Large")])),_:1,__:[1]}),o(l,{value:"default"},{default:s(()=>a[2]||(a[2]=[t("Default")])),_:1,__:[2]}),o(l,{value:"small"},{default:s(()=>a[3]||(a[3]=[t("Small")])),_:1,__:[3]})]),_:1},8,["value"]),a[11]||(a[11]=n("br",null,null,-1)),a[12]||(a[12]=n("br",null,null,-1)),o(k,{type:"primary",size:c.size},{default:s(()=>a[4]||(a[4]=[t("Primary")])),_:1,__:[4]},8,["size"]),o(k,{size:c.size},{default:s(()=>a[5]||(a[5]=[t("Normal")])),_:1,__:[5]},8,["size"]),o(k,{type:"dashed",size:c.size},{default:s(()=>a[6]||(a[6]=[t("Dashed")])),_:1,__:[6]},8,["size"]),o(k,{danger:"",size:c.size},{default:s(()=>a[7]||(a[7]=[t("Danger")])),_:1,__:[7]},8,["size"]),o(k,{type:"link",size:c.size},{default:s(()=>a[8]||(a[8]=[t("Link")])),_:1,__:[8]},8,["size"]),a[13]||(a[13]=n("br",null,null,-1)),o(k,{type:"primary",size:c.size},{icon:s(()=>[o(b)]),_:1},8,["size"]),o(k,{type:"primary",shape:"circle",size:c.size},{icon:s(()=>[o(b)]),_:1},8,["size"]),o(k,{type:"primary",shape:"round",size:c.size},{icon:s(()=>[o(b),a[9]||(a[9]=t(" Download "))]),_:1},8,["size"]),o(k,{type:"primary",shape:"round",size:c.size},{icon:s(()=>[o(b)]),_:1},8,["size"]),o(k,{type:"primary",size:c.size},{icon:s(()=>[o(b)]),default:s(()=>[a[10]||(a[10]=t(" Download "))]),_:1,__:[10]},8,["size"]),a[14]||(a[14]=n("br",null,null,-1))]),htmlCode:s(()=>a[15]||(a[15]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-group")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-button")]),t(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("large"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Large"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-button")]),t(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("default"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Default"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-button")]),t(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Small"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-group")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Primary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Normal"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashed"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Dashed"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"danger"),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Danger"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("link"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Link"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("DownloadOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"shape"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("DownloadOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"shape"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("round"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("DownloadOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Download
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"shape"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("round"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("DownloadOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("DownloadOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    Download
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" DownloadOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    DownloadOutlined`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"size"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'large'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:s(()=>a[16]||(a[16]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-group")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-button")]),t(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("large"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Large"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-button")]),t(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("default"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Default"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-button")]),t(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Small"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-group")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Primary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Normal"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashed"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Dashed"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"danger"),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Danger"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("link"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Link"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("DownloadOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"shape"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("DownloadOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"shape"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("round"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("DownloadOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Download
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"shape"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("round"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("DownloadOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("DownloadOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    Download
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" DownloadOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    DownloadOutlined`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"size"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'large'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var $=d(O,[["render",M]]);const nn={};function tn(c,a){const e=p("a-button"),i=p("demo-box");return r(),g(i,{jsfiddle:{us:"`block` property will make the button fit to its parent width.",cn:"`block` \u5C5E\u6027\u5C06\u4F7F\u6309\u94AE\u9002\u5408\u5176\u7236\u5BBD\u5EA6\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p><code>block</code> \u5C5E\u6027\u5C06\u4F7F\u6309\u94AE\u9002\u5408\u5176\u7236\u5BBD\u5EA6\u3002</p>
<h2 id="en-us">en-US</h2>
<p><code>block</code> property will make the button fit to its parent width.</p>
`,order:10,title:{"zh-CN":"Block \u6309\u94AE","en-US":"Block Button"},relativePath:"src/docs/button/demo/block.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiBibG9jaz5QcmltYXJ5PC9hLWJ1dHRvbj4KICA8YS1idXR0b24gYmxvY2s+RGVmYXVsdDwvYS1idXR0b24+CiAgPGEtYnV0dG9uIHR5cGU9ImRhc2hlZCIgYmxvY2s+RGFzaGVkPC9hLWJ1dHRvbj4KICA8YS1idXR0b24gZGFuZ2VyIGJsb2NrPkRhbmdlcjwvYS1idXR0b24+CiAgPGEtYnV0dG9uIHR5cGU9ImxpbmsiIGJsb2NrPkxpbms8L2EtYnV0dG9uPgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiBibG9jaz5QcmltYXJ5PC9hLWJ1dHRvbj4KICA8YS1idXR0b24gYmxvY2s+RGVmYXVsdDwvYS1idXR0b24+CiAgPGEtYnV0dG9uIHR5cGU9ImRhc2hlZCIgYmxvY2s+RGFzaGVkPC9hLWJ1dHRvbj4KICA8YS1idXR0b24gZGFuZ2VyIGJsb2NrPkRhbmdlcjwvYS1idXR0b24+CiAgPGEtYnV0dG9uIHR5cGU9ImxpbmsiIGJsb2NrPkxpbms8L2EtYnV0dG9uPgo8L3RlbXBsYXRlPg=="}},{default:s(()=>[o(e,{type:"primary",block:""},{default:s(()=>a[0]||(a[0]=[t("Primary")])),_:1,__:[0]}),o(e,{block:""},{default:s(()=>a[1]||(a[1]=[t("Default")])),_:1,__:[1]}),o(e,{type:"dashed",block:""},{default:s(()=>a[2]||(a[2]=[t("Dashed")])),_:1,__:[2]}),o(e,{danger:"",block:""},{default:s(()=>a[3]||(a[3]=[t("Danger")])),_:1,__:[3]}),o(e,{type:"link",block:""},{default:s(()=>a[4]||(a[4]=[t("Link")])),_:1,__:[4]})]),htmlCode:s(()=>a[5]||(a[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"block"),n("span",{class:"token punctuation"},">")]),t("Primary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"block"),n("span",{class:"token punctuation"},">")]),t("Default"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashed"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"block"),n("span",{class:"token punctuation"},">")]),t("Dashed"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"danger"),t(),n("span",{class:"token attr-name"},"block"),n("span",{class:"token punctuation"},">")]),t("Danger"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("link"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"block"),n("span",{class:"token punctuation"},">")]),t("Link"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:s(()=>a[6]||(a[6]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"block"),n("span",{class:"token punctuation"},">")]),t("Primary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"block"),n("span",{class:"token punctuation"},">")]),t("Default"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashed"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"block"),n("span",{class:"token punctuation"},">")]),t("Dashed"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"danger"),t(),n("span",{class:"token attr-name"},"block"),n("span",{class:"token punctuation"},">")]),t("Danger"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("link"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"block"),n("span",{class:"token punctuation"},">")]),t("Link"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var an=d(nn,[["render",tn]]);const sn={};function on(c,a){const e=p("a-button"),i=p("demo-box");return r(),g(i,{jsfiddle:{us:"danger is a property of button after antd 2.2.0.",cn:"\u5728 2.2.0 \u4E4B\u540E\uFF0C\u5371\u9669\u6210\u4E3A\u4E00\u79CD\u6309\u94AE\u5C5E\u6027\u800C\u4E0D\u662F\u6309\u94AE\u7C7B\u578B\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u5728 2.2.0 \u4E4B\u540E\uFF0C\u5371\u9669\u6210\u4E3A\u4E00\u79CD\u6309\u94AE\u5C5E\u6027\u800C\u4E0D\u662F\u6309\u94AE\u7C7B\u578B\u3002</p>
<h2 id="en-us">en-US</h2>
<p>danger is a property of button after antd 2.2.0.</p>
`,order:9,title:{"zh-CN":"\u5371\u9669\u6309\u94AE","en-US":"Danger Button"},relativePath:"src/docs/button/demo/danger.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1idXR0b24gdHlwZT0icHJpbWFyeSIgZGFuZ2VyPlByaW1hcnk8L2EtYnV0dG9uPgogICAgPGEtYnV0dG9uIGRhbmdlcj5EZWZhdWx0PC9hLWJ1dHRvbj4KICAgIDxhLWJ1dHRvbiB0eXBlPSJkYXNoZWQiIGRhbmdlcj5EYXNoZWQ8L2EtYnV0dG9uPgogICAgPGEtYnV0dG9uIHR5cGU9InRleHQiIGRhbmdlcj5UZXh0PC9hLWJ1dHRvbj4KICAgIDxhLWJ1dHRvbiB0eXBlPSJsaW5rIiBkYW5nZXI+TGluazwvYS1idXR0b24+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1idXR0b24gdHlwZT0icHJpbWFyeSIgZGFuZ2VyPlByaW1hcnk8L2EtYnV0dG9uPgogICAgPGEtYnV0dG9uIGRhbmdlcj5EZWZhdWx0PC9hLWJ1dHRvbj4KICAgIDxhLWJ1dHRvbiB0eXBlPSJkYXNoZWQiIGRhbmdlcj5EYXNoZWQ8L2EtYnV0dG9uPgogICAgPGEtYnV0dG9uIHR5cGU9InRleHQiIGRhbmdlcj5UZXh0PC9hLWJ1dHRvbj4KICAgIDxhLWJ1dHRvbiB0eXBlPSJsaW5rIiBkYW5nZXI+TGluazwvYS1idXR0b24+CiAgPC9kaXY+CjwvdGVtcGxhdGU+"}},{default:s(()=>[n("div",null,[o(e,{type:"primary",danger:""},{default:s(()=>a[0]||(a[0]=[t("Primary")])),_:1,__:[0]}),o(e,{danger:""},{default:s(()=>a[1]||(a[1]=[t("Default")])),_:1,__:[1]}),o(e,{type:"dashed",danger:""},{default:s(()=>a[2]||(a[2]=[t("Dashed")])),_:1,__:[2]}),o(e,{type:"text",danger:""},{default:s(()=>a[3]||(a[3]=[t("Text")])),_:1,__:[3]}),o(e,{type:"link",danger:""},{default:s(()=>a[4]||(a[4]=[t("Link")])),_:1,__:[4]})])]),htmlCode:s(()=>a[5]||(a[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"danger"),n("span",{class:"token punctuation"},">")]),t("Primary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"danger"),n("span",{class:"token punctuation"},">")]),t("Default"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashed"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"danger"),n("span",{class:"token punctuation"},">")]),t("Dashed"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("text"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"danger"),n("span",{class:"token punctuation"},">")]),t("Text"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("link"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"danger"),n("span",{class:"token punctuation"},">")]),t("Link"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:s(()=>a[6]||(a[6]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"danger"),n("span",{class:"token punctuation"},">")]),t("Primary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"danger"),n("span",{class:"token punctuation"},">")]),t("Default"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashed"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"danger"),n("span",{class:"token punctuation"},">")]),t("Dashed"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("text"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"danger"),n("span",{class:"token punctuation"},">")]),t("Text"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("link"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"danger"),n("span",{class:"token punctuation"},">")]),t("Link"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var en=d(sn,[["render",on]]);const pn={pageData:{title:"Button",description:"",frontmatter:{category:"Components",type:"\u901A\u7528",title:"Button",subtitle:"\u6309\u94AE",cover:"https://gw.alipayobjects.com/zos/alicdn/fNUKzY1sk/Button.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:"\u6807\u8BB0\u4E86\u4E00\u4E2A\uFF08\u6216\u5C01\u88C5\u4E00\u7EC4\uFF09\u64CD\u4F5C\u547D\u4EE4\uFF0C\u54CD\u5E94\u7528\u6237\u70B9\u51FB\u884C\u4E3A\uFF0C\u89E6\u53D1\u76F8\u5E94\u7684\u4E1A\u52A1\u903B\u8F91\u3002"},{level:2,title:"API",slug:"api",content:"\u901A\u8FC7\u8BBE\u7F6E Button \u7684\u5C5E\u6027\u6765\u4EA7\u751F\u4E0D\u540C\u7684\u6309\u94AE\u6837\u5F0F\uFF0C\u63A8\u8350\u987A\u5E8F\u4E3A\uFF1A`type` -> `shape` -> `size` -> `loading` -> `disabled`\u3002"},{level:3,title:"\u4E8B\u4EF6",slug:"\u4E8B\u4EF6",content:""},{level:2,title:"FAQ",slug:"faq",content:"\u5982\u4F55\u79FB\u9664 2 \u4E2A\u6C49\u5B57\u4E4B\u95F4\u7684\u7A7A\u683C"},{level:3,title:"\u5982\u4F55\u79FB\u9664 2 \u4E2A\u6C49\u5B57\u4E4B\u95F4\u7684\u7A7A\u683C",slug:"\u5982\u4F55\u79FB\u9664-2-\u4E2A\u6C49\u5B57\u4E4B\u95F4\u7684\u7A7A\u683C",content:"\u6839\u636E Ant Design \u8BBE\u8BA1\u89C4\u8303\u8981\u6C42\uFF0C\u6211\u4EEC\u4F1A\u5728\u6309\u94AE\u5185(\u6587\u672C\u6309\u94AE\u548C\u94FE\u63A5\u6309\u94AE\u9664\u5916)\u53EA\u6709\u4E24\u4E2A\u6C49\u5B57\u65F6\u81EA\u52A8\u6DFB\u52A0\u7A7A\u683C\uFF0C\u5982\u679C\u4F60\u4E0D\u9700\u8981\u8FD9\u4E2A\u7279\u6027\uFF0C\u53EF\u4EE5\u8BBE\u7F6E [ConfigProvider](/components/config-provider/#API) \u7684 `autoInsertSpaceInButton` \u4E3A `false`\u3002"}],relativePath:"src/docs/button/index.zh-CN.md",content:`
\u6309\u94AE\u7528\u4E8E\u5F00\u59CB\u4E00\u4E2A\u5373\u65F6\u64CD\u4F5C\u3002

## \u4F55\u65F6\u4F7F\u7528

\u6807\u8BB0\u4E86\u4E00\u4E2A\uFF08\u6216\u5C01\u88C5\u4E00\u7EC4\uFF09\u64CD\u4F5C\u547D\u4EE4\uFF0C\u54CD\u5E94\u7528\u6237\u70B9\u51FB\u884C\u4E3A\uFF0C\u89E6\u53D1\u76F8\u5E94\u7684\u4E1A\u52A1\u903B\u8F91\u3002

\u5728 Ant Design Vue \u4E2D\u6211\u4EEC\u63D0\u4F9B\u4E86\u4E94\u79CD\u6309\u94AE\u3002

- \u4E3B\u6309\u94AE\uFF1A\u7528\u4E8E\u4E3B\u884C\u52A8\u70B9\uFF0C\u4E00\u4E2A\u64CD\u4F5C\u533A\u57DF\u53EA\u80FD\u6709\u4E00\u4E2A\u4E3B\u6309\u94AE\u3002
- \u9ED8\u8BA4\u6309\u94AE\uFF1A\u7528\u4E8E\u6CA1\u6709\u4E3B\u6B21\u4E4B\u5206\u7684\u4E00\u7EC4\u884C\u52A8\u70B9\u3002
- \u865A\u7EBF\u6309\u94AE\uFF1A\u5E38\u7528\u4E8E\u6DFB\u52A0\u64CD\u4F5C\u3002
- \u6587\u672C\u6309\u94AE\uFF1A\u7528\u4E8E\u6700\u6B21\u7EA7\u7684\u884C\u52A8\u70B9\u3002
- \u94FE\u63A5\u6309\u94AE\uFF1A\u7528\u4E8E\u4F5C\u4E3A\u5916\u94FE\u7684\u884C\u52A8\u70B9\u3002

\u4EE5\u53CA\u56DB\u79CD\u72B6\u6001\u5C5E\u6027\u4E0E\u4E0A\u9762\u914D\u5408\u4F7F\u7528\u3002

- \u5371\u9669\uFF1A\u5220\u9664/\u79FB\u52A8/\u4FEE\u6539\u6743\u9650\u7B49\u5371\u9669\u64CD\u4F5C\uFF0C\u4E00\u822C\u9700\u8981\u4E8C\u6B21\u786E\u8BA4\u3002
- \u5E7D\u7075\uFF1A\u7528\u4E8E\u80CC\u666F\u8272\u6BD4\u8F83\u590D\u6742\u7684\u5730\u65B9\uFF0C\u5E38\u7528\u5728\u9996\u9875/\u4EA7\u54C1\u9875\u7B49\u5C55\u793A\u573A\u666F\u3002
- \u7981\u7528\uFF1A\u884C\u52A8\u70B9\u4E0D\u53EF\u7528\u7684\u65F6\u5019\uFF0C\u4E00\u822C\u9700\u8981\u6587\u6848\u89E3\u91CA\u3002
- \u52A0\u8F7D\u4E2D\uFF1A\u7528\u4E8E\u5F02\u6B65\u64CD\u4F5C\u7B49\u5F85\u53CD\u9988\u7684\u65F6\u5019\uFF0C\u4E5F\u53EF\u4EE5\u907F\u514D\u591A\u6B21\u63D0\u4EA4\u3002

## API

\u901A\u8FC7\u8BBE\u7F6E Button \u7684\u5C5E\u6027\u6765\u4EA7\u751F\u4E0D\u540C\u7684\u6309\u94AE\u6837\u5F0F\uFF0C\u63A8\u8350\u987A\u5E8F\u4E3A\uFF1A\`type\` -&gt; \`shape\` -&gt; \`size\` -&gt; \`loading\` -&gt; \`disabled\`\u3002

\u6309\u94AE\u7684\u5C5E\u6027\u8BF4\u660E\u5982\u4E0B\uFF1A

| \u5C5E\u6027 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
| --- | --- | --- | --- | --- |
| block | \u5C06\u6309\u94AE\u5BBD\u5EA6\u8C03\u6574\u4E3A\u5176\u7236\u5BBD\u5EA6\u7684\u9009\u9879 | boolean | \`false\` |  |
| danger | \u8BBE\u7F6E\u5371\u9669\u6309\u94AE | boolean | \`false\` | 2.2.0 |
| disabled | \u6309\u94AE\u5931\u6548\u72B6\u6001 | boolean | \`false\` |  |
| ghost | \u5E7D\u7075\u5C5E\u6027\uFF0C\u4F7F\u6309\u94AE\u80CC\u666F\u900F\u660E | boolean | \`false\` |  |
| 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 | - |  |
| htmlType | \u8BBE\u7F6E \`button\` \u539F\u751F\u7684 \`type\` \u503C\uFF0C\u53EF\u9009\u503C\u8BF7\u53C2\u8003 [HTML \u6807\u51C6](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type) | string | \`button\` |  |
| icon | \u8BBE\u7F6E\u6309\u94AE\u7684\u56FE\u6807\u7C7B\u578B | v-slot | - |  |
| loading | \u8BBE\u7F6E\u6309\u94AE\u8F7D\u5165\u72B6\u6001 | boolean \\| { delay: number } | \`false\` |  |
| shape | \u8BBE\u7F6E\u6309\u94AE\u5F62\u72B6 | \`circle\` \\| \`round\` | - |  |
| size | \u8BBE\u7F6E\u6309\u94AE\u5927\u5C0F | \`large\` \\| \`middle\` \\| \`small\` | \`middle\` |  |
| target | \u76F8\u5F53\u4E8E a \u94FE\u63A5\u7684 target \u5C5E\u6027\uFF0Chref \u5B58\u5728\u65F6\u751F\u6548 | string | - |  |
| type | \u8BBE\u7F6E\u6309\u94AE\u7C7B\u578B | \`primary\` \\| \`ghost\` \\| \`dashed\` \\| \`link\` \\| \`text\` \\| \`default\` | \`default\` |  |

### \u4E8B\u4EF6

| \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E             | \u56DE\u8C03\u53C2\u6570        | \u7248\u672C |
| -------- | ---------------- | --------------- | ---- |
| click    | \u70B9\u51FB\u6309\u94AE\u65F6\u7684\u56DE\u8C03 | (event) =&gt; void |      |

\u652F\u6301\u539F\u751F button \u7684\u5176\u4ED6\u6240\u6709\u5C5E\u6027\u3002

## FAQ

### \u5982\u4F55\u79FB\u9664 2 \u4E2A\u6C49\u5B57\u4E4B\u95F4\u7684\u7A7A\u683C

\u6839\u636E Ant Design \u8BBE\u8BA1\u89C4\u8303\u8981\u6C42\uFF0C\u6211\u4EEC\u4F1A\u5728\u6309\u94AE\u5185(\u6587\u672C\u6309\u94AE\u548C\u94FE\u63A5\u6309\u94AE\u9664\u5916)\u53EA\u6709\u4E24\u4E2A\u6C49\u5B57\u65F6\u81EA\u52A8\u6DFB\u52A0\u7A7A\u683C\uFF0C\u5982\u679C\u4F60\u4E0D\u9700\u8981\u8FD9\u4E2A\u7279\u6027\uFF0C\u53EF\u4EE5\u8BBE\u7F6E [ConfigProvider](/components/config-provider/#API) \u7684 \`autoInsertSpaceInButton\` \u4E3A \`false\`\u3002

&lt;img src=&quot;https://gw.alipayobjects.com/zos/antfincdn/MY%26THAPZrW/38f06cb9-293a-4b42-b183-9f443e79ffea.png&quot; style=&quot;box-shadow: none; margin: 0; width: 100px&quot; alt=&quot;\u79FB\u9664\u4E24\u4E2A\u6C49\u5B57\u4E4B\u95F4\u7684\u7A7A\u683C&quot;  /&gt;
`,html:`<p>\u6309\u94AE\u7528\u4E8E\u5F00\u59CB\u4E00\u4E2A\u5373\u65F6\u64CD\u4F5C\u3002</p>
<h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2>
<p>\u6807\u8BB0\u4E86\u4E00\u4E2A\uFF08\u6216\u5C01\u88C5\u4E00\u7EC4\uFF09\u64CD\u4F5C\u547D\u4EE4\uFF0C\u54CD\u5E94\u7528\u6237\u70B9\u51FB\u884C\u4E3A\uFF0C\u89E6\u53D1\u76F8\u5E94\u7684\u4E1A\u52A1\u903B\u8F91\u3002</p>
<p>\u5728 Ant Design Vue \u4E2D\u6211\u4EEC\u63D0\u4F9B\u4E86\u4E94\u79CD\u6309\u94AE\u3002</p>
<ul>
<li>\u4E3B\u6309\u94AE\uFF1A\u7528\u4E8E\u4E3B\u884C\u52A8\u70B9\uFF0C\u4E00\u4E2A\u64CD\u4F5C\u533A\u57DF\u53EA\u80FD\u6709\u4E00\u4E2A\u4E3B\u6309\u94AE\u3002</li>
<li>\u9ED8\u8BA4\u6309\u94AE\uFF1A\u7528\u4E8E\u6CA1\u6709\u4E3B\u6B21\u4E4B\u5206\u7684\u4E00\u7EC4\u884C\u52A8\u70B9\u3002</li>
<li>\u865A\u7EBF\u6309\u94AE\uFF1A\u5E38\u7528\u4E8E\u6DFB\u52A0\u64CD\u4F5C\u3002</li>
<li>\u6587\u672C\u6309\u94AE\uFF1A\u7528\u4E8E\u6700\u6B21\u7EA7\u7684\u884C\u52A8\u70B9\u3002</li>
<li>\u94FE\u63A5\u6309\u94AE\uFF1A\u7528\u4E8E\u4F5C\u4E3A\u5916\u94FE\u7684\u884C\u52A8\u70B9\u3002</li>
</ul>
<p>\u4EE5\u53CA\u56DB\u79CD\u72B6\u6001\u5C5E\u6027\u4E0E\u4E0A\u9762\u914D\u5408\u4F7F\u7528\u3002</p>
<ul>
<li>\u5371\u9669\uFF1A\u5220\u9664/\u79FB\u52A8/\u4FEE\u6539\u6743\u9650\u7B49\u5371\u9669\u64CD\u4F5C\uFF0C\u4E00\u822C\u9700\u8981\u4E8C\u6B21\u786E\u8BA4\u3002</li>
<li>\u5E7D\u7075\uFF1A\u7528\u4E8E\u80CC\u666F\u8272\u6BD4\u8F83\u590D\u6742\u7684\u5730\u65B9\uFF0C\u5E38\u7528\u5728\u9996\u9875/\u4EA7\u54C1\u9875\u7B49\u5C55\u793A\u573A\u666F\u3002</li>
<li>\u7981\u7528\uFF1A\u884C\u52A8\u70B9\u4E0D\u53EF\u7528\u7684\u65F6\u5019\uFF0C\u4E00\u822C\u9700\u8981\u6587\u6848\u89E3\u91CA\u3002</li>
<li>\u52A0\u8F7D\u4E2D\uFF1A\u7528\u4E8E\u5F02\u6B65\u64CD\u4F5C\u7B49\u5F85\u53CD\u9988\u7684\u65F6\u5019\uFF0C\u4E5F\u53EF\u4EE5\u907F\u514D\u591A\u6B21\u63D0\u4EA4\u3002</li>
</ul>
<h2 id="api">API</h2>
<p>\u901A\u8FC7\u8BBE\u7F6E Button \u7684\u5C5E\u6027\u6765\u4EA7\u751F\u4E0D\u540C\u7684\u6309\u94AE\u6837\u5F0F\uFF0C\u63A8\u8350\u987A\u5E8F\u4E3A\uFF1A<code>type</code> -&gt; <code>shape</code> -&gt; <code>size</code> -&gt; <code>loading</code> -&gt; <code>disabled</code>\u3002</p>
<p>\u6309\u94AE\u7684\u5C5E\u6027\u8BF4\u660E\u5982\u4E0B\uFF1A</p>
<table>
<thead>
<tr>
<th>\u5C5E\u6027</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
<th>\u7248\u672C</th>
</tr>
</thead>
<tbody>
<tr>
<td>block</td>
<td>\u5C06\u6309\u94AE\u5BBD\u5EA6\u8C03\u6574\u4E3A\u5176\u7236\u5BBD\u5EA6\u7684\u9009\u9879</td>
<td>boolean</td>
<td><code>false</code></td>
<td></td>
</tr>
<tr>
<td>danger</td>
<td>\u8BBE\u7F6E\u5371\u9669\u6309\u94AE</td>
<td>boolean</td>
<td><code>false</code></td>
<td>2.2.0</td>
</tr>
<tr>
<td>disabled</td>
<td>\u6309\u94AE\u5931\u6548\u72B6\u6001</td>
<td>boolean</td>
<td><code>false</code></td>
<td></td>
</tr>
<tr>
<td>ghost</td>
<td>\u5E7D\u7075\u5C5E\u6027\uFF0C\u4F7F\u6309\u94AE\u80CC\u666F\u900F\u660E</td>
<td>boolean</td>
<td><code>false</code></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>htmlType</td>
<td>\u8BBE\u7F6E <code>button</code> \u539F\u751F\u7684 <code>type</code> \u503C\uFF0C\u53EF\u9009\u503C\u8BF7\u53C2\u8003 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type" target="_blank" rel="noopener noreferrer">HTML \u6807\u51C6</a></td>
<td>string</td>
<td><code>button</code></td>
<td></td>
</tr>
<tr>
<td>icon</td>
<td>\u8BBE\u7F6E\u6309\u94AE\u7684\u56FE\u6807\u7C7B\u578B</td>
<td>v-slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>loading</td>
<td>\u8BBE\u7F6E\u6309\u94AE\u8F7D\u5165\u72B6\u6001</td>
<td>boolean | { delay: number }</td>
<td><code>false</code></td>
<td></td>
</tr>
<tr>
<td>shape</td>
<td>\u8BBE\u7F6E\u6309\u94AE\u5F62\u72B6</td>
<td><code>circle</code> | <code>round</code></td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>size</td>
<td>\u8BBE\u7F6E\u6309\u94AE\u5927\u5C0F</td>
<td><code>large</code> | <code>middle</code> | <code>small</code></td>
<td><code>middle</code></td>
<td></td>
</tr>
<tr>
<td>target</td>
<td>\u76F8\u5F53\u4E8E a \u94FE\u63A5\u7684 target \u5C5E\u6027\uFF0Chref \u5B58\u5728\u65F6\u751F\u6548</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>type</td>
<td>\u8BBE\u7F6E\u6309\u94AE\u7C7B\u578B</td>
<td><code>primary</code> | <code>ghost</code> | <code>dashed</code> | <code>link</code> | <code>text</code> | <code>default</code></td>
<td><code>default</code></td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6</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>\u70B9\u51FB\u6309\u94AE\u65F6\u7684\u56DE\u8C03</td>
<td>(event) =&gt; void</td>
<td></td>
</tr>
</tbody>
</table>
<p>\u652F\u6301\u539F\u751F button \u7684\u5176\u4ED6\u6240\u6709\u5C5E\u6027\u3002</p>
<h2 id="faq">FAQ</h2>
<h3 id="\u5982\u4F55\u79FB\u9664-2-\u4E2A\u6C49\u5B57\u4E4B\u95F4\u7684\u7A7A\u683C">\u5982\u4F55\u79FB\u9664 2 \u4E2A\u6C49\u5B57\u4E4B\u95F4\u7684\u7A7A\u683C</h3>
<p>\u6839\u636E Ant Design \u8BBE\u8BA1\u89C4\u8303\u8981\u6C42\uFF0C\u6211\u4EEC\u4F1A\u5728\u6309\u94AE\u5185(\u6587\u672C\u6309\u94AE\u548C\u94FE\u63A5\u6309\u94AE\u9664\u5916)\u53EA\u6709\u4E24\u4E2A\u6C49\u5B57\u65F6\u81EA\u52A8\u6DFB\u52A0\u7A7A\u683C\uFF0C\u5982\u679C\u4F60\u4E0D\u9700\u8981\u8FD9\u4E2A\u7279\u6027\uFF0C\u53EF\u4EE5\u8BBE\u7F6E <a href="/components/config-provider/#API">ConfigProvider</a> \u7684 <code>autoInsertSpaceInButton</code> \u4E3A <code>false</code>\u3002</p>
<img src="https://gw.alipayobjects.com/zos/antfincdn/MY%26THAPZrW/38f06cb9-293a-4b42-b183-9f443e79ffea.png" style="box-shadow: none; margin: 0; width: 100px" alt="\u79FB\u9664\u4E24\u4E2A\u6C49\u5B57\u4E4B\u95F4\u7684\u7A7A\u683C"  />
`,lastUpdated:1748059052635}},cn={class:"markdown"};function ln(c,a,e,i,m,I){return r(),G("article",cn,a[0]||(a[0]=[A('<p>\u6309\u94AE\u7528\u4E8E\u5F00\u59CB\u4E00\u4E2A\u5373\u65F6\u64CD\u4F5C\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2><p>\u6807\u8BB0\u4E86\u4E00\u4E2A\uFF08\u6216\u5C01\u88C5\u4E00\u7EC4\uFF09\u64CD\u4F5C\u547D\u4EE4\uFF0C\u54CD\u5E94\u7528\u6237\u70B9\u51FB\u884C\u4E3A\uFF0C\u89E6\u53D1\u76F8\u5E94\u7684\u4E1A\u52A1\u903B\u8F91\u3002</p><p>\u5728 Ant Design Vue \u4E2D\u6211\u4EEC\u63D0\u4F9B\u4E86\u4E94\u79CD\u6309\u94AE\u3002</p><ul><li>\u4E3B\u6309\u94AE\uFF1A\u7528\u4E8E\u4E3B\u884C\u52A8\u70B9\uFF0C\u4E00\u4E2A\u64CD\u4F5C\u533A\u57DF\u53EA\u80FD\u6709\u4E00\u4E2A\u4E3B\u6309\u94AE\u3002</li><li>\u9ED8\u8BA4\u6309\u94AE\uFF1A\u7528\u4E8E\u6CA1\u6709\u4E3B\u6B21\u4E4B\u5206\u7684\u4E00\u7EC4\u884C\u52A8\u70B9\u3002</li><li>\u865A\u7EBF\u6309\u94AE\uFF1A\u5E38\u7528\u4E8E\u6DFB\u52A0\u64CD\u4F5C\u3002</li><li>\u6587\u672C\u6309\u94AE\uFF1A\u7528\u4E8E\u6700\u6B21\u7EA7\u7684\u884C\u52A8\u70B9\u3002</li><li>\u94FE\u63A5\u6309\u94AE\uFF1A\u7528\u4E8E\u4F5C\u4E3A\u5916\u94FE\u7684\u884C\u52A8\u70B9\u3002</li></ul><p>\u4EE5\u53CA\u56DB\u79CD\u72B6\u6001\u5C5E\u6027\u4E0E\u4E0A\u9762\u914D\u5408\u4F7F\u7528\u3002</p><ul><li>\u5371\u9669\uFF1A\u5220\u9664/\u79FB\u52A8/\u4FEE\u6539\u6743\u9650\u7B49\u5371\u9669\u64CD\u4F5C\uFF0C\u4E00\u822C\u9700\u8981\u4E8C\u6B21\u786E\u8BA4\u3002</li><li>\u5E7D\u7075\uFF1A\u7528\u4E8E\u80CC\u666F\u8272\u6BD4\u8F83\u590D\u6742\u7684\u5730\u65B9\uFF0C\u5E38\u7528\u5728\u9996\u9875/\u4EA7\u54C1\u9875\u7B49\u5C55\u793A\u573A\u666F\u3002</li><li>\u7981\u7528\uFF1A\u884C\u52A8\u70B9\u4E0D\u53EF\u7528\u7684\u65F6\u5019\uFF0C\u4E00\u822C\u9700\u8981\u6587\u6848\u89E3\u91CA\u3002</li><li>\u52A0\u8F7D\u4E2D\uFF1A\u7528\u4E8E\u5F02\u6B65\u64CD\u4F5C\u7B49\u5F85\u53CD\u9988\u7684\u65F6\u5019\uFF0C\u4E5F\u53EF\u4EE5\u907F\u514D\u591A\u6B21\u63D0\u4EA4\u3002</li></ul><h2 id="api">API</h2><p>\u901A\u8FC7\u8BBE\u7F6E Button \u7684\u5C5E\u6027\u6765\u4EA7\u751F\u4E0D\u540C\u7684\u6309\u94AE\u6837\u5F0F\uFF0C\u63A8\u8350\u987A\u5E8F\u4E3A\uFF1A<code>type</code> -&gt; <code>shape</code> -&gt; <code>size</code> -&gt; <code>loading</code> -&gt; <code>disabled</code>\u3002</p><p>\u6309\u94AE\u7684\u5C5E\u6027\u8BF4\u660E\u5982\u4E0B\uFF1A</p><table><thead><tr><th>\u5C5E\u6027</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>block</td><td>\u5C06\u6309\u94AE\u5BBD\u5EA6\u8C03\u6574\u4E3A\u5176\u7236\u5BBD\u5EA6\u7684\u9009\u9879</td><td>boolean</td><td><code>false</code></td><td></td></tr><tr><td>danger</td><td>\u8BBE\u7F6E\u5371\u9669\u6309\u94AE</td><td>boolean</td><td><code>false</code></td><td>2.2.0</td></tr><tr><td>disabled</td><td>\u6309\u94AE\u5931\u6548\u72B6\u6001</td><td>boolean</td><td><code>false</code></td><td></td></tr><tr><td>ghost</td><td>\u5E7D\u7075\u5C5E\u6027\uFF0C\u4F7F\u6309\u94AE\u80CC\u666F\u900F\u660E</td><td>boolean</td><td><code>false</code></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>htmlType</td><td>\u8BBE\u7F6E <code>button</code> \u539F\u751F\u7684 <code>type</code> \u503C\uFF0C\u53EF\u9009\u503C\u8BF7\u53C2\u8003 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type" target="_blank" rel="noopener noreferrer">HTML \u6807\u51C6</a></td><td>string</td><td><code>button</code></td><td></td></tr><tr><td>icon</td><td>\u8BBE\u7F6E\u6309\u94AE\u7684\u56FE\u6807\u7C7B\u578B</td><td>v-slot</td><td>-</td><td></td></tr><tr><td>loading</td><td>\u8BBE\u7F6E\u6309\u94AE\u8F7D\u5165\u72B6\u6001</td><td>boolean | { delay: number }</td><td><code>false</code></td><td></td></tr><tr><td>shape</td><td>\u8BBE\u7F6E\u6309\u94AE\u5F62\u72B6</td><td><code>circle</code> | <code>round</code></td><td>-</td><td></td></tr><tr><td>size</td><td>\u8BBE\u7F6E\u6309\u94AE\u5927\u5C0F</td><td><code>large</code> | <code>middle</code> | <code>small</code></td><td><code>middle</code></td><td></td></tr><tr><td>target</td><td>\u76F8\u5F53\u4E8E a \u94FE\u63A5\u7684 target \u5C5E\u6027\uFF0Chref \u5B58\u5728\u65F6\u751F\u6548</td><td>string</td><td>-</td><td></td></tr><tr><td>type</td><td>\u8BBE\u7F6E\u6309\u94AE\u7C7B\u578B</td><td><code>primary</code> | <code>ghost</code> | <code>dashed</code> | <code>link</code> | <code>text</code> | <code>default</code></td><td><code>default</code></td><td></td></tr></tbody></table><h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6</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>\u70B9\u51FB\u6309\u94AE\u65F6\u7684\u56DE\u8C03</td><td>(event) =&gt; void</td><td></td></tr></tbody></table><p>\u652F\u6301\u539F\u751F button \u7684\u5176\u4ED6\u6240\u6709\u5C5E\u6027\u3002</p><h2 id="faq">FAQ</h2><h3 id="\u5982\u4F55\u79FB\u9664-2-\u4E2A\u6C49\u5B57\u4E4B\u95F4\u7684\u7A7A\u683C">\u5982\u4F55\u79FB\u9664 2 \u4E2A\u6C49\u5B57\u4E4B\u95F4\u7684\u7A7A\u683C</h3><p>\u6839\u636E Ant Design \u8BBE\u8BA1\u89C4\u8303\u8981\u6C42\uFF0C\u6211\u4EEC\u4F1A\u5728\u6309\u94AE\u5185(\u6587\u672C\u6309\u94AE\u548C\u94FE\u63A5\u6309\u94AE\u9664\u5916)\u53EA\u6709\u4E24\u4E2A\u6C49\u5B57\u65F6\u81EA\u52A8\u6DFB\u52A0\u7A7A\u683C\uFF0C\u5982\u679C\u4F60\u4E0D\u9700\u8981\u8FD9\u4E2A\u7279\u6027\uFF0C\u53EF\u4EE5\u8BBE\u7F6E <a href="/components/config-provider/#API">ConfigProvider</a> \u7684 <code>autoInsertSpaceInButton</code> \u4E3A <code>false</code>\u3002</p><img src="https://gw.alipayobjects.com/zos/antfincdn/MY%26THAPZrW/38f06cb9-293a-4b42-b183-9f443e79ffea.png" style="box-shadow:none;margin:0;width:100px;" alt="\u79FB\u9664\u4E24\u4E2A\u6C49\u5B57\u4E4B\u95F4\u7684\u7A7A\u683C">',18)]))}var un=d(pn,[["render",ln]]);const kn={pageData:{title:"Button",description:"",frontmatter:{category:"Components",type:"General",title:"Button",cover:"https://gw.alipayobjects.com/zos/alicdn/fNUKzY1sk/Button.svg"},headers:[{level:2,title:"When To Use",slug:"when-to-use",content:"A button means an operation (or a series of operations). Clicking a button will trigger corresponding business logic."},{level:2,title:"API",slug:"api",content:"Different button styles can be generated by setting Button properties. The recommended order is: `type` -> `shape` -> `size` -> `loading` -> `disabled`."},{level:3,title:"events",slug:"events",content:""},{level:2,title:"FAQ",slug:"faq",content:"How to remove space between 2 chinese characters"},{level:3,title:"How to remove space between 2 chinese characters",slug:"how-to-remove-space-between-2-chinese-characters",content:"Following the Ant Design specification, we will add one space between if Button (exclude Text button and Link button) contains two Chinese characters only. If you don't need that, you can use [ConfigProvider](/components/config-provider/#API) to set `autoInsertSpaceInButton` as `false`."}],relativePath:"src/docs/button/index.en-US.md",content:"\nTo trigger an operation.\n\n## When To Use\n\nA button means an operation (or a series of operations). Clicking a button will trigger corresponding business logic.\n\nIn Ant Design Vue we provide 5 types of button.\n\n- Primary button: indicate the main action, one primary button at most in one section.\n- Default button: indicate a series of actions without priority.\n- Dashed button: used for adding action commonly.\n- Text button: used for the most secondary action.\n- Link button: used for external links.\n\nAnd 4 other properties additionally.\n\n- `danger`: used for actions of risk, like deletion or authorization.\n- `ghost`: used in situations with complex background, home pages usually.\n- `disabled`: when actions are not available.\n- `loading`: add loading spinner in button, avoiding multiple submits too.\n\n## API\n\nDifferent button styles can be generated by setting Button properties. The recommended order is: `type` -&gt; `shape` -&gt; `size` -&gt; `loading` -&gt; `disabled`.\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| block | option to fit button width to its parent width | boolean | `false` |  |\n| danger | set the danger status of button | boolean | `false` | 2.2.0 |\n| disabled | disabled state of button | boolean | `false` |  |\n| ghost | make background transparent and invert text and border colors | boolean | `false` |  |\n| href | redirect url of link button | string | - |  |\n| htmlType | set the original html `type` of `button`, see: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type) | string | `button` |  |\n| icon | set the icon of button, see: Icon component | v-slot | - |  |\n| loading | set the loading status of button | boolean \\| { delay: number } | `false` |  |\n| shape | can be set button shape | `circle` \\| `round` | - |  |\n| size | set the size of button | `large` \\| `middle` \\| `small` | `middle` |  |\n| target | same as target attribute of a, works when href is specified | string | - |  |\n| type | can be set button type | `primary` \\| `ghost` \\| `dashed` \\| `link` \\| `text` \\| `default` | `default` |  |\n\n### events\n\n| Events Name | Description                             | Arguments       | Version |\n| ----------- | --------------------------------------- | --------------- | ------- |\n| click       | set the handler to handle `click` event | (event) =&gt; void |         |\n\nIt accepts all props which native buttons support.\n\n## FAQ\n\n### How to remove space between 2 chinese characters\n\nFollowing the Ant Design specification, we will add one space between if Button (exclude Text button and Link button) contains two Chinese characters only. If you don&#39;t need that, you can use [ConfigProvider](/components/config-provider/#API) to set `autoInsertSpaceInButton` as `false`.\n\n&lt;img src=&quot;https://gw.alipayobjects.com/zos/antfincdn/MY%26THAPZrW/38f06cb9-293a-4b42-b183-9f443e79ffea.png&quot; style=&quot;box-shadow: none; margin: 0; width: 100px&quot; alt=&quot;Button with two Chinese characters&quot;  /&gt;\n",html:`<p>To trigger an operation.</p>
<h2 id="when-to-use">When To Use</h2>
<p>A button means an operation (or a series of operations). Clicking a button will trigger corresponding business logic.</p>
<p>In Ant Design Vue we provide 5 types of button.</p>
<ul>
<li>Primary button: indicate the main action, one primary button at most in one section.</li>
<li>Default button: indicate a series of actions without priority.</li>
<li>Dashed button: used for adding action commonly.</li>
<li>Text button: used for the most secondary action.</li>
<li>Link button: used for external links.</li>
</ul>
<p>And 4 other properties additionally.</p>
<ul>
<li><code>danger</code>: used for actions of risk, like deletion or authorization.</li>
<li><code>ghost</code>: used in situations with complex background, home pages usually.</li>
<li><code>disabled</code>: when actions are not available.</li>
<li><code>loading</code>: add loading spinner in button, avoiding multiple submits too.</li>
</ul>
<h2 id="api">API</h2>
<p>Different button styles can be generated by setting Button properties. The recommended order is: <code>type</code> -&gt; <code>shape</code> -&gt; <code>size</code> -&gt; <code>loading</code> -&gt; <code>disabled</code>.</p>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>block</td>
<td>option to fit button width to its parent width</td>
<td>boolean</td>
<td><code>false</code></td>
<td></td>
</tr>
<tr>
<td>danger</td>
<td>set the danger status of button</td>
<td>boolean</td>
<td><code>false</code></td>
<td>2.2.0</td>
</tr>
<tr>
<td>disabled</td>
<td>disabled state of button</td>
<td>boolean</td>
<td><code>false</code></td>
<td></td>
</tr>
<tr>
<td>ghost</td>
<td>make background transparent and invert text and border colors</td>
<td>boolean</td>
<td><code>false</code></td>
<td></td>
</tr>
<tr>
<td>href</td>
<td>redirect url of link button</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>htmlType</td>
<td>set the original html <code>type</code> of <code>button</code>, see: <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type" target="_blank" rel="noopener noreferrer">MDN</a></td>
<td>string</td>
<td><code>button</code></td>
<td></td>
</tr>
<tr>
<td>icon</td>
<td>set the icon of button, see: Icon component</td>
<td>v-slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>loading</td>
<td>set the loading status of button</td>
<td>boolean | { delay: number }</td>
<td><code>false</code></td>
<td></td>
</tr>
<tr>
<td>shape</td>
<td>can be set button shape</td>
<td><code>circle</code> | <code>round</code></td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>size</td>
<td>set the size of button</td>
<td><code>large</code> | <code>middle</code> | <code>small</code></td>
<td><code>middle</code></td>
<td></td>
</tr>
<tr>
<td>target</td>
<td>same as target attribute of a, works when href is specified</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>type</td>
<td>can be set button type</td>
<td><code>primary</code> | <code>ghost</code> | <code>dashed</code> | <code>link</code> | <code>text</code> | <code>default</code></td>
<td><code>default</code></td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="events">events</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>(event) =&gt; void</td>
<td></td>
</tr>
</tbody>
</table>
<p>It accepts all props which native buttons support.</p>
<h2 id="faq">FAQ</h2>
<h3 id="how-to-remove-space-between-2-chinese-characters">How to remove space between 2 chinese characters</h3>
<p>Following the Ant Design specification, we will add one space between if Button (exclude Text button and Link button) contains two Chinese characters only. If you don't need that, you can use <a href="/components/config-provider/#API">ConfigProvider</a> to set <code>autoInsertSpaceInButton</code> as <code>false</code>.</p>
<img src="https://gw.alipayobjects.com/zos/antfincdn/MY%26THAPZrW/38f06cb9-293a-4b42-b183-9f443e79ffea.png" style="box-shadow: none; margin: 0; width: 100px" alt="Button with two Chinese characters"  />
`,lastUpdated:1748059052634}},dn={class:"markdown"};function rn(c,a,e,i,m,I){return r(),G("article",dn,a[0]||(a[0]=[A('<p>To trigger an operation.</p><h2 id="when-to-use">When To Use</h2><p>A button means an operation (or a series of operations). Clicking a button will trigger corresponding business logic.</p><p>In Ant Design Vue we provide 5 types of button.</p><ul><li>Primary button: indicate the main action, one primary button at most in one section.</li><li>Default button: indicate a series of actions without priority.</li><li>Dashed button: used for adding action commonly.</li><li>Text button: used for the most secondary action.</li><li>Link button: used for external links.</li></ul><p>And 4 other properties additionally.</p><ul><li><code>danger</code>: used for actions of risk, like deletion or authorization.</li><li><code>ghost</code>: used in situations with complex background, home pages usually.</li><li><code>disabled</code>: when actions are not available.</li><li><code>loading</code>: add loading spinner in button, avoiding multiple submits too.</li></ul><h2 id="api">API</h2><p>Different button styles can be generated by setting Button properties. The recommended order is: <code>type</code> -&gt; <code>shape</code> -&gt; <code>size</code> -&gt; <code>loading</code> -&gt; <code>disabled</code>.</p><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>block</td><td>option to fit button width to its parent width</td><td>boolean</td><td><code>false</code></td><td></td></tr><tr><td>danger</td><td>set the danger status of button</td><td>boolean</td><td><code>false</code></td><td>2.2.0</td></tr><tr><td>disabled</td><td>disabled state of button</td><td>boolean</td><td><code>false</code></td><td></td></tr><tr><td>ghost</td><td>make background transparent and invert text and border colors</td><td>boolean</td><td><code>false</code></td><td></td></tr><tr><td>href</td><td>redirect url of link button</td><td>string</td><td>-</td><td></td></tr><tr><td>htmlType</td><td>set the original html <code>type</code> of <code>button</code>, see: <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type" target="_blank" rel="noopener noreferrer">MDN</a></td><td>string</td><td><code>button</code></td><td></td></tr><tr><td>icon</td><td>set the icon of button, see: Icon component</td><td>v-slot</td><td>-</td><td></td></tr><tr><td>loading</td><td>set the loading status of button</td><td>boolean | { delay: number }</td><td><code>false</code></td><td></td></tr><tr><td>shape</td><td>can be set button shape</td><td><code>circle</code> | <code>round</code></td><td>-</td><td></td></tr><tr><td>size</td><td>set the size of button</td><td><code>large</code> | <code>middle</code> | <code>small</code></td><td><code>middle</code></td><td></td></tr><tr><td>target</td><td>same as target attribute of a, works when href is specified</td><td>string</td><td>-</td><td></td></tr><tr><td>type</td><td>can be set button type</td><td><code>primary</code> | <code>ghost</code> | <code>dashed</code> | <code>link</code> | <code>text</code> | <code>default</code></td><td><code>default</code></td><td></td></tr></tbody></table><h3 id="events">events</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>(event) =&gt; void</td><td></td></tr></tbody></table><p>It accepts all props which native buttons support.</p><h2 id="faq">FAQ</h2><h3 id="how-to-remove-space-between-2-chinese-characters">How to remove space between 2 chinese characters</h3><p>Following the Ant Design specification, we will add one space between if Button (exclude Text button and Link button) contains two Chinese characters only. If you don&#39;t need that, you can use <a href="/components/config-provider/#API">ConfigProvider</a> to set <code>autoInsertSpaceInButton</code> as <code>false</code>.</p><img src="https://gw.alipayobjects.com/zos/antfincdn/MY%26THAPZrW/38f06cb9-293a-4b42-b183-9f443e79ffea.png" style="box-shadow:none;margin:0;width:100px;" alt="Button with two Chinese characters">',17)]))}var gn=d(kn,[["render",rn]]);const bn=v({CN:un,US:gn,components:{Basic:x,Disabled:S,Ghost:z,Icon:N,Loading:K,Multiple:Q,Size:$,Block:an,Danger:en},setup(){return{}}});function mn(c,a,e,i,m,I){const l=p("basic"),u=p("disabled"),k=p("ghost"),b=p("icon"),h=p("loading"),C=p("multiple"),f=p("size"),P=p("block"),Z=p("danger"),R=p("demo-sort");return r(),g(R,null,{default:s(()=>[o(l),o(u),o(k),o(b),o(h),o(C),o(f),o(P),o(Z)]),_:1})}var hn=d(bn,[["render",mn]]);export{hn as default};