2 lines
5.2 KiB
Java
2 lines
5.2 KiB
Java
import{l as U,m as Y,a as x,n as Z,P as ee,f as F,fJ as te,cv as H,fK as re,h as b,fo as ae,cd as ne,cn as oe,aC as se}from"./index-X7Y8jykP.js";import{e as ie}from"./eagerComputed-BTlOruLW.js";import{S as le,a2 as ce,e as L,h as B,o as ue,n as M,s as w,c as E,f as S,w as de}from"./vue-vendor-DNhG1Cve.js";const ge=e=>{const{antCls:n,componentCls:a,iconCls:r,avatarBg:o,avatarColor:m,containerSize:i,containerSizeLG:c,containerSizeSM:f,textFontSize:g,textFontSizeLG:u,textFontSizeSM:A,borderRadius:z,borderRadiusLG:s,borderRadiusSM:C,lineWidth:p,lineType:h}=e,d=(v,t,l)=>({width:v,height:v,lineHeight:`${v-p*2}px`,borderRadius:"50%",[`&${a}-square`]:{borderRadius:l},[`${a}-string`]:{position:"absolute",left:{_skip_check_:!0,value:"50%"},transformOrigin:"0 center"},[`&${a}-icon`]:{fontSize:t,[`> ${r}`]:{margin:0}}});return{[a]:x(x(x(x({},Z(e)),{position:"relative",display:"inline-block",overflow:"hidden",color:m,whiteSpace:"nowrap",textAlign:"center",verticalAlign:"middle",background:o,border:`${p}px ${h} transparent`,"&-image":{background:"transparent"},[`${n}-image-img`]:{display:"block"}}),d(i,g,z)),{"&-lg":x({},d(c,u,s)),"&-sm":x({},d(f,A,C)),"> img":{display:"block",width:"100%",height:"100%",objectFit:"cover"}})}},pe=e=>{const{componentCls:n,groupBorderColor:a,groupOverlapping:r,groupSpace:o}=e;return{[`${n}-group`]:{display:"inline-flex",[`${n}`]:{borderColor:a},"> *:not(:first-child)":{marginInlineStart:r}},[`${n}-group-popover`]:{[`${n} + ${n}`]:{marginInlineStart:o}}}},I=U("Avatar",e=>{const{colorTextLightSolid:n,colorTextPlaceholder:a}=e,r=Y(e,{avatarBg:a,avatarColor:n});return[ge(r),pe(r)]},e=>{const{controlHeight:n,controlHeightLG:a,controlHeightSM:r,fontSize:o,fontSizeLG:m,fontSizeXL:i,fontSizeHeading3:c,marginXS:f,marginXXS:g,colorBorderBg:u}=e;return{containerSize:n,containerSizeLG:a,containerSizeSM:r,textFontSize:Math.round((m+i)/2),textFontSizeLG:c,textFontSizeSM:o,groupSpace:g,groupOverlapping:-f,groupBorderColor:u}}),N=Symbol("AvatarContextKey"),ve=()=>le(N,{}),fe=e=>ce(N,e),Se=()=>({prefixCls:String,shape:{type:String,default:"circle"},size:{type:[Number,String,Object],default:()=>"default"},src:String,srcset:String,icon:ee.any,alt:String,gap:Number,draggable:{type:Boolean,default:void 0},crossOrigin:String,loadError:{type:Function}}),O=L({compatConfig:{MODE:3},name:"AAvatar",inheritAttrs:!1,props:Se(),slots:Object,setup(e,n){let{slots:a,attrs:r}=n;const o=w(!0),m=w(!1),i=w(1),c=w(null),f=w(null),{prefixCls:g}=F("avatar",e),[u,A]=I(g),z=ve(),s=E(()=>e.size==="default"?z.size:e.size),C=te(),p=ie(()=>{if(typeof e.size!="object")return;const t=ae.find($=>C.value[$]);return e.size[t]}),h=t=>p.value?{width:`${p.value}px`,height:`${p.value}px`,lineHeight:`${p.value}px`,fontSize:`${t?p.value/2:18}px`}:{},d=()=>{if(!c.value||!f.value)return;const t=c.value.offsetWidth,l=f.value.offsetWidth;if(t!==0&&l!==0){const{gap:$=4}=e;$*2<l&&(i.value=l-$*2<t?(l-$*2)/t:1)}},v=()=>{const{loadError:t}=e;(t==null?void 0:t())!==!1&&(o.value=!1)};return B(()=>e.src,()=>{M(()=>{o.value=!0,i.value=1})}),B(()=>e.gap,()=>{M(()=>{d()})}),ue(()=>{M(()=>{d(),m.value=!0})}),()=>{var t,l;const{shape:$,src:R,alt:W,srcset:_,draggable:X,crossOrigin:K}=e,D=(t=z.shape)!==null&&t!==void 0?t:$,P=H(a,e,"icon"),y=g.value,q={[`${r.class}`]:!!r.class,[y]:!0,[`${y}-lg`]:s.value==="large",[`${y}-sm`]:s.value==="small",[`${y}-${D}`]:!0,[`${y}-image`]:R&&o.value,[`${y}-icon`]:P,[A.value]:!0},J=typeof s.value=="number"?{width:`${s.value}px`,height:`${s.value}px`,lineHeight:`${s.value}px`,fontSize:P?`${s.value/2}px`:"18px"}:{},j=(l=a.default)===null||l===void 0?void 0:l.call(a);let k;if(R&&o.value)k=S("img",{draggable:X,src:R,srcset:_,onError:v,alt:W,crossorigin:K},null);else if(P)k=P;else if(m.value||i.value!==1){const G=`scale(${i.value}) translateX(-50%)`,V={msTransform:G,WebkitTransform:G,transform:G},Q=typeof s.value=="number"?{lineHeight:`${s.value}px`}:{};k=S(re,{onResize:d},{default:()=>[S("span",{class:`${y}-string`,ref:c,style:x(x({},Q),V)},[j])]})}else k=S("span",{class:`${y}-string`,ref:c,style:{opacity:0}},[j]);return u(S("span",b(b({},r),{},{ref:f,class:q,style:[J,h(!!P),r.style]}),[k]))}}}),me=()=>({prefixCls:String,maxCount:Number,maxStyle:{type:Object,default:void 0},maxPopoverPlacement:{type:String,default:"top"},maxPopoverTrigger:String,size:{type:[Number,String,Object],default:"default"},shape:{type:String,default:"circle"}}),T=L({compatConfig:{MODE:3},name:"AAvatarGroup",inheritAttrs:!1,props:me(),setup(e,n){let{slots:a,attrs:r}=n;const{prefixCls:o,direction:m}=F("avatar",e),i=E(()=>`${o.value}-group`),[c,f]=I(o);return de(()=>{const g={size:e.size,shape:e.shape};fe(g)}),()=>{const{maxPopoverPlacement:g="top",maxCount:u,maxStyle:A,maxPopoverTrigger:z="hover",shape:s}=e,C={[i.value]:!0,[`${i.value}-rtl`]:m.value==="rtl",[`${r.class}`]:!!r.class,[f.value]:!0},p=H(a,e),h=ne(p).map((v,t)=>oe(v,{key:`avatar-key-${t}`})),d=h.length;if(u&&u<d){const v=h.slice(0,u),t=h.slice(u,d);return v.push(S(se,{key:"avatar-popover-key",content:t,trigger:z,placement:g,overlayClassName:`${i.value}-popover`},{default:()=>[S(O,{style:A,shape:s},{default:()=>[`+${d-u}`]})]})),c(S("div",b(b({},r),{},{class:C,style:r.style}),[v]))}return c(S("div",b(b({},r),{},{class:C,style:r.style}),[h]))}}});O.Group=T;O.install=function(e){return e.component(O.name,O),e.component(T.name,T),e};export{O as A};
|