@element-plus/nightly 0.0.20260103 → 0.0.20260105

package/lib/components/avatar/index.js

@@ -2,14 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var avatar$1 = require('./src/avatar.js');
-var avatar = require('./src/avatar2.js');
+var avatar$1 = require('./src/avatar2.js');
+var avatarGroup = require('./src/avatar-group.js');
+var avatar = require('./src/avatar.js');
+var constants = require('./src/constants.js');
+var avatarGroupProps = require('./src/avatar-group-props.js');
 var install = require('../../utils/vue/install.js');
 
-const ElAvatar = install.withInstall(avatar$1["default"]);
+const ElAvatar = install.withInstall(avatar$1["default"], {
+  AvatarGroup: avatarGroup["default"]
+});
+const ElAvatarGroup = install.withNoopInstall(avatarGroup["default"]);
 
 exports.avatarEmits = avatar.avatarEmits;
 exports.avatarProps = avatar.avatarProps;
+exports.avatarGroupContextKey = constants.avatarGroupContextKey;
+exports.avatarGroupProps = avatarGroupProps.avatarGroupProps;
 exports.ElAvatar = ElAvatar;
+exports.ElAvatarGroup = ElAvatarGroup;
 exports["default"] = ElAvatar;
 //# sourceMappingURL=index.js.map

package/lib/components/avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/avatar/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils'\nimport Avatar from './src/avatar.vue'\n\nimport type { SFCWithInstall } from '@element-plus/utils'\n\nexport const ElAvatar: SFCWithInstall<typeof Avatar> = withInstall(Avatar)\nexport default ElAvatar\n\nexport * from './src/avatar'\nexport type { AvatarInstance } from './src/instance'\n"],"names":["withInstall","Avatar"],"mappings":";;;;;;;;AAKa,MAAA,QAAA,GAA0CA,oBAAYC,mBAAM;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/avatar/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils'\nimport Avatar from './src/avatar.vue'\nimport AvatarGroup from './src/avatar-group'\n\nimport type { SFCWithInstall } from '@element-plus/utils'\n\nexport const ElAvatar: SFCWithInstall<typeof Avatar> & {\n  AvatarGroup: typeof AvatarGroup\n} = withInstall(Avatar, {\n  AvatarGroup,\n})\nexport const ElAvatarGroup: SFCWithInstall<typeof AvatarGroup> =\n  withNoopInstall(AvatarGroup)\nexport default ElAvatar\n\nexport * from './src/avatar'\nexport * from './src/constants'\nexport * from './src/avatar-group-props'\nexport type { AvatarInstance, AvatarGroupInstance } from './src/instance'\n"],"names":["withInstall","Avatar","AvatarGroup","withNoopInstall"],"mappings":";;;;;;;;;;;AAMa,MAAA,QAAA,GAETA,oBAAYC,mBAAQ,EAAA;AAAA,eACtBC,sBAAA;AACF,CAAC,EAAA;AACY,MAAA,aAAA,GACXC,wBAAgBD,sBAAW;;;;;;;;;;"}

package/lib/components/avatar/src/avatar-group-props.d.ts

