import{d as N,ap as L,a as g,n as S,b as k,w as a,e as p,A,f as c,g as o,i as l,B as I,h as d,k as P,l as F,u as v,an as M,t as b,F as R,_ as U}from"./index-5zWoanhF.js";import{u as w}from"./hooks-CRfBXOxN.js";const j={class:"card-header"},E=N({name:"PureButton",__name:"el-button",setup(T){const{isDark:y}=L(),t=g("default"),s=g(),n=g("default"),B=[{type:"",text:"Default",icon:"ep:search"},{type:"primary",text:"Primary",icon:"ep:edit"},{type:"success",text:"Success",icon:"ep:check"},{type:"info",text:"Info",icon:"ep:message"},{type:"warning",text:"Warning",icon:"ep:star"},{type:"danger",text:"Danger",icon:"ep:delete"}];return S(t,x=>x==="disabled"?s.value="default":s.value=t.value),(x,e)=>{const _=p("el-link"),i=p("el-radio"),z=p("el-radio-group"),m=p("el-space"),u=p("el-button",!0),f=p("el-divider"),V=p("el-card"),D=A("tippy");return c(),k(V,{shadow:"never"},{header:a(()=>[o("div",j,[l(m,{wrap:"",size:40},{default:a(()=>[I((c(),k(_,{href:"https://element-plus.org/zh-CN/component/button.html",target:"_blank",style:{"font-size":"16px","font-weight":"800"}},{default:a(()=>e[2]||(e[2]=[d(" Button 按钮 ")])),_:1})),[[D,{content:"点击查看详细文档"}]]),l(z,{modelValue:t.value,"onUpdate:modelValue":e[0]||(e[0]=r=>t.value=r)},{default:a(()=>[l(i,{value:"large"},{default:a(()=>e[3]||(e[3]=[d("大尺寸")])),_:1}),l(i,{value:"default"},{default:a(()=>e[4]||(e[4]=[d("默认尺寸")])),_:1}),l(i,{value:"small"},{default:a(()=>e[5]||(e[5]=[d("小尺寸")])),_:1}),l(i,{value:"disabled"},{default:a(()=>e[6]||(e[6]=[d("禁用")])),_:1})]),_:1},8,["modelValue"])]),_:1})]),l(_,{class:"mt-2",href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/el-button.vue",target:"_blank"},{default:a(()=>e[7]||(e[7]=[d(" 代码位置 src/views/components/el-button.vue ")])),_:1})]),default:a(()=>[e[14]||(e[14]=o("p",{class:"mb-2"},"基础按钮",-1)),l(z,{modelValue:n.value,"onUpdate:modelValue":e[1]||(e[1]=r=>n.value=r),class:"mb-3"},{default:a(()=>[l(i,{label:"default",value:"default"}),l(i,{label:"plain",value:"plain"}),l(i,{label:"round",value:"round"}),l(i,{label:"circle",value:"circle"}),l(i,{label:"link",value:"link"}),l(i,{label:"text",value:"text"}),l(i,{label:"text-bg",value:"text-bg"})]),_:1},8,["modelValue"]),e[15]||(e[15]=o("br",null,null,-1)),l(m,{wrap:""},{default:a(()=>[(c(),P(R,null,F(B,(r,C)=>l(u,{key:C,type:r.type,size:s.value,disabled:t.value==="disabled",plain:n.value==="plain",round:n.value==="round",circle:n.value==="circle",link:n.value==="link",text:n.value==="text"||n.value==="text-bg",bg:n.value==="text-bg",icon:v(w)(r.icon)},M({_:2},[n.value!=="circle"?{name:"default",fn:a(()=>[o("p",null,b(r.text),1)]),key:"0"}:void 0]),1032,["type","size","disabled","plain","round","circle","link","text","bg","icon"])),64))]),_:1}),l(f),e[16]||(e[16]=o("p",{class:"mb-4"},"加载状态按钮",-1)),l(u,{text:"",bg:"",type:"primary",size:s.value,disabled:t.value==="disabled",loading:t.value!=="disabled"},{default:a(()=>[d(b(t.value==="disabled"?"停止加载":"加载中"),1)]),_:1},8,["size","disabled","loading"]),l(u,{type:"primary",plain:"",size:s.value,disabled:t.value==="disabled","loading-icon":v(w)("ep:eleme"),loading:t.value!=="disabled"},{default:a(()=>[d(b(t.value==="disabled"?"停止加载":"加载中"),1)]),_:1},8,["size","disabled","loading-icon","loading"]),l(u,{type:"primary",size:s.value,disabled:t.value==="disabled",loading:t.value!=="disabled"},{loading:a(()=>e[8]||(e[8]=[o("div",{class:"custom-loading"},[o("svg",{class:"circular",viewBox:"-10, -10, 50, 50"},[o("path",{class:"path",d:`
            M 30 15
            L 28 17
            M 25.61 25.61
            A 15 15, 0, 0, 1, 15 30
            A 15 15, 0, 1, 1, 27.99 7.5
            L 15 15
          `,style:{fill:"rgb(0 0 0 / 0%)","stroke-width":"4px"}})])],-1)])),default:a(()=>[d(" "+b(t.value==="disabled"?"停止加载":"加载中"),1)]),_:1},8,["size","disabled","loading"]),l(f),e[17]||(e[17]=o("p",{class:"mb-4"},"自定义元素标签。例如：按钮、div、链接",-1)),l(u,{size:s.value,disabled:t.value==="disabled"},{default:a(()=>e[9]||(e[9]=[d(" button 标签 ")])),_:1},8,["size","disabled"]),l(u,{tag:"div",role:"button",tabindex:"0",size:s.value,disabled:t.value==="disabled"},{default:a(()=>e[10]||(e[10]=[d(" div 标签 ")])),_:1},8,["size","disabled"]),l(u,{type:"primary",tag:"a",href:t.value==="disabled"?"javascript:void(0);":"https://element-plus.org/zh-CN/component/button.html#tag",target:t.value==="disabled"?"_self":"_blank",rel:"noopener noreferrer",size:s.value,disabled:t.value==="disabled"},{default:a(()=>e[11]||(e[11]=[d(" a 链接 ")])),_:1},8,["href","target","size","disabled"]),l(f),e[18]||(e[18]=o("p",{class:"mb-4"},"自定义颜色",-1)),l(m,{wrap:""},{default:a(()=>[l(u,{color:"#626aef",size:s.value,disabled:t.value==="disabled",dark:v(y)},{default:a(()=>e[12]||(e[12]=[d(" Default ")])),_:1},8,["size","disabled","dark"]),l(u,{color:"#626aef",size:s.value,disabled:t.value==="disabled",dark:v(y),plain:""},{default:a(()=>e[13]||(e[13]=[d(" Plain ")])),_:1},8,["size","disabled","dark"])]),_:1})]),_:1})}}}),G=U(E,[["__scopeId","data-v-894a8c7e"]]);export{G as default};