@element-plus/nightly 0.0.20260104 → 0.0.20260105

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;

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

@@ -11,13 +11,11 @@ const avatarProps = runtime.buildProps({
   size: {
     type: [Number, String],
     values: size.componentSizes,
-    default: "",
     validator: (val) => types.isNumber(val)
   },
   shape: {
     type: String,
-    values: ["circle", "square"],
-    default: "circle"
+    values: ["circle", "square"]
   },
   icon: {
     type: icon.iconPropType

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sources":["../../../../../../packages/components/avatar/src/avatar.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  iconPropType,\n  isNumber,\n} from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\n\nimport type {\n  CSSProperties,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n} from 'vue'\n\nexport const avatarProps = buildProps({\n  /**\n   * @description avatar size.\n   */\n  size: {\n    type: [Number, String],\n    values: componentSizes,\n    default: '',\n    validator: (val: unknown): val is number => isNumber(val),\n  },\n  /**\n   * @description avatar shape.\n   */\n  shape: {\n    type: String,\n    values: ['circle', 'square'],\n    default: 'circle',\n  },\n  /**\n   * @description representation type to icon, more info on icon component.\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description the source of the image for an image avatar.\n   */\n  src: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description native attribute `alt` of image avatar.\n   */\n  alt: String,\n  /**\n   * @description native attribute srcset of image avatar.\n   */\n  srcSet: String,\n  /**\n   * @description set how the image fit its container for an image avatar.\n   */\n  fit: {\n    type: definePropType<CSSProperties['object-fit']>(String),\n    default: 'cover',\n  },\n} as const)\nexport type AvatarProps = ExtractPropTypes<typeof avatarProps>\nexport type AvatarPropsPublic = ExtractPublicPropTypes<typeof avatarProps>\n\nexport const avatarEmits = {\n  error: (evt: Event) => evt instanceof Event,\n}\nexport type AvatarEmits = typeof avatarEmits\n"],"names":["buildProps","componentSizes","isNumber","iconPropType","definePropType"],"mappings":";;;;;;;;;AAcO,MAAM,cAAcA,kBAAW,CAAA;AAAA,EAIpC,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,MAAQ,EAAAC,mBAAA;AAAA,IACR,OAAS,EAAA,EAAA;AAAA,IACT,SAAW,EAAA,CAAC,GAAgC,KAAAC,cAAA,CAAS,GAAG,CAAA;AAAA,GAC1D;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,QAAA,EAAU,QAAQ,CAAA;AAAA,IAC3B,OAAS,EAAA,QAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAAC,iBAAA;AAAA,GACR;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,GAAK,EAAA,MAAA;AAAA,EAIL,MAAQ,EAAA,MAAA;AAAA,EAIR,GAAK,EAAA;AAAA,IACH,IAAA,EAAMC,uBAA4C,MAAM,CAAA;AAAA,IACxD,OAAS,EAAA,OAAA;AAAA,GACX;AACF,CAAU,EAAA;AAIH,MAAM,WAAc,GAAA;AAAA,EACzB,KAAA,EAAO,CAAC,GAAA,KAAe,GAAe,YAAA,KAAA;AACxC;;;;;"}
+{"version":3,"file":"avatar.js","sources":["../../../../../../packages/components/avatar/src/avatar.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  iconPropType,\n  isNumber,\n} from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\n\nimport type {\n  CSSProperties,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n} from 'vue'\n\nexport const avatarProps = buildProps({\n  /**\n   * @description avatar size.\n   */\n  size: {\n    type: [Number, String],\n    values: componentSizes,\n    validator: (val: unknown): val is number => isNumber(val),\n  },\n  /**\n   * @description avatar shape.\n   */\n  shape: {\n    type: String,\n    values: ['circle', 'square'],\n  },\n  /**\n   * @description representation type to icon, more info on icon component.\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description the source of the image for an image avatar.\n   */\n  src: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description native attribute `alt` of image avatar.\n   */\n  alt: String,\n  /**\n   * @description native attribute srcset of image avatar.\n   */\n  srcSet: String,\n  /**\n   * @description set how the image fit its container for an image avatar.\n   */\n  fit: {\n    type: definePropType<CSSProperties['object-fit']>(String),\n    default: 'cover',\n  },\n} as const)\nexport type AvatarProps = ExtractPropTypes<typeof avatarProps>\nexport type AvatarPropsPublic = ExtractPublicPropTypes<typeof avatarProps>\n\nexport const avatarEmits = {\n  error: (evt: Event) => evt instanceof Event,\n}\nexport type AvatarEmits = typeof avatarEmits\n"],"names":["buildProps","componentSizes","isNumber","iconPropType","definePropType"],"mappings":";;;;;;;;;AAcO,MAAM,cAAcA,kBAAW,CAAA;AAAA,EAIpC,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,MAAQ,EAAAC,mBAAA;AAAA,IACR,SAAW,EAAA,CAAC,GAAgC,KAAAC,cAAA,CAAS,GAAG,CAAA;AAAA,GAC1D;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,QAAA,EAAU,QAAQ,CAAA;AAAA,GAC7B;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAAC,iBAAA;AAAA,GACR;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,GAAK,EAAA,MAAA;AAAA,EAIL,MAAQ,EAAA,MAAA;AAAA,EAIR,GAAK,EAAA;AAAA,IACH,IAAA,EAAMC,uBAA4C,MAAM,CAAA;AAAA,IACxD,OAAS,EAAA,OAAA;AAAA,GACX;AACF,CAAU,EAAA;AAIH,MAAM,WAAc,GAAA;AAAA,EACzB,KAAA,EAAO,CAAC,GAAA,KAAe,GAAe,YAAA,KAAA;AACxC;;;;;"}

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

@@ -3,8 +3,18 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{
-    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;
@@ -18,8 +28,18 @@ declare const __VLS_base: import("vue").DefineComponent<{
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (evt: Event) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    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;
@@ -33,8 +53,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
 }>> & {
     onError?: ((evt: Event) => any) | undefined;
 }, {
-    readonly size: import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number>;
-    readonly shape: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "circle" | "square", unknown>;
     readonly src: string;
     readonly fit: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "cover" | "scale-down") | (() => import("csstype").Property.ObjectFit | undefined) | ((new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "cover" | "scale-down") | (() => import("csstype").Property.ObjectFit | undefined))[], unknown, unknown>;
 }, {}>;

package/lib/components/avatar/src/avatar2.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var index$1 = require('../../icon/index.js');
 var avatar = require('./avatar.js');
+var constants = require('./constants.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../hooks/use-namespace/index.js');
 var shared = require('@vue/shared');
@@ -22,23 +23,33 @@ const _sfc_main = vue.defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const avatarGroupContext = vue.inject(constants.avatarGroupContextKey, void 0);
     const ns = index.useNamespace("avatar");
     const hasLoadError = vue.ref(false);
+    const size = vue.computed(() => {
+      var _a;
+      return (_a = props.size) != null ? _a : avatarGroupContext == null ? void 0 : avatarGroupContext.size;
+    });
+    const shape = vue.computed(
+      () => {
+        var _a, _b;
+        return (_b = (_a = props.shape) != null ? _a : avatarGroupContext == null ? void 0 : avatarGroupContext.shape) != null ? _b : "circle";
+      }
+    );
     const avatarClass = vue.computed(() => {
-      const { size, icon, shape } = props;
+      const { icon } = props;
       const classList = [ns.b()];
-      if (shared.isString(size))
-        classList.push(ns.m(size));
+      if (shared.isString(size.value))
+        classList.push(ns.m(size.value));
       if (icon)
         classList.push(ns.m("icon"));
-      if (shape)
-        classList.push(ns.m(shape));
+      if (shape.value)
+        classList.push(ns.m(shape.value));
       return classList;
     });
     const sizeStyle = vue.computed(() => {
-      const { size } = props;
-      return types.isNumber(size) ? ns.cssVarBlock({
-        size: style.addUnit(size)
+      return types.isNumber(size.value) ? ns.cssVarBlock({
+        size: style.addUnit(size.value)
       }) : void 0;
     });
     const fitStyle = vue.computed(() => ({

package/lib/components/avatar/src/avatar2.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar2.js","sources":["../../../../../../packages/components/avatar/src/avatar.vue"],"sourcesContent":["<template>\n  <span :class=\"avatarClass\" :style=\"sizeStyle\">\n    <img\n      v-if=\"(src || srcSet) && !hasLoadError\"\n      :src=\"src\"\n      :alt=\"alt\"\n      :srcset=\"srcSet\"\n      :style=\"fitStyle\"\n      @error=\"handleError\"\n    />\n    <el-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <slot v-else />\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { addUnit, isNumber, isString } from '@element-plus/utils'\nimport { avatarEmits, avatarProps } from './avatar'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElAvatar',\n})\n\nconst props = defineProps(avatarProps)\nconst emit = defineEmits(avatarEmits)\n\nconst ns = useNamespace('avatar')\n\nconst hasLoadError = ref(false)\n\nconst avatarClass = computed(() => {\n  const { size, icon, shape } = props\n  const classList = [ns.b()]\n  if (isString(size)) classList.push(ns.m(size))\n  if (icon) classList.push(ns.m('icon'))\n  if (shape) classList.push(ns.m(shape))\n  return classList\n})\n\nconst sizeStyle = computed(() => {\n  const { size } = props\n  return isNumber(size)\n    ? (ns.cssVarBlock({\n        size: addUnit(size)!,\n      }) as CSSProperties)\n    : undefined\n})\n\nconst fitStyle = computed<CSSProperties>(() => ({\n  objectFit: props.fit,\n}))\n\n// need reset hasLoadError to false if src changed\nwatch(\n  () => props.src,\n  () => (hasLoadError.value = false)\n)\n\nfunction handleError(e: Event) {\n  hasLoadError.value = true\n  emit('error', e)\n}\n</script>\n"],"names":["useNamespace","ref","computed","isString","isNumber","addUnit","watch","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","src","srcSet","alt","icon","_createBlock","_unref","ElIcon","_withCtx","_resolveDynamicComponent","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"avatar2.js","sources":["../../../../../../packages/components/avatar/src/avatar.vue"],"sourcesContent":["<template>\n  <span :class=\"avatarClass\" :style=\"sizeStyle\">\n    <img\n      v-if=\"(src || srcSet) && !hasLoadError\"\n      :src=\"src\"\n      :alt=\"alt\"\n      :srcset=\"srcSet\"\n      :style=\"fitStyle\"\n      @error=\"handleError\"\n    />\n    <el-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <slot v-else />\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, ref, watch } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { addUnit, isNumber, isString } from '@element-plus/utils'\nimport { avatarEmits, avatarProps } from './avatar'\nimport { avatarGroupContextKey } from './constants'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElAvatar',\n})\n\nconst props = defineProps(avatarProps)\nconst emit = defineEmits(avatarEmits)\n\nconst avatarGroupContext = inject(avatarGroupContextKey, undefined)\n\nconst ns = useNamespace('avatar')\n\nconst hasLoadError = ref(false)\n\nconst size = computed(() => props.size ?? avatarGroupContext?.size)\nconst shape = computed(\n  () => props.shape ?? avatarGroupContext?.shape ?? 'circle'\n)\n\nconst avatarClass = computed(() => {\n  const { icon } = props\n  const classList = [ns.b()]\n  if (isString(size.value)) classList.push(ns.m(size.value))\n  if (icon) classList.push(ns.m('icon'))\n  if (shape.value) classList.push(ns.m(shape.value))\n  return classList\n})\n\nconst sizeStyle = computed(() => {\n  return isNumber(size.value)\n    ? (ns.cssVarBlock({\n        size: addUnit(size.value)!,\n      }) as CSSProperties)\n    : undefined\n})\n\nconst fitStyle = computed<CSSProperties>(() => ({\n  objectFit: props.fit,\n}))\n\n// need reset hasLoadError to false if src changed\nwatch(\n  () => props.src,\n  () => (hasLoadError.value = false)\n)\n\nfunction handleError(e: Event) {\n  hasLoadError.value = true\n  emit('error', e)\n}\n</script>\n"],"names":["inject","avatarGroupContextKey","useNamespace","ref","computed","isString","isNumber","addUnit","watch","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","src","srcSet","alt","icon","_createBlock","_unref","ElIcon","_withCtx","_resolveDynamicComponent","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA+BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEP,IAAA,MAAA,kBAAA,GAAqBA,UAAO,CAAAC,+BAAA,EAAuB,KAAS,CAAA,CAAA,CAAA;AAE5D,IAAA,MAAA,EAAA,GAAKC,mBAAa,QAAQ,CAAA,CAAA;AAE1B,IAAA,MAAA,YAAA,GAAeC,QAAI,KAAK,CAAA,CAAA;AAE9B,IAAM,MAAA,IAAA,GAAOC,aAAS,MAAA;;AAAM,MAAM,OAAA,CAAA,EAAA,GAAA,KAAA,CAAA,IAAA,KAAN,YAAc,kBAAoB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,kBAAA,CAAA,IAAA,CAAA;AAAA,KAAI,CAAA,CAAA;AAClE,IAAA,MAAM,KAAQ,GAAAA,YAAA;AAAA,MACZ,MAAM;;AAAA,QAAA,OAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAM,KAAN,KAAA,IAAA,GAAA,EAAA,GAAe,kBAAoB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,kBAAA,CAAA,KAAA,KAAnC,IAA4C,GAAA,EAAA,GAAA,QAAA,CAAA;AAAA,OAAA;AAAA,KACpD,CAAA;AAEM,IAAA,MAAA,WAAA,GAAcA,aAAS,MAAM;AAC3B,MAAA,MAAA,EAAE,MAAS,GAAA,KAAA,CAAA;AACjB,MAAA,MAAM,SAAY,GAAA,CAAC,EAAG,CAAA,CAAA,EAAG,CAAA,CAAA;AACrB,MAAA,IAAAC,eAAA,CAAS,KAAK,KAAK,CAAA;AAAG,QAAA,SAAA,CAAU,IAAK,CAAA,EAAA,CAAG,CAAE,CAAA,IAAA,CAAK,KAAK,CAAC,CAAA,CAAA;AACzD,MAAI,IAAA,IAAA;AAAgB,QAAA,SAAA,CAAA,IAAK,CAAA,EAAA,CAAG,CAAE,CAAA,MAAM,CAAC,CAAA,CAAA;AACjC,MAAA,IAAA,KAAM,CAAA,KAAA;AAAiB,QAAA,SAAA,CAAA,IAAK,CAAA,EAAA,CAAG,CAAE,CAAA,KAAA,CAAM,KAAK,CAAC,CAAA,CAAA;AAC1C,MAAA,OAAA,SAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAEK,IAAA,MAAA,SAAA,GAAYD,aAAS,MAAM;AAC/B,MAAA,OAAOE,cAAS,CAAA,IAAA,CAAK,KAAK,CAAA,GACrB,GAAG,WAAY,CAAA;AAAA,QACd,IAAA,EAAMC,aAAQ,CAAA,IAAA,CAAK,KAAK,CAAA;AAAA,OACzB,CACD,GAAA,KAAA,CAAA,CAAA;AAAA,KACL,CAAA,CAAA;AAEK,IAAA,MAAA,QAAA,GAAWH,aAAwB,OAAO;AAAA,MAC9C,WAAW,KAAM,CAAA,GAAA;AAAA,KACjB,CAAA,CAAA,CAAA;AAGF,IAAAI,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,GAAA;AAAA,MACZ,MAAO,aAAa,KAAQ,GAAA,KAAA;AAAA,KAC9B,CAAA;AAEA,IAAA,SAAS,YAAY,CAAU,EAAA;AAC7B,MAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA;AACrB,MAAA,IAAA,CAAK,SAAS,CAAC,CAAA,CAAA;AAAA,KACjB;;AA1EE,MAAA,OAAAC,eAAA,EAAAC,sBAAA;AAAA,QAaO,MAAA;AAAA,QAAA;AAAA,UAbA,KAAA,EAAKC,kBAAE,CAAA,WAAA,CAAW,KAAA,CAAA;AAAA,UAAG,KAAA,EAAKC,kBAAE,CAAA,SAAA,CAAS,KAAA,CAAA;AAAA,SAAA;AAAA;UAEjCC,CAAAA,IAAAA,CAAOC,GAAAA,IAAAA,IAAAA,CAAAA,MAAM,KAAA,CAAM,aAAA,KAAA,IAAAL,aAAA,EAD5B,EAAAC,sBAAA,CAOE,KAAA,EAAA;AAAA,YAAA,GAAA,EAAA,CAAA;AAAA,YALC,KAAKG,IAAAA,CAAAA,GAAAA;AAAAA,YACL,KAAKE,IAAAA,CAAAA,GAAAA;AAAAA,YACL,QAAQD,IAAAA,CAAAA,MAAAA;AAAAA,YACR,KAAA,EAAKF,kBAAE,CAAA,QAAA,CAAQ,KAAA,CAAA;AAAA,YACf,OAAO,EAAA,WAAA;AAAA,aAAA,IAAA,EAAA,EAAA,EAAA,UAAA,CAAA,IAEUI,4BAApB,EAAAC,eAAA,CAEUC,UAAAC,cAAA,CAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AAAA,YAAA,OAAA,EAAAC,YADR,MAAwB;AAAA,eAAxBX,eAAA,EAAAQ,eAAA,CAAwBI,2BAARL,CAAAA,IAAAA,CAAI,IAAA,CAAA,CAAA;AAAA,aAAA,CAAA;AAAA;gBAEtBM,cAAe,CAAA,IAAA,CAAA,QAAA,SAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA;AAAA,SAAA;AAAA;;;;;;;;;"}

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

@@ -0,0 +1,7 @@
+import type { InjectionKey } from 'vue';
+import type { AvatarProps } from './avatar';
+export interface AvatarGroupContext {
+    size?: AvatarProps['size'];
+    shape?: AvatarProps['shape'];
+}
+export declare const avatarGroupContextKey: InjectionKey<AvatarGroupContext>;

package/lib/components/avatar/src/constants.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const avatarGroupContextKey = Symbol(
+  "avatarGroupContextKey"
+);
+
+exports.avatarGroupContextKey = avatarGroupContextKey;
+//# sourceMappingURL=constants.js.map

package/lib/components/avatar/src/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../packages/components/avatar/src/constants.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { AvatarProps } from './avatar'\n\nexport interface AvatarGroupContext {\n  size?: AvatarProps['size']\n  shape?: AvatarProps['shape']\n}\n\nexport const avatarGroupContextKey: InjectionKey<AvatarGroupContext> = Symbol(\n  'avatarGroupContextKey'\n)\n"],"names":[],"mappings":";;;;AAQO,MAAM,qBAA0D,GAAA,MAAA;AAAA,EACrE,uBAAA;AACF;;;;"}

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

@@ -1,2 +1,4 @@
 import type Avatar from './avatar.vue';
+import type AvatarGroup from './avatar-group';
 export type AvatarInstance = InstanceType<typeof Avatar> & unknown;
+export type AvatarGroupInstance = InstanceType<typeof AvatarGroup> & unknown;

package/lib/components/avatar-group/style/css.d.ts

@@ -0,0 +1,3 @@
+import '@element-plus/nightly/es/components/base/style/css';
+import '@element-plus/nightly/es/nightly/theme-chalk/el-avatar-group.css';
+import '@element-plus/nightly/es/components/tooltip/style/css';

package/lib/components/avatar-group/style/css.js

@@ -0,0 +1,7 @@
+'use strict';
+
+require('../../base/style/css.js');
+require('@element-plus/nightly/theme-chalk/el-avatar-group.css');
+require('../../tooltip/style/css.js');
+
+//# sourceMappingURL=css.js.map

package/lib/components/avatar-group/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/lib/components/avatar-group/style/index.d.ts

@@ -0,0 +1,3 @@
+import '@element-plus/nightly/es/components/base/style';
+import '@element-plus/nightly/es/nightly/theme-chalk/src/avatar-group.scss';
+import '@element-plus/nightly/es/components/tooltip/style';

package/lib/components/avatar-group/style/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+require('../../base/style/index.js');
+require('@element-plus/nightly/theme-chalk/src/avatar-group.scss');
+require('../../tooltip/style/index.js');
+
+//# sourceMappingURL=index.js.map

package/lib/components/avatar-group/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/lib/components/breadcrumb/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var breadcrumb$1 = require('./src/breadcrumb.js');
+var breadcrumb$1 = require('./src/breadcrumb2.js');
 var breadcrumbItem$1 = require('./src/breadcrumb-item2.js');
-var breadcrumb = require('./src/breadcrumb2.js');
+var breadcrumb = require('./src/breadcrumb.js');
 var breadcrumbItem = require('./src/breadcrumb-item.js');
 var constants = require('./src/constants.js');
 var install = require('../../utils/vue/install.js');