@element-plus/nightly 0.0.20260423 → 0.0.20260424

package/lib/components/index.js

@@ -74,6 +74,11 @@ const require_constants$9 = require('./carousel/src/constants.js');
 const require_carousel_item = require('./carousel/src/carousel-item.js');
 const require_index$20 = require('./carousel/index.js');
 const require_config = require('./cascader-panel/src/config.js');
+const require_props$1 = require('./virtual-list/src/props.js');
+const require_fixed_size_list = require('./virtual-list/src/components/fixed-size-list.js');
+const require_dynamic_size_list = require('./virtual-list/src/components/dynamic-size-list.js');
+const require_fixed_size_grid = require('./virtual-list/src/components/fixed-size-grid.js');
+const require_dynamic_size_grid = require('./virtual-list/src/components/dynamic-size-grid.js');
 const require_checkbox = require('./checkbox/src/checkbox.js');
 const require_constants$10 = require('./checkbox/src/constants.js');
 const require_checkbox_group = require('./checkbox/src/checkbox-group.js');
@@ -111,7 +116,7 @@ const require_index$34 = require('./countdown/index.js');
 const require_date_picker_panel = require('./date-picker-panel/src/props/date-picker-panel.js');
 const require_constants$14 = require('./date-picker-panel/src/constants.js');
 const require_index$35 = require('./date-picker-panel/index.js');
-const require_props$1 = require('./date-picker/src/props.js');
+const require_props$2 = require('./date-picker/src/props.js');
 const require_index$36 = require('./date-picker/index.js');
 const require_description = require('./descriptions/src/description.js');
 const require_description_item = require('./descriptions/src/description-item.js');
@@ -162,11 +167,6 @@ const require_rate = require('./rate/src/rate.js');
 const require_index$55 = require('./rate/index.js');
 const require_result = require('./result/src/result.js');
 const require_index$56 = require('./result/index.js');
-const require_props$2 = require('./virtual-list/src/props.js');
-const require_fixed_size_list = require('./virtual-list/src/components/fixed-size-list.js');
-const require_dynamic_size_list = require('./virtual-list/src/components/dynamic-size-list.js');
-const require_fixed_size_grid = require('./virtual-list/src/components/fixed-size-grid.js');
-const require_dynamic_size_grid = require('./virtual-list/src/components/dynamic-size-grid.js');
 const require_token$1 = require('./select-v2/src/token.js');
 const require_index$57 = require('./select-v2/index.js');
 const require_skeleton = require('./skeleton/src/skeleton.js');
@@ -249,7 +249,9 @@ const require_index$85 = require('./popover/index.js');
 
 exports.BAR_MAP = require_util.BAR_MAP;
 exports.CAROUSEL_ITEM_NAME = require_constants$9.CAROUSEL_ITEM_NAME;
+exports.CASCADER_PANEL_HEIGHT = require_config.CASCADER_PANEL_HEIGHT;
 exports.CASCADER_PANEL_INJECTION_KEY = require_types.CASCADER_PANEL_INJECTION_KEY;
+exports.CASCADER_PANEL_ITEM_SIZE = require_config.CASCADER_PANEL_ITEM_SIZE;
 exports.CommonPicker = require_picker.default;
 exports.CommonProps = require_config.CommonProps;
 exports.DEFAULT_DIALOG_TRANSITION = require_constants$15.DEFAULT_DIALOG_TRANSITION;
@@ -486,7 +488,7 @@ exports.countdownEmits = require_countdown.countdownEmits;
 exports.countdownProps = require_countdown.countdownProps;
 exports.dateEquals = require_utils.dateEquals;
 exports.datePickerPanelProps = require_date_picker_panel.datePickerPanelProps;
-exports.datePickerProps = require_props$1.datePickerProps;
+exports.datePickerProps = require_props$2.datePickerProps;
 exports.dayOrDaysToDate = require_utils.dayOrDaysToDate;
 exports.defaultProps = require_segmented.defaultProps;
 exports.descriptionItemProps = require_description_item.descriptionItemProps;
@@ -691,8 +693,8 @@ exports.useTooltipProps = require_tooltip.useTooltipProps;
 exports.useTooltipTriggerProps = require_trigger$2.useTooltipTriggerProps;
 exports.useTooltipTriggerPropsDefaults = require_trigger$2.useTooltipTriggerPropsDefaults;
 exports.valueEquals = require_utils.valueEquals;
-exports.virtualizedGridProps = require_props$2.virtualizedGridProps;
-exports.virtualizedListProps = require_props$2.virtualizedListProps;
-exports.virtualizedProps = require_props$2.virtualizedProps;
-exports.virtualizedScrollbarProps = require_props$2.virtualizedScrollbarProps;
+exports.virtualizedGridProps = require_props$1.virtualizedGridProps;
+exports.virtualizedListProps = require_props$1.virtualizedListProps;
+exports.virtualizedProps = require_props$1.virtualizedProps;
+exports.virtualizedScrollbarProps = require_props$1.virtualizedScrollbarProps;
 exports.watermarkProps = require_watermark.watermarkProps;

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

@@ -156,7 +156,7 @@ interface InputProps {
  * @deprecated Removed after 3.0.0, Use `InputProps` instead.
  */
 declare const inputProps: {
-  readonly inputmode: EpPropFinalized<(new (...args: any[]) => "none" | "text" | "email" | "search" | "tel" | "url" | "numeric" | "decimal") | (() => "none" | "text" | "email" | "search" | "tel" | "url" | "numeric" | "decimal" | undefined) | (((new (...args: any[]) => "none" | "text" | "email" | "search" | "tel" | "url" | "numeric" | "decimal") | (() => "none" | "text" | "email" | "search" | "tel" | "url" | "numeric" | "decimal" | undefined)) | null)[], unknown, unknown, undefined, boolean>;
+  readonly inputmode: EpPropFinalized<(new (...args: any[]) => "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal") | (() => "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined) | (((new (...args: any[]) => "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal") | (() => "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined)) | null)[], unknown, unknown, undefined, boolean>;
   readonly name: StringConstructor;
   readonly ariaLabel: StringConstructor;
   readonly id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;

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

