ll-package
Version:
2 lines (1 loc) • 1.8 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../../@babel/runtime/helpers/esm/objectSpread2.js"),e=require("vue"),$=require("../_util/vnode.js"),b=require("./Avatar.js"),N=require("../popover/index.js"),v=require("../_util/props-util/index.js"),A=require("../config-provider/hooks/useConfigInject.js"),j=require("./style/index.js"),O=require("./AvatarContext.js"),m=()=>({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"}}),k=e.defineComponent({compatConfig:{MODE:3},name:"AAvatarGroup",inheritAttrs:!1,props:m(),setup(r,g){let{slots:h,attrs:t}=g;const{prefixCls:d,direction:x}=A.default("avatar",r),l=e.computed(()=>`${d.value}-group`),[p,y]=j.default(d);return e.watchEffect(()=>{const u={size:r.size,shape:r.shape};O.useAvatarProviderContext(u)}),()=>{const{maxPopoverPlacement:u="top",maxCount:a,maxStyle:S,maxPopoverTrigger:C="hover",shape:P}=r,f={[l.value]:!0,[`${l.value}-rtl`]:x.value==="rtl",[`${t.class}`]:!!t.class,[y.value]:!0},q=v.getPropsSlot(h,r),o=v.flattenChildren(q).map((n,i)=>$.cloneElement(n,{key:`avatar-key-${i}`})),c=o.length;if(a&&a<c){const n=o.slice(0,a),i=o.slice(a,c);return n.push(e.createVNode(N.default,{key:"avatar-popover-key",content:i,trigger:C,placement:u,overlayClassName:`${l.value}-popover`},{default:()=>[e.createVNode(b.default,{style:S,shape:P},{default:()=>[`+${c-a}`]})]})),p(e.createVNode("div",s.default(s.default({},t),{},{class:f,style:t.style}),[n]))}return p(e.createVNode("div",s.default(s.default({},t),{},{class:f,style:t.style}),[o]))}}}),V=k;exports.default=V;exports.groupProps=m;