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