@element-plus/nightly 0.0.20260118 → 0.0.20260119

package/es/index.mjs

@@ -133,15 +133,15 @@ export { popconfirmEmits, popconfirmProps } from './components/popconfirm/src/po
 export { ElPopconfirm } from './components/popconfirm/index.mjs';
 export { Effect, popperProps, roleTypes, usePopperProps } from './components/popper/src/popper.mjs';
 export { popperTriggerProps, usePopperTriggerProps } from './components/popper/src/trigger.mjs';
-export { popperContentEmits, popperContentProps, popperCoreConfigProps, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps } from './components/popper/src/content.mjs';
-export { popperArrowProps, usePopperArrowProps } from './components/popper/src/arrow.mjs';
+export { popperContentEmits, popperContentProps, popperContentPropsDefaults, popperCoreConfigProps, popperCoreConfigPropsDefaults, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps } from './components/popper/src/content.mjs';
+export { popperArrowProps, popperArrowPropsDefaults, usePopperArrowProps } from './components/popper/src/arrow.mjs';
 export { POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY } from './components/popper/src/constants.mjs';
 export { ElPopper } from './components/popper/index.mjs';
 export { progressProps } from './components/progress/src/progress.mjs';
 export { ElProgress } from './components/progress/index.mjs';
-export { radioEmits, radioProps, radioPropsBase } from './components/radio/src/radio.mjs';
-export { radioDefaultProps, radioGroupEmits, radioGroupProps } from './components/radio/src/radio-group.mjs';
-export { radioButtonProps } from './components/radio/src/radio-button.mjs';
+export { radioEmits, radioProps, radioPropsBase, radioPropsDefaults } from './components/radio/src/radio.mjs';
+export { radioDefaultProps, radioGroupEmits, radioGroupProps, radioGroupPropsDefaults } from './components/radio/src/radio-group.mjs';
+export { radioButtonProps, radioButtonPropsDefaults } from './components/radio/src/radio-button.mjs';
 export { radioGroupKey } from './components/radio/src/constants.mjs';
 export { ElRadio, ElRadioButton, ElRadioGroup } from './components/radio/index.mjs';
 export { rateEmits, rateProps } from './components/rate/src/rate.mjs';
@@ -218,8 +218,8 @@ export { treeEmits, treeProps } from './components/tree/src/tree.mjs';
 export { ElTree } from './components/tree/index.mjs';
 export { ElTreeSelect } from './components/tree-select/index.mjs';
 export { ElTreeV2 } from './components/tree-v2/index.mjs';
-export { genFileId, uploadBaseProps, uploadListTypes, uploadProps } from './components/upload/src/upload.mjs';
-export { uploadContentProps } from './components/upload/src/upload-content.mjs';
+export { genFileId, uploadBaseProps, uploadBasePropsDefaults, uploadListTypes, uploadProps, uploadPropsDefaults } from './components/upload/src/upload.mjs';
+export { uploadContentProps, uploadContentPropsDefaults } from './components/upload/src/upload-content.mjs';
 export { uploadListEmits, uploadListProps } from './components/upload/src/upload-list.mjs';
 export { uploadDraggerEmits, uploadDraggerProps } from './components/upload/src/upload-dragger.mjs';
 export { uploadContextKey } from './components/upload/src/constants.mjs';

package/es/utils/vue/icon.d.ts

@@ -1,5 +1,6 @@
 import { Loading } from '@element-plus/nightly/es/icons-vue';
 import type { Component } from 'vue';
