| 1 |
- import{q as _,D as V,E as q,d as j,G as A,g as l,S as C,v as d,t as z,a5 as k,a0 as L,I as B,C as R,j as I,b3 as N,H as T,w as U,ax as F,aC as G,o as H,W as D,z as x,a7 as K,b4 as M,K as E}from"./index-f02189cf.js";const[O,h]=_("cell"),W={tag:C("div"),icon:String,size:String,title:d,value:d,label:d,center:Boolean,isLink:Boolean,border:z,required:Boolean,iconPrefix:String,valueClass:k,labelClass:k,titleClass:k,titleStyle:null,arrowDirection:String,clickable:{type:Boolean,default:null}},J=V({},W,q);var Q=j({name:O,props:J,setup(e,{slots:n}){const f=A(),c=()=>{if(n.label||L(e.label))return l("div",{class:[h("label"),e.labelClass]},[n.label?n.label():e.label])},o=()=>{var r;if(n.title||L(e.title)){const i=(r=n.title)==null?void 0:r.call(n);return Array.isArray(i)&&i.length===0?void 0:l("div",{class:[h("title"),e.titleClass],style:e.titleStyle},[i||l("span",null,[e.title]),c()])}},t=()=>{const r=n.value||n.default;if(r||L(e.value))return l("div",{class:[h("value"),e.valueClass]},[r?r():l("span",null,[e.value])])},s=()=>{if(n.icon)return n.icon();if(e.icon)return l(B,{name:e.icon,class:h("left-icon"),classPrefix:e.iconPrefix},null)},y=()=>{if(n["right-icon"])return n["right-icon"]();if(e.isLink){const r=e.arrowDirection&&e.arrowDirection!=="right"?`arrow-${e.arrowDirection}`:"arrow";return l(B,{name:r,class:h("right-icon")},null)}};return()=>{var r;const{tag:i,size:v,center:m,border:P,isLink:S,required:w}=e,g=(r=e.clickable)!=null?r:S,a={center:m,required:w,clickable:g,borderless:!P};return v&&(a[v]=!!v),l(i,{class:h(a),role:g?"button":void 0,tabindex:g?0:void 0,onClick:f},{default:()=>{var u;return[s(),o(),t(),y(),(u=n.extra)==null?void 0:u.call(n)]}})}}});const ee=R(Q),[X,b]=_("image"),Y={src:String,alt:String,fit:String,position:String,round:Boolean,block:Boolean,width:d,height:d,radius:d,lazyLoad:Boolean,iconSize:d,showError:z,errorIcon:C("photo-fail"),iconPrefix:String,showLoading:z,loadingIcon:C("photo")};var Z=j({name:X,props:Y,emits:["load","error"],setup(e,{emit:n,slots:f}){const c=I(!1),o=I(!0),t=I(),{$Lazyload:s}=N().proxy,y=T(()=>{const a={width:x(e.width),height:x(e.height)};return L(e.radius)&&(a.overflow="hidden",a.borderRadius=x(e.radius)),a});U(()=>e.src,()=>{c.value=!1,o.value=!0});const r=a=>{o.value&&(o.value=!1,n("load",a))},i=()=>{const a=new Event("load");Object.defineProperty(a,"target",{value:t.value,enumerable:!0}),r(a)},v=a=>{c.value=!0,o.value=!1,n("error",a)},m=(a,u,$)=>$?$():l(B,{name:a,size:e.iconSize,class:u,classPrefix:e.iconPrefix},null),P=()=>{if(o.value&&e.showLoading)return l("div",{class:b("loading")},[m(e.loadingIcon,b("loading-icon"),f.loading)]);if(c.value&&e.showError)return l("div",{class:b("error")},[m(e.errorIcon,b("error-icon"),f.error)])},S=()=>{if(c.value||!e.src)return;const a={alt:e.alt,class:b("img"),style:{objectFit:e.fit,objectPosition:e.position}};return e.lazyLoad?K(l("img",E({ref:t},a),null),[[M("lazy"),e.src]]):l("img",E({ref:t,src:e.src,onLoad:r,onError:v},a),null)},w=({el:a})=>{const u=()=>{a===t.value&&o.value&&i()};t.value?u():D(u)},g=({el:a})=>{a===t.value&&!c.value&&v()};return s&&F&&(s.$on("loaded",w),s.$on("error",g),G(()=>{s.$off("loaded",w),s.$off("error",g)})),H(()=>{D(()=>{var a;(a=t.value)!=null&&a.complete&&i()})}),()=>{var a;return l("div",{class:b({round:e.round,block:e.block}),style:y.value},[S(),P(),(a=f.default)==null?void 0:a.call(f)])}}});const ae=R(Z);export{ee as C,ae as I,W as c};
|
