|
|
-import{E as a,d as o,C as r,D as e,a as l,_ as s,aK as i,w as n,aw as t,ay as d,o as c,S as u,c as v,M as g,J as f,a6 as h,X as m,ba as p,W as w,a4 as y,K as b}from"./index-91abc587.js";const[z,S]=a("image"),L=b(o({name:z,props:{src:String,alt:String,fit:String,position:String,round:Boolean,block:Boolean,width:g,height:g,radius:g,lazyLoad:Boolean,iconSize:g,showError:f,errorIcon:h("photo-fail"),iconPrefix:String,showLoading:f,loadingIcon:h("photo")},emits:["load","error"],setup(a,{emit:o,slots:g}){const f=r(!1),h=r(!0),b=r(),{$Lazyload:z}=e().proxy,L=l((()=>{const o={width:s(a.width),height:s(a.height)};return i(a.radius)&&(o.overflow="hidden",o.borderRadius=s(a.radius)),o}));n((()=>a.src),(()=>{f.value=!1,h.value=!0}));const x=a=>{h.value&&(h.value=!1,o("load",a))},E=()=>{const a=new Event("load");Object.defineProperty(a,"target",{value:b.value,enumerable:!0}),x(a)},I=a=>{f.value=!0,h.value=!1,o("error",a)},P=(o,r,e)=>e?e():v(y,{name:o,size:a.iconSize,"class":r,classPrefix:a.iconPrefix},null),$=()=>{if(f.value||!a.src)return;const o={alt:a.alt,"class":S("img"),style:{objectFit:a.fit,objectPosition:a.position}};return a.lazyLoad?m(v("img",w({ref:b},o),null),[[p("lazy"),a.src]]):v("img",w({ref:b,src:a.src,onLoad:x,onError:I},o),null)},j=({el:a})=>{const o=()=>{a===b.value&&h.value&&E()};b.value?o():u(o)},k=({el:a})=>{a!==b.value||f.value||I()};return z&&t&&(z.$on("loaded",j),z.$on("error",k),d((()=>{z.$off("loaded",j),z.$off("error",k)}))),c((()=>{u((()=>{var o;(null==(o=b.value)?void 0:o.complete)&&!a.lazyLoad&&E()}))})),()=>{var o;return v("div",{"class":S({round:a.round,block:a.block}),style:L.value},[$(),h.value&&a.showLoading?v("div",{"class":S("loading")},[P(a.loadingIcon,S("loading-icon"),g.loading)]):f.value&&a.showError?v("div",{"class":S("error")},[P(a.errorIcon,S("error-icon"),g.error)]):void 0,null==(o=g["default"])?void 0:o.call(g)])}}}));export{L as I};
|
|
|
+import{E as a,d as o,C as r,D as e,a as l,_ as s,aK as i,w as n,aw as t,ay as d,o as c,S as u,c as v,M as g,J as f,a6 as h,X as m,ba as p,W as w,a4 as y,K as b}from"./index-045e768e.js";const[z,S]=a("image"),L=b(o({name:z,props:{src:String,alt:String,fit:String,position:String,round:Boolean,block:Boolean,width:g,height:g,radius:g,lazyLoad:Boolean,iconSize:g,showError:f,errorIcon:h("photo-fail"),iconPrefix:String,showLoading:f,loadingIcon:h("photo")},emits:["load","error"],setup(a,{emit:o,slots:g}){const f=r(!1),h=r(!0),b=r(),{$Lazyload:z}=e().proxy,L=l((()=>{const o={width:s(a.width),height:s(a.height)};return i(a.radius)&&(o.overflow="hidden",o.borderRadius=s(a.radius)),o}));n((()=>a.src),(()=>{f.value=!1,h.value=!0}));const x=a=>{h.value&&(h.value=!1,o("load",a))},E=()=>{const a=new Event("load");Object.defineProperty(a,"target",{value:b.value,enumerable:!0}),x(a)},I=a=>{f.value=!0,h.value=!1,o("error",a)},P=(o,r,e)=>e?e():v(y,{name:o,size:a.iconSize,"class":r,classPrefix:a.iconPrefix},null),$=()=>{if(f.value||!a.src)return;const o={alt:a.alt,"class":S("img"),style:{objectFit:a.fit,objectPosition:a.position}};return a.lazyLoad?m(v("img",w({ref:b},o),null),[[p("lazy"),a.src]]):v("img",w({ref:b,src:a.src,onLoad:x,onError:I},o),null)},j=({el:a})=>{const o=()=>{a===b.value&&h.value&&E()};b.value?o():u(o)},k=({el:a})=>{a!==b.value||f.value||I()};return z&&t&&(z.$on("loaded",j),z.$on("error",k),d((()=>{z.$off("loaded",j),z.$off("error",k)}))),c((()=>{u((()=>{var o;(null==(o=b.value)?void 0:o.complete)&&!a.lazyLoad&&E()}))})),()=>{var o;return v("div",{"class":S({round:a.round,block:a.block}),style:L.value},[$(),h.value&&a.showLoading?v("div",{"class":S("loading")},[P(a.loadingIcon,S("loading-icon"),g.loading)]):f.value&&a.showError?v("div",{"class":S("error")},[P(a.errorIcon,S("error-icon"),g.error)]):void 0,null==(o=g["default"])?void 0:o.call(g)])}}}));export{L as I};
|