+export type IconPropType = string | Component;
 export declare const iconPropType: import("vue").PropType<string | Component>;
 export declare const CloseComponents: {
     Close: any;

package/es/utils/vue/icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"icon.mjs","sources":["../../../../../packages/utils/vue/icon.ts"],"sourcesContent":["import {\n  CircleCheck,\n  CircleClose,\n  CircleCloseFilled,\n  Close,\n  InfoFilled,\n  Loading,\n  SuccessFilled,\n  WarningFilled,\n} from '@element-plus/icons-vue'\nimport { definePropType } from './props'\n\nimport type { Component } from 'vue'\n\nexport const iconPropType = definePropType<string | Component>([\n  String,\n  Object,\n  Function,\n])\n\nexport const CloseComponents = {\n  Close,\n}\n\nexport const TypeComponents = {\n  Close,\n  SuccessFilled,\n  InfoFilled,\n  WarningFilled,\n  CircleCloseFilled,\n}\n\nexport const TypeComponentsMap = {\n  primary: InfoFilled,\n  success: SuccessFilled,\n  warning: WarningFilled,\n  error: CircleCloseFilled,\n  info: InfoFilled,\n}\n\nexport const ValidateComponentsMap = {\n  validating: Loading,\n  success: CircleCheck,\n  error: CircleClose,\n}\n\n// All icon components have the same type, so we can pick any one of them to get the type\nexport type IconComponent = typeof Loading\n"],"names":[],"mappings":";;;AAcO,MAAM,eAAe,cAAA,CAAmC;AAAA,EAC7D,MAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAC;AAEM,MAAM,eAAA,GAAkB;AAAA,EAC7B;AACF;AAEO,MAAM,cAAA,GAAiB;AAAA,EAC5B,KAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF;AAEO,MAAM,iBAAA,GAAoB;AAAA,EAC/B,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS,aAAA;AAAA,EACT,OAAA,EAAS,aAAA;AAAA,EACT,KAAA,EAAO,iBAAA;AAAA,EACP,IAAA,EAAM;AACR;AAEO,MAAM,qBAAA,GAAwB;AAAA,EACnC,UAAA,EAAY,OAAA;AAAA,EACZ,OAAA,EAAS,WAAA;AAAA,EACT,KAAA,EAAO;AACT;;;;"}
+{"version":3,"file":"icon.mjs","sources":["../../../../../packages/utils/vue/icon.ts"],"sourcesContent":["import {\n  CircleCheck,\n  CircleClose,\n  CircleCloseFilled,\n  Close,\n  InfoFilled,\n  Loading,\n  SuccessFilled,\n  WarningFilled,\n} from '@element-plus/icons-vue'\nimport { definePropType } from './props'\n\nimport type { Component } from 'vue'\n\nexport type IconPropType = string | Component\n\nexport const iconPropType = definePropType<string | Component>([\n  String,\n  Object,\n  Function,\n])\n\nexport const CloseComponents = {\n  Close,\n}\n\nexport const TypeComponents = {\n  Close,\n  SuccessFilled,\n  InfoFilled,\n  WarningFilled,\n  CircleCloseFilled,\n}\n\nexport const TypeComponentsMap = {\n  primary: InfoFilled,\n  success: SuccessFilled,\n  warning: WarningFilled,\n  error: CircleCloseFilled,\n  info: InfoFilled,\n}\n\nexport const ValidateComponentsMap = {\n  validating: Loading,\n  success: CircleCheck,\n  error: CircleClose,\n}\n\n// All icon components have the same type, so we can pick any one of them to get the type\nexport type IconComponent = typeof Loading\n"],"names":[],"mappings":";;;AAgBO,MAAM,eAAe,cAAA,CAAmC;AAAA,EAC7D,MAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAC;AAEM,MAAM,eAAA,GAAkB;AAAA,EAC7B;AACF;AAEO,MAAM,cAAA,GAAiB;AAAA,EAC5B,KAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF;AAEO,MAAM,iBAAA,GAAoB;AAAA,EAC/B,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS,aAAA;AAAA,EACT,OAAA,EAAS,aAAA;AAAA,EACT,KAAA,EAAO,iBAAA;AAAA,EACP,IAAA,EAAM;AACR;AAEO,MAAM,qBAAA,GAAwB;AAAA,EACnC,UAAA,EAAY,OAAA;AAAA,EACZ,OAAA,EAAS,WAAA;AAAA,EACT,KAAA,EAAO;AACT;;;;"}

package/es/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20260118";
+export declare const version = "0.0.20260119";

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "0.0.20260118";
+const version = "0.0.20260119";
 
 export { version };
 //# sourceMappingURL=version.mjs.map

