1 line
4.6 KiB
JavaScript
1 line
4.6 KiB
JavaScript
import{i as e}from"./rolldown-runtime-BgaNhQyE.js";import{Dr as t,Et as n,Hn as r,Jn as i,Ln as a,Pn as o,Q as s,Tt as c,Vn as l,Wt as u,Zt as d,lr as f,st as p,xn as m,yt as h,zn as g}from"./jsx-runtime-CRBytmvs.js";import{r as _,t as v}from"./useBreakpoint-DLqc4AYE.js";import{t as y}from"./popover-BGq_MyT2.js";var b=e(t()),x=b.createContext({}),S=e=>{let{antCls:t,componentCls:n,iconCls:r,avatarBg:i,avatarColor:a,containerSize:s,containerSizeLG:c,containerSizeSM:l,textFontSize:u,textFontSizeLG:f,textFontSizeSM:p,iconFontSize:m,iconFontSizeLG:h,iconFontSizeSM:g,borderRadius:_,borderRadiusLG:v,borderRadiusSM:y,lineWidth:b,lineType:x}=e,S=(e,t,i,a)=>({width:e,height:e,borderRadius:`50%`,fontSize:t,[`&${n}-square`]:{borderRadius:a},[`&${n}-icon`]:{fontSize:i,[`> ${r}`]:{margin:0}}});return{[n]:{...d(e),position:`relative`,display:`inline-flex`,justifyContent:`center`,alignItems:`center`,overflow:`hidden`,color:a,whiteSpace:`nowrap`,textAlign:`center`,verticalAlign:`middle`,background:i,border:`${o(b)} ${x} transparent`,"&-image":{background:`transparent`},[`${t}-image-img`]:{display:`block`},...S(s,u,m,_),"&-lg":{...S(c,f,h,v)},"&-sm":{...S(l,p,g,y)},"> img":{display:`block`,width:`100%`,height:`100%`,objectFit:`cover`}}}},C=e=>{let{componentCls:t,groupBorderColor:n,groupOverlapping:r,groupSpace:i}=e;return{[`${t}-group`]:{display:`inline-flex`,[t]:{borderColor:n},"> *:not(:first-child)":{marginInlineStart:r}},[`${t}-group-popover`]:{[`${t} + ${t}`]:{marginInlineStart:i}}}},w=u(`Avatar`,e=>{let{colorTextLightSolid:t,colorTextPlaceholder:n}=e,r=m(e,{avatarBg:n,avatarColor:t});return[S(r),C(r)]},e=>{let{controlHeight:t,controlHeightLG:n,controlHeightSM:r,fontSize:i,fontSizeLG:a,fontSizeXL:o,fontSizeHeading3:s,marginXS:c,marginXXS:l,colorBorderBg:u}=e;return{containerSize:t,containerSizeLG:n,containerSizeSM:r,textFontSize:i,textFontSizeLG:i,textFontSizeSM:i,iconFontSize:Math.round((a+o)/2),iconFontSizeLG:s,iconFontSizeSM:i,groupSpace:l,groupOverlapping:-c,groupBorderColor:u}}),T=b.forwardRef((e,t)=>{let{prefixCls:i,shape:a,size:o,src:u,srcSet:d,icon:p,className:m,rootClassName:y,style:S,alt:C,draggable:T,children:E,crossOrigin:D,gap:O=4,onError:k,...A}=e,[j,M]=b.useState(1),[N,P]=b.useState(!1),[F,I]=b.useState(!0),L=b.useRef(null),R=b.useRef(null),z=f(t,L),{getPrefixCls:B,className:V,style:H}=g(`avatar`),U=b.useContext(x),W=()=>{if(!R.current||!L.current)return;let e=R.current.offsetWidth,t=L.current.offsetWidth;e!==0&&t!==0&&O*2<t&&M(t-O*2<e?(t-O*2)/e:1)};b.useEffect(()=>{P(!0)},[]),b.useEffect(()=>{I(!0),M(1)},[u]),b.useEffect(W,[O]);let G=()=>{k?.()!==!1&&I(!1)},K=s(e=>o??U?.size??e??`medium`),q=v(Object.keys(n(K)&&K||{}).some(e=>_.includes(e))),J=b.useMemo(()=>{if(!n(K))return{};let e=_.find(e=>q[e]),t=K[e];return t?{width:t,height:t,fontSize:t&&(p||E)?t/2:18}:{}},[q,K,p,E]),Y=B(`avatar`,i),X=h(Y),[Z,ee]=w(Y,X),te=l({[`${Y}-lg`]:K===`large`,[`${Y}-sm`]:K===`small`}),Q=b.isValidElement(u),ne=l(Y,te,V,`${Y}-${a||U?.shape||`circle`}`,{[`${Y}-image`]:Q||u&&F,[`${Y}-icon`]:!!p},ee,X,m,y,Z),re=c(K)?{width:K,height:K,fontSize:p?K/2:18}:{},$;if(typeof u==`string`&&F)$=b.createElement(`img`,{src:u,draggable:T,srcSet:d,onError:G,alt:C,crossOrigin:D});else if(Q)$=u;else if(p)$=p;else if(N||j!==1){let e=`scale(${j})`,t={msTransform:e,WebkitTransform:e,transform:e};$=b.createElement(r,{onResize:W},b.createElement(`span`,{className:`${Y}-string`,ref:R,style:t},E))}else $=b.createElement(`span`,{className:`${Y}-string`,style:{opacity:0},ref:R},E);return b.createElement(`span`,{...A,style:{...re,...J,...H,...S},className:ne,ref:z},$)}),E=e=>{let{size:t,shape:n}=b.useContext(x),r=b.useMemo(()=>({size:e.size||t,shape:e.shape||n}),[e.size,e.shape,t,n]);return b.createElement(x.Provider,{value:r},e.children)},D=e=>{let{getPrefixCls:t,direction:n}=b.useContext(a),{prefixCls:r,className:o,rootClassName:s,style:c,maxCount:u,maxStyle:d,size:f,shape:m,maxPopoverPlacement:g,maxPopoverTrigger:_,children:v,max:x}=e,S=t(`avatar`,r),C=`${S}-group`,D=h(S),[O,k]=w(S,D),A=l(C,{[`${C}-rtl`]:n===`rtl`},k,D,o,s,O),j=i(v).map((e,t)=>p(e,{key:`avatar-key-${t}`})),M=x?.count||u,N=j.length;if(M&&M<N){let e=j.slice(0,M),t=j.slice(M,N),n=x?.style||d,r=x?.popover?.trigger||_||`hover`,i=x?.popover?.placement||g||`top`,a={content:t,...x?.popover,placement:i,trigger:r,rootClassName:l(`${C}-popover`,x?.popover?.rootClassName)};return e.push(b.createElement(y,{key:`avatar-popover-key`,destroyOnHidden:!0,...a},b.createElement(T,{style:n},`+${N-M}`))),b.createElement(E,{shape:m,size:f},b.createElement(`div`,{className:A,style:c},e))}return b.createElement(E,{shape:m,size:f},b.createElement(`div`,{className:A,style:c},j))},O=T;O.Group=D;export{O as t}; |