import{_ as e}from"./el-loading-icon.Bh3RKCou.js";import{r as o,O as t,c as a,aw as l,e as s,f as n,w as u,M as r,z as d,x as m,l as c,_ as i,p,b as f,d as y,g as z}from"./index-DVkgSHpn.js";import{_ as k}from"./el-layout._U-vZTft.js";const b=k({__name:"el-mask",props:{show:{type:Boolean,default:!1},zIndex:{type:[Number,String],default:2e9},customStyle:{type:Object,default:()=>({})},zoom:{type:Boolean,default:!0},duration:{type:[Number,String],default:300},maskClickAble:{type:Boolean,default:!0}},emits:["click"],setup(e,{emit:f}){const y=e,z=f;let k=o({transform:""}),b=o("scale(1.2, 1.2)");const g=()=>{y.maskClickAble&&z("click")};t((()=>y.show),((e,o)=>{e&&y.zoom?k.value.transform="scale(1, 1)":!e&&y.zoom&&(k.value.transform=b.value)}));const _=a((()=>{let e={backgroundColor:"rgba(0, 0, 0, 0.2)"};return y.show?e.zIndex=y.zIndex?y.zIndex:2e9:e.zIndex=-1,e.transition=`all ${y.duration/1e3}s ease-in-out`,l(y.customStyle)&&(e={...e,...y.customStyle}),e}));return(o,t)=>{const a=p;return s(),n(a,{class:d(["el-mask",{"el-mask-zoom":e.zoom,"el-mask-show":e.show}]),"hover-stop-propagation":"",style:m([_.value,c(k)]),onClick:g,onTouchmove:i((()=>{}),["stop","prevent"])},{default:u((()=>[r(o.$slots,"default",{},void 0,!0)])),_:3},8,["style","class"])}}},[["__scopeId","data-v-971f9360"]]),g=k({__name:"el-loading",props:{modelValue:{type:Boolean,default:!1},zIndex:{type:[Number,String],default:2e9},zoom:{type:Boolean,default:!0},duration:{type:[Number,String],default:300},customStyle:{type:Object,default:{"background-color":"rgba(255,255,255)"}},maskClickAble:{type:Boolean,default:!0},mode:{type:String,default:"circle"},color:{type:String,default:"#c7c7c7"},size:{type:[String,Number],default:"34"}},emits:["modelValue","update:modelValue","change"],setup:(o,{emit:t})=>(t,a)=>{const l=f(y("el-loading-icon"),e),r=p,d=f(y("el-mask"),b);return s(),n(r,null,{default:u((()=>[z(d,{show:o.modelValue,zIndex:o.zIndex,customStyle:o.customStyle,zoom:o.zoom,duration:o.duration,maskClickAble:o.maskClickAble},{default:u((()=>[z(r,{class:"wrap"},{default:u((()=>[z(l,{mode:o.mode,color:o.color,size:o.size},null,8,["mode","color","size"])])),_:1})])),_:1},8,["show","zIndex","customStyle","zoom","duration","maskClickAble"])])),_:1})}},[["__scopeId","data-v-63d846f7"]]);export{g as _};
//# sourceMappingURL=el-loading.BSG4bmSC.js.map