@@ -0,0 +1,138 @@
+import type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue';
+import type { Placement, PopperEffect } from '@element-plus/nightly/es/components/popper';
+export declare const avatarGroupProps: {
+    readonly size: {
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly shape: {
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "circle" | "square", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly collapseAvatars: BooleanConstructor;
+    readonly collapseAvatarsTooltip: BooleanConstructor;
+    readonly maxCollapseAvatars: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+    readonly effect: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown, "light", boolean>;
+    readonly placement: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, unknown, "top", boolean>;
+    readonly popperClass: {
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | any)[])[])[])[])[])[])[])[])[])[])[]) | ((new (...args: any[]) => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | any)[])[])[])[])[])[])[])[])[])[])[]))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly popperStyle: {
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly collapseClass: StringConstructor;
+    readonly collapseStyle: {
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+export type AvatarGroupProps = ExtractPropTypes<typeof avatarGroupProps>;
+export type AvatarGroupPropsPublic = ExtractPublicPropTypes<typeof avatarGroupProps>;

package/lib/components/avatar/src/avatar-group-props.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@popperjs/core');
+var avatar = require('./avatar.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var content = require('../../tooltip/src/content.js');
+
+const avatarGroupProps = runtime.buildProps({
+  size: avatar.avatarProps.size,
+  shape: avatar.avatarProps.shape,
+  collapseAvatars: Boolean,
+  collapseAvatarsTooltip: Boolean,
+  maxCollapseAvatars: {
+    type: Number,
+    default: 1
+  },
+  effect: {
+    type: runtime.definePropType(String),
+    default: "light"
+  },
+  placement: {
+    type: runtime.definePropType(String),
+    values: core.placements,
+    default: "top"
+  },
+  popperClass: content.useTooltipContentProps.popperClass,
+  popperStyle: content.useTooltipContentProps.popperStyle,
+  collapseClass: String,
+  collapseStyle: {
+    type: runtime.definePropType([String, Array, Object])
+  }
+});
+
+exports.avatarGroupProps = avatarGroupProps;
+//# sourceMappingURL=avatar-group-props.js.map

package/lib/components/avatar/src/avatar-group-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group-props.js","sources":["../../../../../../packages/components/avatar/src/avatar-group-props.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport { buildProps, definePropType } from '@element-plus/utils'\nimport { avatarProps } from './avatar'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue'\nimport type { Placement, PopperEffect } from '@element-plus/components/popper'\n\nexport const avatarGroupProps = buildProps({\n  /**\n   * @description control the size of avatars in this avatar-group\n   */\n  size: avatarProps.size,\n  /**\n   * @description control the shape of avatars in this avatar-group\n   */\n  shape: avatarProps.shape,\n  /**\n   * @description whether to collapse avatars\n   */\n  collapseAvatars: Boolean,\n  /**\n   * @description whether show all collapsed avatars when mouse hover text of the collapse-avatar. To use this, `collapse-avatars` must be true\n   */\n  collapseAvatarsTooltip: Boolean,\n  /**\n   * @description the max avatars number to be shown. To use this, `collapse-avatars` must be true\n   */\n  maxCollapseAvatars: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect: {\n    type: definePropType<PopperEffect>(String),\n    default: 'light',\n  },\n  /**\n   * @description placement of tooltip\n   */\n  placement: {\n    type: definePropType<Placement>(String),\n    values: placements,\n    default: 'top',\n  },\n  /**\n   * @description custom class name for tooltip\n   */\n  popperClass: useTooltipContentProps.popperClass,\n  /**\n   * @description custom style for tooltip\n   */\n  popperStyle: useTooltipContentProps.popperStyle,\n  /**\n   * @description custom class name for the collapse-avatar\n   */\n  collapseClass: String,\n  /**\n   * @description custom style for the collapse-avatar\n   */\n  collapseStyle: {\n    type: definePropType<StyleValue>([String, Array, Object]),\n  },\n} as const)\nexport type AvatarGroupProps = ExtractPropTypes<typeof avatarGroupProps>\nexport type AvatarGroupPropsPublic = ExtractPublicPropTypes<\n  typeof avatarGroupProps\n>\n"],"names":["buildProps","avatarProps","definePropType","placements","useTooltipContentProps"],"mappings":";;;;;;;;;AAQO,MAAM,mBAAmBA,kBAAW,CAAA;AAAA,EAIzC,MAAMC,kBAAY,CAAA,IAAA;AAAA,EAIlB,OAAOA,kBAAY,CAAA,KAAA;AAAA,EAInB,eAAiB,EAAA,OAAA;AAAA,EAIjB,sBAAwB,EAAA,OAAA;AAAA,EAIxB,kBAAoB,EAAA;AAAA,IAClB,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAA,EAAMC,uBAA6B,MAAM,CAAA;AAAA,IACzC,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAA,EAAMA,uBAA0B,MAAM,CAAA;AAAA,IACtC,MAAQ,EAAAC,eAAA;AAAA,IACR,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EAIA,aAAaC,8BAAuB,CAAA,WAAA;AAAA,EAIpC,aAAaA,8BAAuB,CAAA,WAAA;AAAA,EAIpC,aAAe,EAAA,MAAA;AAAA,EAIf,aAAe,EAAA;AAAA,IACb,MAAMF,sBAA2B,CAAA,CAAC,MAAQ,EAAA,KAAA,EAAO,MAAM,CAAC,CAAA;AAAA,GAC1D;AACF,CAAU;;;;"}

package/lib/components/avatar/src/avatar-group.d.ts

@@ -0,0 +1,274 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly size: {
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly shape: {
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "circle" | "square", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly collapseAvatars: BooleanConstructor;
+    readonly collapseAvatarsTooltip: BooleanConstructor;
+    readonly maxCollapseAvatars: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+    readonly effect: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => import("element-plus").PopperEffect) | ((new (...args: any[]) => string) | (() => import("element-plus").PopperEffect))[], unknown, unknown, "light", boolean>;
+    readonly placement: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], import("element-plus").Placement, unknown, "top", boolean>;
+    readonly popperClass: {
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | any)[])[])[])[])[])[])[])[])[])[])[]) | ((new (...args: any[]) => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | any)[])[])[])[])[])[])[])[])[])[])[]))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly popperStyle: {
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly collapseClass: StringConstructor;
+    readonly collapseStyle: {
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly size: {
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly shape: {
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "circle" | "square", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly collapseAvatars: BooleanConstructor;
+    readonly collapseAvatarsTooltip: BooleanConstructor;
+    readonly maxCollapseAvatars: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+    readonly effect: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => import("element-plus").PopperEffect) | ((new (...args: any[]) => string) | (() => import("element-plus").PopperEffect))[], unknown, unknown, "light", boolean>;
+    readonly placement: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], import("element-plus").Placement, unknown, "top", boolean>;
+    readonly popperClass: {
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | any)[])[])[])[])[])[])[])[])[])[])[]) | ((new (...args: any[]) => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | any)[])[])[])[])[])[])[])[])[])[])[]))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly popperStyle: {
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly collapseClass: StringConstructor;
+    readonly collapseStyle: {
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}>>, {
+    readonly placement: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], import("element-plus").Placement, unknown>;
+    readonly effect: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string) | (() => import("element-plus").PopperEffect) | ((new (...args: any[]) => string) | (() => import("element-plus").PopperEffect))[], unknown, unknown>;
+    readonly maxCollapseAvatars: number;
+    readonly collapseAvatars: boolean;
+    readonly collapseAvatarsTooltip: boolean;
+}, {}>;
+export default _default;

