@element-plus/nightly 0.0.20260720 → 0.0.20260722

package/es/components/message/src/message.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"message.mjs","names":[],"sources":["../../../../../../packages/components/message/src/message.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  iconPropType,\n  isClient,\n  mutable,\n} from '@element-plus/utils'\n\nimport type { AppContext, ExtractPublicPropTypes, VNode } from 'vue'\nimport type { IconPropType, Mutable } from '@element-plus/utils'\nimport type MessageConstructor from './message.vue'\n\nexport interface MessageProps {\n  /**\n   * @description custom class name for Message\n   */\n  customClass?: string\n  /**\n   * @description whether `message` is treated as HTML string\n   */\n  dangerouslyUseHTMLString?: boolean\n  /**\n   * @description display duration, millisecond. If set to 0, it will not turn off automatically\n   */\n  duration?: number\n  /**\n   * @description custom icon component, overrides `type`\n   */\n  icon?: IconPropType\n  /**\n   * @description message dom id\n   */\n  id?: string\n  /**\n   * @description message text\n   */\n  message?: string | VNode | (() => VNode)\n  /**\n   * @description callback function when closed with the message instance as the parameter\n   */\n  onClose?: () => void\n  /**\n   * @description whether to show a close button\n   */\n  showClose?: boolean\n  /**\n   * @description message type\n   */\n  type?: MessageType\n  /**\n   * @description whether message is plain\n   */\n  plain?: boolean\n  /**\n   * @description set the distance to the top of viewport\n   */\n  offset?: number\n  /**\n   * @description message placement position\n   */\n  placement?: MessagePlacement\n  /**\n   * @description message element zIndex value\n   */\n  zIndex?: number\n  /**\n   * @description merge messages with the same content, type of VNode message is not supported\n   */\n  grouping?: boolean\n  /**\n   * @description The number of repetitions, similar to badge, is used as the initial number when used with `grouping`\n   */\n  repeatNum?: number\n}\n\nexport const messageTypes = [\n  'primary',\n  'success',\n  'info',\n  'warning',\n  'error',\n] as const\n\nexport const messagePlacement = [\n  'top',\n  'top-left',\n  'top-right',\n  'bottom',\n  'bottom-left',\n  'bottom-right',\n] as const\n\nexport const MESSAGE_DEFAULT_PLACEMENT = 'top'\n\nexport type MessageType = (typeof messageTypes)[number]\nexport type MessagePlacement = (typeof messagePlacement)[number]\n/** @deprecated please use `MessageType` instead */\nexport type messageType = MessageType // will be removed in 3.0.0.\n\nexport interface MessageConfigContext {\n  max?: number\n  grouping?: boolean\n  duration?: number\n  offset?: number\n  showClose?: boolean\n  plain?: boolean\n  placement?: string\n}\n\nexport const messageDefaults = mutable({\n  customClass: '',\n  dangerouslyUseHTMLString: false,\n  duration: 3000,\n  icon: undefined,\n  id: '',\n  message: '',\n  onClose: undefined,\n  showClose: false,\n  type: 'info',\n  plain: false,\n  offset: 16,\n  placement: undefined,\n  zIndex: 0,\n  grouping: false,\n  repeatNum: 1,\n  appendTo: isClient ? document.body : (undefined as never),\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `MessageProps` instead.\n */\nexport const messageProps = buildProps({\n  /**\n   * @description custom class name for Message\n   */\n  customClass: {\n    type: String,\n    default: messageDefaults.customClass,\n  },\n  /**\n   * @description whether `message` is treated as HTML string\n   */\n  dangerouslyUseHTMLString: {\n    type: Boolean,\n    default: messageDefaults.dangerouslyUseHTMLString,\n  },\n  /**\n   * @description display duration, millisecond. If set to 0, it will not turn off automatically\n   */\n  duration: {\n    type: Number,\n    default: messageDefaults.duration,\n  },\n  /**\n   * @description custom icon component, overrides `type`\n   */\n  icon: {\n    type: iconPropType,\n    default: messageDefaults.icon,\n  },\n  /**\n   * @description message dom id\n   */\n  id: {\n    type: String,\n    default: messageDefaults.id,\n  },\n  /**\n   * @description message text\n   */\n  message: {\n    type: definePropType<string | VNode | (() => VNode)>([\n      String,\n      Object,\n      Function,\n    ]),\n    default: messageDefaults.message,\n  },\n  /**\n   * @description callback function when closed with the message instance as the parameter\n   */\n  onClose: {\n    type: definePropType<() => void>(Function),\n    default: messageDefaults.onClose,\n  },\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: messageDefaults.showClose,\n  },\n  /**\n   * @description message type\n   */\n  type: {\n    type: String,\n    values: messageTypes,\n    default: messageDefaults.type,\n  },\n  /**\n   * @description whether message is plain\n   */\n  plain: {\n    type: Boolean,\n    default: messageDefaults.plain,\n  },\n  /**\n   * @description set the distance to the top of viewport\n   */\n  offset: {\n    type: Number,\n    default: messageDefaults.offset,\n  },\n  /**\n   * @description message placement position\n   */\n  placement: {\n    type: String,\n    values: messagePlacement,\n    default: messageDefaults.placement,\n  },\n  /**\n   * @description message element zIndex value\n   */\n  zIndex: {\n    type: Number,\n    default: messageDefaults.zIndex,\n  },\n  /**\n   * @description merge messages with the same content, type of VNode message is not supported\n   */\n  grouping: {\n    type: Boolean,\n    default: messageDefaults.grouping,\n  },\n  /**\n   * @description The number of repetitions, similar to badge, is used as the initial number when used with `grouping`\n   */\n  repeatNum: {\n    type: Number,\n    default: messageDefaults.repeatNum,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `MessageProps` instead.\n */\nexport type MessagePropsPublic = ExtractPublicPropTypes<typeof messageProps>\n\nexport const messageEmits = {\n  destroy: () => true,\n}\nexport type MessageEmits = typeof messageEmits\n\nexport type MessageInstance = InstanceType<typeof MessageConstructor> & unknown\n\nexport type MessageOptions = Partial<\n  Mutable<\n    Omit<MessageProps, 'id'> & {\n      appendTo?: HTMLElement | string\n    }\n  >\n>\nexport type MessageParams = MessageOptions | MessageOptions['message']\nexport type MessageParamsNormalized = Omit<MessageProps, 'id'> & {\n  /**\n   * @description set the root element for the message, default to `document.body`\n   */\n  appendTo: HTMLElement\n}\nexport type MessageOptionsWithType = Omit<MessageOptions, 'type'>\nexport type MessageParamsWithType =\n  | MessageOptionsWithType\n  | MessageOptions['message']\n\nexport interface MessageHandler {\n  /**\n   * @description close the Message\n   */\n  close: () => void\n}\n\nexport type MessageFn = {\n  (options?: MessageParams, appContext?: null | AppContext): MessageHandler\n  closeAll(type?: MessageType): void\n  closeAllByPlacement(position: MessagePlacement): void\n}\nexport type MessageTypedFn = (\n  options?: MessageParamsWithType,\n  appContext?: null | AppContext\n) => MessageHandler\n\nexport type Message = MessageFn & {\n  primary: MessageTypedFn\n  success: MessageTypedFn\n  warning: MessageTypedFn\n  info: MessageTypedFn\n  error: MessageTypedFn\n}\n"],"mappings":";;;;;AA2EA,MAAa,eAAe;CAC1B;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,mBAAmB;CAC9B;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,4BAA4B;AAiBzC,MAAa,kBAAkB,QAAQ;CACrC,aAAa;CACb,0BAA0B;CAC1B,UAAU;CACV,MAAM,KAAA;CACN,IAAI;CACJ,SAAS;CACT,SAAS,KAAA;CACT,WAAW;CACX,MAAM;CACN,OAAO;CACP,QAAQ;CACR,WAAW,KAAA;CACX,QAAQ;CACR,UAAU;CACV,WAAW;CACX,UAAU,WAAW,SAAS,OAAQ,KAAA;CACvC,CAAU;;;;AAKX,MAAa,eAAe,WAAW;;;;CAIrC,aAAa;EACX,MAAM;EACN,SAAS,gBAAgB;EAC1B;;;;CAID,0BAA0B;EACxB,MAAM;EACN,SAAS,gBAAgB;EAC1B;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS,gBAAgB;EAC1B;;;;CAID,MAAM;EACJ,MAAM;EACN,SAAS,gBAAgB;EAC1B;;;;CAID,IAAI;EACF,MAAM;EACN,SAAS,gBAAgB;EAC1B;;;;CAID,SAAS;EACP,MAAM,eAA+C;GACnD;GACA;GACA;GACD,CAAC;EACF,SAAS,gBAAgB;EAC1B;;;;CAID,SAAS;EACP,MAAM,eAA2B,SAAS;EAC1C,SAAS,gBAAgB;EAC1B;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS,gBAAgB;EAC1B;;;;CAID,MAAM;EACJ,MAAM;EACN,QAAQ;EACR,SAAS,gBAAgB;EAC1B;;;;CAID,OAAO;EACL,MAAM;EACN,SAAS,gBAAgB;EAC1B;;;;CAID,QAAQ;EACN,MAAM;EACN,SAAS,gBAAgB;EAC1B;;;;CAID,WAAW;EACT,MAAM;EACN,QAAQ;EACR,SAAS,gBAAgB;EAC1B;;;;CAID,QAAQ;EACN,MAAM;EACN,SAAS,gBAAgB;EAC1B;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS,gBAAgB;EAC1B;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS,gBAAgB;EAC1B;CACF,CAAU;AAOX,MAAa,eAAe,EAC1B,eAAe,MAChB"}
+{"version":3,"file":"message.mjs","names":[],"sources":["../../../../../../packages/components/message/src/message.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  iconPropType,\n  isClient,\n  mutable,\n} from '@element-plus/utils'\n\nimport type { AppContext, ExtractPublicPropTypes, VNode } from 'vue'\nimport type { ClassValue, IconPropType, Mutable } from '@element-plus/utils'\nimport type MessageConstructor from './message.vue'\n\nexport interface MessageProps {\n  /**\n   * @description custom class name for Message\n   */\n  customClass?: ClassValue\n  /**\n   * @description whether `message` is treated as HTML string\n   */\n  dangerouslyUseHTMLString?: boolean\n  /**\n   * @description display duration, millisecond. If set to 0, it will not turn off automatically\n   */\n  duration?: number\n  /**\n   * @description custom icon component, overrides `type`\n   */\n  icon?: IconPropType\n  /**\n   * @description message dom id\n   */\n  id?: string\n  /**\n   * @description message text\n   */\n  message?: string | VNode | (() => VNode)\n  /**\n   * @description callback function when closed with the message instance as the parameter\n   */\n  onClose?: () => void\n  /**\n   * @description whether to show a close button\n   */\n  showClose?: boolean\n  /**\n   * @description message type\n   */\n  type?: MessageType\n  /**\n   * @description whether message is plain\n   */\n  plain?: boolean\n  /**\n   * @description set the distance to the top of viewport\n   */\n  offset?: number\n  /**\n   * @description message placement position\n   */\n  placement?: MessagePlacement\n  /**\n   * @description message element zIndex value\n   */\n  zIndex?: number\n  /**\n   * @description merge messages with the same content, type of VNode message is not supported\n   */\n  grouping?: boolean\n  /**\n   * @description The number of repetitions, similar to badge, is used as the initial number when used with `grouping`\n   */\n  repeatNum?: number\n}\n\nexport const messageTypes = [\n  'primary',\n  'success',\n  'info',\n  'warning',\n  'error',\n] as const\n\nexport const messagePlacement = [\n  'top',\n  'top-left',\n  'top-right',\n  'bottom',\n  'bottom-left',\n  'bottom-right',\n] as const\n\nexport const MESSAGE_DEFAULT_PLACEMENT = 'top'\n\nexport type MessageType = (typeof messageTypes)[number]\nexport type MessagePlacement = (typeof messagePlacement)[number]\n/** @deprecated please use `MessageType` instead */\nexport type messageType = MessageType // will be removed in 3.0.0.\n\nexport interface MessageConfigContext {\n  max?: number\n  grouping?: boolean\n  duration?: number\n  offset?: number\n  showClose?: boolean\n  plain?: boolean\n  placement?: string\n}\n\nexport const messageDefaults = mutable({\n  customClass: '',\n  dangerouslyUseHTMLString: false,\n  duration: 3000,\n  icon: undefined,\n  id: '',\n  message: '',\n  onClose: undefined,\n  showClose: false,\n  type: 'info',\n  plain: false,\n  offset: 16,\n  placement: undefined,\n  zIndex: 0,\n  grouping: false,\n  repeatNum: 1,\n  appendTo: isClient ? document.body : (undefined as never),\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `MessageProps` instead.\n */\nexport const messageProps = buildProps({\n  /**\n   * @description custom class name for Message\n   */\n  customClass: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: messageDefaults.customClass,\n  },\n  /**\n   * @description whether `message` is treated as HTML string\n   */\n  dangerouslyUseHTMLString: {\n    type: Boolean,\n    default: messageDefaults.dangerouslyUseHTMLString,\n  },\n  /**\n   * @description display duration, millisecond. If set to 0, it will not turn off automatically\n   */\n  duration: {\n    type: Number,\n    default: messageDefaults.duration,\n  },\n  /**\n   * @description custom icon component, overrides `type`\n   */\n  icon: {\n    type: iconPropType,\n    default: messageDefaults.icon,\n  },\n  /**\n   * @description message dom id\n   */\n  id: {\n    type: String,\n    default: messageDefaults.id,\n  },\n  /**\n   * @description message text\n   */\n  message: {\n    type: definePropType<string | VNode | (() => VNode)>([\n      String,\n      Object,\n      Function,\n    ]),\n    default: messageDefaults.message,\n  },\n  /**\n   * @description callback function when closed with the message instance as the parameter\n   */\n  onClose: {\n    type: definePropType<() => void>(Function),\n    default: messageDefaults.onClose,\n  },\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: messageDefaults.showClose,\n  },\n  /**\n   * @description message type\n   */\n  type: {\n    type: String,\n    values: messageTypes,\n    default: messageDefaults.type,\n  },\n  /**\n   * @description whether message is plain\n   */\n  plain: {\n    type: Boolean,\n    default: messageDefaults.plain,\n  },\n  /**\n   * @description set the distance to the top of viewport\n   */\n  offset: {\n    type: Number,\n    default: messageDefaults.offset,\n  },\n  /**\n   * @description message placement position\n   */\n  placement: {\n    type: String,\n    values: messagePlacement,\n    default: messageDefaults.placement,\n  },\n  /**\n   * @description message element zIndex value\n   */\n  zIndex: {\n    type: Number,\n    default: messageDefaults.zIndex,\n  },\n  /**\n   * @description merge messages with the same content, type of VNode message is not supported\n   */\n  grouping: {\n    type: Boolean,\n    default: messageDefaults.grouping,\n  },\n  /**\n   * @description The number of repetitions, similar to badge, is used as the initial number when used with `grouping`\n   */\n  repeatNum: {\n    type: Number,\n    default: messageDefaults.repeatNum,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `MessageProps` instead.\n */\nexport type MessagePropsPublic = ExtractPublicPropTypes<typeof messageProps>\n\nexport const messageEmits = {\n  destroy: () => true,\n}\nexport type MessageEmits = typeof messageEmits\n\nexport type MessageInstance = InstanceType<typeof MessageConstructor> & unknown\n\nexport type MessageOptions = Partial<\n  Mutable<\n    Omit<MessageProps, 'id'> & {\n      appendTo?: HTMLElement | string\n    }\n  >\n>\nexport type MessageParams = MessageOptions | MessageOptions['message']\nexport type MessageParamsNormalized = Omit<MessageProps, 'id'> & {\n  /**\n   * @description set the root element for the message, default to `document.body`\n   */\n  appendTo: HTMLElement\n}\nexport type MessageOptionsWithType = Omit<MessageOptions, 'type'>\nexport type MessageParamsWithType =\n  MessageOptionsWithType | MessageOptions['message']\n\nexport interface MessageHandler {\n  /**\n   * @description close the Message\n   */\n  close: () => void\n}\n\nexport type MessageFn = {\n  (options?: MessageParams, appContext?: null | AppContext): MessageHandler\n  closeAll(type?: MessageType): void\n  closeAllByPlacement(position: MessagePlacement): void\n}\nexport type MessageTypedFn = (\n  options?: MessageParamsWithType,\n  appContext?: null | AppContext\n) => MessageHandler\n\nexport type Message = MessageFn & {\n  primary: MessageTypedFn\n  success: MessageTypedFn\n  warning: MessageTypedFn\n  info: MessageTypedFn\n  error: MessageTypedFn\n}\n"],"mappings":";;;;;AA2EA,MAAa,eAAe;CAC1B;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,mBAAmB;CAC9B;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,4BAA4B;AAiBzC,MAAa,kBAAkB,QAAQ;CACrC,aAAa;CACb,0BAA0B;CAC1B,UAAU;CACV,MAAM,KAAA;CACN,IAAI;CACJ,SAAS;CACT,SAAS,KAAA;CACT,WAAW;CACX,MAAM;CACN,OAAO;CACP,QAAQ;CACR,WAAW,KAAA;CACX,QAAQ;CACR,UAAU;CACV,WAAW;CACX,UAAU,WAAW,SAAS,OAAQ,KAAA;CACvC,CAAU;;;;AAKX,MAAa,eAAe,WAAW;;;;CAIrC,aAAa;EACX,MAAM,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS,gBAAgB;EAC1B;;;;CAID,0BAA0B;EACxB,MAAM;EACN,SAAS,gBAAgB;EAC1B;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS,gBAAgB;EAC1B;;;;CAID,MAAM;EACJ,MAAM;EACN,SAAS,gBAAgB;EAC1B;;;;CAID,IAAI;EACF,MAAM;EACN,SAAS,gBAAgB;EAC1B;;;;CAID,SAAS;EACP,MAAM,eAA+C;GACnD;GACA;GACA;GACD,CAAC;EACF,SAAS,gBAAgB;EAC1B;;;;CAID,SAAS;EACP,MAAM,eAA2B,SAAS;EAC1C,SAAS,gBAAgB;EAC1B;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS,gBAAgB;EAC1B;;;;CAID,MAAM;EACJ,MAAM;EACN,QAAQ;EACR,SAAS,gBAAgB;EAC1B;;;;CAID,OAAO;EACL,MAAM;EACN,SAAS,gBAAgB;EAC1B;;;;CAID,QAAQ;EACN,MAAM;EACN,SAAS,gBAAgB;EAC1B;;;;CAID,WAAW;EACT,MAAM;EACN,QAAQ;EACR,SAAS,gBAAgB;EAC1B;;;;CAID,QAAQ;EACN,MAAM;EACN,SAAS,gBAAgB;EAC1B;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS,gBAAgB;EAC1B;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS,gBAAgB;EAC1B;CACF,CAAU;AAOX,MAAa,eAAe,EAC1B,eAAe,MAChB"}

