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