https://kaiguys.com/assets/QImg.c2951560.js

1import{y as e,F as i,r,S as t,aU as a,o as l,K as n,az as o,X as s,aV as u,z as g,aW as c,L as d}from"./index.cfb008d7.js";var v=i({name:"QImg",props:{...{ratio:[String,Number]},src:String,srcset:String,sizes:String,alt:String,crossorigin:String,decoding:String,referrerpolicy:String,draggable:Boolean,loading:{type:String,default:"lazy"},loadingShowDelay:{type:[Number,String],default:0},fetchpriority:{type:String,default:"auto"},width:String,height:String,initialRatio:{type:[Number,String],default:1.7778},placeholderSrc:String,errorSrc:String,fit:{type:String,default:"cover"},position:{type:String,default:"50% 50%"},imgClass:String,imgStyle:Object,noSpinner:Boolean,noNativeMenu:Boolean,noTransition:Boolean,spinnerColor:String,spinnerSize:String},emits:["load","error"],setup(i,{slots:v,emit:m}){const S=r(i.initialRatio),p=function(i,r){return e((()=>{const e=i.ratio||(null==r?void 0:r.value);if("string"==typeof e&&""===e.trim())return null;const t=Number(e);return Number.isFinite(t)&&t>0?{paddingBottom:100/t+"%"}:null}))}(i,S),f=d(),{registerTimeout:h,removeTimeout:y}=t(),{registerTimeout:b,removeTimeout:_}=t(),q=e((()=>void 0!==i.placeholderSrc?{src:i.placeholderSrc}:null)),z=e((()=>void 0!==i.errorSrc?{src:i.errorSrc,__qerror:!0}:null)),w=[r(null),r(q.value)],k=r(0),N=r(!1),T=r(!1),j=e((()=>`q-img q-img--${i.noNativeMenu?"no-":""}menu`)),B=e((()=>({width:i.width,height:i.height}))),C=e((()=>`q-img__image ${void 0!==i.imgClass?i.imgClass+" ":""}q-img__image--with${i.noTransition?"out":""}-transition q-img__image--`)),x=e((()=>({...i.imgStyle,objectFit:i.fit,objectPosition:i.position})));function D(){_(),N.value=!1}function F({target:e}){c(f)||(y(),S.value=0===e.naturalHeight?.5:e.naturalWidth/e.naturalHeight,$(e,1))}function $(e,i){1e3===i||c(f)||(e.complete?function(e){if(c(f))return;k.value=1^k.value,w[k.value].value=null,D(),"true"!==e.getAttribute("__qerror")&&(T.value=!1);m("load",e.currentSrc||e.src)}(e):h((()=>{$(e,i+1)}),50))}function H(e){y(),D(),T.value=!0,w[k.value].value=z.value,w[1^k.value].value=q.value,m("error",e)}function L(e){const r=w[e].value,t={key:"img_"+e,class:C.value,style:x.value,alt:i.alt,crossorigin:i.crossorigin,decoding:i.decoding,referrerpolicy:i.referrerpolicy,height:i.height,width:i.width,loading:i.loading,fetchpriority:i.fetchpriority,"aria-hidden":"true",draggable:i.draggable,...r};return k.value===e?Object.assign(t,{class:t.class+"current",onLoad:F,onError:H}):t.class+="loaded",n("div",{class:"q-img__container absolute-full",key:"img"+e},n("img",t))}function M(){return N.value?n("div",{key:"loading",class:"q-img__loading absolute-full flex flex-center"},void 0!==v.loading?v.loading():i.noSpinner?void 0:[n(u,{color:i.spinnerColor,size:i.spinnerSize})]):n("div",{key:"content",class:"q-img__content absolute-full q-anchor--skip"},s(v[T.value?"error":"default"]))}{const e=()=>{g((()=>i.src||i.srcset||i.sizes?{src:i.src,srcset:i.srcset,sizes:i.sizes}:null),(e=>{y(),T.value=!1,null===e?(D(),w[1^k.value].value=q.value):(_(),0!==i.loadingShowDelay?b((()=>{N.value=!0}),i.loadingShowDelay):N.value=!0),w[k.value].value=e}),{immediate:!0})};a.value?l(e):e()}return()=>{const e=[];return null!==p.value&&e.push(n("div",{key:"filler",style:p.value})),null!==w[0].value&&e.push(L(0)),null!==w[1].value&&e.push(L(1)),e.push(n(o,{name:"q-transition--fade"},M)),n("div",{key:"main",class:j.value,style:B.value,role:"img","aria-label":i.alt},e)}}});export{v as Q};