package/es/components/message/src/message.vue.d.ts

@@ -1,4 +1,5 @@
 import { IconPropType } from "../../../utils/vue/icon.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import { MessagePlacement, MessageProps, MessageType } from "./message.js";
 import * as _$vue from "vue";
 
@@ -18,17 +19,17 @@ declare const __VLS_base: _$vue.DefineComponent<MessageProps, {
   onDestroy?: (() => any) | undefined;
 }>, {
   type: MessageType;
-  offset: number;
-  placement: MessagePlacement;
-  id: string;
+  message: string | _$vue.VNode | (() => _$vue.VNode);
   zIndex: number;
+  offset: number;
   onClose: () => void;
+  id: string;
   icon: IconPropType;
+  placement: MessagePlacement;
   plain: boolean;
-  message: string | _$vue.VNode | (() => _$vue.VNode);
   showClose: boolean;
   duration: number;
-  customClass: string;
+  customClass: string | false | Record<string, any> | ClassValue[] | null;
   dangerouslyUseHTMLString: boolean;
   grouping: boolean;
   repeatNum: number;

package/es/components/message/src/method.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"method.mjs","names":["MessageConstructor"],"sources":["../../../../../../packages/components/message/src/method.ts"],"sourcesContent":["import { createVNode, isVNode, render } from 'vue'\nimport {\n  debugWarn,\n  hasOwn,\n  isBoolean,\n  isClient,\n  isElement,\n  isFunction,\n  isNumber,\n  isString,\n} from '@element-plus/utils'\nimport { messageConfig } from '@element-plus/components/config-provider'\nimport MessageConstructor from './message.vue'\nimport {\n  MESSAGE_DEFAULT_PLACEMENT,\n  messageDefaults,\n  messagePlacement,\n  messageTypes,\n} from './message'\nimport { getOrCreatePlacementInstances, placementInstances } from './instance'\n\nimport type { MessageContext } from './instance'\nimport type { AppContext } from 'vue'\nimport type {\n  Message,\n  MessageFn,\n  MessageHandler,\n  MessageOptions,\n  MessageParams,\n  MessageParamsNormalized,\n  MessagePlacement,\n  MessageType,\n} from './message'\n\nlet seed = 1\n\n// TODO: Since Notify.ts is basically the same like this file. So we could do some encapsulation against them to reduce code duplication.\n\nconst normalizeAppendTo = (normalized: MessageOptions) => {\n  const appendTo = normalized.appendTo\n  if (!appendTo) {\n    normalized.appendTo = document.body\n  } else if (isString(normalized.appendTo)) {\n    let appendTo = document.querySelector<HTMLElement>(normalized.appendTo)\n\n    // should fallback to default value with a warning\n    if (!isElement(appendTo)) {\n      debugWarn(\n        'ElMessage',\n        'the appendTo option is not an HTMLElement. Falling back to document.body.'\n      )\n      appendTo = document.body\n    }\n    normalized.appendTo = appendTo\n  }\n}\n\nconst normalizePlacement = (normalized: MessageOptions) => {\n  // if placement is not passed and global has config, use global config\n  if (\n    !normalized.placement &&\n    isString(messageConfig.placement) &&\n    messageConfig.placement\n  ) {\n    normalized.placement = messageConfig.placement as\n      | MessagePlacement\n      | undefined\n  }\n  // if placement is not passed and global has no config, use default config\n  if (!normalized.placement) {\n    normalized.placement = MESSAGE_DEFAULT_PLACEMENT\n  }\n  // if placement is not valid, use default config\n  if (!messagePlacement.includes(normalized.placement!)) {\n    debugWarn(\n      'ElMessage',\n      `Invalid placement: ${normalized.placement}. Falling back to '${MESSAGE_DEFAULT_PLACEMENT}'.`\n    )\n    normalized.placement = MESSAGE_DEFAULT_PLACEMENT\n  }\n}\n\nconst normalizeOptions = (params?: MessageParams) => {\n  const options: MessageOptions =\n    !params || isString(params) || isVNode(params) || isFunction(params)\n      ? { message: params }\n      : params\n\n  const normalized: MessageOptions = {\n    ...messageDefaults,\n    ...options,\n  }\n\n  normalizeAppendTo(normalized)\n  normalizePlacement(normalized)\n\n  // When grouping is configured globally,\n  // if grouping is manually set when calling message individually and it is not equal to the default value,\n  // the global configuration cannot override the current setting. default => false\n  if (isBoolean(messageConfig.grouping) && !normalized.grouping) {\n    normalized.grouping = messageConfig.grouping\n  }\n  if (isNumber(messageConfig.duration) && normalized.duration === 3000) {\n    normalized.duration = messageConfig.duration\n  }\n  if (isNumber(messageConfig.offset) && normalized.offset === 16) {\n    normalized.offset = messageConfig.offset\n  }\n  if (isBoolean(messageConfig.showClose) && !normalized.showClose) {\n    normalized.showClose = messageConfig.showClose\n  }\n  if (isBoolean(messageConfig.plain) && !normalized.plain) {\n    normalized.plain = messageConfig.plain\n  }\n\n  return normalized as MessageParamsNormalized\n}\n\nconst closeMessage = (instance: MessageContext) => {\n  const placement = instance.props.placement || MESSAGE_DEFAULT_PLACEMENT\n  const instances = placementInstances[placement]\n\n  const idx = instances.indexOf(instance)\n  if (idx === -1) return\n  instances.splice(idx, 1)\n  const { handler } = instance\n  handler.close()\n}\n\nconst createMessage = (\n  { appendTo, ...options }: MessageParamsNormalized,\n  context?: AppContext | null\n): MessageContext => {\n  const id = `message_${seed++}`\n  const userOnClose = options.onClose\n\n  const container = document.createElement('div')\n\n  const props = {\n    ...options,\n    // now the zIndex will be used inside the message.vue component instead of here.\n    // zIndex: nextIndex() + options.zIndex\n    id,\n    onClose: () => {\n      userOnClose?.()\n      closeMessage(instance)\n    },\n\n    // clean message element preventing mem leak\n    onDestroy: () => {\n      // since the element is destroy, then the VNode should be collected by GC as well\n      // we do not want cause any mem leak because we have returned vm as a reference to users\n      // so that we manually set it to false.\n      render(null, container)\n    },\n  }\n  const vnode = createVNode(\n    MessageConstructor,\n    props,\n    isFunction(props.message) || isVNode(props.message)\n      ? {\n          default: isFunction(props.message)\n            ? props.message\n            : () => props.message,\n        }\n      : null\n  )\n  vnode.appContext = context || message._context\n\n  render(vnode, container)\n  // instances will remove this item when close function gets called. So we do not need to worry about it.\n  appendTo.appendChild(container.firstElementChild!)\n\n  const vm = vnode.component!\n\n  const handler: MessageHandler = {\n    // instead of calling the onClose function directly, setting this value so that we can have the full lifecycle\n    // for out component, so that all closing steps will not be skipped.\n    close: () => {\n      vm.exposed!.close()\n    },\n  }\n\n  const instance: MessageContext = {\n    id,\n    vnode,\n    vm,\n    handler,\n    props: (vnode.component as any).props,\n  }\n\n  return instance\n}\n\nconst message: MessageFn &\n  Partial<Message> & { _context: AppContext | null } = (\n  options = {},\n  context\n) => {\n  if (!isClient) return { close: () => undefined }\n\n  const normalized = normalizeOptions(options)\n  const instances = getOrCreatePlacementInstances(\n    normalized.placement || MESSAGE_DEFAULT_PLACEMENT\n  )\n\n  if (normalized.grouping && instances.length) {\n    const instance = instances.find(\n      ({ vnode: vm }) => vm.props?.message === normalized.message\n    )\n    if (instance) {\n      instance.props.repeatNum! += 1\n      instance.props.type = normalized.type\n      return instance.handler\n    }\n  }\n\n  if (isNumber(messageConfig.max) && instances.length >= messageConfig.max) {\n    return { close: () => undefined }\n  }\n\n  const instance = createMessage(normalized, context)\n\n  instances.push(instance)\n  return instance.handler\n}\n\nmessageTypes.forEach((type) => {\n  message[type] = (options = {}, appContext) => {\n    const normalized = normalizeOptions(options)\n    return message({ ...normalized, type }, appContext)\n  }\n})\n\nexport function closeAll(type?: MessageType): void {\n  for (const placement in placementInstances) {\n    if (hasOwn(placementInstances, placement)) {\n      // Create a copy of instances to avoid modification during iteration\n      const instances: MessageContext[] = [...placementInstances[placement]]\n      for (const instance of instances) {\n        if (!type || type === instance.props.type) {\n          instance.handler.close()\n        }\n      }\n    }\n  }\n}\n\nexport function closeAllByPlacement(placement: MessagePlacement) {\n  if (!placementInstances[placement]) return\n  // Create a copy of instances to avoid modification during iteration\n  const instances = [...placementInstances[placement]]\n  instances.forEach((instance) => instance.handler.close())\n}\n\nmessage.closeAll = closeAll\nmessage.closeAllByPlacement = closeAllByPlacement\nmessage._context = null\n\nexport default message as Message\n"],"mappings":"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"}
+{"version":3,"file":"method.mjs","names":["MessageConstructor"],"sources":["../../../../../../packages/components/message/src/method.ts"],"sourcesContent":["import { createVNode, isVNode, render } from 'vue'\nimport {\n  debugWarn,\n  hasOwn,\n  isBoolean,\n  isClient,\n  isElement,\n  isFunction,\n  isNumber,\n  isString,\n} from '@element-plus/utils'\nimport { messageConfig } from '@element-plus/components/config-provider'\nimport MessageConstructor from './message.vue'\nimport {\n  MESSAGE_DEFAULT_PLACEMENT,\n  messageDefaults,\n  messagePlacement,\n  messageTypes,\n} from './message'\nimport { getOrCreatePlacementInstances, placementInstances } from './instance'\n\nimport type { MessageContext } from './instance'\nimport type { AppContext } from 'vue'\nimport type {\n  Message,\n  MessageFn,\n  MessageHandler,\n  MessageOptions,\n  MessageParams,\n  MessageParamsNormalized,\n  MessagePlacement,\n  MessageType,\n} from './message'\n\nlet seed = 1\n\n// TODO: Since Notify.ts is basically the same like this file. So we could do some encapsulation against them to reduce code duplication.\n\nconst normalizeAppendTo = (normalized: MessageOptions) => {\n  const appendTo = normalized.appendTo\n  if (!appendTo) {\n    normalized.appendTo = document.body\n  } else if (isString(normalized.appendTo)) {\n    let appendTo = document.querySelector<HTMLElement>(normalized.appendTo)\n\n    // should fallback to default value with a warning\n    if (!isElement(appendTo)) {\n      debugWarn(\n        'ElMessage',\n        'the appendTo option is not an HTMLElement. Falling back to document.body.'\n      )\n      appendTo = document.body\n    }\n    normalized.appendTo = appendTo\n  }\n}\n\nconst normalizePlacement = (normalized: MessageOptions) => {\n  // if placement is not passed and global has config, use global config\n  if (\n    !normalized.placement &&\n    isString(messageConfig.placement) &&\n    messageConfig.placement\n  ) {\n    normalized.placement = messageConfig.placement as\n      MessagePlacement | undefined\n  }\n  // if placement is not passed and global has no config, use default config\n  if (!normalized.placement) {\n    normalized.placement = MESSAGE_DEFAULT_PLACEMENT\n  }\n  // if placement is not valid, use default config\n  if (!messagePlacement.includes(normalized.placement!)) {\n    debugWarn(\n      'ElMessage',\n      `Invalid placement: ${normalized.placement}. Falling back to '${MESSAGE_DEFAULT_PLACEMENT}'.`\n    )\n    normalized.placement = MESSAGE_DEFAULT_PLACEMENT\n  }\n}\n\nconst normalizeOptions = (params?: MessageParams) => {\n  const options: MessageOptions =\n    !params || isString(params) || isVNode(params) || isFunction(params)\n      ? { message: params }\n      : params\n\n  const normalized: MessageOptions = {\n    ...messageDefaults,\n    ...options,\n  }\n\n  normalizeAppendTo(normalized)\n  normalizePlacement(normalized)\n\n  // When grouping is configured globally,\n  // if grouping is manually set when calling message individually and it is not equal to the default value,\n  // the global configuration cannot override the current setting. default => false\n  if (isBoolean(messageConfig.grouping) && !normalized.grouping) {\n    normalized.grouping = messageConfig.grouping\n  }\n  if (isNumber(messageConfig.duration) && normalized.duration === 3000) {\n    normalized.duration = messageConfig.duration\n  }\n  if (isNumber(messageConfig.offset) && normalized.offset === 16) {\n    normalized.offset = messageConfig.offset\n  }\n  if (isBoolean(messageConfig.showClose) && !normalized.showClose) {\n    normalized.showClose = messageConfig.showClose\n  }\n  if (isBoolean(messageConfig.plain) && !normalized.plain) {\n    normalized.plain = messageConfig.plain\n  }\n\n  return normalized as MessageParamsNormalized\n}\n\nconst closeMessage = (instance: MessageContext) => {\n  const placement = instance.props.placement || MESSAGE_DEFAULT_PLACEMENT\n  const instances = placementInstances[placement]\n\n  const idx = instances.indexOf(instance)\n  if (idx === -1) return\n  instances.splice(idx, 1)\n  const { handler } = instance\n  handler.close()\n}\n\nconst createMessage = (\n  { appendTo, ...options }: MessageParamsNormalized,\n  context?: AppContext | null\n): MessageContext => {\n  const id = `message_${seed++}`\n  const userOnClose = options.onClose\n\n  const container = document.createElement('div')\n\n  const props = {\n    ...options,\n    // now the zIndex will be used inside the message.vue component instead of here.\n    // zIndex: nextIndex() + options.zIndex\n    id,\n    onClose: () => {\n      userOnClose?.()\n      closeMessage(instance)\n    },\n\n    // clean message element preventing mem leak\n    onDestroy: () => {\n      // since the element is destroy, then the VNode should be collected by GC as well\n      // we do not want cause any mem leak because we have returned vm as a reference to users\n      // so that we manually set it to false.\n      render(null, container)\n    },\n  }\n  const vnode = createVNode(\n    MessageConstructor,\n    props,\n    isFunction(props.message) || isVNode(props.message)\n      ? {\n          default: isFunction(props.message)\n            ? props.message\n            : () => props.message,\n        }\n      : null\n  )\n  vnode.appContext = context || message._context\n\n  render(vnode, container)\n  // instances will remove this item when close function gets called. So we do not need to worry about it.\n  appendTo.appendChild(container.firstElementChild!)\n\n  const vm = vnode.component!\n\n  const handler: MessageHandler = {\n    // instead of calling the onClose function directly, setting this value so that we can have the full lifecycle\n    // for out component, so that all closing steps will not be skipped.\n    close: () => {\n      vm.exposed!.close()\n    },\n  }\n\n  const instance: MessageContext = {\n    id,\n    vnode,\n    vm,\n    handler,\n    props: (vnode.component as any).props,\n  }\n\n  return instance\n}\n\nconst message: MessageFn &\n  Partial<Message> & { _context: AppContext | null } = (\n  options = {},\n  context\n) => {\n  if (!isClient) return { close: () => undefined }\n\n  const normalized = normalizeOptions(options)\n  const instances = getOrCreatePlacementInstances(\n    normalized.placement || MESSAGE_DEFAULT_PLACEMENT\n  )\n\n  if (normalized.grouping && instances.length) {\n    const instance = instances.find(\n      ({ vnode: vm }) => vm.props?.message === normalized.message\n    )\n    if (instance) {\n      instance.props.repeatNum! += 1\n      instance.props.type = normalized.type\n      return instance.handler\n    }\n  }\n\n  if (isNumber(messageConfig.max) && instances.length >= messageConfig.max) {\n    return { close: () => undefined }\n  }\n\n  const instance = createMessage(normalized, context)\n\n  instances.push(instance)\n  return instance.handler\n}\n\nmessageTypes.forEach((type) => {\n  message[type] = (options = {}, appContext) => {\n    const normalized = normalizeOptions(options)\n    return message({ ...normalized, type }, appContext)\n  }\n})\n\nexport function closeAll(type?: MessageType): void {\n  for (const placement in placementInstances) {\n    if (hasOwn(placementInstances, placement)) {\n      // Create a copy of instances to avoid modification during iteration\n      const instances: MessageContext[] = [...placementInstances[placement]]\n      for (const instance of instances) {\n        if (!type || type === instance.props.type) {\n          instance.handler.close()\n        }\n      }\n    }\n  }\n}\n\nexport function closeAllByPlacement(placement: MessagePlacement) {\n  if (!placementInstances[placement]) return\n  // Create a copy of instances to avoid modification during iteration\n  const instances = [...placementInstances[placement]]\n  instances.forEach((instance) => instance.handler.close())\n}\n\nmessage.closeAll = closeAll\nmessage.closeAllByPlacement = closeAllByPlacement\nmessage._context = null\n\nexport default message as Message\n"],"mappings":"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"}