package/es/version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20260118'\n"],"names":[],"mappings":"AAAO,MAAM,OAAA,GAAU;;;;"}
+{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20260119'\n"],"names":[],"mappings":"AAAO,MAAM,OAAA,GAAU;;;;"}

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

@@ -1,23 +1,54 @@
 import type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue';
 import type { Placement, PopperEffect } from '@element-plus/nightly/es/components/popper';
 export declare const avatarGroupProps: {
+    /**
+     * @description control the size of avatars in this avatar-group
+     */
     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 type: import("vue").PropType<number | "" | "small" | "default" | "large" | undefined>;
+        readonly values: readonly ["", "default", "small", "large"];
+        readonly validator: (val: unknown) => val is number;
     };
+    /**
+     * @description control the shape of avatars in this avatar-group
+     */
     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 type: import("vue").PropType<"circle" | "square" | undefined>;
+        readonly values: readonly ["circle", "square"];
     };
+    /**
+     * @description whether to collapse avatars
+     */
     readonly collapseAvatars: BooleanConstructor;
+    /**
+     * @description whether show all collapsed avatars when mouse hover text of the collapse-avatar. To use this, `collapse-avatars` must be true
+     */
     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>;
+    /**
+     * @description the max avatars number to be shown. To use this, `collapse-avatars` must be true
+     */
+    readonly maxCollapseAvatars: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    /**
+     * @description tooltip theme, built-in theme: `dark` / `light`
+     */
+    readonly effect: {
+        readonly type: import("vue").PropType<PopperEffect>;
+        readonly default: "light";
+    };
+    /**
+     * @description placement of tooltip
+     */
+    readonly placement: {
+        readonly type: import("vue").PropType<Placement>;
+        readonly values: Placement[];
+        readonly default: "top";
+    };
+    /**
+     * @description custom class name for tooltip
+     */
     readonly popperClass: {
         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | {
             [x: string]: boolean;
@@ -120,18 +151,24 @@ export declare const avatarGroupProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    /**
+     * @description custom style for tooltip
+     */
     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;
     };
+    /**
+     * @description custom class name for the collapse-avatar
+     */
     readonly collapseClass: StringConstructor;
+    /**
+     * @description custom style for the collapse-avatar
+     */
     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;
+        readonly type: import("vue").PropType<StyleValue>;
     };
 };
 export type AvatarGroupProps = ExtractPropTypes<typeof avatarGroupProps>;

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

@@ -1,19 +1,27 @@
 'use strict';
 
 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');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var types = require('../../../utils/types.js');
+var size = require('../../../constants/size.js');
 