@@ -35,30 +35,30 @@ declare const __VLS_base: vue.DefineComponent<InputProps, {
   resizeTextarea: () => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   clear: (evt: MouseEvent | undefined) => void;
-  "update:modelValue": (value: string) => void;
-  change: (value: string, evt?: Event | undefined) => void;
   input: (value: string) => void;
-  focus: (evt: FocusEvent) => void;
   blur: (evt: FocusEvent) => void;
-  mouseleave: (evt: MouseEvent) => void;
-  mouseenter: (evt: MouseEvent) => void;
-  keydown: (evt: Event | KeyboardEvent) => void;
+  change: (value: string, evt?: Event | undefined) => void;
+  compositionend: (evt: CompositionEvent) => void;
   compositionstart: (evt: CompositionEvent) => void;
   compositionupdate: (evt: CompositionEvent) => void;
-  compositionend: (evt: CompositionEvent) => void;
+  focus: (evt: FocusEvent) => void;
+  keydown: (evt: Event | KeyboardEvent) => void;
+  mouseenter: (evt: MouseEvent) => void;
+  mouseleave: (evt: MouseEvent) => void;
+  "update:modelValue": (value: string) => void;
 }, string, vue.PublicProps, Readonly<InputProps> & Readonly<{
   onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
   onInput?: ((value: string) => any) | undefined;
-  onFocus?: ((evt: FocusEvent) => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
-  onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-  onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-  onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+  onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+  onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
   onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
   onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-  onCompositionend?: ((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;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
   type: InputType;
   disabled: boolean;

package/lib/components/input-number/src/input-number.d.ts

@@ -107,7 +107,7 @@ interface InputNumberProps {
  * @deprecated Removed after 3.0.0, Use `InputNumberProps` instead.
  */
 declare const inputNumberProps: {
-  readonly inputmode: EpPropFinalized<(new (...args: any[]) => "none" | "text" | "email" | "search" | "tel" | "url" | "numeric" | "decimal") | (() => "none" | "text" | "email" | "search" | "tel" | "url" | "numeric" | "decimal" | undefined) | (((new (...args: any[]) => "none" | "text" | "email" | "search" | "tel" | "url" | "numeric" | "decimal") | (() => "none" | "text" | "email" | "search" | "tel" | "url" | "numeric" | "decimal" | undefined)) | null)[], unknown, unknown, undefined, boolean>;
+  readonly inputmode: EpPropFinalized<(new (...args: any[]) => "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal") | (() => "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined) | (((new (...args: any[]) => "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal") | (() => "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined)) | null)[], unknown, unknown, undefined, boolean>;
   readonly align: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "center") | (() => "right" | "left" | "center") | (((new (...args: any[]) => "right" | "left" | "center") | (() => "right" | "left" | "center")) | null)[], unknown, unknown, "center", boolean>;
   readonly disabledScientific: BooleanConstructor;
   readonly formatter: {

package/lib/components/input-number/src/input-number.vue.d.ts

@@ -16,25 +16,25 @@ declare const __VLS_base: vue.DefineComponent<InputNumberProps, {
   /** @description get focus the input component */focus: () => void; /** @description remove focus the input component */
   blur: () => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (val: number | undefined) => void;
+  blur: (e: FocusEvent) => void;
+  focus: (e: FocusEvent) => void;
   change: (cur: number | undefined, prev: number | undefined) => void;
+  "update:modelValue": (val: number | undefined) => void;
   input: (val: number | null | undefined) => void;
-  focus: (e: FocusEvent) => void;
-  blur: (e: FocusEvent) => void;
 }, string, vue.PublicProps, Readonly<InputNumberProps> & Readonly<{
-  "onUpdate:modelValue"?: ((val: number | undefined) => any) | undefined;
-  onChange?: ((cur: number | undefined, prev: number | undefined) => any) | undefined;
   onInput?: ((val: number | null | undefined) => any) | undefined;
-  onFocus?: ((e: FocusEvent) => any) | undefined;
   onBlur?: ((e: FocusEvent) => any) | undefined;
+  onChange?: ((cur: number | undefined, prev: number | undefined) => any) | undefined;
+  onFocus?: ((e: FocusEvent) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: number | undefined) => any) | undefined;
 }>, {
-  id: string;
   disabled: boolean;
+  id: string;
   valueOnClear: "min" | "max" | number | null;
   readonly: boolean;
   tabindex: string | number;
   validateEvent: boolean;
-  inputmode: "none" | "text" | "email" | "search" | "tel" | "url" | "numeric" | "decimal";
+  inputmode: "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal";
   max: number;
   min: number;
   align: "left" | "right" | "center";

package/lib/components/input-otp/src/input-otp.vue.d.ts

@@ -24,21 +24,21 @@ declare const __VLS_base: vue.DefineComponent<InputOtpProps, {
    */
   blur: () => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => void;
-  change: (value: string) => void;
-  focus: (eve: FocusEvent) => void;
   blur: (eve: FocusEvent) => void;
+  focus: (eve: FocusEvent) => void;
+  change: (value: string) => void;
+  "update:modelValue": (value: string) => void;
   finish: (value: string) => void;
 }, string, vue.PublicProps, Readonly<InputOtpProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onBlur?: ((eve: FocusEvent) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
   onFocus?: ((eve: FocusEvent) => any) | undefined;
-  onBlur?: ((eve: FocusEvent) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onFinish?: ((value: string) => any) | undefined;
 }>, {
-  size: ComponentSize;
   length: number;
   type: "outlined" | "filled" | "underlined";
+  size: ComponentSize;
   validator: (char: string, index: number) => boolean;
   disabled: boolean;
   validateEvent: boolean;

package/lib/components/input-tag/src/input-tag.d.ts

@@ -130,7 +130,7 @@ declare const inputTagProps: {
   readonly max: NumberConstructor;
   readonly tagType: {
     readonly default: "info";
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "primary" | "success" | "info" | "warning" | "danger", unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;

package/lib/components/input-tag/src/input-tag.vue.d.ts

@@ -27,35 +27,35 @@ declare const __VLS_base: vue.DefineComponent<InputTagProps, {
   blur: () => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   clear: () => void;
-  "update:modelValue": (value?: string[] | undefined) => void;
+  blur: (evt: FocusEvent) => void;
+  focus: (evt: FocusEvent) => void;
   change: (value?: string[] | undefined) => void;
+  "update:modelValue": (value?: string[] | undefined) => void;
   input: (value: string) => void;
-  focus: (evt: FocusEvent) => void;
-  blur: (evt: FocusEvent) => void;
   "add-tag": (value: string | string[]) => void;
   "remove-tag": (value: string, index: number) => void;
   "drag-tag": (oldIndex: number, newIndex: number, value: string) => void;
 }, string, vue.PublicProps, Readonly<InputTagProps> & Readonly<{
   onClear?: (() => any) | undefined;
-  "onUpdate:modelValue"?: ((value?: string[] | undefined) => any) | undefined;
-  onChange?: ((value?: string[] | undefined) => any) | undefined;
   onInput?: ((value: string) => any) | undefined;
-  onFocus?: ((evt: FocusEvent) => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
+  onChange?: ((value?: string[] | undefined) => any) | undefined;
+  onFocus?: ((evt: FocusEvent) => any) | undefined;
+  "onUpdate:modelValue"?: ((value?: string[] | undefined) => any) | undefined;
   "onAdd-tag"?: ((value: string | string[]) => any) | undefined;
   "onRemove-tag"?: ((value: string, index: number) => any) | undefined;
   "onDrag-tag"?: ((oldIndex: number, newIndex: number, value: string) => any) | undefined;
 }>, {
-  effect: PopperEffect;
-  id: string;
   disabled: boolean;
+  id: string;
+  effect: PopperEffect;
+  trigger: "Enter" | "Space";
   autocomplete: string;
   clearIcon: IconPropType;
   tabindex: string | number;
   validateEvent: boolean;
-  trigger: "Enter" | "Space";
   maxCollapseTags: number;
-  tagType: "primary" | "success" | "info" | "warning" | "danger";
+  tagType: "success" | "warning" | "info" | "primary" | "danger";
   tagEffect: "light" | "dark" | "plain";
   saveOnBlur: boolean;
   delimiter: string | RegExp;

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

@@ -36,8 +36,8 @@ interface LinkProps {
  * @deprecated Removed after 3.0.0, Use `LinkProps` instead.
  */
 declare const linkProps: {
-  readonly type: EpPropFinalized<StringConstructor, "default" | "primary" | "success" | "info" | "warning" | "danger", unknown, undefined, boolean>;
-  readonly underline: EpPropFinalized<readonly [BooleanConstructor, StringConstructor], boolean | "always" | "never" | "hover", unknown, undefined, boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown, undefined, boolean>;
+  readonly underline: EpPropFinalized<readonly [BooleanConstructor, StringConstructor], boolean | "hover" | "always" | "never", unknown, undefined, boolean>;
   readonly disabled: BooleanConstructor;
   readonly href: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly target: EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, "_self", boolean>;

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

@@ -14,8 +14,8 @@ declare const __VLS_base: vue.DefineComponent<LinkProps, {}, {}, {}, {}, vue.Com
   onClick?: ((evt: MouseEvent) => any) | undefined;
 }>, {
   type: "primary" | "success" | "warning" | "info" | "danger" | "default";
-  target: "_blank" | "_parent" | "_self" | "_top" | (string & NonNullable<unknown>);
   underline: boolean | "always" | "never" | "hover";
+  target: "_blank" | "_parent" | "_self" | "_top" | (string & NonNullable<unknown>);
   href: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -85,7 +85,7 @@ declare const mentionProps: {
   prefix: EpPropFinalized<(new (...args: any[]) => string | string[]) | (() => string | string[]) | (((new (...args: any[]) => string | string[]) | (() => string | string[])) | null)[], unknown, unknown, string, boolean>;
   split: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   filterOption: EpPropFinalized<(new (...args: any[]) => false | (<T extends MentionOption = MentionOption>(pattern: string, option: T & MentionOption) => boolean)) | (() => false | (<T extends MentionOption = MentionOption>(pattern: string, option: T & MentionOption) => boolean)) | (((new (...args: any[]) => false | (<T extends MentionOption = MentionOption>(pattern: string, option: T & MentionOption) => boolean)) | (() => false | (<T extends MentionOption = MentionOption>(pattern: string, option: T & MentionOption) => boolean))) | null)[], unknown, unknown, () => <T extends MentionOption = MentionOption>(pattern: string, option: T & MentionOption) => boolean, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom") | (() => "top" | "bottom") | (((new (...args: any[]) => "top" | "bottom") | (() => "top" | "bottom")) | null)[], unknown, unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "bottom" | "top") | (() => "bottom" | "top") | (((new (...args: any[]) => "bottom" | "top") | (() => "bottom" | "top")) | null)[], unknown, unknown, string, boolean>;
   showArrow: BooleanConstructor;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
   whole: BooleanConstructor;
@@ -207,7 +207,7 @@ declare const mentionProps: {
   };
   popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => Partial<Options>, boolean>;
   props: EpPropFinalized<(new (...args: any[]) => MentionOptionProps) | (() => MentionOptionProps) | (((new (...args: any[]) => MentionOptionProps) | (() => MentionOptionProps)) | null)[], unknown, unknown, () => Required<MentionOptionProps>, boolean>;
-  inputmode: EpPropFinalized<(new (...args: any[]) => "none" | "text" | "email" | "search" | "tel" | "url" | "numeric" | "decimal") | (() => "none" | "text" | "email" | "search" | "tel" | "url" | "numeric" | "decimal" | undefined) | (((new (...args: any[]) => "none" | "text" | "email" | "search" | "tel" | "url" | "numeric" | "decimal") | (() => "none" | "text" | "email" | "search" | "tel" | "url" | "numeric" | "decimal" | undefined)) | null)[], unknown, unknown, undefined, boolean>;
+  inputmode: EpPropFinalized<(new (...args: any[]) => "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal") | (() => "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined) | (((new (...args: any[]) => "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal") | (() => "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined)) | null)[], unknown, unknown, undefined, boolean>;
   name: StringConstructor;
   ariaLabel: StringConstructor;
   id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;

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

@@ -9,12 +9,12 @@ import * as vue from "vue";
 //#region ../../packages/components/mention/src/mention.vue.d.ts
 declare const __VLS_export: <T extends MentionOption = MentionOption>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: vue.PublicProps & __VLS_PrettifyLocal<MentionProps<T> & {
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onInput?: ((value: string) => any) | undefined;
-    onFocus?: ((evt: FocusEvent) => any) | undefined;
-    onBlur?: ((evt: FocusEvent) => any) | undefined;
     onSelect?: ((option: MentionOption, prefix: string) => any) | undefined;
+    onInput?: ((value: string) => any) | undefined;
     onSearch?: ((pattern: string, prefix: string) => any) | undefined;
+    onBlur?: ((evt: FocusEvent) => any) | undefined;
+    onFocus?: ((evt: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onWhole-remove"?: ((pattern: string, prefix: string) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -48,7 +48,7 @@ declare const __VLS_export: <T extends MentionOption = MentionOption>(__VLS_prop
       index: number;
     }) => any;
   };
-  emit: ((event: "update:modelValue", value: string) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "select", option: MentionOption, prefix: string) => void) & ((event: "search", pattern: string, prefix: string) => void) & ((event: "whole-remove", pattern: string, prefix: string) => void);
+  emit: ((event: "select", option: MentionOption, prefix: string) => void) & ((event: "input", value: string) => void) & ((event: "search", pattern: string, prefix: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "whole-remove", pattern: string, prefix: string) => void);
 }>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -14,7 +14,7 @@ declare const menuProps: {
   readonly defaultOpeneds: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly uniqueOpened: BooleanConstructor;
   readonly router: BooleanConstructor;
-  readonly menuTrigger: EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+  readonly menuTrigger: EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
   readonly collapse: BooleanConstructor;
   readonly backgroundColor: StringConstructor;
   readonly textColor: StringConstructor;
@@ -50,7 +50,7 @@ declare const _default: vue.DefineComponent<ExtractPropTypes<{
   readonly defaultOpeneds: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly uniqueOpened: BooleanConstructor;
   readonly router: BooleanConstructor;
-  readonly menuTrigger: EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+  readonly menuTrigger: EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
   readonly collapse: BooleanConstructor;
   readonly backgroundColor: StringConstructor;
   readonly textColor: StringConstructor;
@@ -83,7 +83,7 @@ declare const _default: vue.DefineComponent<ExtractPropTypes<{
   readonly defaultOpeneds: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly uniqueOpened: BooleanConstructor;
   readonly router: BooleanConstructor;
-  readonly menuTrigger: EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+  readonly menuTrigger: EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
   readonly collapse: BooleanConstructor;
   readonly backgroundColor: StringConstructor;
   readonly textColor: StringConstructor;
@@ -106,24 +106,24 @@ declare const _default: vue.DefineComponent<ExtractPropTypes<{
   readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & Readonly<{
   onClose?: ((index: string, indexPath: string[]) => any) | undefined;
-  onSelect?: ((index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
   onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
+  onSelect?: ((index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
 }>, {
-  readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly collapse: boolean;
-  readonly ellipsis: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly mode: EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
-  readonly showTimeout: number;
-  readonly hideTimeout: number;
   readonly defaultActive: string;
   readonly defaultOpeneds: string[];
-  readonly menuTrigger: EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
+  readonly menuTrigger: EpPropMergeType<StringConstructor, "hover" | "click", unknown>;
   readonly collapseTransition: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly ellipsis: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly popperOffset: number;
   readonly ellipsisIcon: EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown>;
   readonly popperEffect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
+  readonly showTimeout: number;
+  readonly hideTimeout: number;
+  readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly uniqueOpened: boolean;
   readonly router: boolean;
+  readonly collapse: boolean;
   readonly closeOnClickOutside: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

package/lib/components/menu/src/sub-menu.d.ts

@@ -139,8 +139,8 @@ declare const _default: vue.DefineComponent<ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
-  readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly disabled: boolean;
+  readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { SubMenuProps, SubMenuPropsPublic, _default, subMenuProps };

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

@@ -131,10 +131,10 @@ declare const messageProps: {
     readonly prototype: any;
   }) | null)[], unknown, unknown, undefined, boolean>;
   readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-  readonly type: EpPropFinalized<StringConstructor, "error" | "primary" | "success" | "info" | "warning", unknown, "info", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info" | "primary", unknown, "info", boolean>;
   readonly plain: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 16, boolean>;
-  readonly placement: EpPropFinalized<StringConstructor, "top" | "bottom" | "top-right" | "top-left" | "bottom-right" | "bottom-left", unknown, undefined, boolean>;
+  readonly placement: EpPropFinalized<StringConstructor, "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, undefined, boolean>;
   readonly zIndex: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly grouping: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
   readonly repeatNum: EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;

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

@@ -19,17 +19,17 @@ declare const __VLS_base: vue.DefineComponent<MessageProps, {
 }, string, vue.PublicProps, Readonly<MessageProps> & Readonly<{
   onDestroy?: (() => any) | undefined;
 }>, {
-  icon: IconPropType;
+  zIndex: number;
   type: MessageType;
+  onClose: () => void;
+  id: string;
   offset: number;
   placement: MessagePlacement;
-  id: string;
-  zIndex: number;
-  onClose: () => void;
-  message: string | vue.VNode | (() => vue.VNode);
+  icon: IconPropType;
+  duration: number;
   plain: boolean;
+  message: string | vue.VNode | (() => vue.VNode);
   showClose: boolean;
-  duration: number;
   customClass: string;
   dangerouslyUseHTMLString: boolean;
   grouping: boolean;

package/lib/components/message-box/index.d.ts

@@ -1,6 +1,6 @@
 import { SFCWithInstall } from "../../utils/vue/typescript.js";
 import "../../utils/index.js";
-import { Action, Callback, ElMessageBoxOptions, ElMessageBoxShortcutMethod, IElMessageBox, MessageBoxData, MessageBoxInputData, MessageBoxInputValidator, MessageBoxState, MessageBoxType } from "./src/message-box.type.js";
+import { Action, Callback, CloseFn, ElMessageBoxOptions, ElMessageBoxShortcutMethod, IElMessageBox, MessageBoxActionHandlers, MessageBoxData, MessageBoxInputData, MessageBoxInputValidator, MessageBoxState, MessageBoxType } from "./src/message-box.type.js";
 import { _default } from "./src/messageBox.js";
 import "../../index.js";
 
@@ -8,4 +8,4 @@ import "../../index.js";
 declare const _MessageBox: SFCWithInstall<typeof _default>;
 declare const ElMessageBox: SFCWithInstall<IElMessageBox>;
 //#endregion
-export { Action, Callback, ElMessageBox, ElMessageBoxOptions, ElMessageBoxShortcutMethod, IElMessageBox, MessageBoxData, MessageBoxInputData, MessageBoxInputValidator, MessageBoxState, MessageBoxType, _MessageBox as default };
+export { Action, Callback, CloseFn, ElMessageBox, ElMessageBoxOptions, ElMessageBoxShortcutMethod, IElMessageBox, MessageBoxActionHandlers, MessageBoxData, MessageBoxInputData, MessageBoxInputValidator, MessageBoxState, MessageBoxType, _MessageBox as default };

package/lib/components/message-box/src/message-box.type.d.ts

@@ -17,6 +17,12 @@ interface MessageBoxInputData {
   action: Action;
 }
 type MessageBoxInputValidator = ((value: string) => boolean | string) | undefined;
+type CloseFn = () => void;
+interface MessageBoxActionHandlers {
+  confirm: CloseFn;
+  cancel: CloseFn;
+  close: CloseFn;
+}
 declare interface MessageBoxState {
   autofocus: boolean;
   title: string | undefined;
@@ -99,7 +105,7 @@ interface ElMessageBoxOptions {
   /** Draggable MessageBox can overflow the viewport */
   overflow?: boolean;
   /** Content of the MessageBox */
-  message?: string | VNode | (() => VNode);
+  message?: string | VNode | ((params: MessageBoxActionHandlers) => VNode);
   /** Title of the MessageBox */
   title?: string | ElMessageBoxOptions;
   /** Message type, used for icon display */
@@ -162,7 +168,7 @@ interface IElMessageBox {
   /** Show a prompt message box */
   prompt: ElMessageBoxShortcutMethod;
   /** Close current message box */
-  close(): void;
+  close: CloseFn;
 }
 //#endregion
-export { Action, Callback, ElMessageBoxOptions, ElMessageBoxShortcutMethod, IElMessageBox, MessageBoxData, MessageBoxInputData, MessageBoxInputValidator, MessageBoxState, MessageBoxType };
+export { Action, Callback, CloseFn, ElMessageBoxOptions, ElMessageBoxShortcutMethod, IElMessageBox, MessageBoxActionHandlers, MessageBoxData, MessageBoxInputData, MessageBoxInputValidator, MessageBoxState, MessageBoxType };

package/lib/components/message-box/src/messageBox.js

@@ -21,8 +21,16 @@ const getAppendToElement = (props) => {
 	}
 	return appendTo;
 };
+const handleAction = (vnode, action) => {
+	const vm = vnode.component?.proxy;
+	return () => vm.handleAction(action);
+};
 const initInstance = (props, container, appContext = null) => {
-	const vnode = (0, vue.createVNode)(require_index.default, props, (0, _vue_shared.isFunction)(props.message) || (0, vue.isVNode)(props.message) ? { default: (0, _vue_shared.isFunction)(props.message) ? props.message : () => props.message } : null);
+	const vnode = (0, vue.createVNode)(require_index.default, props, (0, _vue_shared.isFunction)(props.message) || (0, vue.isVNode)(props.message) ? { default: (0, _vue_shared.isFunction)(props.message) ? () => props.message({
+		confirm: handleAction(vnode, "confirm"),
+		cancel: handleAction(vnode, "cancel"),
+		close: handleAction(vnode, "close")
+	}) : () => props.message } : null);
 	vnode.appContext = appContext;
 	(0, vue.render)(vnode, container);
 	getAppendToElement(props).appendChild(container.firstElementChild);

package/lib/components/message-box/src/messageBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"messageBox.js","names":["isElement","MessageBoxConstructor","isClient","isUndefined"],"sources":["../../../../../../packages/components/message-box/src/messageBox.ts"],"sourcesContent":["import { createVNode, isVNode, markRaw, render } from 'vue'\nimport {\n  debugWarn,\n  hasOwn,\n  isClient,\n  isElement,\n  isFunction,\n  isObject,\n  isString,\n  isUndefined,\n} from '@element-plus/utils'\nimport MessageBoxConstructor from './index.vue'\n\nimport type { AppContext, ComponentPublicInstance, VNode } from 'vue'\nimport type {\n  Action,\n  Callback,\n  ElMessageBoxOptions,\n  ElMessageBoxShortcutMethod,\n  IElMessageBox,\n  MessageBoxData,\n  MessageBoxState,\n} from './message-box.type'\n\n// component default merge props & data\n\nconst messageInstance = new Map<\n  ComponentPublicInstance<{ doClose: () => void }>, // marking doClose as function\n  {\n    options: any\n    callback: Callback | undefined\n    resolve: (res: any) => void\n    reject: (reason?: any) => void\n  }\n>()\n\nconst getAppendToElement = (props: any): HTMLElement => {\n  let appendTo: HTMLElement | null = document.body\n  if (props.appendTo) {\n    if (isString(props.appendTo)) {\n      appendTo = document.querySelector<HTMLElement>(props.appendTo)\n    }\n    if (isElement(props.appendTo)) {\n      appendTo = props.appendTo\n    }\n\n    // should fallback to default value with a warning\n    if (!isElement(appendTo)) {\n      debugWarn(\n        'ElMessageBox',\n        'the appendTo option is not an HTMLElement. Falling back to document.body.'\n      )\n      appendTo = document.body\n    }\n  }\n  return appendTo\n}\n\nconst initInstance = (\n  props: any,\n  container: HTMLElement,\n  appContext: AppContext | null = null\n) => {\n  const vnode = createVNode(\n    MessageBoxConstructor,\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 = appContext\n  render(vnode, container)\n  getAppendToElement(props).appendChild(container.firstElementChild!)\n  return vnode.component\n}\n\nconst genContainer = () => {\n  return document.createElement('div')\n}\n\nconst showMessage = (options: any, appContext?: AppContext | null) => {\n  const container = genContainer()\n  // Adding destruct method.\n  // when transition leaves emitting `vanish` evt. so that we can do the clean job.\n  options.onVanish = () => {\n    // not sure if this causes mem leak, need proof to verify that.\n    // maybe calling out like 1000 msg-box then close them all.\n    render(null, container)\n    messageInstance.delete(vm) // Remove vm to avoid mem leak.\n    // here we were suppose to call document.body.removeChild(container.firstElementChild)\n    // but render(null, container) did that job for us. so that we do not call that directly\n  }\n\n  options.onAction = (action: Action) => {\n    const currentMsg = messageInstance.get(vm)!\n    let resolve: Action | { value: string; action: Action }\n    if (options.showInput) {\n      resolve = { value: vm.inputValue, action }\n    } else {\n      resolve = action\n    }\n    if (options.callback) {\n      options.callback(resolve, instance.proxy)\n    } else {\n      if (action === 'cancel' || action === 'close') {\n        if (options.distinguishCancelAndClose && action !== 'cancel') {\n          currentMsg.reject('close')\n        } else {\n          currentMsg.reject('cancel')\n        }\n      } else {\n        currentMsg.resolve(resolve)\n      }\n    }\n  }\n\n  const instance = initInstance(options, container, appContext)!\n\n  // This is how we use message box programmatically.\n  // Maybe consider releasing a template version?\n  // get component instance like v2.\n  const vm = instance.proxy as ComponentPublicInstance<\n    {\n      visible: boolean\n      doClose: () => void\n    } & MessageBoxState\n  >\n\n  for (const prop in options) {\n    if (hasOwn(options, prop) && !hasOwn(vm.$props, prop)) {\n      if (prop === 'closeIcon' && isObject(options[prop])) {\n        vm[prop as keyof ComponentPublicInstance] = markRaw(options[prop])\n      } else {\n        vm[prop as keyof ComponentPublicInstance] = options[prop]\n      }\n    }\n  }\n\n  // change visibility after everything is settled\n  vm.visible = true\n  return vm\n}\n\nasync function MessageBox(\n  options: ElMessageBoxOptions,\n  appContext?: AppContext | null\n): Promise<MessageBoxData>\nfunction MessageBox(\n  options: ElMessageBoxOptions | string | VNode,\n  appContext: AppContext | null = null\n): Promise<{ value: string; action: Action } | Action> {\n  if (!isClient) return Promise.reject()\n  let callback: Callback | undefined\n  if (isString(options) || isVNode(options)) {\n    options = {\n      message: options,\n    }\n  } else {\n    callback = options.callback\n  }\n\n  return new Promise((resolve, reject) => {\n    const vm = showMessage(\n      options,\n      appContext ?? (MessageBox as IElMessageBox)._context\n    )\n    // collect this vm in order to handle upcoming events.\n    messageInstance.set(vm, {\n      options,\n      callback,\n      resolve,\n      reject,\n    })\n  })\n}\n\nconst MESSAGE_BOX_VARIANTS = ['alert', 'confirm', 'prompt'] as const\nconst MESSAGE_BOX_DEFAULT_OPTS: Record<\n  (typeof MESSAGE_BOX_VARIANTS)[number],\n  Partial<ElMessageBoxOptions>\n> = {\n  alert: { closeOnPressEscape: false, closeOnClickModal: false },\n  confirm: { showCancelButton: true },\n  prompt: { showCancelButton: true, showInput: true },\n}\n\nMESSAGE_BOX_VARIANTS.forEach((boxType) => {\n  ;(MessageBox as IElMessageBox)[boxType] = messageBoxFactory(\n    boxType\n  ) as ElMessageBoxShortcutMethod\n})\n\nfunction messageBoxFactory(boxType: (typeof MESSAGE_BOX_VARIANTS)[number]) {\n  return (\n    message: string | VNode,\n    title: string | ElMessageBoxOptions,\n    options?: ElMessageBoxOptions,\n    appContext?: AppContext | null\n  ) => {\n    let titleOrOpts = ''\n    if (isObject(title)) {\n      options = title as ElMessageBoxOptions\n      titleOrOpts = ''\n    } else if (isUndefined(title)) {\n      titleOrOpts = ''\n    } else {\n      titleOrOpts = title as string\n    }\n\n    return MessageBox(\n      Object.assign(\n        {\n          title: titleOrOpts,\n          message,\n          type: '',\n          ...MESSAGE_BOX_DEFAULT_OPTS[boxType],\n        },\n        options,\n        {\n          boxType,\n        }\n      ),\n      appContext\n    )\n  }\n}\n\nMessageBox.close = () => {\n  // instance.setupInstall.doClose()\n  // instance.setupInstall.state.visible = false\n\n  messageInstance.forEach((_, vm) => {\n    vm.doClose()\n  })\n\n  messageInstance.clear()\n}\n;(MessageBox as IElMessageBox)._context = null\n\nexport default MessageBox as IElMessageBox\n"],"mappings":"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"}
+{"version":3,"file":"messageBox.js","names":["isElement","MessageBoxConstructor","isClient","isUndefined"],"sources":["../../../../../../packages/components/message-box/src/messageBox.ts"],"sourcesContent":["import { createVNode, isVNode, markRaw, render } from 'vue'\nimport {\n  debugWarn,\n  hasOwn,\n  isClient,\n  isElement,\n  isFunction,\n  isObject,\n  isString,\n  isUndefined,\n} from '@element-plus/utils'\nimport MessageBoxConstructor from './index.vue'\n\nimport type { AppContext, ComponentPublicInstance, VNode } from 'vue'\nimport type {\n  Action,\n  Callback,\n  CloseFn,\n  ElMessageBoxOptions,\n  ElMessageBoxShortcutMethod,\n  IElMessageBox,\n  MessageBoxData,\n  MessageBoxState,\n} from './message-box.type'\n\n// component default merge props & data\n\nconst messageInstance = new Map<\n  ComponentPublicInstance<{ doClose: CloseFn }>, // marking doClose as function\n  {\n    options: any\n    callback: Callback | undefined\n    resolve: (res: any) => void\n    reject: (reason?: any) => void\n  }\n>()\n\nconst getAppendToElement = (props: any): HTMLElement => {\n  let appendTo: HTMLElement | null = document.body\n  if (props.appendTo) {\n    if (isString(props.appendTo)) {\n      appendTo = document.querySelector<HTMLElement>(props.appendTo)\n    }\n    if (isElement(props.appendTo)) {\n      appendTo = props.appendTo\n    }\n\n    // should fallback to default value with a warning\n    if (!isElement(appendTo)) {\n      debugWarn(\n        'ElMessageBox',\n        'the appendTo option is not an HTMLElement. Falling back to document.body.'\n      )\n      appendTo = document.body\n    }\n  }\n  return appendTo\n}\n\nconst handleAction = (vnode: VNode, action: Action) => {\n  const vm = vnode.component?.proxy as ComponentPublicInstance<{\n    handleAction: (action: Action) => void\n  }>\n  return () => vm.handleAction(action)\n}\n\nconst initInstance = (\n  props: any,\n  container: HTMLElement,\n  appContext: AppContext | null = null\n) => {\n  const vnode = createVNode(\n    MessageBoxConstructor,\n    props,\n    isFunction(props.message) || isVNode(props.message)\n      ? {\n          default: isFunction(props.message)\n            ? () =>\n                props.message({\n                  confirm: handleAction(vnode, 'confirm'),\n                  cancel: handleAction(vnode, 'cancel'),\n                  close: handleAction(vnode, 'close'),\n                })\n            : () => props.message,\n        }\n      : null\n  )\n  vnode.appContext = appContext\n  render(vnode, container)\n  getAppendToElement(props).appendChild(container.firstElementChild!)\n  return vnode.component\n}\n\nconst genContainer = () => {\n  return document.createElement('div')\n}\n\nconst showMessage = (options: any, appContext?: AppContext | null) => {\n  const container = genContainer()\n  // Adding destruct method.\n  // when transition leaves emitting `vanish` evt. so that we can do the clean job.\n  options.onVanish = () => {\n    // not sure if this causes mem leak, need proof to verify that.\n    // maybe calling out like 1000 msg-box then close them all.\n    render(null, container)\n    messageInstance.delete(vm) // Remove vm to avoid mem leak.\n    // here we were suppose to call document.body.removeChild(container.firstElementChild)\n    // but render(null, container) did that job for us. so that we do not call that directly\n  }\n\n  options.onAction = (action: Action) => {\n    const currentMsg = messageInstance.get(vm)!\n    let resolve: Action | { value: string; action: Action }\n    if (options.showInput) {\n      resolve = { value: vm.inputValue, action }\n    } else {\n      resolve = action\n    }\n    if (options.callback) {\n      options.callback(resolve, instance.proxy)\n    } else {\n      if (action === 'cancel' || action === 'close') {\n        if (options.distinguishCancelAndClose && action !== 'cancel') {\n          currentMsg.reject('close')\n        } else {\n          currentMsg.reject('cancel')\n        }\n      } else {\n        currentMsg.resolve(resolve)\n      }\n    }\n  }\n\n  const instance = initInstance(options, container, appContext)!\n\n  // This is how we use message box programmatically.\n  // Maybe consider releasing a template version?\n  // get component instance like v2.\n  const vm = instance.proxy as ComponentPublicInstance<\n    {\n      visible: boolean\n      doClose: CloseFn\n    } & MessageBoxState\n  >\n\n  for (const prop in options) {\n    if (hasOwn(options, prop) && !hasOwn(vm.$props, prop)) {\n      if (prop === 'closeIcon' && isObject(options[prop])) {\n        vm[prop as keyof ComponentPublicInstance] = markRaw(options[prop])\n      } else {\n        vm[prop as keyof ComponentPublicInstance] = options[prop]\n      }\n    }\n  }\n\n  // change visibility after everything is settled\n  vm.visible = true\n  return vm\n}\n\nasync function MessageBox(\n  options: ElMessageBoxOptions,\n  appContext?: AppContext | null\n): Promise<MessageBoxData>\nfunction MessageBox(\n  options: ElMessageBoxOptions | string | VNode,\n  appContext: AppContext | null = null\n): Promise<MessageBoxData> {\n  if (!isClient) return Promise.reject()\n  let callback: Callback | undefined\n  if (isString(options) || isVNode(options)) {\n    options = {\n      message: options,\n    }\n  } else {\n    callback = options.callback\n  }\n\n  return new Promise((resolve, reject) => {\n    const vm = showMessage(\n      options,\n      appContext ?? (MessageBox as IElMessageBox)._context\n    )\n    // collect this vm in order to handle upcoming events.\n    messageInstance.set(vm, {\n      options,\n      callback,\n      resolve,\n      reject,\n    })\n  })\n}\n\nconst MESSAGE_BOX_VARIANTS = ['alert', 'confirm', 'prompt'] as const\nconst MESSAGE_BOX_DEFAULT_OPTS: Record<\n  (typeof MESSAGE_BOX_VARIANTS)[number],\n  Partial<ElMessageBoxOptions>\n> = {\n  alert: { closeOnPressEscape: false, closeOnClickModal: false },\n  confirm: { showCancelButton: true },\n  prompt: { showCancelButton: true, showInput: true },\n}\n\nMESSAGE_BOX_VARIANTS.forEach((boxType) => {\n  ;(MessageBox as IElMessageBox)[boxType] = messageBoxFactory(\n    boxType\n  ) as ElMessageBoxShortcutMethod\n})\n\nfunction messageBoxFactory(boxType: (typeof MESSAGE_BOX_VARIANTS)[number]) {\n  return (\n    message: string | VNode,\n    title: string | ElMessageBoxOptions,\n    options?: ElMessageBoxOptions,\n    appContext?: AppContext | null\n  ) => {\n    let titleOrOpts = ''\n    if (isObject(title)) {\n      options = title as ElMessageBoxOptions\n      titleOrOpts = ''\n    } else if (isUndefined(title)) {\n      titleOrOpts = ''\n    } else {\n      titleOrOpts = title as string\n    }\n\n    return MessageBox(\n      Object.assign(\n        {\n          title: titleOrOpts,\n          message,\n          type: '',\n          ...MESSAGE_BOX_DEFAULT_OPTS[boxType],\n        },\n        options,\n        {\n          boxType,\n        }\n      ),\n      appContext\n    )\n  }\n}\n\nMessageBox.close = () => {\n  // instance.setupInstall.doClose()\n  // instance.setupInstall.state.visible = false\n\n  messageInstance.forEach((_, vm) => {\n    vm.doClose()\n  })\n\n  messageInstance.clear()\n}\n;(MessageBox as IElMessageBox)._context = null\n\nexport default MessageBox as IElMessageBox\n"],"mappings":"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"}

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

@@ -110,10 +110,10 @@ declare const notificationProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly position: EpPropFinalized<StringConstructor, "top-right" | "top-left" | "bottom-right" | "bottom-left", unknown, "top-right", boolean>;
+  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" | "primary" | "success" | "info" | "warning", unknown, "", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "" | "error" | "success" | "warning" | "info" | "primary", 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/lib/components/notification/src/notification.vue.d.ts

@@ -19,15 +19,15 @@ declare const __VLS_base: vue.DefineComponent<NotificationProps, {
   onDestroy?: (() => any) | undefined;
 }>, {
   type: NotificationType;
-  offset: number;
-  id: string;
+  title: string;
   onClick: () => void;
-  message: string | vue.VNode | (() => vue.VNode);
+  id: string;
+  offset: number;
   position: NotificationPosition;
-  title: string;
+  duration: number;
+  message: string | vue.VNode | (() => vue.VNode);
   closeIcon: IconPropType;
   showClose: boolean;
-  duration: number;
   customClass: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/lib/components/page-header/src/page-header.vue.d.ts

@@ -23,8 +23,8 @@ declare const __VLS_base: vue.DefineComponent<PageHeaderProps, {}, {}, {}, {}, v
 }, string, vue.PublicProps, Readonly<PageHeaderProps> & Readonly<{
   onBack?: (() => any) | undefined;
 }>, {
-  icon: IconPropType;
   content: string;
+  icon: IconPropType;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;