mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-08 01:17:23 +08:00
9 lines
4.6 KiB
JavaScript
9 lines
4.6 KiB
JavaScript
import{d as C,al as I,r as g,af as D,c as N,w as a,b as r,e as x,f as o,h as e,g as t,k as L,l as P,i as _,am as A,B as v,F,p as M,q as R,_ as U}from"./index-ecS7gQWy.js";import{u as k}from"./hooks-0HfqojK7.js";const c=p=>(M("data-v-853874d5"),p=p(),R(),p),j={class:"card-header"},q=c(()=>o("p",{class:"mb-2"},"基础按钮",-1)),E=c(()=>o("br",null,null,-1)),T=c(()=>o("p",{class:"mb-4"},"加载状态按钮",-1)),W=c(()=>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)),G=c(()=>o("p",{class:"mb-4"},"自定义元素标签。例如：按钮、div、链接",-1)),H=c(()=>o("p",{class:"mb-4"},"自定义颜色",-1)),J=C({name:"PureButton",__name:"el-button",setup(p){const{isDark:h}=I(),l=g("default"),d=g(),i=g("default"),w=[{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 D(l,y=>y==="disabled"?d.value="default":d.value=l.value),(y,b)=>{const B=r("el-link"),s=r("el-radio"),z=r("el-radio-group"),f=r("el-space"),n=r("el-button",!0),m=r("el-divider"),V=r("el-card");return x(),N(V,{shadow:"never"},{header:a(()=>[o("div",j,[e(f,{wrap:"",size:40},{default:a(()=>[e(B,{href:"https://element-plus.org/zh-CN/component/button.html",target:"_blank",style:{"font-size":"16px","font-weight":"800"}},{default:a(()=>[t(" Button 按钮 ")]),_:1}),e(z,{modelValue:l.value,"onUpdate:modelValue":b[0]||(b[0]=u=>l.value=u),size:"small"},{default:a(()=>[e(s,{label:"large"},{default:a(()=>[t("大尺寸")]),_:1}),e(s,{label:"default"},{default:a(()=>[t("默认尺寸")]),_:1}),e(s,{label:"small"},{default:a(()=>[t("小尺寸")]),_:1}),e(s,{label:"disabled"},{default:a(()=>[t("禁用")]),_:1})]),_:1},8,["modelValue"])]),_:1})])]),default:a(()=>[q,e(z,{modelValue:i.value,"onUpdate:modelValue":b[1]||(b[1]=u=>i.value=u),class:"mb-3"},{default:a(()=>[e(s,{label:"default"}),e(s,{label:"plain"}),e(s,{label:"round"}),e(s,{label:"circle"}),e(s,{label:"link"}),e(s,{label:"text"}),e(s,{label:"text-bg"})]),_:1},8,["modelValue"]),E,e(f,{wrap:""},{default:a(()=>[(x(),L(F,null,P(w,(u,S)=>e(n,{key:S,type:u.type,size:d.value,disabled:l.value==="disabled",plain:i.value==="plain",round:i.value==="round",circle:i.value==="circle",link:i.value==="link",text:i.value==="text"||i.value==="text-bg",bg:i.value==="text-bg",icon:_(k)(u.icon)},A({_:2},[i.value!=="circle"?{name:"default",fn:a(()=>[o("p",null,v(u.text),1)]),key:"0"}:void 0]),1032,["type","size","disabled","plain","round","circle","link","text","bg","icon"])),64))]),_:1}),e(m),T,e(n,{text:"",bg:"",type:"primary",size:d.value,disabled:l.value==="disabled",loading:l.value!=="disabled"},{default:a(()=>[t(v(l.value==="disabled"?"停止加载":"加载中"),1)]),_:1},8,["size","disabled","loading"]),e(n,{type:"primary",plain:"",size:d.value,disabled:l.value==="disabled","loading-icon":_(k)("ep:eleme"),loading:l.value!=="disabled"},{default:a(()=>[t(v(l.value==="disabled"?"停止加载":"加载中"),1)]),_:1},8,["size","disabled","loading-icon","loading"]),e(n,{type:"primary",size:d.value,disabled:l.value==="disabled",loading:l.value!=="disabled"},{loading:a(()=>[W]),default:a(()=>[t(" "+v(l.value==="disabled"?"停止加载":"加载中"),1)]),_:1},8,["size","disabled","loading"]),e(m),G,e(n,{size:d.value,disabled:l.value==="disabled"},{default:a(()=>[t(" button 标签 ")]),_:1},8,["size","disabled"]),e(n,{tag:"div",role:"button",tabindex:"0",size:d.value,disabled:l.value==="disabled"},{default:a(()=>[t(" div 标签 ")]),_:1},8,["size","disabled"]),e(n,{type:"primary",tag:"a",href:l.value==="disabled"?"javascript:void(0);":"https://element-plus.org/zh-CN/component/button.html#tag",target:l.value==="disabled"?"_self":"_blank",rel:"noopener noreferrer",size:d.value,disabled:l.value==="disabled"},{default:a(()=>[t(" a 链接 ")]),_:1},8,["href","target","size","disabled"]),e(m),H,e(f,{wrap:""},{default:a(()=>[e(n,{color:"#626aef",size:d.value,disabled:l.value==="disabled",dark:_(h)},{default:a(()=>[t(" Default ")]),_:1},8,["size","disabled","dark"]),e(n,{color:"#626aef",size:d.value,disabled:l.value==="disabled",dark:_(h),plain:""},{default:a(()=>[t(" Plain ")]),_:1},8,["size","disabled","dark"])]),_:1})]),_:1})}}}),Q=U(J,[["__scopeId","data-v-853874d5"]]);export{Q as default};
|