-const avatarGroupProps = runtime.buildProps({
+const avatarGroupProps = {
   /**
    * @description control the size of avatars in this avatar-group
    */
-  size: avatar.avatarProps.size,
+  size: {
+    type: runtime.definePropType([Number, String]),
+    values: size.componentSizes,
+    validator: (val) => types.isNumber(val)
+  },
   /**
    * @description control the shape of avatars in this avatar-group
    */
-  shape: avatar.avatarProps.shape,
+  shape: {
+    type: runtime.definePropType(String),
+    values: ["circle", "square"]
+  },
   /**
    * @description whether to collapse avatars
    */
@@ -62,7 +70,7 @@ const avatarGroupProps = runtime.buildProps({
   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

@@ -1 +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,kBAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIzC,MAAMC,kBAAA,CAAY,IAAA;AAAA;AAAA;AAAA;AAAA,EAIlB,OAAOA,kBAAA,CAAY,KAAA;AAAA;AAAA;AAAA;AAAA,EAInB,eAAA,EAAiB,OAAA;AAAA;AAAA;AAAA;AAAA,EAIjB,sBAAA,EAAwB,OAAA;AAAA;AAAA;AAAA;AAAA,EAIxB,kBAAA,EAAoB;AAAA,IAClB,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAMC,uBAA6B,MAAM,CAAA;AAAA,IACzC,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAMA,uBAA0B,MAAM,CAAA;AAAA,IACtC,MAAA,EAAQC,eAAA;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAaC,8BAAA,CAAuB,WAAA;AAAA;AAAA;AAAA;AAAA,EAIpC,aAAaA,8BAAA,CAAuB,WAAA;AAAA;AAAA;AAAA;AAAA,EAIpC,aAAA,EAAe,MAAA;AAAA;AAAA;AAAA;AAAA,EAIf,aAAA,EAAe;AAAA,IACb,MAAMF,sBAAA,CAA2B,CAAC,MAAA,EAAQ,KAAA,EAAO,MAAM,CAAC;AAAA;AAE5D,CAAU;;;;"}
+{"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 { definePropType, isNumber } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\n\nimport type { AvatarProps } from './avatar'\nimport type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue'\nimport type { Placement, PopperEffect } from '@element-plus/components/popper'\n\nexport const avatarGroupProps = {\n  /**\n   * @description control the size of avatars in this avatar-group\n   */\n  size: {\n    type: definePropType<AvatarProps['size']>([Number, String]),\n    values: componentSizes,\n    validator: (val: unknown): val is number => isNumber(val),\n  },\n  /**\n   * @description control the shape of avatars in this avatar-group\n   */\n  shape: {\n    type: definePropType<AvatarProps['shape']>(String),\n    values: ['circle', 'square'] as const,\n  },\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":["definePropType","componentSizes","isNumber","placements","useTooltipContentProps"],"mappings":";;;;;;;;AASO,MAAM,gBAAA,GAAmB;AAAA;AAAA;AAAA;AAAA,EAI9B,IAAA,EAAM;AAAA,IACJ,IAAA,EAAMA,sBAAA,CAAoC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IAC1D,MAAA,EAAQC,mBAAA;AAAA,IACR,SAAA,EAAW,CAAC,GAAA,KAAgCC,cAAA,CAAS,GAAG;AAAA,GAC1D;AAAA;AAAA;AAAA;AAAA,EAIA,KAAA,EAAO;AAAA,IACL,IAAA,EAAMF,uBAAqC,MAAM,CAAA;AAAA,IACjD,MAAA,EAAQ,CAAC,QAAA,EAAU,QAAQ;AAAA,GAC7B;AAAA;AAAA;AAAA;AAAA,EAIA,eAAA,EAAiB,OAAA;AAAA;AAAA;AAAA;AAAA,EAIjB,sBAAA,EAAwB,OAAA;AAAA;AAAA;AAAA;AAAA,EAIxB,kBAAA,EAAoB;AAAA,IAClB,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAMA,uBAA6B,MAAM,CAAA;AAAA,IACzC,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAMA,uBAA0B,MAAM,CAAA;AAAA,IACtC,MAAA,EAAQG,eAAA;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAaC,8BAAA,CAAuB,WAAA;AAAA;AAAA;AAAA;AAAA,EAIpC,aAAaA,8BAAA,CAAuB,WAAA;AAAA;AAAA;AAAA;AAAA,EAIpC,aAAA,EAAe,MAAA;AAAA;AAAA;AAAA;AAAA,EAIf,aAAA,EAAe;AAAA,IACb,MAAMJ,sBAAA,CAA2B,CAAC,MAAA,EAAQ,KAAA,EAAO,MAAM,CAAC;AAAA;AAE5D;;;;"}

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

@@ -1,21 +1,28 @@
 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 type: import("vue").PropType<number | "" | "small" | "default" | "large" | undefined>;
+        readonly values: readonly ["", "default", "small", "large"];
+        readonly validator: (val: unknown) => val is number;
     };
     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 type: import("vue").PropType<"circle" | "square" | undefined>;
+        readonly values: readonly ["circle", "square"];
     };
     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 maxCollapseAvatars: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly effect: {
+        readonly type: import("vue").PropType<import("element-plus").PopperEffect>;
+        readonly default: "light";
+    };
+    readonly placement: {
+        readonly type: import("vue").PropType<import("element-plus").Placement>;
+        readonly values: import("element-plus").Placement[];
+        readonly default: "top";
+    };
     readonly popperClass: {
         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | {
             [x: string]: boolean;
@@ -126,29 +133,33 @@ declare const _default: import("vue").DefineComponent<{
     };
     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 type: import("vue").PropType<import("vue").StyleValue>;
     };
 }, () => 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 type: import("vue").PropType<number | "" | "small" | "default" | "large" | undefined>;
+        readonly values: readonly ["", "default", "small", "large"];
+        readonly validator: (val: unknown) => val is number;
     };
     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 type: import("vue").PropType<"circle" | "square" | undefined>;
+        readonly values: readonly ["circle", "square"];
     };
     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 maxCollapseAvatars: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly effect: {
+        readonly type: import("vue").PropType<import("element-plus").PopperEffect>;
+        readonly default: "light";
+    };
+    readonly placement: {
+        readonly type: import("vue").PropType<import("element-plus").Placement>;
+        readonly values: import("element-plus").Placement[];
+        readonly default: "top";
+    };
     readonly popperClass: {
         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | {
             [x: string]: boolean;
@@ -259,16 +270,13 @@ declare const _default: import("vue").DefineComponent<{
     };
     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 type: import("vue").PropType<import("vue").StyleValue>;
     };
 }>>, {
-    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 placement: import("element-plus").Placement;
+    readonly effect: import("element-plus").PopperEffect;
     readonly collapseAvatars: boolean;
     readonly collapseAvatarsTooltip: boolean;
+    readonly maxCollapseAvatars: number;
 }, {}>;
 export default _default;

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

@@ -1,4 +1,38 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { CSSProperties, Component, ExtractPublicPropTypes } from 'vue';
+import type { ComponentSize } from '@element-plus/nightly/es/constants';
+export interface AvatarProps {
+    /**
+     * @description avatar size.
+     */
+    size?: number | ComponentSize;
+    /**
+     * @description avatar shape.
+     */
+    shape?: 'circle' | 'square';
+    /**
+     * @description representation type to icon, more info on icon component.
+     */
+    icon?: string | Component;
+    /**
+     * @description the source of the image for an image avatar.
+     */
+    src?: string;
+    /**
+     * @description native attribute `alt` of image avatar.
+     */
+    alt?: string;
+    /**
+     * @description native attribute srcset of image avatar.
+     */
+    srcSet?: string;
+    /**
+     * @description set how the image fit its container for an image avatar.
+     */
+    fit?: CSSProperties['object-fit'];
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `AvatarProps` instead.
+ */
 export declare const avatarProps: {
     readonly size: {
         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number>>;
@@ -13,7 +47,7 @@ export declare const avatarProps: {
         __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 type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -23,7 +57,9 @@ export declare const avatarProps: {
     readonly srcSet: StringConstructor;
     readonly fit: import("@element-plus/nightly/es/utils").EpPropFinalized<(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, "cover", boolean>;
 };
-export type AvatarProps = ExtractPropTypes<typeof avatarProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `AvatarProps` instead.
+ */
 export type AvatarPropsPublic = ExtractPublicPropTypes<typeof avatarProps>;
 export declare const avatarEmits: {
     error: (evt: Event) => boolean;

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    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,kBAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIpC,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,MAAA,EAAQC,mBAAA;AAAA,IACR,SAAA,EAAW,CAAC,GAAA,KAAgCC,cAAA,CAAS,GAAG;AAAA,GAC1D;AAAA;AAAA;AAAA;AAAA,EAIA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,QAAA,EAAU,QAAQ;AAAA,GAC7B;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAMC;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,GAAA,EAAK,MAAA;AAAA;AAAA;AAAA;AAAA,EAIL,MAAA,EAAQ,MAAA;AAAA;AAAA;AAAA;AAAA,EAIR,GAAA,EAAK;AAAA,IACH,IAAA,EAAMC,uBAA4C,MAAM,CAAA;AAAA,IACxD,OAAA,EAAS;AAAA;AAEb,CAAU;AAIH,MAAM,WAAA,GAAc;AAAA,EACzB,KAAA,EAAO,CAAC,GAAA,KAAe,GAAA,YAAe;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 { CSSProperties, Component, ExtractPublicPropTypes } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\n\nexport interface AvatarProps {\n  /**\n   * @description avatar size.\n   */\n  size?: number | ComponentSize\n  /**\n   * @description avatar shape.\n   */\n  shape?: 'circle' | 'square'\n  /**\n   * @description representation type to icon, more info on icon component.\n   */\n  icon?: string | Component\n  /**\n   * @description the source of the image for an image avatar.\n   */\n  src?: string\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?: CSSProperties['object-fit']\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `AvatarProps` instead.\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)\n\n/**\n * @deprecated Removed after 3.0.0, Use `AvatarProps` instead.\n */\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":";;;;;;;AA6CO,MAAM,cAAcA,kBAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIpC,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,MAAA,EAAQC,mBAAA;AAAA,IACR,SAAA,EAAW,CAAC,GAAA,KAAgCC,cAAA,CAAS,GAAG;AAAA,GAC1D;AAAA;AAAA;AAAA;AAAA,EAIA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,QAAA,EAAU,QAAQ;AAAA,GAC7B;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAMC;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,GAAA,EAAK,MAAA;AAAA;AAAA;AAAA;AAAA,EAIL,MAAA,EAAQ,MAAA;AAAA;AAAA;AAAA;AAAA,EAIR,GAAA,EAAK;AAAA,IACH,IAAA,EAAMC,uBAA4C,MAAM,CAAA;AAAA,IACxD,OAAA,EAAS;AAAA;AAEb,CAAU;AAOH,MAAM,WAAA,GAAc;AAAA,EACzB,KAAA,EAAO,CAAC,GAAA,KAAe,GAAA,YAAe;AACxC;;;;;"}

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

@@ -1,66 +1,43 @@
+import type { AvatarProps } from './avatar';
 declare var __VLS_11: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_11) => any;
 };
-declare const __VLS_base: 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 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;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly src: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly alt: StringConstructor;
-    readonly srcSet: StringConstructor;
-    readonly fit: import("@element-plus/nightly/es/utils").EpPropFinalized<(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, "cover", boolean>;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<AvatarProps>, {
+    src: string;
+    fit: string;
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (evt: Event) => void;
-}, 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 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;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly src: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly alt: StringConstructor;
-    readonly srcSet: StringConstructor;
-    readonly fit: import("@element-plus/nightly/es/utils").EpPropFinalized<(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, "cover", boolean>;
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<AvatarProps>, {
+    src: string;
+    fit: string;
+}>>> & {
     onError?: ((evt: Event) => any) | undefined;
 }, {
-    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>;
+    src: string;
+    fit: import("csstype").Property.ObjectFit;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -17,7 +17,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElAvatar"
   },
   __name: "avatar",
-  props: avatar.avatarProps,
+  props: {
+    size: { type: null, required: false },
+    shape: { type: String, required: false },
+    icon: { type: null, required: false },
+    src: { type: String, required: false, default: "" },
+    alt: { type: String, required: false },
+    srcSet: { type: String, required: false },
+    fit: { type: null, required: false, default: "cover" }
+  },
   emits: avatar.avatarEmits,
   setup(__props, { emit: __emit }) {
     const props = __props;
@@ -67,16 +75,16 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           style: vue.normalizeStyle(sizeStyle.value)
         },
         [
-          (_ctx.src || _ctx.srcSet) && !hasLoadError.value ? (vue.openBlock(), vue.createElementBlock("img", {
+          (__props.src || __props.srcSet) && !hasLoadError.value ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 0,
-            src: _ctx.src,
-            alt: _ctx.alt,
-            srcset: _ctx.srcSet,
+            src: __props.src,
+            alt: __props.alt,
+            srcset: __props.srcSet,
             style: vue.normalizeStyle(fitStyle.value),
             onError: handleError
-          }, null, 44, _hoisted_1)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), { key: 1 }, {
+          }, null, 44, _hoisted_1)) : __props.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.icon)))
             ]),
             _: 1
             /* STABLE */

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.vue2.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, props.srcSet],\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","_createElementBlock","src","srcSet","alt","icon","_createBlock","_unref","ElIcon","_openBlock","_resolveDynamicComponent","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"avatar.vue2.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 } from './avatar'\nimport { avatarGroupContextKey } from './constants'\n\nimport type { AvatarProps } from './avatar'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElAvatar',\n})\n\nconst props = withDefaults(defineProps<AvatarProps>(), {\n  src: '',\n  fit: 'cover',\n})\n\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, props.srcSet],\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","_createElementBlock","_createBlock","_unref","ElIcon","_openBlock","_resolveDynamicComponent","_renderSlot"],"mappings":"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"}