farris-vue/packages/ui-vue/docs/.vitepress/dist/assets/components_button_index.md.c13a54c3.lean.js

import{V as k,_ as w,c as V,a as f,w as _,b as t,d as n,e as N,r as v,o as T}from"./app.4bbb5a44.js";const S={name:"component-doc",components:{"render-demo-0":function(){const{createTextVNode:e,resolveComponent:r,withCtx:s,createVNode:a,openBlock:o,createElementBlock:m}=k,d=e(" \u4E3B\u8981\u6309\u94AE "),p=e(" \u5371\u9669\u6309\u94AE "),g=e(" \u6210\u529F\u6309\u94AE "),y=e(" \u8B66\u544A\u6309\u94AE "),C=e(" \u4FE1\u606F\u6309\u94AE "),h=e(" \u6587\u672C\u6309\u94AE ");function E(x,F){const u=r("f-button");return o(),m("div",null,[a(u,{style:{margin:"5px"}},{default:s(()=>[d]),_:1}),a(u,{style:{margin:"5px"},"button-type":"danger"},{default:s(()=>[p]),_:1}),a(u,{style:{margin:"5px"},"button-type":"success"},{default:s(()=>[g]),_:1}),a(u,{style:{margin:"5px"},"button-type":"warning"},{default:s(()=>[y]),_:1}),a(u,{style:{margin:"5px"},"button-type":"secondary"},{default:s(()=>[C]),_:1}),a(u,{style:{margin:"5px"},"button-type":"link"},{default:s(()=>[h]),_:1})])}const{defineComponent:b}=k,{ref:l}=k;return{render:E,...b({setup(x,{expose:F}){F();const u={ref:l};return Object.defineProperty(u,"__isScriptSetup",{enumerable:!1,value:!0}),u}})}}(),"render-demo-1":function(){const{createElementVNode:e,resolveComponent:r,createVNode:s,createTextVNode:a,withCtx:o,openBlock:m,createElementBlock:d}=k,p={class:"my-2 d-flex"},g=e("div",{class:"f-demo-label"},"\u7981\u7528\u6309\u94AE:",-1),y=a(" \u4E3B\u8981\u6309\u94AE "),C=a(" \u5371\u9669\u6309\u94AE "),h=a(" \u6210\u529F\u6309\u94AE "),E=a(" \u8B66\u544A\u6309\u94AE "),b=a(" \u4FE1\u606F\u6309\u94AE "),l=a(" \u6587\u672C\u6309\u94AE ");function D(c,A){const B=r("f-switch"),i=r("f-button");return m(),d("div",null,[e("div",p,[g,s(B,{modelValue:c.disable,"onUpdate:modelValue":A[0]||(A[0]=q=>c.disable=q)},null,8,["modelValue"])]),e("div",null,[s(i,{style:{margin:"5px"},disable:c.disable},{default:o(()=>[y]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"danger",disable:c.disable},{default:o(()=>[C]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"success",disable:c.disable},{default:o(()=>[h]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"warning",disable:c.disable},{default:o(()=>[E]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"secondary",disable:c.disable},{default:o(()=>[b]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"link",disable:c.disable},{default:o(()=>[l]),_:1},8,["disable"])])])}const{defineComponent:x}=k,{ref:F}=k;return{render:D,...x({setup(c,{expose:A}){A();const i={disable:F(!0),ref:F};return Object.defineProperty(i,"__isScriptSetup",{enumerable:!1,value:!0}),i}})}}(),"render-demo-2":function(){const{createTextVNode:e,resolveComponent:r,withCtx:s,createVNode:a,openBlock:o,createElementBlock:m}=k,d=e(" \u5C0F\u5C3A\u5BF8 "),p=e(" \u5927\u5C3A\u5BF8 ");function g(E,b){const l=r("f-button");return o(),m("div",null,[a(l,{style:{margin:"5px"},size:"small"},{default:s(()=>[d]),_:1}),a(l,{style:{margin:"5px"},size:"large"},{default:s(()=>[p]),_:1})])}const{defineComponent:y}=k,{ref:C}=k;return{render:g,...y({setup(E,{expose:b}){b();const l={ref:C};return Object.defineProperty(l,"__isScriptSetup",{enumerable:!1,value:!0}),l}})}}()}},L=JSON.parse('{"title":"Button \u6309\u94AE","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u72B6\u6001","slug":"\u72B6\u6001"},{"level":2,"title":"\u5C3A\u5BF8","slug":"\u5C3A\u5BF8"},{"level":2,"title":"\u7C7B\u578B","slug":"\u7C7B\u578B"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u4E8B\u4EF6","slug":"\u4E8B\u4EF6"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/button/index.md"}');const z=t("h1",{id:"button-\u6309\u94AE",tabindex:"-1"},[n("Button \u6309\u94AE "),t("a",{class:"header-anchor",href:"#button-\u6309\u94AE","aria-hidden":"true"},"#")],-1),j=t("p",null,"Button \u7EC4\u4EF6\u4E3A\u4E0D\u540C\u4F7F\u7528\u573A\u666F\u63D0\u4F9B\u4E86\u591A\u79CD\u5C55\u793A\u6837\u5F0F\u3002",-1),P=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[n("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),O=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),t("span",{class:"token punctuation"},">")]),n(" \u4E3B\u8981\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("danger'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u5371\u9669\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("success'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u6210\u529F\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("warning'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u8B66\u544A\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("secondary'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u4FE1\u606F\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("link'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u6587\u672C\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`)])])],-1),$=t("h2",{id:"\u72B6\u6001",tabindex:"-1"},[n("\u72B6\u6001 "),t("a",{class:"header-anchor",href:"#\u72B6\u6001","aria-hidden":"true"},"#")],-1),I=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"const"),n(" disable "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token boolean"},"true"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("my-2 d-flex"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("f-demo-label"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("\u7981\u7528\u6309\u94AE:"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-switch")]),n(),t("span",{class:"token attr-name"},"v-model"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-switch")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":disable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u4E3B\u8981\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("danger'"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":disable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u5371\u9669\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("success'"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":disable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u6210\u529F\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("warning'"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":disable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u8B66\u544A\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("secondary'"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":disable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u4FE1\u606F\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("link'"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":disable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u6587\u672C\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("style")]),n(),t("span",{class:"token attr-name"},"scoped"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token style"},[t("span",{class:"token language-css"},[n(`
`),t("span",{class:"token selector"},".f-demo-label"),n(),t("span",{class:"token punctuation"},"{"),n(`
    `),t("span",{class:"token property"},"line-height"),t("span",{class:"token punctuation"},":"),n(" 1.4rem"),t("span",{class:"token punctuation"},";"),n(`
    `),t("span",{class:"token property"},"margin-right"),t("span",{class:"token punctuation"},":"),n(" 8px"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token punctuation"},"}"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("style")]),t("span",{class:"token punctuation"},">")]),n(`
`)])])],-1),J=t("h2",{id:"\u5C3A\u5BF8",tabindex:"-1"},[n("\u5C3A\u5BF8 "),t("a",{class:"header-anchor",href:"#\u5C3A\u5BF8","aria-hidden":"true"},"#")],-1),U=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("small'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u5C0F\u5C3A\u5BF8 "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("large'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u5927\u5C3A\u5BF8 "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`)])])],-1),G=N(`<h2 id="\u7C7B\u578B" tabindex="-1">\u7C7B\u578B <a class="header-anchor" href="#\u7C7B\u578B" aria-hidden="true">#</a></h2><div class="language-typescript"><button class="copy"></button><span class="lang">typescript</span><pre><code><span class="line"><span style="color:#C792EA;">type</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonType</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">primary</span><span style="color:#89DDFF;">&#39;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">warning</span><span style="color:#89DDFF;">&#39;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">danger</span><span style="color:#89DDFF;">&#39;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">success</span><span style="color:#89DDFF;">&#39;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">link</span><span style="color:#89DDFF;">&#39;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">secondary</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#C792EA;">type</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">SizeType</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">small</span><span style="color:#89DDFF;">&#39;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">large</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span></code></pre></div><h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u6807\u8BB0\u7EC4\u4EF6\u7684\u552F\u4E00\u6807\u8BC6</td></tr><tr><td style="text-align:left;">buttonType</td><td style="text-align:left;"><code>string as ButtonType</code></td><td style="text-align:left;">&#39;primary&#39;</td><td style="text-align:left;">\u6309\u94AE\u663E\u793A\u6837\u5F0F</td></tr><tr><td style="text-align:left;">disable</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u5C06\u6309\u94AE\u8BBE\u7F6E\u4E3A\u7981\u7528\u72B6\u6001</td></tr><tr><td style="text-align:left;">size</td><td style="text-align:left;"><code>string as SizeType</code></td><td style="text-align:left;">&#39;small&#39;</td><td style="text-align:left;">\u6309\u94AE\u5C3A\u5BF8</td></tr></tbody></table><h2 id="\u4E8B\u4EF6" tabindex="-1">\u4E8B\u4EF6 <a class="header-anchor" href="#\u4E8B\u4EF6" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u4E8B\u4EF6\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">click</td><td style="text-align:left;"><code>EventEmitter&lt;any&gt;</code></td><td style="text-align:left;">\u70B9\u51FB\u6309\u94AE\u4E8B\u4EF6</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>`,8);function H(e,r,s,a,o,m){const d=v("render-demo-0"),p=v("demo"),g=v("render-demo-1"),y=v("render-demo-2");return T(),V("div",null,[z,j,P,f(p,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
<\/script>
<template>
    <f-button style="margin: 5px;"> \u4E3B\u8981\u6309\u94AE </f-button>
    <f-button style="margin: 5px;" :button-type="'danger'"> \u5371\u9669\u6309\u94AE </f-button>
    <f-button style="margin: 5px;" :button-type="'success'"> \u6210\u529F\u6309\u94AE </f-button>
    <f-button style="margin: 5px;" :button-type="'warning'"> \u8B66\u544A\u6309\u94AE </f-button>
    <f-button style="margin: 5px;" :button-type="'secondary'"> \u4FE1\u606F\u6309\u94AE </f-button>
    <f-button style="margin: 5px;" :button-type="'link'"> \u6587\u672C\u6309\u94AE </f-button>
</template>
`},{highlight:_(()=>[O]),default:_(()=>[f(d)]),_:1}),$,f(p,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
const disable = ref(true);
<\/script>
<template>
    <div class="my-2 d-flex">
        <div class="f-demo-label">\u7981\u7528\u6309\u94AE:</div>
        <f-switch v-model="disable"></f-switch>
    </div>
    <div>
        <f-button style="margin: 5px;" :disable="disable"> \u4E3B\u8981\u6309\u94AE </f-button>
        <f-button style="margin: 5px;" :button-type="'danger'" :disable="disable"> \u5371\u9669\u6309\u94AE </f-button>
        <f-button style="margin: 5px;" :button-type="'success'" :disable="disable"> \u6210\u529F\u6309\u94AE </f-button>
        <f-button style="margin: 5px;" :button-type="'warning'" :disable="disable"> \u8B66\u544A\u6309\u94AE </f-button>
        <f-button style="margin: 5px;" :button-type="'secondary'" :disable="disable"> \u4FE1\u606F\u6309\u94AE </f-button>
        <f-button style="margin: 5px;" :button-type="'link'" :disable="disable"> \u6587\u672C\u6309\u94AE </f-button>
    </div>
</template>
<style scoped>
.f-demo-label {
    line-height: 1.4rem;
    margin-right: 8px;
}
</style>
`},{highlight:_(()=>[I]),default:_(()=>[f(g)]),_:1}),J,f(p,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
<\/script>
<template>
    <f-button style="margin: 5px;" :size="'small'"> \u5C0F\u5C3A\u5BF8 </f-button>
    <f-button style="margin: 5px;" :size="'large'"> \u5927\u5C3A\u5BF8 </f-button>
</template>
`},{highlight:_(()=>[U]),default:_(()=>[f(y)]),_:1}),G])}const M=w(S,[["render",H]]);export{L as __pageData,M as default};