2 lines
3.8 KiB
JavaScript
2 lines
3.8 KiB
JavaScript
import{a as M,v as A,R as $,f as K,cL as V,a2 as X,aA as Z,K as G,aq as N,J as Q,c7 as B,Z as i,n as c,_ as d,cj as U,O as Y,W as ee,cl as ae,bp as re}from"./index.c32990f8.js";import{u as te,a as ne}from"./useSize.4791f091.js";import{e as oe}from"./eagerComputed.4b10fdb6.js";var le=function(){return{prefixCls:String,shape:{type:String,default:"circle"},size:{type:[Number,String,Object],default:function(){return"default"}},src:String,srcset:String,icon:Y.any,alt:String,gap:Number,draggable:{type:Boolean,default:void 0},crossOrigin:String,loadError:{type:Function}}},ie=M({compatConfig:{MODE:3},name:"AAvatar",inheritAttrs:!1,props:le(),slots:["icon"],setup:function(e,S){var P=S.slots,o=S.attrs,m=A(!0),y=A(!1),x=A(1),l=A(null),h=A(null),j=$("avatar",e),p=j.prefixCls,E=te(),n=K(function(){return e.size==="default"?E.value:e.size}),T=V(),u=oe(function(){if(X(e.size)==="object"){var a=Z.find(function(t){return T.value[t]}),r=e.size[a];return r}}),k=function(r){return u.value?{width:"".concat(u.value,"px"),height:"".concat(u.value,"px"),lineHeight:"".concat(u.value,"px"),fontSize:"".concat(r?u.value/2:18,"px")}:{}},v=function(){if(!(!l.value||!h.value)){var r=l.value.offsetWidth,t=h.value.offsetWidth;if(r!==0&&t!==0){var s=e.gap,z=s===void 0?4:s;z*2<t&&(x.value=t-z*2<r?(t-z*2)/r:1)}}},C=function(){var r=e.loadError,t=r==null?void 0:r();t!==!1&&(m.value=!1)};return G(function(){return e.src},function(){N(function(){m.value=!0,x.value=1})}),G(function(){return e.gap},function(){N(function(){v()})}),Q(function(){N(function(){v(),y.value=!0})}),function(){var a,r,t=e.shape,s=e.src,z=e.alt,H=e.srcset,L=e.draggable,w=e.crossOrigin,b=B(P,e,"icon"),f=p.value,D=(a={},i(a,"".concat(o.class),!!o.class),i(a,f,!0),i(a,"".concat(f,"-lg"),n.value==="large"),i(a,"".concat(f,"-sm"),n.value==="small"),i(a,"".concat(f,"-").concat(t),t),i(a,"".concat(f,"-image"),s&&m.value),i(a,"".concat(f,"-icon"),b),a),F=typeof n.value=="number"?{width:"".concat(n.value,"px"),height:"".concat(n.value,"px"),lineHeight:"".concat(n.value,"px"),fontSize:b?"".concat(n.value/2,"px"):"18px"}:{},R=(r=P.default)===null||r===void 0?void 0:r.call(P),_;if(s&&m.value)_=c("img",{draggable:L,src:s,srcset:H,onError:C,alt:z,crossorigin:w},null);else if(b)_=b;else if(y.value||x.value!==1){var I="scale(".concat(x.value,") translateX(-50%)"),q={msTransform:I,WebkitTransform:I,transform:I},J=typeof n.value=="number"?{lineHeight:"".concat(n.value,"px")}:{};_=c(U,{onResize:v},{default:function(){return[c("span",{class:"".concat(f,"-string"),ref:l,style:d(d({},J),q)},[R])]}})}else _=c("span",{class:"".concat(f,"-string"),ref:l,style:{opacity:0}},[R]);return c("span",d(d({},o),{},{ref:h,class:D,style:[F,k(!!b),o.style]}),[_])}}}),O=ie,se=function(){return{prefixCls:String,maxCount:Number,maxStyle:{type:Object,default:void 0},maxPopoverPlacement:{type:String,default:"top"},maxPopoverTrigger:String,size:{type:[Number,String,Object],default:"default"}}},ce=M({compatConfig:{MODE:3},name:"AAvatarGroup",inheritAttrs:!1,props:se(),setup:function(e,S){var P=S.slots,o=S.attrs,m=$("avatar-group",e),y=m.prefixCls,x=m.direction;return ne(e),function(){var l,h=e.maxPopoverPlacement,j=h===void 0?"top":h,p=e.maxCount,E=e.maxStyle,n=e.maxPopoverTrigger,T=n===void 0?"hover":n,u=(l={},i(l,y.value,!0),i(l,"".concat(y.value,"-rtl"),x.value==="rtl"),i(l,"".concat(o.class),!!o.class),l),k=B(P,e),v=ee(k).map(function(t,s){return ae(t,{key:"avatar-key-".concat(s)})}),C=v.length;if(p&&p<C){var a=v.slice(0,p),r=v.slice(p,C);return a.push(c(re,{key:"avatar-popover-key",content:r,trigger:T,placement:j,overlayClassName:"".concat(y.value,"-popover")},{default:function(){return[c(O,{style:E},{default:function(){return["+".concat(C-p)]}})]}})),c("div",d(d({},o),{},{class:u,style:o.style}),[a])}return c("div",d(d({},o),{},{class:u,style:o.style}),[v])}}}),W=ce;O.Group=W;O.install=function(g){return g.component(O.name,O),g.component(W.name,W),g};export{O as A};
|