package/es/components/message-box/src/index.vue.d.ts

@@ -2,6 +2,7 @@ import { IconPropType } from "../../../utils/vue/icon.js";
 import { SFCWithInstall } from "../../../utils/vue/typescript.js";
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
 import { ComponentSize } from "../../../constants/size.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import { Translator } from "../../../hooks/use-locale/index.js";
 import { InputAutoSize, InputModelModifiers, InputProps, InputType } from "../../input/src/input.js";
 import { InputInstance } from "../../input/src/instance.js";
@@ -229,7 +230,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   autofocus: _$vue.Ref<boolean, boolean>;
   title: _$vue.Ref<string | undefined, string | undefined>;
   message: _$vue.Ref<string, string>;
-  type: _$vue.Ref<"" | "error" | "info" | "primary" | "success" | "warning", "" | "error" | "info" | "primary" | "success" | "warning">;
+  type: _$vue.Ref<"" | "info" | "primary" | "success" | "warning" | "error", "" | "info" | "primary" | "success" | "warning" | "error">;
   icon: _$vue.Ref<string | _$vue.FunctionalComponent<any, {}, any, {}> | {
     new (...args: any[]): any;
     __isFragment?: never;
@@ -4031,8 +4032,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   dangerouslyUseHTMLString: _$vue.Ref<boolean, boolean>;
   confirmButtonText: _$vue.Ref<string, string>;
   cancelButtonText: _$vue.Ref<string, string>;
-  confirmButtonType: _$vue.Ref<"" | "default" | "info" | "text" | "primary" | "success" | "warning" | "danger", "" | "default" | "info" | "text" | "primary" | "success" | "warning" | "danger">;
-  cancelButtonType: _$vue.Ref<"" | "default" | "info" | "text" | "primary" | "success" | "warning" | "danger", "" | "default" | "info" | "text" | "primary" | "success" | "warning" | "danger">;
+  confirmButtonType: _$vue.Ref<"" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
+  cancelButtonType: _$vue.Ref<"" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
   confirmButtonLoading: _$vue.Ref<boolean, boolean>;
   cancelButtonLoading: _$vue.Ref<boolean, boolean>;
   confirmButtonLoadingIcon: _$vue.Ref<string | _$vue.FunctionalComponent<any, {}, any, {}> | {
@@ -4577,9 +4578,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onAction?: ((...args: any[]) => any) | undefined;
   onVanish?: ((...args: any[]) => any) | undefined;
 }>, {
-  overflow: boolean;
   center: boolean;
   container: string;
+  overflow: boolean;
   closeOnClickModal: boolean;
   closeOnPressEscape: boolean;
   lockScroll: boolean;
@@ -4601,20 +4602,20 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }>, {
       ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
       size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-      type: _$vue.ComputedRef<"" | "default" | "info" | "text" | "primary" | "success" | "warning" | "danger">;
+      type: _$vue.ComputedRef<"" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
       disabled: _$vue.ComputedRef<boolean>;
       shouldAddSpace: _$vue.ComputedRef<boolean>;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
       click: (evt: MouseEvent) => void;
     }, _$vue.PublicProps, {
       type: ButtonType;
-      disabled: boolean;
       text: boolean;
+      disabled: boolean;
       round: boolean;
       dashed: boolean;
-      plain: boolean;
       nativeType: ButtonNativeType;
       loadingIcon: IconPropType;
+      plain: boolean;
       autoInsertSpace: boolean;
       tag: string | _$vue.Component;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
@@ -4629,18 +4630,18 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }>, {
       ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
       size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-      type: _$vue.ComputedRef<"" | "default" | "info" | "text" | "primary" | "success" | "warning" | "danger">;
+      type: _$vue.ComputedRef<"" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
       disabled: _$vue.ComputedRef<boolean>;
       shouldAddSpace: _$vue.ComputedRef<boolean>;
     }, {}, {}, {}, {
       type: ButtonType;
-      disabled: boolean;
       text: boolean;
+      disabled: boolean;
       round: boolean;
       dashed: boolean;
-      plain: boolean;
       nativeType: ButtonNativeType;
       loadingIcon: IconPropType;
+      plain: boolean;
       autoInsertSpace: boolean;
       tag: string | _$vue.Component;
     }>;
@@ -4652,20 +4653,20 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }>, {
     ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
     size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-    type: _$vue.ComputedRef<"" | "default" | "info" | "text" | "primary" | "success" | "warning" | "danger">;
+    type: _$vue.ComputedRef<"" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
     disabled: _$vue.ComputedRef<boolean>;
     shouldAddSpace: _$vue.ComputedRef<boolean>;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
     click: (evt: MouseEvent) => void;
   }, string, {
     type: ButtonType;
-    disabled: boolean;
     text: boolean;
+    disabled: boolean;
     round: boolean;
     dashed: boolean;
-    plain: boolean;
     nativeType: ButtonNativeType;
     loadingIcon: IconPropType;
+    plain: boolean;
     autoInsertSpace: boolean;
     tag: string | _$vue.Component;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
@@ -4680,7 +4681,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     setPropsDefaults: (defaults: {
       readonly size?: "" | "default" | "small" | "large" | (() => "" | "default" | "small" | "large") | undefined;
       readonly disabled?: boolean | (() => boolean) | undefined;
-      readonly type?: "" | "default" | "info" | "text" | "primary" | "success" | "warning" | "danger" | (() => "" | "default" | "info" | "text" | "primary" | "success" | "warning" | "danger") | undefined;
+      readonly type?: "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger" | (() => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger") | undefined;
       readonly icon?: string | _$vue.FunctionalComponent<any, {}, any, {}> | {
         new (...args: any[]): any;
         __isFragment?: never;
@@ -4748,18 +4749,18 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
   ElInput: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<InputProps> & Readonly<{
+      "onUpdate:modelValue"?: ((value: string) => any) | undefined;
       onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
       onInput?: ((value: string) => any) | undefined;
+      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+      onFocus?: ((evt: FocusEvent) => any) | undefined;
       onBlur?: ((evt: FocusEvent) => any) | undefined;
-      onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+      onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+      onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+      onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
       onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
       onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-      onFocus?: ((evt: FocusEvent) => any) | undefined;
-      onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
-      onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-      onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
-      "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+      onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
     }>, {
       input: _$vue.ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
       textarea: _$vue.ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
@@ -4774,28 +4775,28 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       clear: (evt?: MouseEvent) => void;
       resizeTextarea: () => void;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+      "update:modelValue": (value: string) => void;
       change: (value: string, evt?: Event | undefined) => void;
       input: (value: string) => void;
+      clear: (evt: MouseEvent | undefined) => void;
+      focus: (evt: FocusEvent) => void;
       blur: (evt: FocusEvent) => void;
-      compositionend: (evt: CompositionEvent) => void;
+      mouseleave: (evt: MouseEvent) => void;
+      mouseenter: (evt: MouseEvent) => void;
+      keydown: (evt: Event | KeyboardEvent) => void;
       compositionstart: (evt: CompositionEvent) => void;
       compositionupdate: (evt: CompositionEvent) => void;
-      focus: (evt: FocusEvent) => void;
-      keydown: (evt: Event | KeyboardEvent) => void;
-      mouseenter: (evt: MouseEvent) => void;
-      mouseleave: (evt: MouseEvent) => void;
-      clear: (evt: MouseEvent | undefined) => void;
-      "update:modelValue": (value: string) => void;
+      compositionend: (evt: CompositionEvent) => void;
     }, _$vue.PublicProps, {
       type: InputType;
       disabled: boolean;
-      clearIcon: IconPropType;
-      validateEvent: boolean;
       modelValue: string | number | null;
       modelModifiers: InputModelModifiers;
       autocomplete: string;
+      clearIcon: IconPropType;
       wordLimitPosition: "inside" | "outside";
       tabindex: string | number;
+      validateEvent: boolean;
       inputStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       rows: number;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
@@ -4806,18 +4807,18 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<InputProps> & Readonly<{
+      "onUpdate:modelValue"?: ((value: string) => any) | undefined;
       onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
       onInput?: ((value: string) => any) | undefined;
+      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+      onFocus?: ((evt: FocusEvent) => any) | undefined;
       onBlur?: ((evt: FocusEvent) => any) | undefined;
-      onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+      onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+      onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+      onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
       onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
       onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-      onFocus?: ((evt: FocusEvent) => any) | undefined;
-      onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
-      onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-      onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
-      "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+      onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
     }>, {
       input: _$vue.ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
       textarea: _$vue.ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
@@ -4834,13 +4835,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }, {}, {}, {}, {
       type: InputType;
       disabled: boolean;
-      clearIcon: IconPropType;
-      validateEvent: boolean;
       modelValue: string | number | null;
       modelModifiers: InputModelModifiers;
       autocomplete: string;
+      clearIcon: IconPropType;
       wordLimitPosition: "inside" | "outside";
       tabindex: string | number;
+      validateEvent: boolean;
       inputStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       rows: number;
     }>;
@@ -4848,18 +4849,18 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<InputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
+    onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+    onFocus?: ((evt: FocusEvent) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
-    onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+    onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+    onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
     onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
     onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-    onFocus?: ((evt: FocusEvent) => any) | undefined;
-    onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
-    onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-    onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
   }>, {
     input: _$vue.ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     textarea: _$vue.ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
@@ -4874,28 +4875,28 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     clear: (evt?: MouseEvent) => void;
     resizeTextarea: () => void;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
     change: (value: string, evt?: Event | undefined) => void;
     input: (value: string) => void;
+    clear: (evt: MouseEvent | undefined) => void;
+    focus: (evt: FocusEvent) => void;
     blur: (evt: FocusEvent) => void;
-    compositionend: (evt: CompositionEvent) => void;
+    mouseleave: (evt: MouseEvent) => void;
+    mouseenter: (evt: MouseEvent) => void;
+    keydown: (evt: Event | KeyboardEvent) => void;
     compositionstart: (evt: CompositionEvent) => void;
     compositionupdate: (evt: CompositionEvent) => void;
-    focus: (evt: FocusEvent) => void;
-    keydown: (evt: Event | KeyboardEvent) => void;
-    mouseenter: (evt: MouseEvent) => void;
-    mouseleave: (evt: MouseEvent) => void;
-    clear: (evt: MouseEvent | undefined) => void;
-    "update:modelValue": (value: string) => void;
+    compositionend: (evt: CompositionEvent) => void;
   }, string, {
     type: InputType;
     disabled: boolean;
-    clearIcon: IconPropType;
-    validateEvent: boolean;
     modelValue: string | number | null;
     modelModifiers: InputModelModifiers;
     autocomplete: string;
+    clearIcon: IconPropType;
     wordLimitPosition: "inside" | "outside";
     tabindex: string | number;
+    validateEvent: boolean;
     inputStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     rows: number;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
@@ -4916,12 +4917,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   ElOverlay: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     readonly mask: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly customMaskEvent: BooleanConstructor;
-    readonly overlayClass: {
-      readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>) | (((new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>)) | null)[], unknown, unknown>>;
-      readonly required: false;
-      readonly validator: ((val: unknown) => boolean) | undefined;
-      __epPropKey: true;
-    };
+    readonly overlayClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
     readonly zIndex: {
       readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined) | (((new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined)) | null)[], unknown, unknown>>;
       readonly required: false;
@@ -4935,12 +4931,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
     readonly mask: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly customMaskEvent: BooleanConstructor;
-    readonly overlayClass: {
-      readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>) | (((new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>)) | null)[], unknown, unknown>>;
-      readonly required: false;
-      readonly validator: ((val: unknown) => boolean) | undefined;
-      __epPropKey: true;
-    };
+    readonly overlayClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
     readonly zIndex: {
       readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined) | (((new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined)) | null)[], unknown, unknown>>;
       readonly required: false;
@@ -4951,6 +4942,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     onClick?: ((evt: MouseEvent) => any) | undefined;
   }>, {
     readonly mask: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly overlayClass: ClassValue;
     readonly customMaskEvent: boolean;
   }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
   ElIcon: SFCWithInstall<{

package/es/components/notification/src/notification.d.ts

@@ -1,5 +1,6 @@
 import { IconPropType } from "../../../utils/vue/icon.js";
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import _default from "./notification.vue.js";
 import * as _$vue from "vue";
 import { AppContext, ExtractPublicPropTypes, VNode } from "vue";
@@ -12,7 +13,7 @@ interface NotificationProps {
   /**
    * @description custom class name for Notification
    */
-  customClass?: string;
+  customClass?: ClassValue;
   /**
    * @description whether `message` is treated as HTML string
    */
@@ -74,7 +75,7 @@ interface NotificationProps {
  * @deprecated Removed after 3.0.0, Use `NotificationProps` instead.
  */
 declare const notificationProps: {
-  readonly customClass: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+  readonly customClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, "", boolean>;
   readonly dangerouslyUseHTMLString: BooleanConstructor;
   readonly duration: EpPropFinalized<NumberConstructor, unknown, unknown, 4500, boolean>;
   readonly icon: {
@@ -112,7 +113,7 @@ declare const notificationProps: {
   readonly position: EpPropFinalized<StringConstructor, "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, "top-right", boolean>;
   readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly type: EpPropFinalized<StringConstructor, "" | "error" | "info" | "primary" | "success" | "warning", unknown, "", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "" | "info" | "primary" | "success" | "warning" | "error", unknown, "", boolean>;
   readonly zIndex: NumberConstructor;
   readonly closeIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, _$vue.DefineComponent<{}, void, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>, boolean>;
 };

package/es/components/notification/src/notification.mjs

@@ -17,7 +17,12 @@ const notificationProps = buildProps({
 	* @description custom class name for Notification
 	*/
 	customClass: {
-		type: String,
+		type: definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
 		default: ""
 	},
 	/**

package/es/components/notification/src/notification.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"notification.mjs","names":[],"sources":["../../../../../../packages/components/notification/src/notification.ts"],"sourcesContent":["import { Close } from '@element-plus/icons-vue'\nimport { buildProps, definePropType, iconPropType } from '@element-plus/utils'\n\nimport type { AppContext, ExtractPublicPropTypes, VNode } from 'vue'\nimport type { IconPropType } from '@element-plus/utils'\nimport type Notification from './notification.vue'\n\nexport const notificationTypes = [\n  'primary',\n  'success',\n  'info',\n  'warning',\n  'error',\n] as const\n\nexport type NotificationType = (typeof notificationTypes)[number] | ''\n\nexport type NotificationPosition =\n  | 'top-right'\n  | 'top-left'\n  | 'bottom-right'\n  | 'bottom-left'\n\nexport interface NotificationProps {\n  /**\n   * @description custom class name for Notification\n   */\n  customClass?: string\n  /**\n   * @description whether `message` is treated as HTML string\n   */\n  dangerouslyUseHTMLString?: boolean\n  /**\n   * @description duration before close. It will not automatically close if set 0\n   */\n  duration?: number\n  /**\n   * @description custom icon component. It will be overridden by `type`\n   */\n  icon?: IconPropType\n  /**\n   * @description notification dom id\n   */\n  id?: string\n  /**\n   * @description description text\n   */\n  message?: string | VNode | (() => VNode)\n  /**\n   * @description offset from the top edge of the screen. Every Notification instance of the same moment should have the same offset\n   */\n  offset?: number\n  /**\n   * @description callback function when notification clicked\n   */\n  onClick?: () => void\n  /**\n   * @description callback function when closed\n   */\n  onClose: () => void\n  /**\n   * @description custom position\n   */\n  position?: NotificationPosition\n  /**\n   * @description whether to show a close button\n   */\n  showClose?: boolean\n  /**\n   * @description title\n   */\n  title?: string\n  /**\n   * @description notification type\n   */\n  type?: NotificationType\n  /**\n   * @description initial zIndex\n   */\n  zIndex?: number\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon?: IconPropType\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `NotificationProps` instead.\n */\nexport const notificationProps = buildProps({\n  /**\n   * @description custom class name for Notification\n   */\n  customClass: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether `message` is treated as HTML string\n   */\n  dangerouslyUseHTMLString: Boolean,\n  /**\n   * @description duration before close. It will not automatically close if set 0\n   */\n  duration: {\n    type: Number,\n    default: 4500,\n  },\n  /**\n   * @description custom icon component. It will be overridden by `type`\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description notification dom id\n   */\n  id: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description description text\n   */\n  message: {\n    type: definePropType<string | VNode | (() => VNode)>([\n      String,\n      Object,\n      Function,\n    ]),\n    default: '',\n  },\n  /**\n   * @description offset from the top edge of the screen. Every Notification instance of the same moment should have the same offset\n   */\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description callback function when notification clicked\n   */\n  onClick: {\n    type: definePropType<() => void>(Function),\n    default: () => undefined,\n  },\n  /**\n   * @description callback function when closed\n   */\n  onClose: {\n    type: definePropType<() => void>(Function),\n    required: true,\n  },\n  /**\n   * @description custom position\n   */\n  position: {\n    type: String,\n    values: ['top-right', 'top-left', 'bottom-right', 'bottom-left'],\n    default: 'top-right',\n  },\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description title\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description notification type\n   */\n  type: {\n    type: String,\n    values: [...notificationTypes, ''],\n    default: '',\n  },\n  /**\n   * @description initial zIndex\n   */\n  zIndex: Number,\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon: {\n    type: iconPropType,\n    default: Close,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `NotificationProps` instead.\n */\nexport type NotificationPropsPublic = ExtractPublicPropTypes<\n  typeof notificationProps\n>\n\nexport const notificationEmits = {\n  destroy: () => true,\n}\nexport type NotificationEmits = typeof notificationEmits\n\nexport type NotificationInstance = InstanceType<typeof Notification> & unknown\n\nexport type NotificationOptions = Omit<NotificationProps, 'id' | 'onClose'> & {\n  /**\n   * @description set the root element for the notification, default to `document.body`\n   */\n  appendTo?: HTMLElement | string\n  /**\n   * @description callback function when closed\n   */\n  onClose?(vm: VNode): void\n}\nexport type NotificationOptionsTyped = Omit<NotificationOptions, 'type'>\n\nexport interface NotificationHandle {\n  close: () => void\n}\n\nexport type NotificationParams = Partial<NotificationOptions> | string | VNode\nexport type NotificationParamsTyped =\n  | Partial<NotificationOptionsTyped>\n  | string\n  | VNode\n\nexport interface NotifyFn {\n  (\n    options?: NotificationParams,\n    appContext?: null | AppContext\n  ): NotificationHandle\n  closeAll(): void\n  updateOffsets(position?: NotificationOptions['position']): void\n  _context: AppContext | null\n}\n\nexport type NotifyTypedFn = (\n  options?: NotificationParamsTyped,\n  appContext?: null | AppContext\n) => NotificationHandle\n\nexport interface Notify extends NotifyFn {\n  primary: NotifyTypedFn\n  success: NotifyTypedFn\n  warning: NotifyTypedFn\n  error: NotifyTypedFn\n  info: NotifyTypedFn\n}\n\nexport interface NotificationQueueItem {\n  vm: VNode\n}\n\nexport type NotificationQueue = NotificationQueueItem[]\n"],"mappings":";;;;AAOA,MAAa,oBAAoB;CAC/B;CACA;CACA;CACA;CACA;CACD;;;;AA4ED,MAAa,oBAAoB,WAAW;;;;CAI1C,aAAa;EACX,MAAM;EACN,SAAS;EACV;;;;CAID,0BAA0B;;;;CAI1B,UAAU;EACR,MAAM;EACN,SAAS;EACV;;;;CAID,MAAM,EACJ,MAAM,cACP;;;;CAID,IAAI;EACF,MAAM;EACN,SAAS;EACV;;;;CAID,SAAS;EACP,MAAM,eAA+C;GACnD;GACA;GACA;GACD,CAAC;EACF,SAAS;EACV;;;;CAID,QAAQ;EACN,MAAM;EACN,SAAS;EACV;;;;CAID,SAAS;EACP,MAAM,eAA2B,SAAS;EAC1C,eAAe,KAAA;EAChB;;;;CAID,SAAS;EACP,MAAM,eAA2B,SAAS;EAC1C,UAAU;EACX;;;;CAID,UAAU;EACR,MAAM;EACN,QAAQ;GAAC;GAAa;GAAY;GAAgB;GAAc;EAChE,SAAS;EACV;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,OAAO;EACL,MAAM;EACN,SAAS;EACV;;;;CAID,MAAM;EACJ,MAAM;EACN,QAAQ,CAAC,GAAG,mBAAmB,GAAG;EAClC,SAAS;EACV;;;;CAID,QAAQ;;;;CAIR,WAAW;EACT,MAAM;EACN,SAAS;EACV;CACF,CAAU;AASX,MAAa,oBAAoB,EAC/B,eAAe,MAChB"}
+{"version":3,"file":"notification.mjs","names":[],"sources":["../../../../../../packages/components/notification/src/notification.ts"],"sourcesContent":["import { Close } from '@element-plus/icons-vue'\nimport { buildProps, definePropType, iconPropType } from '@element-plus/utils'\n\nimport type { AppContext, ExtractPublicPropTypes, VNode } from 'vue'\nimport type { ClassValue, IconPropType } from '@element-plus/utils'\nimport type Notification from './notification.vue'\n\nexport const notificationTypes = [\n  'primary',\n  'success',\n  'info',\n  'warning',\n  'error',\n] as const\n\nexport type NotificationType = (typeof notificationTypes)[number] | ''\n\nexport type NotificationPosition =\n  'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'\n\nexport interface NotificationProps {\n  /**\n   * @description custom class name for Notification\n   */\n  customClass?: ClassValue\n  /**\n   * @description whether `message` is treated as HTML string\n   */\n  dangerouslyUseHTMLString?: boolean\n  /**\n   * @description duration before close. It will not automatically close if set 0\n   */\n  duration?: number\n  /**\n   * @description custom icon component. It will be overridden by `type`\n   */\n  icon?: IconPropType\n  /**\n   * @description notification dom id\n   */\n  id?: string\n  /**\n   * @description description text\n   */\n  message?: string | VNode | (() => VNode)\n  /**\n   * @description offset from the top edge of the screen. Every Notification instance of the same moment should have the same offset\n   */\n  offset?: number\n  /**\n   * @description callback function when notification clicked\n   */\n  onClick?: () => void\n  /**\n   * @description callback function when closed\n   */\n  onClose: () => void\n  /**\n   * @description custom position\n   */\n  position?: NotificationPosition\n  /**\n   * @description whether to show a close button\n   */\n  showClose?: boolean\n  /**\n   * @description title\n   */\n  title?: string\n  /**\n   * @description notification type\n   */\n  type?: NotificationType\n  /**\n   * @description initial zIndex\n   */\n  zIndex?: number\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon?: IconPropType\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `NotificationProps` instead.\n */\nexport const notificationProps = buildProps({\n  /**\n   * @description custom class name for Notification\n   */\n  customClass: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: '',\n  },\n  /**\n   * @description whether `message` is treated as HTML string\n   */\n  dangerouslyUseHTMLString: Boolean,\n  /**\n   * @description duration before close. It will not automatically close if set 0\n   */\n  duration: {\n    type: Number,\n    default: 4500,\n  },\n  /**\n   * @description custom icon component. It will be overridden by `type`\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description notification dom id\n   */\n  id: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description description text\n   */\n  message: {\n    type: definePropType<string | VNode | (() => VNode)>([\n      String,\n      Object,\n      Function,\n    ]),\n    default: '',\n  },\n  /**\n   * @description offset from the top edge of the screen. Every Notification instance of the same moment should have the same offset\n   */\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description callback function when notification clicked\n   */\n  onClick: {\n    type: definePropType<() => void>(Function),\n    default: () => undefined,\n  },\n  /**\n   * @description callback function when closed\n   */\n  onClose: {\n    type: definePropType<() => void>(Function),\n    required: true,\n  },\n  /**\n   * @description custom position\n   */\n  position: {\n    type: String,\n    values: ['top-right', 'top-left', 'bottom-right', 'bottom-left'],\n    default: 'top-right',\n  },\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description title\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description notification type\n   */\n  type: {\n    type: String,\n    values: [...notificationTypes, ''],\n    default: '',\n  },\n  /**\n   * @description initial zIndex\n   */\n  zIndex: Number,\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon: {\n    type: iconPropType,\n    default: Close,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `NotificationProps` instead.\n */\nexport type NotificationPropsPublic = ExtractPublicPropTypes<\n  typeof notificationProps\n>\n\nexport const notificationEmits = {\n  destroy: () => true,\n}\nexport type NotificationEmits = typeof notificationEmits\n\nexport type NotificationInstance = InstanceType<typeof Notification> & unknown\n\nexport type NotificationOptions = Omit<NotificationProps, 'id' | 'onClose'> & {\n  /**\n   * @description set the root element for the notification, default to `document.body`\n   */\n  appendTo?: HTMLElement | string\n  /**\n   * @description callback function when closed\n   */\n  onClose?(vm: VNode): void\n}\nexport type NotificationOptionsTyped = Omit<NotificationOptions, 'type'>\n\nexport interface NotificationHandle {\n  close: () => void\n}\n\nexport type NotificationParams = Partial<NotificationOptions> | string | VNode\nexport type NotificationParamsTyped =\n  Partial<NotificationOptionsTyped> | string | VNode\n\nexport interface NotifyFn {\n  (\n    options?: NotificationParams,\n    appContext?: null | AppContext\n  ): NotificationHandle\n  closeAll(): void\n  updateOffsets(position?: NotificationOptions['position']): void\n  _context: AppContext | null\n}\n\nexport type NotifyTypedFn = (\n  options?: NotificationParamsTyped,\n  appContext?: null | AppContext\n) => NotificationHandle\n\nexport interface Notify extends NotifyFn {\n  primary: NotifyTypedFn\n  success: NotifyTypedFn\n  warning: NotifyTypedFn\n  error: NotifyTypedFn\n  info: NotifyTypedFn\n}\n\nexport interface NotificationQueueItem {\n  vm: VNode\n}\n\nexport type NotificationQueue = NotificationQueueItem[]\n"],"mappings":";;;;AAOA,MAAa,oBAAoB;CAC/B;CACA;CACA;CACA;CACA;CACD;;;;AAyED,MAAa,oBAAoB,WAAW;;;;CAI1C,aAAa;EACX,MAAM,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS;EACV;;;;CAID,0BAA0B;;;;CAI1B,UAAU;EACR,MAAM;EACN,SAAS;EACV;;;;CAID,MAAM,EACJ,MAAM,cACP;;;;CAID,IAAI;EACF,MAAM;EACN,SAAS;EACV;;;;CAID,SAAS;EACP,MAAM,eAA+C;GACnD;GACA;GACA;GACD,CAAC;EACF,SAAS;EACV;;;;CAID,QAAQ;EACN,MAAM;EACN,SAAS;EACV;;;;CAID,SAAS;EACP,MAAM,eAA2B,SAAS;EAC1C,eAAe,KAAA;EAChB;;;;CAID,SAAS;EACP,MAAM,eAA2B,SAAS;EAC1C,UAAU;EACX;;;;CAID,UAAU;EACR,MAAM;EACN,QAAQ;GAAC;GAAa;GAAY;GAAgB;GAAc;EAChE,SAAS;EACV;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,OAAO;EACL,MAAM;EACN,SAAS;EACV;;;;CAID,MAAM;EACJ,MAAM;EACN,QAAQ,CAAC,GAAG,mBAAmB,GAAG;EAClC,SAAS;EACV;;;;CAID,QAAQ;;;;CAIR,WAAW;EACT,MAAM;EACN,SAAS;EACV;CACF,CAAU;AASX,MAAa,oBAAoB,EAC/B,eAAe,MAChB"}

package/es/components/notification/src/notification.vue.d.ts

@@ -1,4 +1,5 @@
 import { IconPropType } from "../../../utils/vue/icon.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import { NotificationPosition, NotificationProps, NotificationType } from "./notification.js";
 import * as _$vue from "vue";
 
@@ -17,16 +18,16 @@ declare const __VLS_base: _$vue.DefineComponent<NotificationProps, {
   onDestroy?: (() => any) | undefined;
 }>, {
   type: NotificationType;
+  message: string | _$vue.VNode | (() => _$vue.VNode);
   offset: number;
-  id: string;
+  position: NotificationPosition;
   title: string;
+  id: string;
   onClick: () => void;
-  position: NotificationPosition;
-  message: string | _$vue.VNode | (() => _$vue.VNode);
   closeIcon: IconPropType;
   showClose: boolean;
   duration: number;
-  customClass: string;
+  customClass: string | false | Record<string, any> | ClassValue[] | null;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/overlay/index.d.ts

@@ -1,4 +1,5 @@
 import { EpPropFinalized, EpPropMergeType } from "../../utils/vue/props/types.js";
+import { ClassValue } from "../../utils/typescript.js";
 import { OverlayEmits, OverlayProps, OverlayPropsPublic, overlayEmits, overlayProps } from "./src/overlay.js";
 import * as _$vue from "vue";
 import * as _$csstype from "csstype";
@@ -7,12 +8,7 @@ import * as _$csstype from "csstype";
 declare const ElOverlay: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly mask: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly customMaskEvent: BooleanConstructor;
-  readonly overlayClass: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>) | (((new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly overlayClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly zIndex: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined) | (((new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -26,12 +22,7 @@ declare const ElOverlay: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly mask: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly customMaskEvent: BooleanConstructor;
-  readonly overlayClass: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>) | (((new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly overlayClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly zIndex: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined) | (((new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -42,6 +33,7 @@ declare const ElOverlay: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onClick?: ((evt: MouseEvent) => any) | undefined;
 }>, {
   readonly mask: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly overlayClass: ClassValue;
   readonly customMaskEvent: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion