| 1 |
- System.register(["./index-legacy-e1ea41b7.js"],(function(o,e){"use strict";var r,a,l,n,i,t,s,c,u,d,v,g,f,h,m,w,y,p,b,z,S;return{setters:[o=>{r=o.c,a=o.d,l=o.r,n=o.av,i=o.e,t=o.o,s=o.X,c=o.w,u=o.aN,d=o.aw,v=o.y,g=o.z,f=o.a,h=o.n,m=o.t,w=o.m,y=o.g,p=o.bw,b=o.h,z=o.I,S=o.k}],execute:function(){const[e,L]=r("image"),x={src:String,alt:String,fit:String,position:String,round:Boolean,block:Boolean,width:h,height:h,radius:h,lazyLoad:Boolean,iconSize:h,showError:m,errorIcon:w("photo-fail"),iconPrefix:String,showLoading:m,loadingIcon:w("photo")};var I=a({name:e,props:x,emits:["load","error"],setup(o,{emit:e,slots:r}){const a=l(!1),h=l(!0),m=l(),{$Lazyload:w}=n().proxy,S=i((()=>{const e={width:t(o.width),height:t(o.height)};return s(o.radius)&&(e.overflow="hidden",e.borderRadius=t(o.radius)),e}));c((()=>o.src),(()=>{a.value=!1,h.value=!0}));const x=o=>{h.value&&(h.value=!1,e("load",o))},I=()=>{const o=new Event("load");Object.defineProperty(o,"target",{value:m.value,enumerable:!0}),x(o)},P=o=>{a.value=!0,h.value=!1,e("error",o)},$=(e,r,a)=>a?a():f(z,{name:e,size:o.iconSize,class:r,classPrefix:o.iconPrefix},null),j=()=>{if(a.value||!o.src)return;const e={alt:o.alt,class:L("img"),style:{objectFit:o.fit,objectPosition:o.position}};return o.lazyLoad?y(f("img",b({ref:m},e),null),[[p("lazy"),o.src]]):f("img",b({ref:m,src:o.src,onLoad:x,onError:P},e),null)},k=({el:o})=>{const e=()=>{o===m.value&&h.value&&I()};m.value?e():g(e)},E=({el:o})=>{o!==m.value||a.value||P()};return w&&u&&(w.$on("loaded",k),w.$on("error",E),d((()=>{w.$off("loaded",k),w.$off("error",E)}))),v((()=>{g((()=>{var e;(null==(e=m.value)?void 0:e.complete)&&!o.lazyLoad&&I()}))})),()=>{var e;return f("div",{class:L({round:o.round,block:o.block}),style:S.value},[j(),h.value&&o.showLoading?f("div",{class:L("loading")},[$(o.loadingIcon,L("loading-icon"),r.loading)]):a.value&&o.showError?f("div",{class:L("error")},[$(o.errorIcon,L("error-icon"),r.error)]):void 0,null==(e=r.default)?void 0:e.call(r)])}}});o("I",S(I))}}}));
|