package/lib/components/avatar/src/avatar-group.js

@@ -0,0 +1,65 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index$1 = require('../../tooltip/index.js');
+var avatar = require('./avatar2.js');
+var constants = require('./constants.js');
+var avatarGroupProps = require('./avatar-group-props.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var vnode = require('../../../utils/vue/vnode.js');
+
+var AvatarGroup = vue.defineComponent({
+  name: "ElAvatarGroup",
+  props: avatarGroupProps.avatarGroupProps,
+  setup(props, {
+    slots
+  }) {
+    const ns = index.useNamespace("avatar-group");
+    vue.provide(constants.avatarGroupContextKey, vue.reactive({
+      size: vue.toRef(props, "size"),
+      shape: vue.toRef(props, "shape")
+    }));
+    return () => {
+      var _a, _b;
+      const avatars = vnode.flattedChildren((_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : []);
+      let visibleAvatars = avatars;
+      const showCollapseAvatar = props.collapseAvatars && avatars.length > props.maxCollapseAvatars;
+      if (showCollapseAvatar) {
+        visibleAvatars = avatars.slice(0, props.maxCollapseAvatars);
+        const hiddenAvatars = avatars.slice(props.maxCollapseAvatars);
+        visibleAvatars.push(vue.createVNode(index$1.ElTooltip, {
+          "popperClass": props.popperClass,
+          "popperStyle": props.popperStyle,
+          "placement": props.placement,
+          "effect": props.effect,
+          "disabled": !props.collapseAvatarsTooltip
+        }, {
+          default: () => vue.createVNode(avatar["default"], {
+            "size": props.size,
+            "shape": props.shape,
+            "class": props.collapseClass,
+            "style": props.collapseStyle
+          }, {
+            default: () => [vue.createTextVNode("+ "), hiddenAvatars.length]
+          }),
+          content: () => vue.createVNode("div", {
+            "class": ns.e("collapse-avatars")
+          }, [hiddenAvatars.map((node, idx) => {
+            var _a2;
+            return vue.isVNode(node) ? vue.cloneVNode(node, {
+              key: (_a2 = node.key) != null ? _a2 : idx
+            }) : node;
+          })])
+        }));
+      }
+      return vue.createVNode("div", {
+        "class": ns.b()
+      }, [visibleAvatars]);
+    };
+  }
+});
+
+exports["default"] = AvatarGroup;
+//# sourceMappingURL=avatar-group.js.map

package/lib/components/avatar/src/avatar-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.js","sources":["../../../../../../packages/components/avatar/src/avatar-group.tsx"],"sourcesContent":["import {\n  cloneVNode,\n  defineComponent,\n  isVNode,\n  provide,\n  reactive,\n  toRef,\n} from 'vue'\nimport { flattedChildren } from '@element-plus/utils'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { useNamespace } from '@element-plus/hooks'\nimport ElAvatar from './avatar.vue'\nimport { avatarGroupContextKey } from './constants'\nimport { avatarGroupProps } from './avatar-group-props'\n\nexport default defineComponent({\n  name: 'ElAvatarGroup',\n  props: avatarGroupProps,\n  setup(props, { slots }) {\n    const ns = useNamespace('avatar-group')\n\n    provide(\n      avatarGroupContextKey,\n      reactive({\n        size: toRef(props, 'size'),\n        shape: toRef(props, 'shape'),\n      })\n    )\n\n    return () => {\n      const avatars = flattedChildren(slots.default?.() ?? [])\n      let visibleAvatars = avatars\n\n      const showCollapseAvatar =\n        props.collapseAvatars && avatars.length > props.maxCollapseAvatars\n\n      if (showCollapseAvatar) {\n        visibleAvatars = avatars.slice(0, props.maxCollapseAvatars)\n        const hiddenAvatars = avatars.slice(props.maxCollapseAvatars)\n\n        visibleAvatars.push(\n          <ElTooltip\n            popperClass={props.popperClass}\n            popperStyle={props.popperStyle}\n            placement={props.placement}\n            effect={props.effect}\n            disabled={!props.collapseAvatarsTooltip}\n          >\n            {{\n              default: () => (\n                <ElAvatar\n                  size={props.size}\n                  shape={props.shape}\n                  class={props.collapseClass}\n                  style={props.collapseStyle}\n                >\n                  + {hiddenAvatars.length}\n                </ElAvatar>\n              ),\n              content: () => (\n                <div class={ns.e('collapse-avatars')}>\n                  {hiddenAvatars.map((node, idx) =>\n                    isVNode(node)\n                      ? cloneVNode(node, { key: node.key ?? idx })\n                      : node\n                  )}\n                </div>\n              ),\n            }}\n          </ElTooltip>\n        )\n      }\n\n      return <div class={ns.b()}>{visibleAvatars}</div>\n    }\n  },\n})\n"],"names":["defineComponent","name","props","avatarGroupProps","setup","slots","ns","useNamespace","provide","avatarGroupContextKey","reactive","size","toRef","shape","avatars","flattedChildren","default","visibleAvatars","showCollapseAvatar","collapseAvatars","length","maxCollapseAvatars","slice","hiddenAvatars","push","_createVNode","ElTooltip","popperClass","popperStyle","placement","effect","collapseAvatarsTooltip","ElAvatar","collapseClass","collapseStyle","_createTextVNode","content","e","map","node","idx","isVNode","_a","cloneVNode","key","b"],"mappings":"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"}

package/lib/components/avatar/src/avatar.d.ts

@@ -1,7 +1,17 @@
 import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
 export declare const avatarProps: {
-    readonly size: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number, "", boolean>;
-    readonly shape: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "circle" | "square", unknown, "circle", boolean>;
+    readonly size: {
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly shape: {
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "circle" | "square", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly icon: {
         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
         readonly required: false;