https://302.ai/_nuxt/BHAxk5SG.js

1import{b5 as Q,o as t,c as l,U as r,t as $,k as s,a7 as u,aO as W,b7 as X,bA as ve,bj as T,a3 as C,a as v,ba as z,b as J,e as M,bJ as ue,w as Y,Z as fe,bD as me,cb as ge,bK as ce,bh as ye,N as we,Y as be,bF as Z,ck as Ce,x as Ie,m as d,bf as $e,bx as Pe,bc as Se,bd as he}from"./6ebOEy8Y.js";import{I,P as ke,u as Le,a as B,b as q}from"./CM26kVE5.js";import{u as Be}from"./DVvilMrn.js";const Ve=W({name:"ImageFooter",props:{title:{type:String},description:{type:String}},setup(){return{prefixCls:X("image-footer")}}}),Fe=["title"],Ne=["title"];function Ee(e,o,n,m,P,g){return t(),l("div",{class:r(e.prefixCls)},[e.title||e.description?(t(),l("div",{key:0,class:r(`${e.prefixCls}-caption`)},[e.title?(t(),l("div",{key:0,class:r(`${e.prefixCls}-caption-title`),title:e.title},$(e.title),11,Fe)):s("v-if",!0),e.description?(t(),l("div",{key:1,class:r(`${e.prefixCls}-caption-description`),title:e.description},$(e.description),11,Ne)):s("v-if",!0)],2)):s("v-if",!0),e.$slots.extra?(t(),l("div",{key:1,class:r(`${e.prefixCls}-extra`)},[u(e.$slots,"extra")],2)):s("v-if",!0)],2)}var je=Q(Ve,[["render",Ee]]);function H(e){if(ve(e))return;if(!T(e)&&/^\d+(%)$/.test(e))return e;const o=parseInt(e,10);return T(o)?`${o}px`:void 0}let Ae=0;const Ge=W({name:"Image",components:{IconImageClose:ge,IconLoading:me,ImageFooter:je,ImagePreview:I},inheritAttrs:!1,props:{renderToBody:{type:Boolean,default:!0},src:{type:String},width:{type:[String,Number]},height:{type:[String,Number]},title:{type:String},description:{type:String},fit:{type:String},alt:{type:String},hideFooter:{type:[Boolean,String],default:!1},footerPosition:{type:String,default:"inner"},showLoader:{type:Boolean,default:!1},preview:{type:Boolean,default:!0},previewVisible:{type:Boolean,default:void 0},defaultPreviewVisible:{type:Boolean,default:!1},previewProps:{type:Object},footerClass:{type:[String,Array,Object]}},emits:["preview-visible-change","update:previewVisible"],setup(e,{attrs:o,slots:n,emit:m}){const{t:P}=ce(),{height:g,width:c,hideFooter:f,title:y,description:w,src:i,footerPosition:F,defaultPreviewVisible:x,previewVisible:_,preview:S,previewProps:N}=ye(e),a=we(ke,void 0),p=X("image"),h=Ie(),{isLoaded:b,isError:E,isLoading:j,setLoadStatus:k}=Le(),A=d(()=>({width:H(c?.value),height:H(g?.value)})),ee=d(()=>e.fit?{objectFit:e.fit}:{}),oe=d(()=>[`${p}`,{[`${p}-loading`]:j.value,[`${p}-loading-error`]:E.value,[`${p}-with-footer-inner`]:b&&L&&F.value==="inner",[`${p}-with-footer-outer`]:b&&L&&F.value==="outer"},o.class]),re=d(()=>[A.value,o.style]),L=d(()=>y?.value||w?.value||n.extra?$e(f.value)?!f.value&&b.value:f.value==="never"

1:!1),ie=d(()=>Pe(o,["class","style"])),[se,G]=Be(x.value,be({value:_})),te=d(()=>!a?.preview&&S.value);Z(()=>{Ce||!h.value||(h.value.src=i?.value,k("loading"))});const O=Ae++;Z(pe=>{var R,U,D;const K=(D=a?.registerImageUrl)==null?void 0:D.call(a,O,((U=(R=N?.value)==null?void 0:R.src)!=null?U:i?.value)||"",S.value);pe(()=>{K?.()})});function ne(){k("loaded")}function ae(){k("error")}function le(){S.value&&(a?.preview?a.preview(O):(m("preview-visible-change",!0),G(!0)))}function de(){m("preview-visible-change",!1),G(!1)}return{t:P,refImg:h,prefixCls:p,wrapperClassNames:oe,wrapperStyles:re,showFooter:L,imgProps:ie,imgStyle:A,isLoaded:b,isError:E,isLoading:j,mergedPreviewVisible:se,mergePreview:te,onImgLoaded:ne,onImgLoadError:ae,onImgClick:le,onPreviewClose:de,fitStyle:ee}}}),Oe=["title","alt"];function Re(e,o,n,m,P,g){const c=C("IconImageClose"),f=C("IconLoading"),y=C("ImageFooter"),w=C("ImagePreview");return t(),l("div",{class:r(e.wrapperClassNames),style:fe(e.wrapperStyles)},[v("img",z({ref:"refImg",class:`${e.prefixCls}-img`},e.imgProps,{style:{...e.imgStyle,...e.fitStyle},title:e.title,alt:e.alt,onLoad:o[0]||(o[0]=(...i)=>e.onImgLoaded&&e.onImgLoaded(...i)),onError:o[1]||(o[1]=(...i)=>e.onImgLoadError&&e.onImgLoadError(...i)),onClick:o[2]||(o[2]=(...i)=>e.onImgClick&&e.onImgClick(...i))}),null,16,Oe),e.isLoaded?s("v-if",!0):(t(),l("div",{key:0,class:r(`${e.prefixCls}-overlay`)},[e.isError?u(e.$slots,"error",{key:0},()=>[v("div",{class:r(`${e.prefixCls}-error`)},[v("div",{class:r(`${e.prefixCls}-error-icon`)},[u(e.$slots,"error-icon",{},()=>[J(c)])],2),e.alt||e.description?(t(),l("div",{key:0,class:r(`${e.prefixCls}-error-alt`)},$(e.alt||e.description),3)):s("v-if",!0)],2)]):s("v-if",!0),e.isLoading&&(e.showLoader||e.$slots.loader)?u(e.$slots,"loader",{key:1},()=>[v("div",{class:r([`${e.prefixCls}-loader`])},[v("div",{class:r(`${e.prefixCls}-loader-spin`)},[J(f),v("div",{class:r(`${e.prefixCls}-loader-spin-text`)},$(e.t("image.loading")),3)],2)],2)]):s("v-if",!0)],2)),e.showFooter?(t(),M(y,{key:1,class:r(e.footerClass),"prefix-cls":e.prefixCls,title:e.title,description:e.description},ue({_:2},[e.$slots.extra?{name:"extra",fn:Y(()=>[u(e.$slots,"extra")]),key:"0"}:void 0]),1032,["class","prefix-cls","title","description"])):s("v-if",!0),e.isLoaded&&e.mergePreview?(t(),M(w,z({key:2,src:e.src},e.previewProps,{visible:e.mergedPreviewVisible,"render-to-body":e.renderToBody,onClose:e.onPreviewClose}),{actions:Y(()=>[u(e.$slots,"preview-actions")]),_:3},16,["src","visible","render-to-body","onClose"])):s("v-if",!0)],6)}var V=Q(Ge,[["render",Re]]);const Te=Object.assign(V,{Preview:I,PreviewGroup:B,install:(e,o)=>{Se(e,o);const n=he(o);e.component(n+V.name,V),e.component(n+I.name,I),e.component(n+B.name,B),e.component(n+q.name,q)}});export{Te as I};