@element-plus/nightly 0.0.20260518 → 0.0.20260520

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

@@ -81,7 +81,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[]) => "bottom" | "top") | (() => "bottom" | "top") | (((new (...args: any[]) => "bottom" | "top") | (() => "bottom" | "top")) | null)[], unknown, unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom") | (() => "top" | "bottom") | (((new (...args: any[]) => "top" | "bottom") | (() => "top" | "bottom")) | null)[], unknown, unknown, string, boolean>;
   showArrow: BooleanConstructor;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
   whole: BooleanConstructor;
@@ -198,7 +198,7 @@ declare const mentionProps: {
   popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   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[]) => "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal") | (() => "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined) | (((new (...args: any[]) => "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal") | (() => "search" | "none" | "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

@@ -7,12 +7,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;
     onSearch?: ((pattern: string, prefix: string) => any) | undefined;
+    onSelect?: ((option: MentionOption, 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;
@@ -46,7 +46,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: "input", value: string) => void) & ((event: "search", pattern: string, prefix: string) => void) & ((event: "select", option: MentionOption, 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

@@ -12,7 +12,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, "hover" | "click", unknown, "hover", boolean>;
+  readonly menuTrigger: EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
   readonly collapse: BooleanConstructor;
   readonly backgroundColor: StringConstructor;
   readonly textColor: StringConstructor;
@@ -48,7 +48,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, "hover" | "click", unknown, "hover", boolean>;
+  readonly menuTrigger: EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
   readonly collapse: BooleanConstructor;
   readonly backgroundColor: StringConstructor;
   readonly textColor: StringConstructor;
@@ -81,7 +81,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, "hover" | "click", unknown, "hover", boolean>;
+  readonly menuTrigger: EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
   readonly collapse: BooleanConstructor;
   readonly backgroundColor: StringConstructor;
   readonly textColor: StringConstructor;
@@ -103,19 +103,19 @@ declare const _default: _$vue.DefineComponent<ExtractPropTypes<{
   readonly hideTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
   readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & Readonly<{
-  onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
-  onClose?: ((index: string, indexPath: string[]) => any) | undefined;
   onSelect?: ((index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
+  onClose?: ((index: string, indexPath: string[]) => any) | undefined;
+  onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
 }>, {
+  readonly mode: EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
   readonly collapse: boolean;
   readonly ellipsis: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly persistent: 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, "hover" | "click", unknown>;
+  readonly menuTrigger: EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
   readonly collapseTransition: 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>;

package/lib/components/menu/src/utils/menu-item.js

@@ -2,8 +2,8 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_aria = require("../../../../constants/aria.js");
-const require_aria$1 = require("../../../../utils/dom/aria.js");
+const require_aria = require("../../../../utils/dom/aria.js");
+const require_aria$1 = require("../../../../constants/aria.js");
 const require_event = require("../../../../utils/dom/event.js");
 const require_submenu = require("./submenu.js");
 //#region ../../packages/components/menu/src/utils/menu-item.ts
@@ -24,22 +24,22 @@ var MenuItem = class {
 			const code = require_event.getEventCode(event);
 			let prevDef = false;
 			switch (code) {
-				case require_aria.EVENT_CODE.down:
-					require_aria$1.triggerEvent(event.currentTarget, "mouseenter");
+				case require_aria$1.EVENT_CODE.down:
+					require_aria.triggerEvent(event.currentTarget, "mouseenter");
 					this.submenu?.gotoSubIndex(0);
 					prevDef = true;
 					break;
-				case require_aria.EVENT_CODE.up:
-					require_aria$1.triggerEvent(event.currentTarget, "mouseenter");
+				case require_aria$1.EVENT_CODE.up:
+					require_aria.triggerEvent(event.currentTarget, "mouseenter");
 					this.submenu?.gotoSubIndex(this.submenu.subMenuItems.length - 1);
 					prevDef = true;
 					break;
-				case require_aria.EVENT_CODE.tab:
-					require_aria$1.triggerEvent(event.currentTarget, "mouseleave");
+				case require_aria$1.EVENT_CODE.tab:
+					require_aria.triggerEvent(event.currentTarget, "mouseleave");
 					break;
-				case require_aria.EVENT_CODE.enter:
-				case require_aria.EVENT_CODE.numpadEnter:
-				case require_aria.EVENT_CODE.space:
+				case require_aria$1.EVENT_CODE.enter:
+				case require_aria$1.EVENT_CODE.numpadEnter:
+				case require_aria$1.EVENT_CODE.space:
 					prevDef = true;
 					event.currentTarget.click();
 					break;

package/lib/components/menu/src/utils/menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.js","names":["SubMenu","getEventCode","EVENT_CODE"],"sources":["../../../../../../../packages/components/menu/src/utils/menu-item.ts"],"sourcesContent":["import { getEventCode, triggerEvent } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport SubMenu from './submenu'\n\nclass MenuItem {\n  public submenu: SubMenu | null\n  constructor(\n    public domNode: HTMLElement,\n    namespace: string\n  ) {\n    this.submenu = null\n    this.init(namespace)\n  }\n\n  init(namespace: string): void {\n    this.domNode.setAttribute('tabindex', '0')\n    const menuChild = this.domNode.querySelector(`.${namespace}-menu`)\n    if (menuChild) {\n      this.submenu = new SubMenu(this, menuChild)\n    }\n    this.addListeners()\n  }\n\n  addListeners() {\n    this.domNode.addEventListener('keydown', (event: KeyboardEvent) => {\n      const code = getEventCode(event)\n      let prevDef = false\n\n      switch (code) {\n        case EVENT_CODE.down: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseenter')\n          this.submenu?.gotoSubIndex(0)\n          prevDef = true\n          break\n        }\n        case EVENT_CODE.up: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseenter')\n          this.submenu?.gotoSubIndex(this.submenu.subMenuItems.length - 1)\n          prevDef = true\n          break\n        }\n        case EVENT_CODE.tab: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseleave')\n          break\n        }\n        case EVENT_CODE.enter:\n        case EVENT_CODE.numpadEnter:\n        case EVENT_CODE.space: {\n          prevDef = true\n          ;(event.currentTarget as HTMLElement).click()\n          break\n        }\n      }\n      if (prevDef) {\n        event.preventDefault()\n      }\n    })\n  }\n}\n\nexport default MenuItem\n"],"mappings":";;;;;;;;;AAIA,IAAM,WAAN,MAAe;CAEb,YACE,SACA,WACA;EAFO,KAAA,UAAA;EAGP,KAAK,UAAU;EACf,KAAK,KAAK,UAAU;;CAGtB,KAAK,WAAyB;EAC5B,KAAK,QAAQ,aAAa,YAAY,IAAI;EAC1C,MAAM,YAAY,KAAK,QAAQ,cAAc,IAAI,UAAU,OAAO;EAClE,IAAI,WACF,KAAK,UAAU,IAAIA,gBAAAA,QAAQ,MAAM,UAAU;EAE7C,KAAK,cAAc;;CAGrB,eAAe;EACb,KAAK,QAAQ,iBAAiB,YAAY,UAAyB;GACjE,MAAM,OAAOC,cAAAA,aAAa,MAAM;GAChC,IAAI,UAAU;GAEd,QAAQ,MAAR;IACE,KAAKC,aAAAA,WAAW;KACd,eAAA,aAAa,MAAM,eAA8B,aAAa;KAC9D,KAAK,SAAS,aAAa,EAAE;KAC7B,UAAU;KACV;IAEF,KAAKA,aAAAA,WAAW;KACd,eAAA,aAAa,MAAM,eAA8B,aAAa;KAC9D,KAAK,SAAS,aAAa,KAAK,QAAQ,aAAa,SAAS,EAAE;KAChE,UAAU;KACV;IAEF,KAAKA,aAAAA,WAAW;KACd,eAAA,aAAa,MAAM,eAA8B,aAAa;KAC9D;IAEF,KAAKA,aAAAA,WAAW;IAChB,KAAKA,aAAAA,WAAW;IAChB,KAAKA,aAAAA,WAAW;KACd,UAAU;KACT,MAAO,cAA8B,OAAO;KAC7C;;GAGJ,IAAI,SACF,MAAM,gBAAgB;IAExB"}
+{"version":3,"file":"menu-item.js","names":["SubMenu","getEventCode","EVENT_CODE"],"sources":["../../../../../../../packages/components/menu/src/utils/menu-item.ts"],"sourcesContent":["import { getEventCode, triggerEvent } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport SubMenu from './submenu'\n\nclass MenuItem {\n  public submenu: SubMenu | null\n  constructor(\n    public domNode: HTMLElement,\n    namespace: string\n  ) {\n    this.submenu = null\n    this.init(namespace)\n  }\n\n  init(namespace: string): void {\n    this.domNode.setAttribute('tabindex', '0')\n    const menuChild = this.domNode.querySelector(`.${namespace}-menu`)\n    if (menuChild) {\n      this.submenu = new SubMenu(this, menuChild)\n    }\n    this.addListeners()\n  }\n\n  addListeners() {\n    this.domNode.addEventListener('keydown', (event: KeyboardEvent) => {\n      const code = getEventCode(event)\n      let prevDef = false\n\n      switch (code) {\n        case EVENT_CODE.down: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseenter')\n          this.submenu?.gotoSubIndex(0)\n          prevDef = true\n          break\n        }\n        case EVENT_CODE.up: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseenter')\n          this.submenu?.gotoSubIndex(this.submenu.subMenuItems.length - 1)\n          prevDef = true\n          break\n        }\n        case EVENT_CODE.tab: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseleave')\n          break\n        }\n        case EVENT_CODE.enter:\n        case EVENT_CODE.numpadEnter:\n        case EVENT_CODE.space: {\n          prevDef = true\n          ;(event.currentTarget as HTMLElement).click()\n          break\n        }\n      }\n      if (prevDef) {\n        event.preventDefault()\n      }\n    })\n  }\n}\n\nexport default MenuItem\n"],"mappings":";;;;;;;;;AAIA,IAAM,WAAN,MAAe;CAEb,YACE,SACA,WACA;EAFO,KAAA,UAAA;EAGP,KAAK,UAAU;EACf,KAAK,KAAK,UAAU;;CAGtB,KAAK,WAAyB;EAC5B,KAAK,QAAQ,aAAa,YAAY,IAAI;EAC1C,MAAM,YAAY,KAAK,QAAQ,cAAc,IAAI,UAAU,OAAO;EAClE,IAAI,WACF,KAAK,UAAU,IAAIA,gBAAAA,QAAQ,MAAM,UAAU;EAE7C,KAAK,cAAc;;CAGrB,eAAe;EACb,KAAK,QAAQ,iBAAiB,YAAY,UAAyB;GACjE,MAAM,OAAOC,cAAAA,aAAa,MAAM;GAChC,IAAI,UAAU;GAEd,QAAQ,MAAR;IACE,KAAKC,eAAAA,WAAW;KACd,aAAA,aAAa,MAAM,eAA8B,aAAa;KAC9D,KAAK,SAAS,aAAa,EAAE;KAC7B,UAAU;KACV;IAEF,KAAKA,eAAAA,WAAW;KACd,aAAA,aAAa,MAAM,eAA8B,aAAa;KAC9D,KAAK,SAAS,aAAa,KAAK,QAAQ,aAAa,SAAS,EAAE;KAChE,UAAU;KACV;IAEF,KAAKA,eAAAA,WAAW;KACd,aAAA,aAAa,MAAM,eAA8B,aAAa;KAC9D;IAEF,KAAKA,eAAAA,WAAW;IAChB,KAAKA,eAAAA,WAAW;IAChB,KAAKA,eAAAA,WAAW;KACd,UAAU;KACT,MAAO,cAA8B,OAAO;KAC7C;;GAGJ,IAAI,SACF,MAAM,gBAAgB;IAExB"}

package/lib/components/menu/src/utils/submenu.js

@@ -2,8 +2,8 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_aria = require("../../../../constants/aria.js");
-const require_aria$1 = require("../../../../utils/dom/aria.js");
+const require_aria = require("../../../../utils/dom/aria.js");
+const require_aria$1 = require("../../../../constants/aria.js");
 const require_event = require("../../../../utils/dom/event.js");
 //#region ../../packages/components/menu/src/utils/submenu.ts
 var SubMenu = class {
@@ -27,20 +27,20 @@ var SubMenu = class {
 				const code = require_event.getEventCode(event);
 				let prevDef = false;
 				switch (code) {
-					case require_aria.EVENT_CODE.down:
+					case require_aria$1.EVENT_CODE.down:
 						this.gotoSubIndex(this.subIndex + 1);
 						prevDef = true;
 						break;
-					case require_aria.EVENT_CODE.up:
+					case require_aria$1.EVENT_CODE.up:
 						this.gotoSubIndex(this.subIndex - 1);
 						prevDef = true;
 						break;
-					case require_aria.EVENT_CODE.tab:
-						require_aria$1.triggerEvent(parentNode, "mouseleave");
+					case require_aria$1.EVENT_CODE.tab:
+						require_aria.triggerEvent(parentNode, "mouseleave");
 						break;
-					case require_aria.EVENT_CODE.enter:
-					case require_aria.EVENT_CODE.numpadEnter:
-					case require_aria.EVENT_CODE.space:
+					case require_aria$1.EVENT_CODE.enter:
+					case require_aria$1.EVENT_CODE.numpadEnter:
+					case require_aria$1.EVENT_CODE.space:
 						prevDef = true;
 						event.currentTarget.click();
 						break;

package/lib/components/menu/src/utils/submenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"submenu.js","names":["getEventCode","EVENT_CODE"],"sources":["../../../../../../../packages/components/menu/src/utils/submenu.ts"],"sourcesContent":["import { getEventCode, triggerEvent } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\n\nimport type MenuItem from './menu-item'\n\nclass SubMenu {\n  public subMenuItems: NodeListOf<HTMLLIElement>\n  public subIndex: number\n  constructor(\n    public parent: MenuItem,\n    public domNode: ParentNode\n  ) {\n    this.subIndex = 0\n    this.subMenuItems = this.domNode.querySelectorAll('li')\n    this.addListeners()\n  }\n\n  gotoSubIndex(idx: number) {\n    if (idx === this.subMenuItems.length) {\n      idx = 0\n    } else if (idx < 0) {\n      idx = this.subMenuItems.length - 1\n    }\n    this.subMenuItems[idx].focus()\n    this.subIndex = idx\n  }\n\n  addListeners() {\n    const parentNode = this.parent.domNode\n    this.subMenuItems.forEach((el) => {\n      el.addEventListener('keydown', (event: KeyboardEvent) => {\n        const code = getEventCode(event)\n        let prevDef = false\n\n        switch (code) {\n          case EVENT_CODE.down: {\n            this.gotoSubIndex(this.subIndex + 1)\n            prevDef = true\n            break\n          }\n          case EVENT_CODE.up: {\n            this.gotoSubIndex(this.subIndex - 1)\n            prevDef = true\n            break\n          }\n          case EVENT_CODE.tab: {\n            triggerEvent(parentNode, 'mouseleave')\n            break\n          }\n          case EVENT_CODE.enter:\n          case EVENT_CODE.numpadEnter:\n          case EVENT_CODE.space: {\n            prevDef = true\n            ;(event.currentTarget as HTMLElement).click()\n            break\n          }\n        }\n        if (prevDef) {\n          event.preventDefault()\n          event.stopPropagation()\n        }\n        return false\n      })\n    })\n  }\n}\n\nexport default SubMenu\n"],"mappings":";;;;;;;;AAKA,IAAM,UAAN,MAAc;CAGZ,YACE,QACA,SACA;EAFO,KAAA,SAAA;EACA,KAAA,UAAA;EAEP,KAAK,WAAW;EAChB,KAAK,eAAe,KAAK,QAAQ,iBAAiB,KAAK;EACvD,KAAK,cAAc;;CAGrB,aAAa,KAAa;EACxB,IAAI,QAAQ,KAAK,aAAa,QAC5B,MAAM;OACD,IAAI,MAAM,GACf,MAAM,KAAK,aAAa,SAAS;EAEnC,KAAK,aAAa,KAAK,OAAO;EAC9B,KAAK,WAAW;;CAGlB,eAAe;EACb,MAAM,aAAa,KAAK,OAAO;EAC/B,KAAK,aAAa,SAAS,OAAO;GAChC,GAAG,iBAAiB,YAAY,UAAyB;IACvD,MAAM,OAAOA,cAAAA,aAAa,MAAM;IAChC,IAAI,UAAU;IAEd,QAAQ,MAAR;KACE,KAAKC,aAAAA,WAAW;MACd,KAAK,aAAa,KAAK,WAAW,EAAE;MACpC,UAAU;MACV;KAEF,KAAKA,aAAAA,WAAW;MACd,KAAK,aAAa,KAAK,WAAW,EAAE;MACpC,UAAU;MACV;KAEF,KAAKA,aAAAA,WAAW;MACd,eAAA,aAAa,YAAY,aAAa;MACtC;KAEF,KAAKA,aAAAA,WAAW;KAChB,KAAKA,aAAAA,WAAW;KAChB,KAAKA,aAAAA,WAAW;MACd,UAAU;MACT,MAAO,cAA8B,OAAO;MAC7C;;IAGJ,IAAI,SAAS;KACX,MAAM,gBAAgB;KACtB,MAAM,iBAAiB;;IAEzB,OAAO;KACP;IACF"}
+{"version":3,"file":"submenu.js","names":["getEventCode","EVENT_CODE"],"sources":["../../../../../../../packages/components/menu/src/utils/submenu.ts"],"sourcesContent":["import { getEventCode, triggerEvent } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\n\nimport type MenuItem from './menu-item'\n\nclass SubMenu {\n  public subMenuItems: NodeListOf<HTMLLIElement>\n  public subIndex: number\n  constructor(\n    public parent: MenuItem,\n    public domNode: ParentNode\n  ) {\n    this.subIndex = 0\n    this.subMenuItems = this.domNode.querySelectorAll('li')\n    this.addListeners()\n  }\n\n  gotoSubIndex(idx: number) {\n    if (idx === this.subMenuItems.length) {\n      idx = 0\n    } else if (idx < 0) {\n      idx = this.subMenuItems.length - 1\n    }\n    this.subMenuItems[idx].focus()\n    this.subIndex = idx\n  }\n\n  addListeners() {\n    const parentNode = this.parent.domNode\n    this.subMenuItems.forEach((el) => {\n      el.addEventListener('keydown', (event: KeyboardEvent) => {\n        const code = getEventCode(event)\n        let prevDef = false\n\n        switch (code) {\n          case EVENT_CODE.down: {\n            this.gotoSubIndex(this.subIndex + 1)\n            prevDef = true\n            break\n          }\n          case EVENT_CODE.up: {\n            this.gotoSubIndex(this.subIndex - 1)\n            prevDef = true\n            break\n          }\n          case EVENT_CODE.tab: {\n            triggerEvent(parentNode, 'mouseleave')\n            break\n          }\n          case EVENT_CODE.enter:\n          case EVENT_CODE.numpadEnter:\n          case EVENT_CODE.space: {\n            prevDef = true\n            ;(event.currentTarget as HTMLElement).click()\n            break\n          }\n        }\n        if (prevDef) {\n          event.preventDefault()\n          event.stopPropagation()\n        }\n        return false\n      })\n    })\n  }\n}\n\nexport default SubMenu\n"],"mappings":";;;;;;;;AAKA,IAAM,UAAN,MAAc;CAGZ,YACE,QACA,SACA;EAFO,KAAA,SAAA;EACA,KAAA,UAAA;EAEP,KAAK,WAAW;EAChB,KAAK,eAAe,KAAK,QAAQ,iBAAiB,KAAK;EACvD,KAAK,cAAc;;CAGrB,aAAa,KAAa;EACxB,IAAI,QAAQ,KAAK,aAAa,QAC5B,MAAM;OACD,IAAI,MAAM,GACf,MAAM,KAAK,aAAa,SAAS;EAEnC,KAAK,aAAa,KAAK,OAAO;EAC9B,KAAK,WAAW;;CAGlB,eAAe;EACb,MAAM,aAAa,KAAK,OAAO;EAC/B,KAAK,aAAa,SAAS,OAAO;GAChC,GAAG,iBAAiB,YAAY,UAAyB;IACvD,MAAM,OAAOA,cAAAA,aAAa,MAAM;IAChC,IAAI,UAAU;IAEd,QAAQ,MAAR;KACE,KAAKC,eAAAA,WAAW;MACd,KAAK,aAAa,KAAK,WAAW,EAAE;MACpC,UAAU;MACV;KAEF,KAAKA,eAAAA,WAAW;MACd,KAAK,aAAa,KAAK,WAAW,EAAE;MACpC,UAAU;MACV;KAEF,KAAKA,eAAAA,WAAW;MACd,aAAA,aAAa,YAAY,aAAa;MACtC;KAEF,KAAKA,eAAAA,WAAW;KAChB,KAAKA,eAAAA,WAAW;KAChB,KAAKA,eAAAA,WAAW;MACd,UAAU;MACT,MAAO,cAA8B,OAAO;MAC7C;;IAGJ,IAAI,SAAS;KACX,MAAM,gBAAgB;KACtB,MAAM,iBAAiB;;IAEzB,OAAO;KACP;IACF"}

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

@@ -11,7 +11,7 @@ type MessageContext = {
   vm: ComponentInternalInstance;
   props: Mutable<MessageProps>;
 };
-declare const placementInstances: _$vue.ShallowReactive<Record<"bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right", MessageContext[]>>;
+declare const placementInstances: _$vue.ShallowReactive<Record<"top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right", MessageContext[]>>;
 declare const getOrCreatePlacementInstances: (placement: MessagePlacement) => MessageContext[];
 declare const getInstance: (id: string, placement: MessagePlacement) => {
   current: MessageContext;

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

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

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

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

@@ -89,7 +89,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }>;
   contentId: _$vue.Ref<string, string>;
   inputId: _$vue.Ref<string, string>;
-  btnSize: _$vue.ComputedRef<"default" | "" | "small" | "large">;
+  btnSize: _$vue.ComputedRef<"" | "default" | "small" | "large">;
   iconComponent: _$vue.ComputedRef<string | _$vue.FunctionalComponent<any, {}, any, {}> | {
     new (...args: any[]): any;
     __isFragment?: never;
@@ -229,7 +229,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<"" | "info" | "primary" | "success" | "warning" | "error", "" | "info" | "primary" | "success" | "warning" | "error">;
+  type: _$vue.Ref<"" | "error" | "primary" | "success" | "info" | "warning", "" | "error" | "primary" | "success" | "info" | "warning">;
   icon: _$vue.Ref<string | _$vue.FunctionalComponent<any, {}, any, {}> | {
     new (...args: any[]): any;
     __isFragment?: never;
@@ -4031,8 +4031,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" | "text" | "info" | "primary" | "success" | "warning" | "danger", "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger">;
-  cancelButtonType: _$vue.Ref<"" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger", "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger">;
+  confirmButtonType: _$vue.Ref<"" | "default" | "text" | "primary" | "success" | "info" | "warning" | "danger", "" | "default" | "text" | "primary" | "success" | "info" | "warning" | "danger">;
+  cancelButtonType: _$vue.Ref<"" | "default" | "text" | "primary" | "success" | "info" | "warning" | "danger", "" | "default" | "text" | "primary" | "success" | "info" | "warning" | "danger">;
   confirmButtonLoading: _$vue.Ref<boolean, boolean>;
   cancelButtonLoading: _$vue.Ref<boolean, boolean>;
   confirmButtonLoadingIcon: _$vue.Ref<string | _$vue.FunctionalComponent<any, {}, any, {}> | {
@@ -4580,12 +4580,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   center: boolean;
   container: string;
   overflow: boolean;
-  closeOnClickModal: boolean;
+  showClose: boolean;
   closeOnPressEscape: boolean;
+  draggable: boolean;
+  closeOnClickModal: boolean;
   lockScroll: boolean;
   modal: boolean;
-  draggable: boolean;
-  showClose: boolean;
   roundButton: boolean;
   closeOnHashChange: boolean;
   boxType: MessageBoxType;
@@ -4601,7 +4601,7 @@ 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" | "" | "text" | "info" | "primary" | "success" | "warning" | "danger">;
+      type: _$vue.ComputedRef<"" | "default" | "text" | "primary" | "success" | "info" | "warning" | "danger">;
       disabled: _$vue.ComputedRef<boolean>;
       shouldAddSpace: _$vue.ComputedRef<boolean>;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
@@ -4612,11 +4612,11 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       round: boolean;
       dashed: boolean;
       disabled: boolean;
+      tag: string | _$vue.Component;
+      plain: boolean;
       nativeType: ButtonNativeType;
       loadingIcon: IconPropType;
-      plain: boolean;
       autoInsertSpace: boolean;
-      tag: string | _$vue.Component;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
       B: {};
@@ -4629,7 +4629,7 @@ 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" | "" | "text" | "info" | "primary" | "success" | "warning" | "danger">;
+      type: _$vue.ComputedRef<"" | "default" | "text" | "primary" | "success" | "info" | "warning" | "danger">;
       disabled: _$vue.ComputedRef<boolean>;
       shouldAddSpace: _$vue.ComputedRef<boolean>;
     }, {}, {}, {}, {
@@ -4638,11 +4638,11 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       round: boolean;
       dashed: boolean;
       disabled: boolean;
+      tag: string | _$vue.Component;
+      plain: boolean;
       nativeType: ButtonNativeType;
       loadingIcon: IconPropType;
-      plain: boolean;
       autoInsertSpace: boolean;
-      tag: string | _$vue.Component;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -4652,7 +4652,7 @@ 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" | "" | "text" | "info" | "primary" | "success" | "warning" | "danger">;
+    type: _$vue.ComputedRef<"" | "default" | "text" | "primary" | "success" | "info" | "warning" | "danger">;
     disabled: _$vue.ComputedRef<boolean>;
     shouldAddSpace: _$vue.ComputedRef<boolean>;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
@@ -4663,11 +4663,11 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     round: boolean;
     dashed: boolean;
     disabled: boolean;
+    tag: string | _$vue.Component;
+    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 () => {
     $slots: {
       loading?: (props: {}) => any;
@@ -4680,7 +4680,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" | "text" | "info" | "primary" | "success" | "warning" | "danger" | (() => "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger") | undefined;
+      readonly type?: "" | "default" | "text" | "primary" | "success" | "info" | "warning" | "danger" | (() => "" | "default" | "text" | "primary" | "success" | "info" | "warning" | "danger") | undefined;
       readonly icon?: string | _$vue.FunctionalComponent<any, {}, any, {}> | {
         new (...args: any[]): any;
         __isFragment?: never;
@@ -4744,22 +4744,22 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }>, {
     loop: boolean;
     trapped: boolean;
-    focusStartEl: "first" | HTMLElement | "container";
+    focusStartEl: HTMLElement | "first" | "container";
   }, {}, {}, {}, 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;
-      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;
+      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+      "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {
       input: _$vue.ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
       textarea: _$vue.ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
@@ -4774,28 +4774,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;
-      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;
+      clear: (evt: MouseEvent | undefined) => void;
+      "update:modelValue": (value: string) => void;
     }, _$vue.PublicProps, {
       type: InputType;
       disabled: boolean;
       modelValue: string | number | null;
-      modelModifiers: InputModelModifiers;
-      autocomplete: string;
       clearIcon: IconPropType;
-      wordLimitPosition: "inside" | "outside";
       tabindex: string | number;
       validateEvent: boolean;
+      modelModifiers: InputModelModifiers;
+      autocomplete: string;
+      wordLimitPosition: "inside" | "outside";
       inputStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       rows: number;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
@@ -4806,18 +4806,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;
-      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;
+      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+      "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {
       input: _$vue.ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
       textarea: _$vue.ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
@@ -4835,12 +4835,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       type: InputType;
       disabled: boolean;
       modelValue: string | number | null;
-      modelModifiers: InputModelModifiers;
-      autocomplete: string;
       clearIcon: IconPropType;
-      wordLimitPosition: "inside" | "outside";
       tabindex: string | number;
       validateEvent: boolean;
+      modelModifiers: InputModelModifiers;
+      autocomplete: string;
+      wordLimitPosition: "inside" | "outside";
       inputStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       rows: number;
     }>;
@@ -4848,18 +4848,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;
-    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;
+    onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   }>, {
     input: _$vue.ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     textarea: _$vue.ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
@@ -4874,28 +4874,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;
-    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;
+    clear: (evt: MouseEvent | undefined) => void;
+    "update:modelValue": (value: string) => void;
   }, string, {
     type: InputType;
     disabled: boolean;
     modelValue: string | number | null;
-    modelModifiers: InputModelModifiers;
-    autocomplete: string;
     clearIcon: IconPropType;
-    wordLimitPosition: "inside" | "outside";
     tabindex: string | number;
     validateEvent: boolean;
+    modelModifiers: InputModelModifiers;
+    autocomplete: string;
+    wordLimitPosition: "inside" | "outside";
     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 () => {
@@ -4917,7 +4917,7 @@ declare const __VLS_export: _$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 | Record<string, boolean> | string[]) | (() => string | Record<string, boolean> | string[]) | (((new (...args: any[]) => string | Record<string, boolean> | string[]) | (() => string | Record<string, boolean> | string[])) | null)[], unknown, unknown>>;
+      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;
@@ -4936,7 +4936,7 @@ declare const __VLS_export: _$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 | Record<string, boolean> | string[]) | (() => string | Record<string, boolean> | string[]) | (((new (...args: any[]) => string | Record<string, boolean> | string[]) | (() => string | Record<string, boolean> | string[])) | null)[], unknown, unknown>>;
+      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;

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

@@ -112,7 +112,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, "" | "info" | "primary" | "success" | "warning" | "error", unknown, "", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "" | "error" | "primary" | "success" | "info" | "warning", 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

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