mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-06 00:18:51 +08:00
9 lines
5.1 KiB
JavaScript
9 lines
5.1 KiB
JavaScript
import{d as N,af as L,a as g,n as S,b as k,e as c,w as a,g as o,f as l,h as p,k as A,l as I,u as v,aJ as P,t as b,F as j,j as d,z as F,A as M,_ as R}from"./index-DMqaFtX4.js";import{u as w}from"./hooks-lfGvy6m_.js";const U={class:"card-header"},E=N({name:"PureButton",__name:"el-button",setup(J){const{isDark:y}=L(),t=g("default"),i=g(),n=g("default"),V=[{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"?i.value="default":i.value=t.value),(x,e)=>{const z=p("el-link"),s=p("el-radio"),_=p("el-radio-group"),f=p("el-space"),u=p("el-button",!0),m=p("el-divider"),B=p("el-card"),D=M("tippy");return c(),k(B,{shadow:"never"},{header:a(()=>[o("div",U,[l(f,{wrap:"",size:40},{default:a(()=>[F((c(),k(z,{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(_,{modelValue:t.value,"onUpdate:modelValue":e[0]||(e[0]=r=>t.value=r)},{default:a(()=>[l(s,{value:"large"},{default:a(()=>e[3]||(e[3]=[d("大尺寸")])),_:1}),l(s,{value:"default"},{default:a(()=>e[4]||(e[4]=[d("默认尺寸")])),_:1}),l(s,{value:"small"},{default:a(()=>e[5]||(e[5]=[d("小尺寸")])),_:1}),l(s,{value:"disabled"},{default:a(()=>e[6]||(e[6]=[d("禁用")])),_:1})]),_:1},8,["modelValue"])]),_:1})]),l(z,{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("div",{class:"mb-2"},"基础按钮",-1)),l(_,{modelValue:n.value,"onUpdate:modelValue":e[1]||(e[1]=r=>n.value=r),class:"mb-3"},{default:a(()=>[l(s,{label:"default",value:"default"}),l(s,{label:"plain",value:"plain"}),l(s,{label:"round",value:"round"}),l(s,{label:"circle",value:"circle"}),l(s,{label:"link",value:"link"}),l(s,{label:"text",value:"text"}),l(s,{label:"text-bg",value:"text-bg"})]),_:1},8,["modelValue"]),e[15]||(e[15]=o("br",null,null,-1)),l(f,{wrap:""},{default:a(()=>[(c(),A(j,null,I(V,(r,C)=>l(u,{key:C,type:r.type,size:i.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)},P({_: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(m),e[16]||(e[16]=o("div",{class:"mb-4"},"加载状态按钮",-1)),l(u,{text:"",bg:"",type:"primary",size:i.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:i.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:i.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(m),e[17]||(e[17]=o("div",{class:"mb-4"},"自定义元素标签。例如：按钮、div、链接",-1)),l(u,{size:i.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:i.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:i.value,disabled:t.value==="disabled"},{default:a(()=>e[11]||(e[11]=[d(" a 链接 ")])),_:1},8,["href","target","size","disabled"]),l(m),e[18]||(e[18]=o("div",{class:"mb-4"},"自定义颜色",-1)),l(f,{wrap:""},{default:a(()=>[l(u,{color:"#626aef",size:i.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:i.value,disabled:t.value==="disabled",dark:v(y),plain:""},{default:a(()=>e[13]||(e[13]=[d(" Plain ")])),_:1},8,["size","disabled","dark"])]),_:1})]),_:1})}}}),q=R(E,[["__scopeId","data-v-53df080b"]]);export{q as default};
|